/*!
	Theme Name:       Cherish Local
	Theme URI:        http://cherish-local.christinacreativedesign.com
	Description:      A local, small business focused feminine Genesis Child Theme
	Author:           Christina Arasmo Beymer
	Author URI:       https://christinacreativedesign.com
	Version:          1.0.0
	Tags:             feminine, custom menu, one-column, two-columns, narrow-width, fixed-width, left-sidebar, right-sidebar, responsive-layout, fluid-layout, accessibility-ready, custom-colors, custom-header, featured-images, full-width-template, narrow-width-template, sticky-post, theme-options, threaded-comments, translation-ready, customizer, rtl-language-support
	Template:         genesis
	Template          Version: 2.2.3
	License:          GPLv3 or later
	License URI:      https://www.gnu.org/licenses/gpl-3.0.en.html
	Copyright:        (c) 2016 Christina Arasmo Beymer | ChristinaCreativeDesign.com.
	Attribution:      Copyright Notice/license information must stay intact for legal use as per section 7 (b)
*/

/*  ============== TOC and NOTES ================================================================

This theme is mobile first. It is recommended that you use a CSS plugin or the new 
CSS field in the customizer with WP 4.7 instead of editing this stylesheet directly. 
 
Mobile first has global styles shared across all viewport widths outside of any media 
queries and those styles come first. The MIN width media queries come after 
(usually right after or near) in a min-width media query.
 
Home Page:
/assets/css/home.css
 
WooCommerce:
/assets/css/woocommerce.css
/assets/css/woocommerce-single-thumb-layout.css

Naked Social:
/assets/css/naked-social.css


*** Table of Contents ***
- Imports 
- Resets
	- Baseline Normalize
	- Box Sizing
	- Float Clearing
- HTML/Body Base
- Defaults
	- Objects
	- Iframe
	- Screen Reader Text
	- Skip Links
	- Link Styles Default
	- Horizontal Rule
	- Definition List
	- Pre / Code
	- Table
	- Form
		- Search Form 
		- Buttons
			- Button Row
			- Button Sizes
	- Typography (defaults)
		- Responsive Headlines
		- Content Sub Headline
		- Margins 
		- Blockquote
- Main Containers and Structure
	- Wrap & Max Width Containers
	- Overlapping Content Area
	- Site Header
	- Site Header Widget
	- No Logo (title-area)
	- Logo
	- Site Footer
	- Go To Top
- Page Structure
	- Page Header ( Single Entry Header & Archive Header )
	- Page Header Responsive Typography
	- Page Header Page Title Padding
	- Breadcrumb
- Structural Inner Columns || Column Widths & Positions
	- Narrow Width
	- Sidebar
	- Content Padding
	- Front Page and Visit Us Content Padding
	- Content Sidebar and Sidebar Content ( min-width: 1000px )
	- Content Sidebar and Sidebar Content (min-width: 1200px)
- Entries
	- Entry General
	- Entry Content Link
	- Read More Link
	- Entry Header (global)
	- Archive Entry Header
	- Archive Entry Content & Blog Template Content
	- Search Result Item Archive
	- Ribbon for Archive Sticky Post
	- Entry Footer (single and archive)
	- Archive Pagination
	- Archive Intro Text 
	- Search Title 
	- Entry (single)
	- Drop Cap
	- Author Box
	- Related Posts
	- Adjacent Post Navigation (Previous and Next)
	- Entry Comments / Discussion
		- Comment Content
		- Comment Header
		- Comments Pagination
		- Comment Respond Form
		- Pings
- Page Widgets for widgetized areas in the .content
	- Page Widgets (general)
	- Welcome Text Widget
	- Call To Action
	- Embellish Title / Accent Font Header
	- Embellish Element and Entry Divider
	- Page Widget / Home Widget - eNews Widget
	- Page Widget / Home Widget - Featured Posts Widget
- Widgets
	- After Entry Widget Area
	- Typography in Aside Area
		- Aside Widget Title  ( .aside-area )
	- Hide Widget Titles
	- Recent Entries or Menu Widget
	- Widget Lists ( .sidebar, .footer-widgets, .off-canvas-menu )
	- Sidebar Widget Base
	- Footer Widgets
	- User Profile Widget
	- Local Business (footer-widgets)
	- Genesis Featured Post Widget in aside-area
	- Visit Us Widgetized Page
- Plugins
	- Jetpack
	- WPForms Lite
	- FlexyCat Image Widget Image Border
	- Simple Social Icons (site-top-bar)
	- eNews Widget
- Off Canvas Site Navigation
	- Menu Open Site Navigation
	- Nav Primary
		- Menu Item Description	
		- Menu Icon
		- Child Menu Sub Menu
	- Sub Menu Toggle
	- Site Navigation Widget Styles
	- Site Top Bar
		- Site Top Bar - User Scrolling 
		- Site Top Bar Content
		- Center Site Top Bar
	- Menu Toggle (main toggle)
		- Veg Burger Three Lines (Hamburger)
		- Menu Open .veg-burger .menu-lines
- Main Backgrounds and Colors
	- Background Images (pseudo elements)
	- Site Header and Site Footer Shared Styles
	- Accent Primary
	- WooCommerce Colors (shared with .accent-primary)
	- Page Main Section (.page-header, .page-footer, .off-canvas-menu shared )
	- Accent Secondary
	- Accent Tertiary
- General Utility Classes
- Genesis Column Classes
- Wordpress Alignments
- WordPress Caption
- Aside Area Image Alignments
- WordPress Native Media Gallery
- Site Map Page and Site Map on 404 page
- Print

======================================================================================= */


/* ## Imports
-------------------------------------------------------- */
@font-face {
    font-family: "embellish";
    src: url("assets/fonts/embellish/embellish.eot");
    src: url("assets/fonts/embellish/embellish.eot?#iefix") format("embedded-opentype"), url("assets/fonts/embellish/embellish.woff") format("woff"), url("assets/fonts/embellish/embellish.ttf") format("truetype"), url("assets/fonts/embellish/embellish.svg#embellish") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="embellish-"]:before,
[class*=" embellish-"]:before {
    font-family: "embellish" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.embellish-swirl:before {
    content: "\61"
}

.embellish-eternity-knot:before {
    content: "\62"
}

.embellish-celtic-knot:before {
    content: "\64"
}

.embellish-accent:before {
    content: "\63"
}

.embellish-lotus:before {
    content: "\65"
}

.embellish-accent-2:before {
    content: "\66"
}

.embellish-accent-3:before {
    content: "\67"
}

.embellish-diamonds:before {
    content: "\68"
}


/* ## Resets
--------------------------------------------------------------------------------------- */


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

/* normalize.css v5.0 | MIT License | http://necolas.github.io/normalize.css/ */
html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,footer,header,nav,section{display:block;}h1{font-size:2em;margin:0.67em 0;}figcaption,figure,main{display:block;}figure{margin:1em 40px;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;-webkit-text-decoration-skip:objects;}a:active,a:hover{outline-width:0;}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:inherit;}b,strong{font-weight:bold;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}dfn{font-style:italic;}mark{background-color:#ff0;color:#000;}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;}audio,video{display:inline-block;}audio:not([controls]){display:none;height:0;}img{border-style:none;}svg:not(:root){overflow:hidden;}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,html [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{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{display:inline-block;vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details,menu{display:block;}summary{display:list-item;}canvas{display:inline-block;}template{display:none;}[hidden]{display:none;}

/* theme normalize */
address {
    font-style: normal
}

a[href^=tel] {
    text-decoration: none;
    border-bottom: none;
}

figure {
    margin: 0 0 20px 0
}

mark {
    background: transparent;
}


/* ## Box Sizing
--------------------------------------------- */

html,
input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit
}


/* ## Float Clearing
--------------------------------------------- */

.author-box:after,
.content:after,
.archive-intro-text:after,
.content-sidebar-wrap:after,
.entry-item:after,
.entry-content-wrapper:after,
.related-posts ul:after,
.clearfix:after,
li.comment article:after,
.enews-widget form:after,
.widget:after,
.entry:after,
.entry-content:after,
.nav-primary:after,
.site-container:after,
.footer-widgets:after,
.footer-widgets-wrap:after,
.page-footer:after,
.site-footer:after,
.site-inner:after,
.wrap:after {
    content: '';
    display: table;
    clear: both;
}


/* ## HTML/Body Base
--------------------------------------------------------------------------------------- */

html,
body {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

body {
    overflow-x: hidden;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

@media screen { 

	body {
	    opacity: 0;
	    -webkit-animation: fadeIn ease-in 1;
	    -moz-animation: fadeIn ease-in 1;
	    animation: fadeIn ease-in 1;
	    -webkit-animation-fill-mode: forwards;
	    -moz-animation-fill-mode: forwards;
	    animation-fill-mode: forwards;
	    -webkit-animation-duration: .75s;
	    -moz-animation-duration: .75s;
	    animation-duration: .75s;
	}

	@-webkit-keyframes fadeIn {
	    from {
	        opacity: 0
	    }
	    
	    to {
	        opacity: 1
	    }
	}

	@-moz-keyframes fadeIn {
	    from {
	        opacity: 0
	    }
	    
	    to {
	        opacity: 1
	    }
	}

	@keyframes fadeIn {
	    from {
	        opacity: 0
	    }
	    
	    to {
	        opacity: 1
	    }
	}

	body {
	    opacity: 1\0;
	    /* IE8, IE9 */
	}
}


/* ## Defaults
--------------------------------------------------------------------------------------- */

/* ## Objects
--------------------------------------------- */
embed,
iframe,
img,
object,
video,
.wp-caption {
    max-width: 100%
}

img {
    height: auto;
}

iframe {
    border: none
}

figure img {
    display: block
}

.pretty-border-wrap img {
    display: block
}

.pretty-border-wrap {
    position: relative
}

.pretty-border-wrap:before {
    box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255, 0.4);
    content: '';
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
}


/* ## Iframe
--------------------------------------------- */
.google-map-embed-wrapper,
.video-embed-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16: 9 */;;
    height: 0;
}

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


/* ## Screen Reader Text
--------------------------------------------- */
.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.genesis-nav-menu .search input[type="submit"]:focus {
    clip: auto !important;
    height: auto;
    width: auto;
    display: block;
    font-size: 1em;
    font-weight: bold;
    padding: 15px 23px 14px;
    color: #222;
    background: #fff;
    z-index: 100000; /* Above WP toolbar. */
    text-decoration: none;
    box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
}


/* ## Skip Links
--------------------------------------------- */
.genesis-skip-link {
    margin: 0
}

.genesis-skip-link li {
    height: 0;
    width: 0;
    list-style: none;
}


/* ## Link Style Defaults
--------------------------------------------- */
a {
    color: inherit;
}

a:hover,
a:focus {
	color: #db55ae;
    text-decoration: none;
}

a.current-menu-item,
li.current-menu-item > a {
    color: #db55ae;
}

:focus, a:focus {
    outline: #777 dotted 1px;
}

a:hover img {
	opacity: .7;
	transition: opacity .25s linear;
}

a.image-link {
	border: none!important;
}


/* ## Horizontal Rule
--------------------------------------------- */
hr {
    clear: both;
    height: 1px;
    border: 0;
    border-bottom: 4px double #222;
}


/* ## Definition List
--------------------------------------------- */

dt {
    font-weight: bold;
}


/* ## Pre / Code
--------------------------------------------- */
code,
kbd,
pre,
samp {
    font-size: 14px;
    font-family: "Courier", Menlo, Monaco, Consolas, monospace;
}

code,
tt {
    padding: 2px 4px;
    background-color: rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    font-weight: normal;
}

kbd {
    padding: 2px 4px;
    color: white;
    background-color: #444;
    border-radius: 3px;
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
}

pre {
    overflow: auto;
    line-height: 22px;
    display: block;
    padding: 10px;
    background-color: #f7f7f7;
}

pre code {
    padding: 0;
    overflow: auto;
    color: inherit;
    background-color: transparent;
    border-radius: 0;
}


/* ## Table
--------------------------------------------- */
table {
    border-spacing: 0;
    border-collapse: collapse;
}

td,
th {
    padding: 0
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
    padding: 8px;
    vertical-align: top;
    border-top: 2px solid #ddd;
    text-align: left;
}

table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
    border-top: 0
}

table > tbody + tbody {
    border-top: 4px solid #ddd
}


/* ## Form
----------------------------------------------------------------------------------------*/
fieldset {
    margin: 0;
    border: 0;
    padding: 0;
}

legend {
    font-size: 24px;
    font-weight: bold;
}

input[type="checkbox"],
input[type="radio"] {
    line-height: normal;
    vertical-align: baseline;
    position: relative;
    top: -2px;
    display: inline;
}

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

:-ms-expand {
    background-color: transparent;
    border: 0;
}

input[type="search"],
input[type="text"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="color"],
input[type="email"],
input[type="password"],
textarea {
    border: 2px solid #222;
    border-radius: 3px;
    vertical-align: baseline;
    line-height: normal;
    padding: 10px 15px; /* same top and bottom padding as buttons */
    background: transparent;
    font-size: 16px;
    width: 100%;
    margin-bottom: 5px;
}

textarea {
    padding-top: 15px;
    padding-bottom: 15px;
    height: 200px;
    min-height: 200px;
    max-height: 700px;
    resize: vertical;
    border-radius: 3px;
}

input[type="search"]:hover,
input[type="text"]:hover,
input[type="url"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
input[type="color"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="color"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:hover,
textarea:focus {
    outline: none;
    border-style: dotted;
    border-radius: 0px;
}

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

:-moz-placeholder {
    opacity: .7;
    font-size: 14px;
    font-style: italic;
}

:-ms-input-placeholder {
    opacity: .7;
    font-size: 14px;
    font-style: italic;
}

:-webkit-input-placeholder {
    opacity: .7;
    font-size: 14px;
    font-style: italic;
}


/* ## Search Form
--------------------------------------------- */
.search-form {
    position: relative
}

.search-form input {
    margin: 0
}

.search-form input[type="search"] {
    padding: 10px 40px 10px 15px
}

.search-form input[type="submit"] {
    padding: 0;
    height: 40px;
    width: 34px;
    background: transparent;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -50000px;
    z-index: 1;
}

.search-form input[type="submit"]:hover,
.search-form input[type="submit"]:focus {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    background: transparent!important;
}

.search-form:hover:after,
.search-form:focus:after {
    opacity: .5
}

.search-form:after {
    font-family: 'FontAwesome';
    content: "\f002";
    font-size: 20px;
    position: absolute;
    top: 0;
    font-size: 16px;
    right: 15px;
    text-indent: 0;
    width: 34px;
    line-height: 40px;
    text-align: right;
    opacity: .7;
    color: inherit;
}


/* ## Search Toggle (only use in .site-top-bar)
--------------------------------------------- */

/* hide the original search widget */
.site-top-bar .widget_search .widget-wrap .search-form {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.site-top-bar .widget_search .widget-wrap {
    display: inline-block;
    vertical-align: middle;
}

.search-drop-down {
    position: relative;
    direction: ltr;
    display: block;
    max-height: 0px;
    opacity: 0;
    overflow: hidden;
    will-change: transform;
    will-change: transition;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.search-open .search-drop-down {
    max-height: 1000px;
    opacity: 1;
    padding: 20px;
}

.search-drop-down .search-form {
    max-width: 800px;
    margin: 0 auto;
}

.search-toggle {
    display: table;
    cursor: pointer;
    background: #222;
    color: #fff;
    width: 20px;
    margin: 0 5px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    position: relative;
    top: -1px;
}

.search-toggle:hover,
.search-toggle:focus {
    background: #db55ae;
}

.search-toggle:after {
    font-family: 'FontAwesome';
    content: "\f002";
    text-align: center;
    font-size: 11px;
    position: relative;
    display: block;
}

.search-open .search-toggle:after {
	font-family: sans-serif;
    content: '\00d7';
    line-height: 20px;
}

.search-drop-down .search-form:after {
    right: 0;
}

.search-drop-down .search-form input[type="search"] {
    padding: 10px 40px 10px 0;
    border-radius: 0px;
    border: none;
    border-bottom: 2px solid #222;
}

.search-drop-down .search-form input[type="search"]:hover,
.search-drop-down .search-form input[type="search"]:focus {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}

@media (min-width: 1000px) { 
	.search-drop-down .search-form input[type="search"] {
	    padding: 15px 40px 15px 0
	}

	.search-drop-down .search-form input[type="submit"] {
	    height: 50px;
	    width: 34px;
	}

	.search-drop-down  .search-form:after {
	    font-size: 20px;
	    width: 34px;
	    line-height: 50px;
	}
}


/* ## Buttons
--------------------------------------------------------------------------------------- */

input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
button {
    padding: 10px 20px;
    border-radius: 3px;
    line-height: normal;
    display: inline-block;
    text-transform: uppercase;
    background: transparent;
    border: 2px solid #222;
    cursor: pointer;
    color: #222;
    font-size: 16px;
    width: auto;
    text-decoration: none;
    vertical-align: baseline;
    font-weight: normal;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}


input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
button:hover,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.button:focus,
.button:active,
button:focus {
    background-color: #222;
    color: #fff;
    border-color: #222;
    transition: background-color 0.2s linear;
    text-decoration: none;
}

a.button:focus {
    outline: none;
}


/* ## Button Row
--------------------------------------------- */
nav.button-row ul {
    padding: 10px 5%;
    list-style: none;
}

nav.button-row li {
    margin: 0 2px 8px;
    display: inline-block;
}


/* ## Button Sizes
--------------------------------------------- */
.cherish .button-small {
    padding: 5px 10px 7px;
    font-size: 14px;
    line-height: normal;
}

@media (min-width: 900px) { 
	.cherish .button-large {
	    font-size: 20px;
	    padding: 15px 30px;
	}
}


/* ## Typography (defaults)
--------------------------------------------------------------------------------------- */

body {
    font-size: 16px;
    line-height: 1.6;
}

body, input, textarea, button {
    font-family: 'aileron', sans-serif;
    font-weight: 400;
}


/* ## Responsive Headlines
--------------------------------------------- */

h1, h2, .h1, .h2 {
    line-height: 1.2;
}

h3, .h3 {
    line-height: 1.3;
}

h4, .h4 {
    line-height: 1.5
}

h1, .h1 {
    font-size: 24px
}

h2, .h2 {
    font-size: 20px
}

h3, .h3 {
    font-size: 17px
}

h4, .h4 {
    font-size: 15px
}

h5, .h5 {
    font-size: 14px
}

h6, .h6 {
    font-size: 14px
}

@media (min-width: 600px) { 
	h1, .h1 {
	    font-size: 35px
	}

	h2, .h2 {
	    font-size: 26px
	}

	h3, .h3 {
	    font-size: 20px
	}

	h4, .h4 {
	    font-size: 18px
	}

	h5, .h5 {
	    font-size: 16px
	}

	h6, .h6 {
	    font-size: 14px
	}
}

@media (min-width: 1200px) { 
	h1, .h1 {
	    font-size: 46px
	}

	h2, .h2 {
	    font-size: 36px
	}

	h3, .h3 {
	    font-size: 30px
	}

	h4, .h4 {
	    font-size: 25px
	}

	h5, .h5 {
	    font-size: 22px
	}

	h6, .h6 {
	    font-size: 18px
	}
}


/* ## Content Sub Headline
--------------------------------------------- */
h1.content-sub-headline,
h2.content-sub-headline,
h3.content-sub-headline,
h4.content-sub-headline,
h5.content-sub-headline,
h6.content-sub-headline,
p.content-sub-headline,
.content-sub-headline {
    line-height: 0;
    display: block;
    font-weight: bold;
}

.content-sub-headline span {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: normal;
    padding: 5px 40px 5px 20px;
    margin-left: -21px;
    display: inline-block;
    position: relative;
}

.content-sub-headline span:after {
    content: '';
    top: -1px;
    right: -20px;
    bottom: -1px;
    position: absolute;
    display: inline-block;
    width: 40px;
    background: #fff;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -transform: skew(-20deg);
}

@media (min-width: 1000px) { 
	.content-sub-headline span {
	    margin-left: -31px;
	    padding-left: 30px;
	}
}

@media (min-width: 1200px) { 
	.content-sub-headline span {
	    margin-left: -51px;
	    padding-left: 50px;
	}
}


/* ## Margins 
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p,
ul,
ol,
dl,
table,
hr,
pre,
address {
    margin: 0 0 20px 0
}

.aside-area h1,
.aside-area .h1,
.aside-area h2,
.aside-area .h2,
.aside-area h3,
.aside-area .h3,
.aside-area h4,
.aside-area .h4,
.aside-area h5,
.aside-area .h5,
.aside-area h6,
.aside-area .h6,
.aside-area p,
.aside-area ul,
.aside-area ol,
.aside-area dl,
.aside-area table,
.aside-area hr,
.aside-area pre,
.aside-area address {
    margin-bottom: 15px;
}


/* ## Blockquote
--------------------------------------------- */
blockquote {
    margin: 30px 0;
    padding: 0 20px 0 30px;
    line-height: 1.5;
    position: relative;
}

blockquote p:first-of-type:before {
    font-size: 45px;
    font-family: georgia, serif;
    line-height: 1;
    vertical-align: middle;
    color: inherit;
    content: '\201C';
    padding-right: 3px;
    left: 0;
    top: 0;
    height: 30px;
    position: absolute;
}

blockquote footer {
    text-align: left;
    margin-top: 20px;
    color: inherit;
    font-style: oblique;
}

blockquote footer:before {
	content: "\2014 \2009";
}

blockquote p {
    font-size: 16px;
}

blockquote p:last-child {
    margin-bottom: 0;
}

@media (min-width: 1200px) { 
	blockquote {
	    padding-left: 40px;
	}

	blockquote footer {
	    text-align: right;
	    position: relative;
	}

	blockquote p {
	    font-size: 20px;
	    line-height: 1.7;
	}

	blockquote p:first-of-type:before {
	    font-size: 65px;
	    height: 40px;
	}
}


/* ## Main Containers and Structure
--------------------------------------------------------------------------------------- */

/* ## Wrap & Max Width Containers
--------------------------------------------- */
.wrap,
.footer-widgets-wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    width: 90%;
    position: relative;
}


/* ## Overlapping Content Area
 * .content-sidebar-wrap & .page-footer
 * these are the properties were adjusted to overlap the .page-header
 * and the .page-footer
------------------------------------------------------------- */

.site-inner {
	position: relative;
}

.site-inner > .wrap {
    margin: -15px auto 0;
	position: relative;
	z-index: 1;
}

.content-sidebar-wrap {
    background: #fff;
    position: relative;
    overflow: hidden;
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
}

.page-footer {
    padding: 60px 0 20px;
    position: relative;
    margin-top: -15px;
    clear: both;
}

@media (min-width: 1000px) { 
	.site-inner > .wrap {
	    margin: -30px auto 0
	}
	.page-footer {
	    padding: 90px 0 30px;
	    margin-top: -30px;
	}
}


/* ## Site Header 
 * the height is created by the contents inside
--------------------------------------------------------------------------------------- */

.site-header {
    text-align: center;
    padding: 20px 0;
    box-shadow: inset 0px -4px 0px 0px rgba(255,255,255,.1);
}

.site-header-widget {
    padding-top: 10px;
    position: relative;
    z-index: 1;
}

.title-area {
    padding-bottom: 10px;
    position: relative;
    z-index: 1;
}

@media (min-width: 700px) { 
	.site-header {
	    padding: 10px 0
	}

	.title-area,
	.site-header-widget {
	    padding: 20px 0
	}
}


/* ## Site Header Widget
 * This widget APPEARS on right on larger viewports
 * but it's before the logo so that the phone 
 * is above the logo
--------------------------------------------- */
.site-header-phone,
.site-header-visit {
    margin: 0;
    font-weight: 300;
    line-height: 1.3;
}

.site-header-phone {
    font-size: 25px
}

.site-header-visit {
    font-size: 16px
}

@media (min-width: 1200px) { 
	.site-header-phone {
	    font-size: 30px;
	    padding: 0;
	}

	.site-header-visit {
	    font-size: 18px
	}
}


/*  
 * if the site-header-widget is active the 
 * direction is RTL to reverse the direction of the parent
 * at this min-width to have the site-header-widget on the right
 * on larger viewports and on the top on small viewports
*/

@media (min-width: 700px) { 
	.site-header-widget-active .site-header .wrap {
	    display: table;
	    width: 90%;
	    direction: rtl;
	}

	.site-header-widget {
	    text-align: right;
	    display: table-cell;
	    width: 40%;
	    vertical-align: middle;
	    direction: ltr;
	    /* reset direction */
	}

	.site-header-widget-active .title-area {
	    text-align: left;
	    display: table-cell;
	    width: 60%;
	    vertical-align: top;
	    direction: ltr;
	    /* reset direction */
	}
}


/* ## No Logo (title-area)
--------------------------------------------- */
h1.site-title,
p.site-title {
    font-size: 40px;
    margin: 0;
    line-height: 1.2;
    font-weight: 300;
}

h1.site-description,
h2.site-description,
p.site-description {
    font-size: 12px;
    line-height: 1.2;
    font-weight: 300;
    margin: 0;
}

.no-logo {
    margin-top: 7%
}

@media (min-width: 700px) { 
	.no-logo {
	    padding: 3% 0;
	    margin-top: 0;
	}
}

@media (min-width: 1200px) { 

	h1.site-title,
	p.site-title {
	    font-size: 50px;
	}

	h1.site-description,
	h2.site-description,
	p.site-description {
	    font-size: 14px
	}
}


/* ## Logo
--------------------------------------------- */
.logo {
    width: 100%;
    display: block;
    max-width: 400px;
    margin: 0 auto;
    position: relative;
    padding: 0 3%;
}

.logo > a {
    height: 75px;
    display: block;
    position: relative;
    width: 100%;
    /* background-image: url(assets/images/logo-sm.png); */
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}

body.site-header-widget-active .logo {
    margin-top: 5%;
    margin-bottom: -10px;
}

body.site-header-widget-active .logo > a {
    background-position: bottom center
}

@media (min-width: 700px) { 
	body.site-header-widget-active .logo {
	    margin: 0 auto 0 0
	}

	body.site-header-widget-active .logo > a {
	    background-position: left center
	}
}

@media (min-width: 1200px) { 
	.logo {
	    max-width: 600px;
	    padding: 0;
	}

	body.site-header-widget-active .logo {
	    margin: 0 auto 0 0
	}

	.logo > a {
	    /* background-image: url(assets/images/logo-lg.png); */
	    background-position: center center;
	    height: 120px;
	}

	body.site-header-widget-active .logo > a {
	    background-position: left center
	}
}


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

.site-footer {
    text-align: center;
    padding: 30px 80px;
    font-size: 12px;
    clear: both;
    box-shadow: inset 0px 4px 0px 0px rgba(255,255,255,.1);
}

.site-footer .wrap * {
    margin: 0;
}

.site-footer .wrap * + * {
    margin-top: 10px;
}

.site-footer .wrap {
    position: relative;
}


/* ## Go To Top
--------------------------------------------- */
.go-to-top {
    color: #fff;
    background: #db55ae; 
    border: 2px solid #fff;
    border-right-width: 0;
    border-bottom: 0;
    text-align: left;
    text-decoration: none;
    position: fixed;
    display: none;
    bottom: -45px;
    right: -45px;
    height: 90px;
    width: 90px;
    line-height: 50px;
    z-index: 100;
    font-size: 20px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 50%;
}

.go-to-top:hover,
.go-to-top:focus {
    background: #fff;
    color: #db55ae;
}

.menu-open .go-to-top {
    display: none!important
}

.go-to-top > span:before {
    font-family: 'FontAwesome';
    content: "\f106";
    position: relative;
    left: 20px;
}


/* ## Page Structure
--------------------------------------------------------------------------------------- */

/* ## Page Header ( Single Entry Header & Archive Header )
---------------------------------------------------------- */

.page-header {
    text-align: center;
    clear: both;
    position: relative;
}

.page-title {
    position: relative;
}

.page-header > p {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.page-header p.entry-meta {
    font-size: 14px;
    margin: 10px auto 0;
}


/* ## Page Header Responsive Typography
--------------------------------------------- */

.page-header h1,
.page-header .h1 {
    line-height: 1.4;
    margin-top: 5px;
    margin-bottom: 10px;
    font-weight: 300;
}

.page-header h1 + p.entry-meta {
    margin-top: -5px;
}

.page-header h2,
.page-header .h2,
.page-header h3,
.page-header .h3,
.page-header h4,
.page-header .h4,
.page-header h5,
.page-header .h5,
.page-header h6,
.page-header .h6,
.page-header p {
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 300;
}

.page-header strong,
.page-header b {
	font-weight: bold;
}

@media (min-width: 600px) { 

	.page-header h1,
	.page-header .h1,
	.page-header h2,
	.page-header .h2,
	.page-header h3,
	.page-header .h3,
	.page-header h4,
	.page-header .h4,
	.page-header h5,
	.page-header .h5,
	.page-header h6,
	.page-header .h6,
	.page-header p {
	    font-weight: 200
	}

	.page-header h1,
	.page-template-page_blog .page-header h1.entry-title {
	    font-size: 35px
	}

	.page-header h1.entry-title,
	.page-header h1.archive-title {
	    font-size: 30px
	}

	.page-header h2,
	.page-header .h2 {
	    font-size: 26px
	}

	.page-header h3,
	.page-header .h3 {
	    font-size: 20px
	}

	.page-header h4,
	.page-header .h4 {
	    font-size: 18px
	}

	.page-header h5,
	.page-header .h5 {
	    font-size: 16px
	}

	.page-header h6,
	.page-header .h6 {
	    font-size: 14px
	}
}

@media (min-width: 1200px) { 
	.page-header h1,
	.page-template-page_blog .page-header h1.entry-title {
	    font-size: 55px;
		line-height: 1.2;
	}

	.page-header h1.entry-title,
	.page-header h1.archive-title {
	    font-size: 45px
	}
	
	.page-header h2,
	.page-header .h2 {
	    font-size: 36px
	}

	.page-header h3,
	.page-header .h3 {
	    font-size: 30px
	}

	.page-header h4,
	.page-header .h4 {
	    font-size: 25px
	}

	.page-header h5,
	.page-header .h5 {
	    font-size: 22px
	}

	.page-header h6,
	.page-header .h6 {
	    font-size: 18px
	}	
	
}


/* ## Page Header Page Title Padding
 * Bottom value is adjusted for 
 * Overlapping Content Area (see Overlapping Content Area)
 * Changing this affects WooCommerce sorting on shop page
----------------------------------------------------------- */

.page-title {
    padding: 35px 3% 55px;
}

@media (min-width: 1000px) { 
	.page-title {
	    padding: 70px 0 100px;
	}
}

/* Min HEIGHT */
/* Changing this affects WooCommerce sorting on shop page (see breadcrumb) */
@media (min-width: 1200px) and (min-height: 1000px) { 
	.page-title {
	    padding: 100px 0 130px;
	}
}


/* ## Breadcrumb
--------------------------------------------- */

.breadcrumb {
    display: none
}

@media (min-width: 1000px) { 
	.breadcrumb {
	    display: block;
	    margin-top: -38px;
	    padding: 0 0 38px;
	    font-size: 11px;
	    position: relative;
	    width: 100%;
	    -ms-word-wrap: break-word;
	    word-wrap: break-word;
	    text-align: center;
	}
	
}

@media (min-width: 1200px) { 

	.post-type-archive-product.has-sorting .breadcrumb {
	    text-align: left
	}	

	.has-breadcrumb.woocommerce-page .woocommerce-ordering {
	    width: 320px;
	    position: absolute;
	    bottom: -75px;
	    right: -5%;
	}
}


@media (min-width: 1200px) and (min-height: 1000px) { 
	.has-breadcrumb.woocommerce-page .woocommerce-ordering {
	    bottom: -105px
	}
}


/* ## Structural Inner Columns || Column Widths & Positions
--------------------------------------------------------------------------------------- */

/* ## Narrow Width
--------------------------------------------- */
.narrow-width-content .site-inner > .wrap,
.narrow-width-content .breadcrumb > .wrap,
.narrow-width-content .footer-widgets-wrap {
    max-width: 950px;
    width: 90%;
}


/* ## Sidebar
--------------------------------------------- */
.sidebar {
    margin-top: 30px;
    background: #e0f98e;
}

@media (min-width: 1000px) { 
	.sidebar {
	    margin-top: 0;
	    position: relative;
	    z-index: 2;
	}
}


/* ## Content Padding
--------------------------------------------- */
.content {
    padding: 20px;
}

.after-entry.widget-area,
.author-box,
.related-posts,
.edge-to-edge {
	margin-left: -21px;
	margin-right: -21px;
}

@media (min-width: 1000px) { 
	.content {
	    padding: 30px;
	}

	.after-entry.widget-area,
	.author-box,
	.related-posts,
	.edge-to-edge {
    	margin-left: -31px;
    	margin-right: -31px;
	}

}

@media (min-width: 1200px) { 
	.content {
	    padding: 50px;
	}
	
	.after-entry.widget-area,
	.author-box,
	.related-posts,
	.edge-to-edge {
    	margin-left: -51px;
    	margin-right: -51px;
	}
	
}


/* ## Front Page and Visit Us Content Padding
--------------------------------------------- */
.cherish-front-page .content,
.page-template-page-visit-us .content {
    padding: 0
}


/* ##  Content Sidebar and Sidebar Content ( min-width: 1000px )
--------------------------------------------------------------------------------------- */

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

	/* ## Faux Column
	--------------------------------------------- */
	.content-sidebar .content-sidebar-wrap:before,
	.sidebar-content .content-sidebar-wrap:before {
	    content: '';
	    width: 280px;
	    position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    z-index: 1;
	    background: #e0f98e;  /* shared with .sidebar .widget background */
	}
	

	/* ## Content Sidebar
	--------------------------------------------- */
	.content-sidebar .content {
	    width: 100%;
	    float: left;
	    margin-right: -280px;
	    padding-right: 310px;
	}

	.content-sidebar.cherish-front-page .content {
	    padding-right: 280px
	}

	.content-sidebar .sidebar {
	    width: 280px;
	    float: right;
	}
	

	/* ## Sidebar Content
	--------------------------------------------- */
	.sidebar-content .content {
	    width: 100%;
	    float: right;
	    margin-left: -280px;
	    padding-left: 310px;
	}

	.sidebar-content.cherish-front-page .content {
	    padding-left: 280px
	}

	.sidebar-content .sidebar {
	    width: 280px;
	    float: left;
	}

	.sidebar-content .content-sidebar-wrap:before {
	    top: 0;
	    left: 0;
	    right: auto;
	}
	
	.content-sidebar .content:before,
	.sidebar-content .content:before {
	    content: '';
	    left: 270px;
	    width: 10px;
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    z-index: 10;
	    box-shadow: inset -7px 0px 3px -1px rgba(0,0,0,0.05);
	
	}
	
	.content-sidebar .content:before {
	    left: auto;
	    right: 280px;
	    box-shadow: 7px 0px 3px -1px rgba(0,0,0,0.05);
	}	
	
	
}


/* ## Content Sidebar and Sidebar Content (min-width: 1200px)
--------------------------------------------------------------------------------------- */

@media screen and  (min-width: 1200px) { 

	/* ## Faux Column
	--------------------------------------------- */
	.content-sidebar .content-sidebar-wrap:before,
	.sidebar-content .content-sidebar-wrap:before {
	    width: 320px
	}
	
	
	/* ## Content Sidebar
	--------------------------------------------- */
	.content-sidebar .content {
	    width: 100%;
	    margin-right: -320px;
	    padding-right: 370px;
	}

	.content-sidebar.cherish-front-page .content {
	    padding-right: 320px
	}

	.content-sidebar .sidebar {
	    width: 320px
	}


	/* ## Sidebar Content
	--------------------------------------------- */
	.sidebar-content .content {
	    width: 100%;
	    margin-left: -320px;
	    padding-left: 370px;
	}

	.sidebar-content.cherish-front-page .content {
	    padding-left: 320px
	}

	.sidebar-content .sidebar {
	    width: 320px
	}

	.sidebar-content .content-sidebar-wrap:before {
	    right: auto;
	    left: 0;
	}
	
	.content-sidebar .content:before,
	.sidebar-content .content:before {
	    left: 310px;
	}
	
	.content-sidebar .content:before {
	    left: auto;
	    right: 320px;
	}	
	
}


/* ## Entries
--------------------------------------------------------------------------------------- */

/* ## Entry General
--------------------------------------------- */
.entry-content {
    position: relative
}


/* ## Read More Link
--------------------------------------------- */

.more-link {
    color: #222;
    text-decoration: none;
    padding-bottom: 3px;
    border-bottom: 2px solid #222;
}

.more-link:hover {
    border-bottom: 2px solid #db55ae;
}


/* ## Entry Header (global)
--------------------------------------------- */

.entry-header a {
	border-bottom: none!important;
	text-decoration: none!important;
}

.entry-header .entry-meta {
    margin: 0
}

.entry-meta {
    font-size: 14px
}


/* ## Archive Entry Header
--------------------------------------------- */
.entry-item .entry-header {
    text-align: center;
    margin-bottom: 5%;
}

.full-width-content .entry-item .entry-header {
    margin-bottom: 3%;
}

.entry-item .entry-title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 0;
}

.entry-item .entry-title + .entry-meta {
    margin-top: 5px
}

@media (min-width: 1000px) { 
	.entry-item .entry-title {
	    font-size: 30px;
	    font-weight: 300;
	}
}

/* ## Archive Entry Content & Blog Template Content
--------------------------------------------- */
.entry-item,
.blog-template-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    position: relative;
}

.archive-excerpt p {
    margin: 0
}

.archive-excerpt p + p {
    margin-top: 20px
}

.blog-template-content *:last-child {
    margin-bottom: 0
}

.content .entry-item:first-child {
    margin-top: 2.5%
}

@media (min-width: 1300px) { 
	.content .entry-item:first-child {
	    margin-top: 0px
	}
}

.entry-item.has-featured-image .entry-image-link {
    display: block;
    position: relative;
    margin-bottom: 20px;
}

.entry-item.has-featured-image .entry-image-link img {
    display: block;
    float: none;
    margin: 0;
}

.entry-item.has-featured-image .entry-image-link:before {
    box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255, 0.4);
    content: '';
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
}

.entry-item .archive-excerpt p.more {
    text-align: center;
}

.entry-item img {
    width: 100%;
}

@media (min-width: 700px) { 
	.entry-item,
	.blog-template-content {
	    max-width: none
	}

	.entry-item .archive-excerpt p.more {
	    text-align: left;
	}

	/* align left image */
	.entry-item.alignment-alignleft.has-featured-image .entry-image-link {
	    display: block;
	    float: left;
	    width: 48.5%;
	    top: 5px;
	    margin: 0;
	}

	.entry-item.alignment-alignleft.has-featured-image .entry-content-wrapper.archive-excerpt {
	    float: right;
	    width: 48.5%;
	    margin: 0;
	}

	/* align right image */
	.entry-item.alignment-alignright.has-featured-image .entry-image-link {
	    display: block;
	    float: right;
	    width: 48.5%;
	    top: 5px;
	}

	.entry-item.alignment-alignright.has-featured-image .entry-content-wrapper.archive-excerpt {
	    float: left;
	    width: 48.5%;
	}
	
	/* full-width */
	
	.full-width-content .entry-item.alignment-alignleft.has-featured-image .entry-image-link,
	.full-width-content .entry-item.alignment-alignleft.has-featured-image .entry-content-wrapper.archive-excerpt,
	.full-width-content .entry-item.alignment-alignright.has-featured-image .entry-image-link,
	.full-width-content .entry-item.alignment-alignright.has-featured-image .entry-content-wrapper.archive-excerpt {
	    width: 47.5%;
	}
	
}


/* ## Search Result Item Archive
--------------------------------------------- */

.search-result-item .entry-image-link {
    width: auto;
    float: right;
    display: block;
    max-width: 75px;
    margin-left: 20px;
    position: relative;
    z-index: 1;
}

.search-result-item.entry-item .entry-header .entry-title {
    font-size: 20px;
    font-weight: normal;
}

@media (min-width:800px) { 
	.search-result-item .entry-image-link {
	    max-width: 125px
	}

	.search-result-item.entry-item .entry-header .entry-title {
	    font-size: 22px
	}
}

.search-result-item + .search-result-item {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #222;
}

.search-result-item.entry-item p.more,
.search-result-item .entry-header,
.search-result-item.entry-item .entry-footer {
    text-align: left
}

.search-result-item.entry-item .archive-excerpt p + p {
    margin-top: 10px
}

.search-result-item.entry-item .entry-header {
    margin-bottom: 10px
}

.search-result-item.entry-item .entry-footer {
    padding: 0;
    margin-top: 10px;
}


/* ## Ribbon
--------------------------------------------- */

.ribbon-wrapper {
    text-align: center;
    margin: 0 auto 20px;
    display: table;
    position: relative;
    z-index: 1;
    opacity: 0;
}

.entry-item .sticky .ribbon-wrapper {
    margin-bottom: 10px;
}

.ribbon {
    font-size: 11px;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: bold;
    text-align: center;
    line-height: 1px;
    margin-bottom: 25px;
}

.ribbon:before,
.ribbon:after {
    content: "";
    position: absolute;
    display: block;
    bottom: -5px;
    border: 14px solid #db55ae;
    z-index: -2;
}

.cherish .ribbon:before {
    left: -24px;
    border-right-width: 14px;
    border-left-color: transparent;
}

.cherish .ribbon:after {
    right: -24px;
    border-left-width: 14px;
    border-right-color: transparent;
}

.ribbon .ribbon-content:before,
.ribbon .ribbon-content:after {
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-color: rgba(0,0,0,0.5) transparent transparent transparent;
    bottom: -5px;
}

.ribbon .ribbon-content:before {
    left: 0;
    border-width: 5px 0 0 5px;
}

.ribbon .ribbon-content:after {
    right: 0;
    border-width: 5px 5px 0 0;
}

.ribbon-content span {
    background: #db55ae;
	display: block;
	height: 30px;
	line-height: 30px;
    padding: 0 17px 0 20px;
	position: relative;
}

.ribbon-content span:before,
.ribbon-content span:after {
    display: block;
    content: '';
    position: absolute;
    overflow: hidden;
    top: 7px;
    z-index: -1;
    bottom: -5px;
    width: 20px;
    left: -15px;
  	box-shadow: inset -15px 0px 15px -15px rgba(0,0,0,0.9);
}

.ribbon-content span:after {
    left: auto;
    right: -15px;
  	box-shadow: inset 15px 0px 15px -15px rgba(0,0,0,0.9);
}


/* ## Entry Footer (single and archive)
--------------------------------------------- */

.entry-footer {
    clear: both;
    text-align: center;
}

.entry-item .entry-footer {
    padding-top: 40px;
    margin-bottom: -20px;
}

body.single .content .entry-footer .entry-meta {
    margin-top: 20px;
    padding-bottom: 20px;
}

.entry-footer .entry-meta {
    font-size: 12px;
    line-height: 18px;
    margin-top: 20px;
}

.entry-footer .entry-meta a:not(:hover) {
    text-decoration: none;
    border-bottom: 1px dotted #222;
}

.entry-footer .entry-meta span:before {
    font-family: 'FontAwesome';
    display: inline-block;
    padding: 0 5px;
}

.entry-footer .entry-meta span:first-child:before {
    content: '\f004'
}

.entry-footer .entry-meta span:last-child:not(:first-child):before {
    content: '\f06c'
}


/* ## Archive Pagination
--------------------------------------------- */
.archive-pagination {
    clear: both;
    margin: 40px -4px 20px;
    font-size: 0px;
    text-align: center;
    font-size: 0px;
}

.archive-pagination a:hover {
	opacity: .5;
}

.archive-pagination .active a,
span.page-numbers.current,
.archive-pagination > span {
    font-weight: bold;
    color: #db55ae;
}


/* ## Previous / Next
--------------------------------------------- */

.archive-pagination div {
    display: inline-block;
    float: none;
    margin: 0;
}

.archive-pagination div + div {
    border-left: 1px solid #ccc
}


/* ## Numbered
--------------------------------------------- */

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

.archive-pagination li,
.archive-pagination span,
.archive-pagination a {
    display: inline-block;
    margin: 0;
    font-size: 16px;
}

.archive-pagination li + li {
    border-left: 1px solid #ccc
}

.archive-pagination li + li.pagination-omission {
    border: none;
}

.archive-pagination li.pagination-omission + li {
    border: none;
}

.archive-pagination span + a,
.archive-pagination a + a {
    border-left: 1px solid #ccc
}

.archive-pagination a,
.archive-pagination > span {
    color: inherit;
    cursor: pointer;
    display: inline-block;
    padding: 0 10px;
    text-decoration: none;
}

.archive-pagination > span {
    cursor: default;
}

/*  Archive Intro Text 
--------------------------------------------- */
.archive-intro-text {
    padding-bottom: 20px;
}

/* ## Search Page
--------------------------------------------- */
.search-title small {
    font-weight: normal;
    font-size: 16px;
    display: block;
    text-transform: lowercase;
}


/* ## Entry Single
--------------------------------------------------------------------------------------- */

/* ## Drop Cap
--------------------------------------------- */
@media (min-width: 700px) { 
	.archive-intro-text p.intro,
	body.single p.intro,
	body.page p.intro {
	    font-size: 19px;
	    line-height: 1.7;
	}

	.archive-intro-text p.intro:first-letter,
	body.single p.intro:first-letter,
	body.page p.intro:first-letter {
	    float: left;
	    font-size: 68px;
	    line-height: 48px;
	    padding-top: 8px;
	    padding-right: 8px;
	    padding-left: 0;
	    margin-left: -2px;
	    font-weight: bold;
	}
}


/* ## Author Box
--------------------------------------------- */

.author-box {
    margin-top: 0;
    margin-bottom: 0;
    padding: 40px;
    text-align: center;
}

.author-box .avatar {
    border-radius: 50%;
    margin: 0 auto 20px;
    display: block;
}

.author-box-content p:last-child {
    margin-bottom: 0
}

.author-box h4 {
    margin-bottom: 10px;
    line-height: 1;
    font-size: 24px;
    text-transform: uppercase;
}

.author-box h4 a {
    text-decoration: none
}

.archive.author .author-box {
    margin-bottom: 30px;
}

@media (min-width: 600px) { 
	.author-box {
	    text-align: left
	}

	.author-box .avatar {
	    margin: -5px -100px 0 0;
	    width: 100px;
	    float: left;
	}

	.author-box-title,
	.author-box-content {
	    padding-left: 115px;
	    float: left;
	}
}

.archive.author .author-box {
    margin: -21px -21px 30px
}

@media (min-width: 1000px) { 
	.archive.author .author-box {
	    margin: -31px -31px 30px
	}
}

@media (min-width: 1200px) { 
	.archive.author .author-box {
	    margin: -51px -51px 30px
	}
}


/* ## Related Posts
--------------------------------------------- */

.related-posts {
    padding: 40px 0 20px;
    clear: both;
    text-align: center;
}

.related-posts ul {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: normal;
}

.related-posts a {
    text-decoration: none
}

.related-posts .entry-title {
    font-size: 14px;
    margin: 7px 0 15px 0;
    line-height: 1.5;
    padding: 0 20px;
}

.related-posts .pretty-border-wrap {
    display: inline-block
}

.related-posts img {
    width: 100.5%
}

.related-posts li {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 10px;
}

@media (min-width: 700px) { 

	.related-posts li {
	    width: 33.333%;
	}

}


/* ## Adjacent Post Navigation (Previous and Next)
--------------------------------------------- */

.adjacent-post-navigation {
    margin: 20px 0 30px;
    clear: both;
    padding: 5px 0;
    position: relative;
    font-size: 14px;
    text-align: center;
    border-top: 2px solid #f7f7f7;
    border-bottom: 2px solid #f7f7f7;
}

.adjacent-post-navigation p {
    margin: 0;
    display: inline;
}

.adjacent-background {
    display: none;
}

.adjacent-post-navigation a {
    display: block;
    padding: 10px;
    text-decoration: none;
}

.adjacent-post-navigation a:not(:hover) {
    color: inherit
}

.adjacent-post-navigation .older-post a:after,
.adjacent-post-navigation .newer-post a:before {
    font-family: 'FontAwesome';
    display: inline-block;
    position: relative;
}

.adjacent-post-navigation .older-post a:after {
    content: "\f054";
    padding-left: 10px;
}

.adjacent-post-navigation .newer-post a:before {
    content: "\f053";
    padding-right: 10px;
}

.adjacent-post-navigation em {
    font-style: normal;
    font-size: 10px;
    text-transform: uppercase;
}

@media (min-width: 700px) { 
	.adjacent-post-navigation {
	    display: table;
	    width: 100%;
	    padding: 0 20px;
	}
	
	.adjacent-post-navigation div {
	    display: table-cell;
	    vertical-align: middle;
	}

	.adjacent-post-navigation div + div {
	    border-left: 2px solid #f7f7f7;
	    width: 50%;
	}

	.adjacent-post-navigation em {
	    display: block
	}

	.adjacent-post-navigation .older-post a:after,
	.adjacent-post-navigation .newer-post a:before {
	    position: absolute;
	    top: 50%;
	    margin-top: -10px;
	}

	.adjacent-post-navigation .newer-post a:before {
	    left: 0
	}

	.adjacent-post-navigation .older-post a:after {
	    right: 0
	}

	.adjacent-post-navigation a {
	    display: table;
	    padding: 10px;
	    width: 100%;
	}

	.adjacent-post-navigation a:hover .adjacent-background {
	    opacity: .5;
	    transition: opacity .5s linear;
	}

	.adjacent-post-navigation span {
	    display: table-cell;
	    vertical-align: middle;
	}

	.adjacent-title {
	    padding: 0 5%;
	    line-height: 1.3;
	}

	.adjacent-background {
	    width: 80px;
	    height: 80px;
	    position: relative;
	    background-size: cover;
	    background-position: center center;
	}

	.adjacent-background:before {
	    box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.4);
	    content: '';
	    position: absolute;
	    z-index: 1;
	    top: 3px;
	    right: 3px;
	    bottom: 3px;
	    left: 3px;
	}
}

@media (min-width: 1200px) { 
	body.full-width-content .adjacent-post-navigation {
	    font-size: 18px;
	}
}


/* ## Entry Comments / Discussion
--------------------------------------------------------------------------------------- */

.entry-comments {
    margin-top: 40px;
}

ol.comment-list,
ul.children {
    list-style: none;
}

ol.comment-list {
    padding: 0;
}

ul.children {
    margin: 0;
    padding: 0;
}

@media (min-width: 800px) { 
	ul.children [class*='depth-'] {
	    padding-left: 2%;
	}
}


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

.comment-content {
    padding: 10px;
    margin: 15px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    border-left: 2px solid #222;
}

.comment-list .comment article {
    position: relative;
}

.comment-list .comment + .comment {
    padding-top: 8%;
}

.comment-edit-link {
    font-size: 14px
}

.comment-list .comment > article:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20%;
    height: 2px;
    background: #222;
}

@media (min-width: 800px) { 
	.comment-list .comment > article:after {
	    left: 30px;
	}

	.comment-list .comment.bypostauthor > article:after {
	    left: 40px
	}

	.comment-content {
	    padding: 20px;
	    margin: 20px 0 20px 28px;
	}

	.bypostauthor > article > .comment-content {
	    margin-left: 40px
	}

	.comment-edit-link {
	    float: right
	}
}

.entry-comments li.comment article {
    padding: 10px 0 0;
    position: relative;
}

.comment-time-link:after {
    font-size: 16px;
    line-height: 14px;
    float: right;
    content: ' #';
}

.comment-content p:last-child {
    margin: 0
}

a.comment-reply-link {
    font-size: 14px;
    margin: -10px 0 10px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    padding: 3px 5px 2px 10px;
    float: right;
    border-left: 2px solid #222;
}

.comment-content pre {
    background: #fff
}

/*  Comment Header
--------------------------------------------- */
.comment-list .comment-meta {
    font-size: 12px
}

.comment-header {
    position: relative;
    padding-left: 50px;
    padding-top: 5px;
}

.comment-author .avatar {
    width: 40px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}

.comment-header p {
    margin: 0;
    font-size: 14px;
    line-height: 1.3;
}

.bypostauthor > article > .comment-header > .comment-author > .avatar {
    border: 2px solid #222;
    padding: 3px;
}

.comment-header a {
    text-decoration: none
}

.comment-header [itemprop="name"] {
    font-weight: bold;
    text-transform: uppercase;
}

@media (min-width: 800px) { 
	.comment-header p + p {
	    margin-top: 2px
	}

	.comment-header {
	    padding-left: 70px;
	    padding-top: 15px;
	    margin-bottom: 45px;
	}

	.comment-author .avatar {
	    width: 60px
	}

	.bypostauthor > article > .comment-header > .comment-author > .avatar {
	    width: 90px
	}

	.bypostauthor > article > .comment-header {
	    padding-left: 100px;
	    padding-top: 25px;
	    margin-bottom: 65px;
	}
}


/* ## Comments Pagination
--------------------------------------------- */
.comments-pagination {
    clear: both;
    margin: 20px 0 40px;
    text-align: center;
}

.comments-pagination .alignleft,
.comments-pagination .alignright {
    float: none;
    margin: 0 2px;
    display: inline-block;
}

.comments-pagination .alignleft a,
.comments-pagination .alignright a {
    float: none;
    display: inline-block;
    border: 2px solid #222;
    border-radius: 3px;
    color: inherit;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 5px 12px;
    text-decoration: none;
}

.comments-pagination .alignleft a:hover,
.comments-pagination .alignright a:hover,
.comments-pagination .alignleft a:focus,
.comments-pagination .alignright a:focus {
    background: #222;
    color: #fff;
}


/* ## Comment Respond Form
--------------------------------------------- */
.content .comment-respond {
    margin-top: 40px;
    clear: both;
}

.content .comment-respond .embellish-title {
    margin: 0;
}

.comment-reply-title a#cancel-comment-reply-link {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    position: relative;
    line-height: 25px;
    display: block;
    margin: 5px 0;
}

.comment-reply-title a#cancel-comment-reply-link:before {
    content: "\00d7";
    font-size: 20px;
    position: relative;
    padding-right: 5px;
    top: 2px;
}

.logged-in-as,
.comment-notes {
    text-align: center
}

.logged-in-as a {
	text-decoration: none;
}

.comment-form label {
    display: block
}

@media (min-width: 1200px) { 
	.comment-form-email {
	    clear: both;
	    width: 50%;
	    float: left;
	    padding-right: 10px;
	}

	.comment-form-url {
	    width: 50%;
	    float: right;
	    padding-left: 10px;
	}
}


/* ## Pings
--------------------------------------------- */
.entry-pings ol,
.entry-pings ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.entry-pings li {
    padding: 0 0 10px 0
}

.entry-pings p {
    margin: 10px 0
}


/* ## Page Widgets for widgetized areas in the .content
--------------------------------------------------------------------------------------- */

/* ## Page Widgets (general)
--------------------------------------------- */
.page-widgets .widget {
    padding-top: 30px;
    padding-bottom: 30px;
    clear: both;
}

@media (min-width: 1000px) { 
	.page-widgets .widget {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}
}


/* ## Page Widgets Link Style
--------------------------------------------- */

.page-widgets a {
    text-decoration: none;
}

.page-widgets a:not(:hover):not(.button):not(.more-link) {
    border-bottom: 1px solid #222;
}


/* ## Welcome Text Widget
--------------------------------------------- */
.welcome-text {
    text-align: center
}

.widget.welcome-text p {
    padding-left: 8%;
    padding-right: 8%;
}

@media (min-width: 1000px) { 
	.welcome-text p {
	    font-size: 18px;
	    line-height: 1.7;
	    font-weight: 300;
	    margin-bottom: 30px;
	}
}

@media (min-width: 1200px) { 
	.welcome-text p {
	    font-size: 22px;
	}
}


/* ## Call To Action
--------------------------------------------- */
.call-to-action {
    text-align: center;
    position: relative;
    padding-left: 10%;
    padding-right: 10%;
}

.narrow-width-content .call-to-action,
.content-sidebar .call-to-action,
.sidebar-content .call-to-action  {
    padding-left: 3%;
    padding-right: 3%;
}

.call-to-action p {
    font-size: 24px;
    line-height: 2;
}

.call-to-action-content {
    margin-bottom: 20px
}

.call-to-action-button {
    white-space: nowrap
}

@media (min-width: 1000px) { 
	.call-to-action {
	    font-size: 140%
	}
}

@media (min-width: 1200px) { 
	.call-to-action-inner {
	    display: table;
	    margin: 0 auto;
	    width: 95%;
	}

	.narrow-width-content .call-to-action-inner,
	.content-sidebar .call-to-action-inner,
	.sidebar-content .call-to-action-inner {
	    width: 100%
	}

	.call-to-action-inner .call-to-action-content,
	.call-to-action-inner .call-to-action-button {
	    display: table-cell;
	    vertical-align: middle;
	    margin: 0;
	    padding: 0 20px;
	    text-align: left;
	}

	.call-to-action-inner .call-to-action-button {
	    text-align: right
	}
}


/* ## Embellish Title / Accent Font Header
--------------------------------------------- */

h3.embellish-title {
    font-family: 'Sacramento';
    font-weight: 300;
    text-align: center;
    opacity: 0;
    font-size: 30px;
    transition: opacity .5s linear;
    position: relative;
    clear: both;
    margin-bottom: 10px;
    line-height: 1.2;
}

h3.embellish-title > span {
    display: inline-block;
    position: relative;
    z-index: 2;
}

h3.embellish-title em:first-child {
    height: 5px;
    display: block;
}

@media (min-width: 700px) { 
	h3.embellish-title {
	    font-size: 35px;
	}

	.cherish-front-page h3.embellish-title,
	.page-template-page-visit-us h3.embellish-title {
	    font-size: 45px;
	}
}

@media (min-width: 1200px) { 
	h3.embellish-title {
	    margin-bottom: 15px;
	    font-size: 40px;
	}

	.cherish-front-page h3.embellish-title,
	.page-template-page-visit-us h3.embellish-title {
	    font-size: 55px;
	    margin-bottom: 25px;
	}
}


/* ## Embellish Element and Entry Divider
--------------------------------------------- */

.embellish-element {
    width: 40px;
    height: 40px;
    top: -10px;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: -1;
}

.embellish-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
}

.embellish-icon:before {
    font-family: "embellish";
    display: block;
    position: absolute;
    text-align: center;
    top: 1px;
    right: 0;
    left: 0;
    line-height: 30px;
    font-size: 35px;
    line-height: 40px;
}

body.embellish-none .embellish-icon:before {
    display: none;
}

body.embellish-none .embellish {
    width: 0px;
}

/* swirl/spiral */
body.embellish-1 .embellish-icon:before {
    content: "\61"
}

/* japanese eternity knot */
body.embellish-2 .embellish-icon:before {
    content: "\62"
}

/* swish */
body.embellish-3 .embellish-icon:before {
    content: "\63"
}

/* celtic knot */
body.embellish-4 .embellish-icon:before {
    content: "\64"
}

/* lotus */
body.embellish-5 .embellish-icon:before {
    content: "\65"
}

/* flower */
body.embellish-6 .embellish-icon:before {
    content: "\66"
}

/* flower alternate */
body.embellish-7 .embellish-icon:before {
    content: "\67"
}

/* diamonds */
body.embellish-8 .embellish-icon:before {
    content: "\68"
}

/* adjust height and postion based on choice */
body.embellish-2 .embellish-title em:first-child {
    height: 3px
}

body.embellish-4 .embellish-title em:first-child,
body.embellish-5 .embellish-title em:first-child,
body.embellish-6 .embellish-title em:first-child {
    height: 7px
}

body.embellish-7 .embellish-icon:before {
    top: 2px
}

.embellish-element:before,
.embellish-element:after {
    position: absolute;
    left: -30px;
    width: 30px;
    top: 50%;
    margin-top: -3px;
    content: '';
    display: inline-block;
    height: 4px;
    border-bottom: 4px double #222;
}

.embellish-element:after {
    left: auto;
    right: -30px;
}

@media (min-width: 1200px) { 
	body.embellish-7 .embellish-icon:before {
	    top: 5px
	}

	.embellish-element {
	    width: 55px;
	    height: 50px;
	}

	.embellish-icon:before {
	    top: 3px;
	    line-height: 50px;
	    font-size: 50px;
	}

	.embellish-element:before,
	.embellish-element:after {
	    left: -50px;
	    width: 50px;
	}

	.embellish-element:after {
	    left: auto;
	    right: -50px;
	}
}


/* ## Embellish Entry Divider
--------------------------------------------- */

.entry-divider {
    width: 100%;
    height: 50px;
    position: relative;
    z-index: 1;
    clear: both;
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
}

.entry-divider .embellish-icon {
    margin: 0 auto;
    display: block;
    position: relative;
    top: 18px;
}

.entry-divider .embellish-element:before,
.entry-divider .embellish-element:after {
    top: 0;
    width: 1000px;
    margin-top: 35px;
}

.entry-divider .embellish-element:before {
    left: -1000px;
}

.entry-divider .embellish-element:after {
    right: -1000px;
}

@media (min-width: 700px) { 
	.entry-divider {
	    height: 80px;
	}

	.entry-divider .embellish-icon {
	    margin: 0 auto;
	    display: block;
	    position: relative;
	    top: 28px;
	}

	.entry-divider .embellish-element:before,
	.entry-divider .embellish-element:after {
	    top: 0;
	    margin-top: 50px;
	}
}


/* ## Page Widget / Home Widget - eNews Widget
------------------------------------------------------------ */
.page-widgets .enews-widget {
    padding: 30px;
    text-align: center;
}

@media (min-width: 1000px) { 
	.page-widgets .enews-widget {
	    padding: 50px 90px
	}
}


/* ## Page Widget / Home Widget - Featured Posts Widget
------------------------------------------------------------ */

.page-widgets .featuredpost {
    text-align: center
}

.page-widgets .featuredpost .aligncenter,
.page-widgets .featuredpost .alignleft,
.page-widgets .featuredpost .alignright {
	margin: 0;
}

.page-widgets .featuredpost p.more-from-category a {
    text-align: center;
    margin-top: 30px;
}

.page-widgets .featuredpost .entry-header + .entry-content {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.6;
    padding-left: 20px;
    padding-right: 20px;
}

.page-widgets .featuredpost .entry-content p {
    margin-bottom: 15px
}

.page-widgets .featuredpost .entry-content p:last-child {
    margin-bottom: 0
}

.page-widgets .featuredpost .entry {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 20px 0;
}

.page-widgets .featuredpost .entry-title {
    line-height: 1.5;
    font-size: 16px;
    position: relative;
    padding: 20px 20px 0;
    font-weight: normal;
}

.page-widgets .featuredpost img {
    display: block;
    margin: 0 auto;
}

@media (min-width: 500px) { 
	.page-widgets .featuredpost {
	    margin-left: -.5px;
	    margin-right: -.5px;
	}

	.page-widgets .featuredpost .entry {
	    width: 50%
	}

	.page-widgets .featuredpost .entry-title {
	    margin-bottom: 10px
	}
}

@media (min-width: 1000px) { 
	.page-widgets .featuredpost .entry {
	    width: 33.33%
	}

	.page-widgets .featuredpost .entry-title {
	    font-size: 20px;
	    padding-left: 30px;
	    padding-right: 30px;
	}
}


/* ## Widgets
--------------------------------------------------------------------------------------- */

.widget *:last-child {
    margin-bottom: 0
}


/* ## After Entry Widget Area
--------------------------------------------- */
.after-entry.widget-area .widget {
    padding: 5%;
}


/* ## Typography in Aside Area (widgetized area)
--------------------------------------------- */

.aside-area .widget {
    font-size: 14px;
}

.aside-area h1,
.aside-area .h1 {
    font-size: 26px
}

.aside-area h2,
.aside-area .h2 {
    font-size: 22px
}

.aside-area h3,
.aside-area .h3 {
    font-size: 20px
}

.aside-area h4,
.aside-area .h4 {
    font-size: 18px
}

.aside-area h5,
.aside-area .h5 {
    font-size: 16px
}

.aside-area h6,
.aside-area .h6 {
    font-size: 14px
}


/* ## Aside Widget Title ( .aside-area )
---------------------------------------------------------------- */
.aside-widget-title {
    border-bottom: 1px solid #222;
    letter-spacing: 3px;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
    clear: both;
}

.aside-widget-title span {
    display: inline-block;
    border-bottom: 2px solid #222;
    position: relative;
    padding-bottom: 5px;
    z-index: 1;
}


/* ## Hide Widget Titles
--------------------------------------------- */
.site-top-bar .widgettitle,
.site-top-bar .widget-title,
.hide-widget-title .widgettitle,
.hide-widget-title .widget-title {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}


/* ## Recent Entries or Menu Widget
--------------------------------------------- */
.widget_recent_entries li {
    display: block;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 0;
}


/* ## Widget Lists
--------------------------------------------- */
.aside-area ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


/* ## Sidebar Widget Base
--------------------------------------------- */
.sidebar .widget {
    padding: 5%;
    position: relative;
}

@media (min-width: 1000px) { 
	.sidebar .widget {
	    padding: 30px;
	}
}

.sidebar .widget:not(.accent-primary):not(.accent-secondary):not(.accent-tertiary) .more-link {
    color: #222;
    border-bottom-color: #222;
}

.sidebar .widget:not(.accent-primary):not(.accent-secondary):not(.accent-tertiary) .more-link:hover {
    border-bottom-color: #222;
}

.sidebar .widget:not(.accent-primary):not(.accent-secondary):not(.accent-tertiary) a:not(.button):hover {
	color: inherit;
	opacity: .7;
}


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

.footer-widgets {
    position: relative;
    font-weight: 300;
}

.footer-widgets .widget {
    margin-bottom: 30px;
}

@media (min-width: 700px) { 
	.footer-widgets .simple-social-icons ul {
	    text-align: left!important;
	    display: inline-block;
	}

	.footer-widgets .simple-social-icons ul li {
	    text-align: left!important;
	    display: inline-block;
	    float: none!important;
	    margin-left: 0;
	    margin-right: 5px;
	}
}


/* ## Footer Widget Area Columns based on active
-------------------------------------------------- */

/* ## All footer widget areas except single widget areas
are 2 columns at this min-width
--------------------------------------------- */
@media (min-width: 800px) { 
	.footer-widgets {
	    margin: 0 -3%
	}

	.footer-widgets-wrap {
	    margin: 0 auto
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {
	    padding: 0 3%;
	    width: 50%;
	    display: inline-block;
	    vertical-align: top;
	}

	.footer-widgets-3 {
	    padding: 0 3%;
	    width: 100%;
	}
}


/* ## Three Footer Widget Areas
--------------------------------------------- */
@media (min-width: 1000px) { 
	.footer-3 .footer-widgets-1,
	.footer-3 .footer-widgets-2,
	.footer-3 .footer-widgets-3 {
	    width: 33.333%;
	}
}


/* ## One Footer Widget Area
--------------------------------------------- */
.footer-1 .footer-widgets-1 {
    text-align: center
}

.footer-1 .footer-widgets-1 {
    padding: 0 3%;
    width: 100%;
}

.footer-1 .footer-widgets-1 .aside-widget-title {
    text-align: center
}

.footer-1 .footer-widgets .simple-social-icons ul {
    text-align: center!important;
    float: none!important;
}

.footer-1 .footer-widgets .simple-social-icons ul li {
    float: none!important;
    text-align: center!important;
    display: inline-block;
    margin: 5px;
}


/* ## User Profile Widget
--------------------------------------------- */
.widget.user-profile img {
    border-radius: 50%;
}


/* ## Genesis Featured Post Widget in aside-area
--------------------------------------------- */
.aside-area .featuredpost .alignnone {
    margin: 0
}

.aside-area .featuredpost {
    margin-left: auto;
    margin-right: auto;
}

.aside-area .featuredpost .entry {
    text-align: center;
}

.aside-area .featuredpost .entry img {
    margin: 10px auto;
    display: block;
}

.aside-area .featuredpost h4.entry-title {
    font-size: 14px;
    line-height: 1.4;
    font-weight: normal;
    padding: 0 20px;
    text-align: center;
    margin: 0 0 5px 0;
}

@media (min-width: 600px) and (max-width: 999px) { 
	.aside-area .featuredpost .entry img {
	    width: 100%
	}

	.aside-area .featuredpost .entry {
	    display: inline-block;
	    width: 50%;
	    vertical-align: top;
	    margin-bottom: 10px;
	}
}


/* ## Visit Us Widgetized Page
--------------------------------------------------------------------------------------- */

.hours,
.address {
    text-align: center
}

.address h4,
.address h5,
.address h6 {
    margin-bottom: 0
}

.address {
    margin-bottom: 20px
}

@media (min-width: 800px) { 
	.address {
	    position: relative;
	    text-align: right;
	    line-height: 1.9;
	}

	.hours {
	    text-align: left;
	    line-height: 1.9;
	}

}


/* ## Plugins
--------------------------------------------------------------------------------------- */

/* ## Jetpack
--------------------------------------------- */
#wpstats {
    display: none
}


/* ## WPForms Lite
--------------------------------------------- */

@media (max-width: 800px) { 
	.cherish .wpforms-container .wpforms-five-sixths,
	.cherish .wpforms-container .wpforms-four-sixths,
	.cherish .wpforms-container .wpforms-four-fifths,
	.cherish .wpforms-container .wpforms-one-fifth,
	.cherish .wpforms-container .wpforms-one-fourth,
	.cherish .wpforms-container .wpforms-one-half,
	.cherish .wpforms-container .wpforms-one-sixth,
	.cherish .wpforms-container .wpforms-one-third,
	.cherish .wpforms-container .wpforms-three-fourths,
	.cherish .wpforms-container .wpforms-three-fifths,
	.cherish .wpforms-container .wpforms-three-sixths,
	.cherish .wpforms-container .wpforms-two-fourths,
	.cherish .wpforms-container .wpforms-two-fifths,
	.cherish .wpforms-container .wpforms-two-sixths,
	.cherish .wpforms-container .wpforms-two-thirds {
	    width: 100%;
	    margin-left: 0;
	    margin-right: 0;
	}
}


/* ## FlexyCat Image Widget Image Border
--------------------------------------------------------------------------------------- */

.flexycat-image a {
    display: block;
    position: relative;
}

.page-widgets .flexycat-image a:before {
    box-shadow: inset 0px 0px 0px 3px rgba(255, 255, 255, 0.4);
    content: '';
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
}


/* ##  Simple Social Icons (site-top-bar)
--------------------------------------------- */
.site-top-bar .simple-social-icons {
    display: inline-block;
    vertical-align: middle;
    margin-left: -5px;
    margin-right: -5px;
}

.site-top-bar .simple-social-icons ul li {
    margin: 0!important;
    vertical-align: middle;
    float: none!important;
    display: inline-block;
    vertical-align: baseline;
}

.site-top-bar .simple-social-icons ul li a {
    background: transparent!important;
    border: 0px!important;
    color: inherit!important;
    font-size: 15px!important;
    line-height: 1!important;
    padding: 5px 10px!important;
    text-align: center;
    position: relative;
    top: -2px;
}

.site-top-bar .simple-social-icons ul li.ssi-gplus a,
.site-top-bar .simple-social-icons ul li.ssi-behance a {
    font-size: 20px!important;
    position: relative;
    top: 0;
}

.site-top-bar .simple-social-icons ul li a:hover,
.site-top-bar .simple-social-icons ul li a:focus {
    background: transparent!important;
    color: #db55ae!important; 
    padding: 5px 10px!important;
	border: 0px!important;
}

.cherish .simple-social-icons ul li {
    margin: 3px!important
}

.simple-social-icons ul {
    margin-left: -3px
}

/*  ----- alignright ----- */
.simple-social-icons ul.alignright {
    margin-right: -3px
}

/*  ----- aligncenter ----- */
.simple-social-icons ul.aligncenter {
    margin-left: 0px
}


/* ## eNews Widget
--------------------------------------------- */
.enews-widget form {
    margin: 0 0 10px 0
}

.enews-widget p {
    clear: both
}

.enews-widget input[type="text"],
.enews-widget input[type="submit"],
.enews-widget input[type="email"] {
    width: 100%;
    text-align: center;
    margin-bottom: 1%;
}

@media (min-width: 450px) { 

	.hero-text-widget .enews-widget input[type="text"],
	.hero-text-widget .enews-widget input[type="email"],
	.content .enews-widget input[type="text"],
	.content .enews-widget input[type="email"] {
	    margin: 0
	}

	.hero-text-widget .enews-widget input[type="text"],
	.content .enews-widget input[type="text"] {
	    float: right;
	    width: 49.5%;
	    text-align: left;
	    margin-bottom: 1%;
	}

	.hero-text-widget .enews-widget input[type="text"]:nth-child(2),
	.content .enews-widget input[type="text"]:nth-child(2) {
	    float: left
	}

	.enews-widget input[type="email"] {
	    float: left;
	    text-align: left;
	    width: 80.5%;
	}

	.enews-widget input[type="submit"] {
	    float: right;
	    width: 18.5%;
	}
}

.aside-area .enews-widget input[type="text"],
.aside-area .enews-widget input[type="submit"],
.aside-area .enews-widget input[type="email"] {
    width: 100%;
    text-align: center;
    float: none;
    margin-bottom: 1.5%;
}

@media (min-width: 1200px) { 
	.aside-area .enews-widget input[type="text"],
	.aside-area .enews-widget input[type="email"] {
	    text-align: left
	}

	.aside-area .enews-widget input[type="email"] {
	    float: left;
	    text-align: left;
	    width: 71%;
	}

	.aside-area .enews-widget input[type="submit"] {
	    float: right;
	    width: 27%;
	}
}


/* ## Off Canvas Site Navigation
--------------------------------------------------------------------------------------- */

.off-canvas-menu {
    margin-right: -5px;
    padding: 40px;
    position: fixed;
    overflow-y: auto;
    z-index: 100;
    width: 100%;
    right: -100%;
    top: 0;
    bottom: 0;
    box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.3);
    will-change: transform;
    will-change: transition;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@media (min-width: 400px) { 
	.off-canvas-menu {
	    width: 400px;
	    right: -400px;
	}
}


/* ## Menu Open Site Navigation
--------------------------------------------- */

.menu-open,
.menu-open body {
    overflow-y: hidden
}

.menu-open .off-canvas-menu {
    margin: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -ms-transform: translateX(-100%);
}

.menu-open .off-canvas-menu-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(255,255,255,0.5);
    z-index: 99;
    -webkit-animation: fadeIn 500ms;
    animation: fadeIn 500ms;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.menu-open .site-container {
	filter: blur(1px);
}

@keyframes fadeIn { 
	0% {
	    opacity: 0
	}

	100% {
	    opacity: 1
	}
}

@-webkit-keyframes fadeIn { 
	0% {
	    opacity: 0
	}

	100% {
	    opacity: 1
	}
}


/* ## Nav Primary
--------------------------------------------- */

.nav-primary {
	margin-bottom: 20px;
}

.nav-primary ul {
    margin: 0;
    padding: 0;
    line-height: normal;
    position: relative;
}

.nav-primary ul li {
    padding: 0;
    position: relative;
    display: block;
}

.nav-primary a {
    color: #fff;
    border-bottom: 2px solid rgba(255, 255, 255, 0.10);
    display: block;
    text-decoration: none;
    font-size: 16px;
}

.nav-primary a:hover,
.nav-primary a:focus,
.current-parent-or-item > a,
.nav-primary .sub-menu-toggle:hover,
.nav-primary .sub-menu-toggle:focus,
.nav-toggle-all:hover > a,
.nav-toggle-all:hover > .sub-menu-toggle {
    outline: none
}

.nav-primary .menu-item-has-children > a > span {
    padding-right: 50px;
}

.nav-primary ul ul li a {
    padding-left: 20px
}

.nav-primary ul ul ul li a {
    padding-left: 40px
}

.nav-primary a span {
    display: inline-block;
    padding: 18px 0;
    position: relative;
}


/* ## Menu Item Description	
--------------------------------------------- */
.nav-primary .menu-item-description {
	font-size: 12px;
	display: block;
	margin-top: -10px;
	padding: 0 50px 15px 0;
	line-height: 1.3;
}


/* ## Menu Icon
--------------------------------------------- */

li.menu-icon-before:before,
li.menu-icon-after:before {
    content: '';
}

li.menu-icon-before > a > span.menu-icon-before:before,
li.menu-icon-after > a > span.menu-icon-after:before {
    font-family: FontAwesome;
    float: left;
    padding-right: 8px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

li.menu-icon-after > a > span.menu-icon-after:before {
    float: right;
    padding-left: 8px;
    padding-right: 0;
}


/* ## Child Menu Sub Menu
--------------------------------------------- */

.nav-primary .sub-menu {
    max-height: 0px;
    opacity: 0;
    overflow: hidden;
    will-change: transform;
    will-change: transition;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.nav-primary .sub-menu-open > .sub-menu {
    max-height: 1200px;
    opacity: 1;
    overflow: visible;
}

/* ## Sub Menu Toggle
--------------------------------------------- */

.cherish .off-canvas-menu button.sub-menu-toggle {
    background-color: transparent;
    cursor: pointer;
    color: inherit;
    border: 0px;
    height: 50px;
    display: block;
    font-size: 20px;
    line-height: 0;
    padding: 0;
    margin: 0;
    width: 50px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    outline: none;
    z-index: 100;
}

.sub-menu-toggle:before {
    display: block;
    position: absolute;
    top: 0;
    height: 60px;
    width: 100%;
    text-align: right;
    right: 5px;
    font-family: 'FontAwesome';
    content: "\f107";
    font-size: 14px;
    line-height: 55px;
}

.sub-menu-open > .sub-menu-toggle:before {
    content: "\f106"
}


/* ## Site Navigation Widget Styles
--------------------------------------------- */

.off-canvas-menu .widget {
    padding: 20px 0;
    position: relative;
}

.off-canvas-menu .widget + widget {
	margin-top: 20px;
}


/* ## Site Top Bar
--------------------------------------------------------------------------------------- */

.site-top-bar {
    width: 100%;
    background: #fff;
    color: #222;
    left: 0;
    top: 0;
    right: 0;
    text-align: center;
    z-index: 101;
    position: relative;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: -moz-transform 1s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1);
    box-shadow: 0px 5px 10px -4px rgba(0,0,0,0.3);
} 

.site-top-bar a {
    color: inherit;
}
 
.site-top-bar a:hover, 
.site-top-bar a:focus,
.site-top-bar a.current-menu-item,
.site-top-bar li.current-menu-item > a {
    color: #db55ae;
}

.site-top-bar.headroom--unpinned {
    position: relative
}


/* ## Site Top Bar - User Scrolling 
--------------------------------------------- */

/* adjust opacity and position when user has scrolled */

.fixed-site-top-bar.site-top-bar {
    opacity: .9;
    position: fixed;
}

/* hide site-top-bar on scroll down */

.site-top-bar.headroom--unpinned {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

/* don't hide top bar when menu is open */

.menu-open .site-top-bar.headroom--unpinned {
    -webkit-transform: translateY();
    -moz-transform: translateY();
    -ms-transform: translateY();
    -o-transform: translateY();
    transform: translateY();
}


/* ##  Site Top Bar Content
--------------------------------------------- */

.site-top-bar * {
    margin-bottom: 0!important
}

.site-top-bar p {
    margin: 0;
    display: inline;
    vertical-align: middle;
}

.site-top-bar ul {
    padding: 0!important;
    margin: 0!important;
    display: inline-block!important;
}

.site-top-bar .widget {
    margin: 0;
    display: inline-block;
}

.site-top-bar .widget + .widget {
    padding: 0 10px
}

.site-top-bar a:not(:hover) {
    text-decoration: none
}

.site-top-bar > .wrap {
    display: table;
    position: relative;
    max-width: none;
    padding: 0;
    width: 100%;
}

.site-top-bar-left,
.site-top-bar-middle,
.site-top-bar-right {
    padding: 10px 5px;
    font-size: 14px;
    vertical-align: middle;
}

/* site-top-bar-left hides on small viewports */

.site-top-bar-left {
    display: none
}


@media (max-width: 500px) { 
	.site-top-bar-right {
		display: table-header-group;
	}

	.site-top-bar-right .menu-toggle {
		padding: 10px 0;
	}

}

@media (min-width: 500px) { 
	.site-top-bar-middle,
	.site-top-bar-right {
	    display: inline-block;
	    padding: 10px 5px;
	}
}

@media (min-width: 700px) { 

	/* show site-top-bar-left */
	.site-top-bar-left {
	    display: inline-block;
	}
}

@media (min-width: 1200px) { 

	.site-top-bar-left,
	.site-top-bar-middle,
	.site-top-bar-right {
	    display: table-cell;
	    vertical-align: middle;
	    padding: 15px 25px;
	    font-size: 16px;
	    width: 33.33%;
	}

	.site-top-bar-right {
	    text-align: right
	}

	.site-top-bar-left {
	    text-align: left;
	}

	.left-active .site-top-bar-left {
	    width: 50%
	}

	.left-active .site-top-bar-right {
	    width: 50%
	}

	.site-top-bar-middle {
	    text-align: center
	}

	.middle-active .site-top-bar-middle {
	    width: 50%;
	    text-align: left;
	}

	.middle-active .site-top-bar-right {
	    width: 50%;
	}
}


/* ##  Center Site Top Bar
--------------------------------------------- */

.center-site-top-bar .site-top-bar-right {
    text-align: center;
    width: 100%;
}


/* ## Menu Toggle (main toggle)
--------------------------------------------------------------------------------------- */

.menu-toggle {
    display: inline-block;
    padding: 0 10px;
    margin: 0 auto;
    vertical-align: middle;
}

.menu-text {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
}

.menu-text:before {
    content: 'menu';
    display: block;
    vertical-align: middle;
    position: relative;
    font-size: 13px;
    padding-left: 10px;
    letter-spacing: 1px;
}


/* ## Veg Burger Three Lines (Hamburger)
--------------------------------------------- */

.veg-burger {
    position: relative;
    display: table-cell;
    left: 0;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.veg-burger .menu-lines,
.veg-burger .menu-lines:before,
.veg-burger .menu-lines:after {
    background: #222;
}

.menu-toggle:hover .menu-lines,
.menu-toggle:hover .menu-lines:after,
.menu-toggle:hover .menu-lines:before,
.menu-toggle:focus .menu-lines,
.menu-toggle:focus .menu-lines:after,
.menu-toggle:focus .menu-lines:before {
    background: #db55ae
}

.menu-open .cherish .menu-toggle .veg-burger .menu-lines,
.menu-open .cherish .menu-toggle:hover .menu-lines,
.menu-open .cherish .menu-toggle:focus .menu-lines {
    background: transparent
}

.veg-burger .menu-lines,
.veg-burger .menu-lines:before,
.veg-burger .menu-lines:after {
    height: 3px;
    transition: 0.3s;
    -webkit-backface-visibility: hidden;
    will-change: transform;
    will-change: transition;
    display: inline-block;
}

.veg-burger .menu-lines {
    top: 0;
    display: block;
    left: 0;
    right: 0;
    width: 100%;
    position: relative;
}

.veg-burger .menu-lines:before,
.veg-burger .menu-lines:after {
    position: absolute;
    left: 0;
    right: 0;
    content: '';
    -webkit-transform-origin: 0.28571rem center;
    transform-origin: 0.28571rem center;
    -ms-transform-origin: 0.28571rem center;
}

.veg-burger .menu-lines:before {
    top: 10px
}

.veg-burger .menu-lines:after {
    top: -10px
}

.veg-burger {
    padding: 0;
    cursor: pointer;
    user-select: none;
}

.veg-burger:active {
    transition: 0
}


/* ## Menu Open .veg-burger .menu-lines
--------------------------------------------- */

.menu-open .off-canvas-menu .menu-toggle .veg-burger .menu-lines {
    background: transparent
}

/* ---- required for closing outside on touch devices ----- */
.menu-open .site-container {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.menu-open .veg-burger .menu-lines {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
}

.menu-open .veg-burger .menu-lines {
    background: transparent
}

.menu-open .veg-burger .menu-lines:before,
.menu-open .veg-burger .menu-lines:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    left: 0;
    width: 100%;
}

.menu-open .veg-burger .menu-lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}

.menu-open .veg-burger .menu-lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}


/* ## Main Backgrounds and Colors
--------------------------------------------------------------------------------------- */


/* ## Background Images (pseudo elements)
--------------------------------------------- */

@media screen { 
	.site-container:before,
	.off-canvas-menu:before,
	.page-header:before,
	.page-footer:before,
	.site-header:before,
	.site-footer:before {
	    content: '';
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    position: absolute;
	    background-image: url(assets/images/background-patterns/vine-2.png);
	    background-attachment: fixed;
	    background-size: 350px 176px;
	    opacity: 0.15;
	}

	.site-container:before {
	    position: fixed;
	    z-index: -2;
	    opacity: 0.3;
	}

	.page-header:before,
	.page-footer:before {
	    opacity: 0.05
	}
	
	.off-canvas-menu:before {
	    opacity: 0.05;
	}	
} 


/* ## Body Background Image and Color
--------------------------------------------- */
body {
    background: #c2f438;
    color: #222;
}


/* ## Site Header and Site Footer Shared Styles
--------------------------------------------------------------------------------------- */

.site-header,
.site-footer {
    color: #fff;
    background: #db55ae;
	position: relative;
}

.site-header .title-area a:hover {
    opacity: .7;
}

.site-header a, 
.site-footer a {
    color: #fff;
    text-decoration: none;
    border: none;
}

.site-header a:hover:not(.button),
.site-header a:focus:not(.button),
.site-header a.current-menu-item,
.site-header li.current-menu-item > a,
.site-footer a:hover:not(.button),
.site-footer a:focus:not(.button),
.site-footer a.current-menu-item,
.site-footer li.current-menu-item > a {
    color: rgba( 255,255,255, .7);
}

/* site-footer link style */
.site-footer a {
    border-bottom: 1px dotted rgba(255,255,255,.7);
}


/* ## Accent Primary
 * add NO padding or margin this is color only
--------------------------------------------------------------------------------------- */

.accent-primary {
    color: #fff;
    background-color: #db55ae;
}

.accent-primary a {
    color: #fff;
}

.accent-primary a:not(:hover):not(.button):not(.more-link) {
    border-bottom-color: #fff;
}

.accent-primary a:hover:not(.button),
.accent-primary a:focus:not(.button) {
    color: rgba( 255,255,255, .7);
}

.accent-primary .more-link  {
    border-bottom: 2px solid #fff;
}

.accent-primary .more-link:hover {
    border-bottom-color: rgba( 255,255,255, .7); 
}

.accent-primary hr {
    border-bottom-color: #fff;
}

.accent-primary .aside-widget-title {
    color: rgba(255, 255, 255, 0.8);
    border-bottom-color: rgba(255, 255, 255, 0.5);
}

.accent-primary .aside-widget-title span {
    border-bottom-color: rgba(255, 255, 255, 0.5)
}

.accent-primary .embellish-title {
    color: #fff
}

.accent-primary .embellish-element:before,
.accent-primary .embellish-element:after {
    border-color: #fff
}

.accent-primary button,
.accent-primary .button,
.accent-primary input[type="button"],
.accent-primary input[type="reset"],
.accent-primary input[type="submit"],
.accent-primary input[type="search"],
.accent-primary textarea,
.accent-primary input,
.accent-primary input[type="search"]:hover,
.accent-primary input[type="search"]:focus,
.accent-primary textarea:hover,
.accent-primary textarea:focus,
.accent-primary input:hover,
.accent-primary input:focus {
    border-color: #fff;
    background: transparent;
    color: #fff;
}

.accent-primary .button:hover,
.accent-primary .button:focus,
.accent-primary button:hover,
.accent-primary button:focus,
.accent-primary input[type="button"]:hover,
.accent-primary input[type="reset"]:hover,
.accent-primary input[type="submit"]:hover,
.accent-primary input[type="button"]:focus,
.accent-primary input[type="reset"]:focus,
.accent-primary input[type="submit"]:focus {
    color: #db55ae;
    background: #fff;
    border-color: #fff;
}


/* ## WooCommerce Colors (shared with .accent-primary)
---------------------------------------------------------------------- */
.woocommerce .product .onsale {
    background: #db55ae; 
    color: #fff; 
}

.woocommerce-info,
.woocommerce-message {
    color: #fff; 
    background: #db55ae;
    border-radius: 3px;
}

.cherish .woocommerce-info .button.wc-forward:hover,
.cherish .woocommerce-message .button.wc-forward:hover,
.cherish .woocommerce-info .button.wc-forward:focus,
.cherish .woocommerce-message .button.wc-forward:focus {
    color: #db55ae; 
    background: #fff; 
}

.wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward,
.woocommerce-checkout-payment input#place_order.button.alt,
.woocommerce .product-type-external button.single_add_to_cart_button.button,
.woocommerce .single_add_to_cart_button.button,
.woocommerce .single_add_to_cart_button.button.alt {
    color: #fff; 
    background: #db55ae; 
    border-color: #db55ae; 
}

.woocommerce .product-type-external .button.single_add_to_cart_button.button:hover,
.woocommerce .product-type-external .button.single_add_to_cart_button.button:focus,
.woocommerce button.single_add_to_cart_button.alt.button:hover,
.woocommerce button.single_add_to_cart_button.alt.button:focus,
.wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward:hover,
.wc-proceed-to-checkout a.checkout-button.button.alt.wc-forward:focus,
.woocommerce-checkout-payment input#place_order.button.alt:hover,
.woocommerce-checkout-payment input#place_order.button.alt:focus {
    color: #db55ae; 
    background: #fff; 
    border-color: #db55ae; 
}



/* ## Page Main Section (.page-header, .page-footer, .off-canvas-menu shared )
 * add NO padding or margin - these area color only styles
--------------------------------------------------------------------------------------- */

.page-main-section {
    background: #222;
    color: #fff;
}

.page-main-section a {
    color: inherit;
}

.page-main-section .breadcrumb {
    color: rgba(255, 255, 255, 0.5);
}

.page-main-section .widget a:not(.button) {
    border-bottom: 1px dotted #fff;
    text-decoration: none;
}

.page-main-section  .widget  a[href^=tel] {
	border-bottom: none;
}

.page-main-section .hero-text-widget a:not(.button) {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.page-main-section .widget a:not(.button):hover {
    border-bottom: none;
}

.page-main-section .breadcrumb {
    color: rgba(255, 255, 255, 0.5);
}

.page-main-section .breadcrumb a {
    text-decoration: none;
}

.page-main-section .entry-meta a {
    text-decoration: none;
}

.page-main-section hr {
    border-bottom-color: #fff; 
}

.page-main-section .aside-widget-title {
    color: rgba(255, 255, 255, 0.7);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.page-main-section .aside-widget-title span {
    border-bottom-color: rgba(255, 255, 255, 0.2)
}

.page-main-section a:hover:not(.button),
.page-main-section a:focus:not(.button),
.nav-primary.off-canvas a:hover,
.nav-primary.off-canvas a:focus,
.nav-primary.off-canvas .current-parent-or-item > a,
.nav-primary.off-canvas .current-menu-item > a,
.nav-primary.off-canvas .sub-menu-toggle:hover,
.nav-primary.off-canvas .sub-menu-toggle:focus,
.nav-primary.off-canvas .nav-toggle-all:hover > a,
.nav-primary.off-canvas .nav-toggle-all:hover > .sub-menu-toggle,
.page-main-section a.current-menu-item,
.page-main-section li.current-menu-item > a {
    color: #c2f438;
}

.page-main-section button,
.page-main-section .button,
.page-main-section input[type="button"],
.page-main-section input[type="reset"],
.page-main-section input[type="submit"] {
    border-color: #fff; 
    background: transparent;
    color: #fff; 
}

.page-main-section .button:hover,
.page-main-section .button:focus,
.page-main-section button:hover,
.page-main-section button:focus,
.page-main-section input[type="button"]:hover,
.page-main-section input[type="reset"]:hover,
.page-main-section input[type="submit"]:hover,
.page-main-section input[type="button"]:focus,
.page-main-section input[type="reset"]:focus,
.page-main-section input[type="submit"]:focus {
    color: #222; 
    background: #fff; 
    border-color: #fff; 
}

.page-main-section input[type="search"],
.page-main-section textarea,
.page-main-section input,
.page-main-section input[type="search"]:hover,
.page-main-section input[type="search"]:focus,
.page-main-section textarea:hover,
.page-main-section textarea:focus,
.page-main-section input:hover,
.page-main-section input:focus {
    border-color: #fff; 
    color: #fff; 
    background: transparent;
}

/*  shared with .page-main-section */
.page-main-section .star-rating span {
    color: #fff; 
}

.woocommerce-page .woocommerce-ordering {
    color: #fff; 
    border: 2px solid #fff; 
}

form.woocommerce-ordering:after {
    color: #fff; 
}

form.woocommerce-ordering select.orderby {
    color: #fff; 
    background-color: #222;
}

.cherish .page-main-section .accent-tertiary,
.cherish .page-main-section .accent-primary,
.cherish .page-main-section .accent-secondary,
.cherish .page-main-section .widget {
    background: transparent;
}


/* ## Accent Secondary
 * add NO padding or margin this is color only
--------------------------------------------------------------------------------------- */

.accent-secondary {
    background-color: #222;
    color: #fff;
}

.accent-secondary a {
    color: inherit
}

.accent-secondary a:not(:hover):not(.button):not(.more-link) {
    border-bottom-color: #fff;
}

.accent-secondary a:hover:not(.button),
.accent-secondary a:focus:not(.button) {
    color: #c2f438;
    border-bottom-color: #c2f438;
}

.accent-secondary .more-link  {
    border-bottom: 2px solid #fff;
}

.accent-secondary hr {
    border-bottom-color: #fff;
}

.accent-secondary .aside-widget-title {
    color: rgba(255, 255, 255, 0.6);
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.accent-secondary .aside-widget-title span {
    border-bottom-color: rgba(255, 255, 255, 0.2)
}

.accent-secondary .embellish-title {
    color: #fff
}

.accent-secondary .embellish-element:before,
.accent-secondary .embellish-element:after {
    border-color: #fff
}

.accent-secondary button,
.accent-secondary .button,
.accent-secondary input[type="button"],
.accent-secondary input[type="reset"],
.accent-secondary input[type="submit"],
.accent-secondary input[type="search"],
.accent-secondary textarea,
.accent-secondary input,
.accent-secondary input[type="search"]:hover,
.accent-secondary input[type="search"]:focus,
.accent-secondary textarea:hover,
.accent-secondary textarea:focus,
.accent-secondary input:hover,
.accent-secondary input:focus {
    border-color: #fff;
    background: transparent;
    color: #fff;
}

.accent-secondary .button:hover,
.accent-secondary .button:focus,
.accent-secondary button:hover,
.accent-secondary button:focus,
.accent-secondary input[type="button"]:hover,
.accent-secondary input[type="reset"]:hover,
.accent-secondary input[type="submit"]:hover,
.accent-secondary input[type="button"]:focus,
.accent-secondary input[type="reset"]:focus,
.accent-secondary input[type="submit"]:focus {
    color: #222;
    background: #fff;
    border-color: #fff;
}


/* ## Accent Tertiary (appropriate for dark text on this light background)
--------------------------------------------------------------------------------------- */

.accent-tertiary {
    background: #ffe2f4;
}

.accent-tertiary a:not(.button):not(.more-link) {
	text-decoration: none;
	border-bottom: 1px solid #222;
	padding-bottom: 1px;
}

.accent-tertiary .button:hover,
.accent-tertiary .button:focus,
.accent-tertiary button:hover,
.accent-tertiary button:focus,
.accent-tertiary input[type="button"]:hover,
.accent-tertiary input[type="reset"]:hover,
.accent-tertiary input[type="submit"]:hover,
.accent-tertiary input[type="button"]:focus,
.accent-tertiary input[type="reset"]:focus,
.accent-tertiary input[type="submit"]:focus {
    color: #ffe2f4;
}

.accent-tertiary .more-link {
    color: #222;
    border-bottom-color: #222;
}

.accent-tertiary .more-link:hover,
.accent-tertiary a:not(.button):hover {
    opacity: .7;
    color: inherit;
    border-bottom-color: #222;
}


/* ## General Utility Classes
--------------------------------------------------------------------------------------- */

/*  
 * you can add others such as .text-right and make it align right but remember that unless
 * you put your class inside a media query then it affects all viewport sizes and that may look
 * weird on small devices. Text left is default of any text, unless it's RTL. If you add a class
 * that affects horizontal viewing on the left, be sure to reverse it in the rtl.css file
*/

.font-thin {
    font-weight: 300
}

.font-regular {
    font-weight: 400
}

.font-bold {
    font-weight: 700
}

img.img-border,
.img-border img {
    border: 2px solid #eee
}

img.img-round,
.image-round img {
    border-radius: 50%
}

.text-center {
    text-align: center
}

.no-padding {
    padding: 0px!important
}

.no-padding-top {
    padding-top: 0px!important
}

.no-padding-bottom {
    padding-bottom: 0px!important
}

.no-margin-top {
    margin-top: 0px!important
}

.no-margin-bottom {
    margin-bottom: 0px!important
}

.page-widget-padding {
	padding-left: 5%;
	padding-right: 5%;
}


/* ## Genesis Column Classes
 * http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */
@media (min-width: 800px) { 
	.five-sixths, 
	.four-sixths, 
	.one-fourth, 
	.one-half, 
	.one-sixth, 
	.one-third, 
	.three-fourths, 
	.three-sixths, 
	.two-fourths, 
	.two-sixths, 
	.two-thirds {
	    float: left;
	    margin-left: 2.564102564102564%;
	}

	.one-half, .three-sixths, .two-fourths {
	    width: 48.71795%
	}

	.one-third, .two-sixths {
	    width: 31.62393%
	}

	.four-sixths, .two-thirds {
	    width: 65.81197%
	}

	.one-fourth {
	    width: 23.07692%
	}

	.three-fourths {
	    width: 74.35897%
	}

	.one-sixth {
	    width: 14.52991%
	}

	.five-sixths {
	    width: 82.90598%
	}

	.first {
	    clear: both;
	    margin-left: 0;
	}
}


/* ## Wordpress Alignments
--------------------------------------------------------------------------------------- */

.alignnone, .alignleft, .alignright, .aligncenter {
    display: block;
    margin: 10px auto;
    float: none;
}

.aligncenter img, .alignnone img, .alignleft img, .alignright img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.alignnone img {
    margin: 0
}

.aligncenter {
    text-align: center
}

@media (min-width: 800px) { 
	.alignnone {
	    margin-left: 0;
	    margin-right: 0;
	    clear: both;
	    margin-bottom: 15px;
	}

	.content .alignnone {
	    margin-bottom: 25px
	}

	.alignleft {
	    float: left;
	    margin: 5px 25px 10px 0;
	}

	.alignright {
	    float: right;
	    margin: 5px 0 10px 25px;
	}

	.aligncenter {
	    clear: both;
	    margin: 0 auto 15px auto;
	}

	.content .aligncenter {
	    margin: 0 auto 25px auto
	}

	.alignnone img,
	.alignleft img,
	.alignright img {
	    margin: 0
	}
}


/* ## WordPress Caption
--------------------------------------------- */
p.wp-caption-text,
figcaption {
    line-height: 1.35;
    font-size: 14px;
    font-style: oblique;
    margin: 15px 0 25px 0;
    padding: 0 0 15px;
    border-bottom: 2px solid #eee;
}

.aligncenter p.wp-caption-text {
    text-align: center
}

@media (min-width: 800px) { 
	.alignright p.wp-caption-text,
	.alignleft p.wp-caption-text,
	.one-fourth p.wp-caption-text,
	.one-third p.wp-caption-text {
	    line-height: 1.4;
	    font-size: 12px;
	}

	.alignleft p.wp-caption-text,
	.alignright p.wp-caption-text,
	.alignleft figcaption,
	.alignright figcaption {
	    margin-bottom: 0
	}
}


/* ## Aside Area Image Alignments
--------------------------------------------- */
.aside-area .alignleft {
    float: left;
    margin: 0.375em 1.25em .5em 0;
}

.aside-area .alignright {
    float: right;
    margin: 0.375em 0 .5em 1em;
}


/* ## WordPress Native Media Gallery
--------------------------------------------------------------------------------------- */

#genesis-content .gallery .gallery-item img {
    border: none
}

#genesis-content .gallery {
    margin-bottom: 20px;
    position: relative;
    font-size: 0px;
    width: 101.5%;
    left: -1%;
}

#genesis-content .gallery.gallery-columns-3 {
    width: 102.5%
}

#genesis-content .gallery.gallery-columns-4,
#genesis-content .gallery.gallery-columns-5 {
    width: 101.5%
}

#genesis-content .gallery .gallery-item {
    display: inline-block;
    float: none;
    padding: 0 1% 2%;
    margin: 0;
    text-align: center;
    vertical-align: top;
    max-width: 100%;
    width: 100%;
}

#genesis-content .gallery.gallery-columns-1 .gallery-item {
    max-width: 100%
}


/* ## WordPress Media Gallery - 2 columns
--------------------------------------------- */
#genesis-content .gallery.gallery-columns-2 .gallery-item {
    max-width: 100%
}

@media (min-width: 500px) { 
	#genesis-content .gallery.gallery-columns-2 .gallery-item {
	    max-width: 50%
	}
}


/* ## WordPress Media Gallery -  3 columns
--------------------------------------------- */
@media (min-width: 700px) { 
	#genesis-content .gallery.gallery-columns-3 .gallery-item {
	    max-width: 33.33%;
	    float: left;
	}

	/* WordPress Media Gallery -  4 columns
	--------------------------------------------- */
	#genesis-content .gallery.gallery-columns-4 .gallery-item {
	    max-width: 50%
	}
}

@media (min-width: 1200px) { 
	#genesis-content .gallery.gallery-columns-4 .gallery-item {
	    max-width: 25%
	}
}


/* ## WordPress Media Gallery -  5 columns
--------------------------------------------- */
@media (min-width: 500px) { 
	#genesis-content .gallery.gallery-columns-5 .gallery-item {
	    max-width: 50%
	}

	#genesis-content .gallery.gallery-columns-5 br {
	    display: none
	}
}

@media (min-width: 800px) { 
	#genesis-content .gallery.gallery-columns-5 .gallery-item {
	    max-width: 33.33%
	}
}

@media (min-width: 1200px) { 
	#genesis-content .gallery.gallery-columns-5 .gallery-item {
	    max-width: 20%
	}
}


/* ## WordPress Media Gallery -  6 columns
These are not styled to change on viewport width
--------------------------------------------- */
.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-columns-6 .gallery-caption, 
.gallery-columns-7 .gallery-caption, 
.gallery-columns-8 .gallery-caption, 
.gallery-columns-9 .gallery-caption {
    display: none
}


/* ## Gallery Caption
--------------------------------------------- */
.gallery-caption {
    display: block;
    font-size: 14px;
}


/* ## Site Map Page and Site Map on 404 page
--------------------------------------------- */
.site-map {
    text-align: center
}

.site-map ul {
    padding: 0;
    list-style: none;
}

.site-map > ul {
    margin-bottom: 40px
}


/* ## Print Styles
--------------------------------------------------------------------------------------- */

@media print { 

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

	.wrap,
	.footer-widgets-wrap {
	    max-width: none!important;
	    width: 100%!important;
	}

	.content-sidebar-wrap {
	    overflow: visible!important;
	    display: block!important;
	    width: 100%!important;
	}

	.content {
	    padding: 0!important;
	}
		

	@page {
	    margin: 2cm 1cm
	}


	/* ## Defaults
	--------------------------------------------- */

	*,
	*:before,
	*:after {
	    background: transparent !important;
	    color: #000 !important;
	    border-color: #000 !important;
	    box-shadow: none !important;
	    text-shadow: none !important;
	}


	thead {
	    display: table-header-group
	}

	img,
	tr {
	    page-break-inside: avoid
	}

	img {
	    max-width: 100% !important;
	    height: auto;
	}

	p,
	h2,
	h3 {
	    orphans: 3;
	    widows: 3;
	}

	blockquote,
	pre {
	    page-break-inside: avoid;
	}
	
	pre {
		border: 1px solid #ccc!important;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
	    orphans: 3;
	    page-break-after: avoid;
	    page-break-inside: avoid;
	    widows: 3;
	}

	img {
	    page-break-after: avoid;
	    page-break-inside: avoid;
	}

	blockquote,
	pre,
	table {
	    page-break-inside: avoid
	}

	dl,
	ol,
	ul {
	    page-break-before: avoid
	}

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

	.site-header {
	    padding: 20px 0;
	}
	

	.logo > a:before {
	    display: block;
	}
	
	/* ## Page Header
	--------------------------------------------- */

	.page-header {
	    padding: 0;
	    margin-bottom: 20px;
	}

	.page-title {
	    width: 100%;
	    padding: 20px 0;
	}


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

	.page-footer {
	    width: 100%
	}


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

	.site-footer {
	    text-align: center;
	    font-size: 10pt;
	}


	/* ## WooCommerce
	--------------------------------------------- */

	.woocommerce ul.products {
	    text-align: center
	}
	

	/* ## Hide
	--------------------------------------------- */

	.cherish .cherish-woocommerce-store-notice,
	.entry-divider,
	.add_to_cart_button,
	.page-sorting-wrapper,
	.page-footer,
	.ribbon,
	.onsale,
	.archive-pagination,
	.genesis-skip-link,
	.screen-reader-text,
	.go-to-top,
	.breadcrumb,
	.adjacent-post-navigation,
	.related-posts,
	.off-canvas-menu,
	.site-top-bar,
	.comment-edit-link,
	.comment-form,
	.comment-list .reply a,
	.comment-reply-title,
	.edit-link,
	.entry-comments-link,
	.entry-footer,
	.genesis-box,
	.hidden-print,
	.nav-primary,
	.post-edit-link,
	.sidebar,
	.simple-social-icons {
	    display: none!important
	}


	/* ## Archive
	--------------------------------------------- */
	
	.entry-item + .entry-item {
	    margin-top: 40px;
	}


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

	a,
	a:visited {
	    text-decoration: underline
	}

	a[href]:after {
	    content: " (" attr(href) ")";
	    font-size: 9pt;
	}

	abbr[title]:after {
	    content: " (" attr(title) ")";
	    font-size: 9pt;
	}

	a[href^="javascript:"]:after,
	a[href^="#"]:after,
	.site-title > a:after {
	    content: "";
	    font-size: 9pt;
	}

	.title-area a[href]:after {
	    display: none!important
	}
	
	.entry-title a[href]:after {
		display: block;
	}
	
	.more-link:after {
		display: none!important;
	}
	
	.entry-image-link:after {
		display: none!important;
	}

}