<br />
<b>Deprecated</b>:  Function create_function() is deprecated in <b>/home/chris493/public_html/esteem/wp-content/plugins/wpforms-lite/includes/class-widget.php</b> on line <b>142</b><br />
<br />
<b>Deprecated</b>:  Function create_function() is deprecated in <b>/home/chris493/public_html/esteem/wp-content/plugins/esteem-feminine-ts/lib/plugin-support/woocommerce/includes/woocommerce-shop-archive.php</b> on line <b>260</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/chris493/public_html/esteem/wp-content/plugins/wpforms-lite/includes/class-widget.php:142) in <b>/home/chris493/public_html/esteem/wp-content/plugins/theme-css/css.php</b> on line <b>7</b><br />
/*
	Theme Name:       Esteem Feminine
	Theme URI:        http://esteem.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)
*/

@charset 'UTF-8';


/* 
 * --- MOBILE FIRST ---
 * This is a mobile first stylesheet. The min-width (not max-width) media queries 
 * Also look out for min-height media queries or combination media queries.
 * are used AFTER the global CSS in the same section. Please read the comments and
 * use a code editor and good indentation to prevent problems before they begin.
 *
 * --- COLORS ---
 * Theme colors are intended to be set by the Customizer. If you choose to change them in this stylesheet,
 * ALL colors are located in section ## 17.0 - Theme Colors. You will also need to write CSS for any plugins.
 *
*/
 
/* --------------- || Table of Contents || -----------------------------------------------

	1.0 - Resets
	1.1 - Normalize
	1.2 - Normalize Additions
		1.3 - Box Sizing
		1.4 - Float Clearing
	2.0 - Body / HTML3.0 - Accessibility / Screen Reader Text / Skip Links
	4.0 - Defaults
		4.1 - Objects
		4.2 - Pretty Border Wrap
		4.3 - Link Defaults
		4.4 - Horizontal Rule
		4.5 - Definition List
		4.6 - Pre / Code
		4.7 - Table
	5.0 - Form / Inputs / Buttons
		5.1 - Form (default form)
		5.2 - Search Form
		5.3 - Buttons5.4 - Button Row
		5.5 - Button Sizes
	6.0 - Typography
		6.1 - Responsive Headlines 
		6.2 - Margin Base 
		6.3 - Blockquote
		6.4 - Accent Heading (used in non-page builder situations)
		6.5 - Typography in Aside Area ( .aside-area )
	7.0 - Main Containers and Framework Structure
		7.1 - Wrap & Max Width Containers
		7.2 - Overlapping Content Area
		7.3 - Site Top Bar
		7.4 - Site Top Bar Content
		7.5 - Center Site Top Bar
		7.6 - Site Top Bar Search Toggle
		7.7 - Site Top Bar Simple Social Icons
		7.8 - Site Top Bar Menu Toggle (main toggle)
		7.9 - Veg Burger Three Lines (Hamburger)
		7.10 - Menu Open .veg-burger .menu-lines
		7.11 - Site Header 
		7.12 - Site Header Widget
		7.13 - No Logo / Site Title
		7.14 - Logo
		7.15 - Site Footer
		7.16 - Go To Top 
	8.0 - Navigation (off canvas)
		8.1 - Off Canvas Site Navigation
		8.2 - Menu Open Site Navigation
		8.3 - Navigation Base
		8.4 - Off Canvas Menu (Nav) Link Styles
		8.5 - Child Menu Item Indicator
		8.6 - Menu Item Description	
		8.7 - Sub Menu / Child Menu
		8.8 - Sub Menu Toggle
		8.9 - Site Navigation Widget Styles
	9.0 - Page Header
		9.1 - Page Header Base
		9.2 - Page Title Padding
		9.3 - Page Header Responsive Typography
		9.4 - Breadcrumb
	10.0 - Structural Inner Columns || Column Widths & Positions
		10.1 - Narrow Width Content
		10.2 - Sidebar Base
		10.3 - Content Padding
		10.4 - Content Sidebar and Sidebar Content ( min-width: 1000px )
		10.5 - Content Sidebar and Sidebar Content (min-width: 1200px)
	11.0 - Entries (single and archive)
		11.1 - Entry Base
		11.2 - Read More Link
		11.3 - Entry Header (all)
		11.4 - Archive Entry Header
		11.5 - Archive Entry Content & Blog Template Content
		11.6 - Search Result Item Archive
		11.7 - Ribbon
		11.8 - Entry Footer (single and archive)
		11.9 - Archive Pagination  
		11.10 - Archive Intro Text
		11.11 - Search Page
		11.12 - Entry Single
		11.13 - Drop Cap
		11.14 - Author Box
		11.15 - Related Posts
		11.16 - Adjacent Post Navigation (Previous and Next)
		11.17 - Entry Comments / Discussion
	12.0 - Page Footer
		12.1 - Footer Widgets
		12.2 - Footer Widget Area Columns based on active
		12.3 - Three Footer Widget Areas
		12.4 - One Footer Widget Area
	13.0 - Widgets
		13.1 - Page Widgets (general)
		13.2 - Sidebar Widget Base
		13.3 - User Profile Widget
		13.4 - Genesis Featured Post Widget in aside-area
	14.0 - Plugins
		14.1 - Jetpack
		14.2 - WPForms Lite
		14.3 - Simple Social Icons
		14.4 - eNews Extended
	15.0 - WordPress Specific
		15.1 - Wordpress Alignments
		15.2 - WordPress Caption
		15.3 - WordPress Native Media Gallery
	16.0 - Genesis Column Classes
	17.0 - Theme Colors
	18 - Page Specific: Site Map & 404 Page
	19 - Utility Classes
	20 - Print Styles

---- || end table of contents || ------------------------------------------------------ */


/* ## 1.0 - Resets
--------------------------------------------------------------------------------------- */

/* ## 1.1 - Normalize
--------------------------------------------- */

/**
 * by Nicolas Gallagher and Jonathan Neal
 * 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;}


/* ## 1.2 - Normalize Additions
--------------------------------------------- */

address {
    font-style: normal
}

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

figure {
    margin: 0 0 20px 0
}

mark {
    background: transparent;
}


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


/* ## 1.4 - 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-menu-global: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;
}

/* ## 2.0 - Body / HTML
--------------------------------------------------------------------------------------- */

html,
body {
    margin: 0;
    padding: 0;
}

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

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

@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 */
	}
}

/* ## 3.0 - Accessibility / Screen Reader Text / Skip Links
--------------------------------------------------------------------------------------- */

/* ## 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;
}

/* ## 4.0 - Defaults
--------------------------------------------------------------------------------------- */

/* ## 4.1 - Objects
--------------------------------------------- */

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

img {
    height: auto;
}

iframe {
    border: none
}

figure img {
    display: block
}
  

/* ## 4.2 - Pretty Border Wrap
--------------------------------------------- */

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

.pretty-border-wrap {
    position: relative;
    display: block;
} 

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


/* ## 4.3 - Link Defaults
 * Do not remove underlines on links
--------------------------------------------- */

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

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

.esteem-feminine a.image-link,
.esteem-feminine a.woocommerce-LoopProduct-link {
	border: none;
}

.entry-title a {
	text-decoration: none;
}


/* ## 4.4 - Horizontal Rule
--------------------------------------------- */
hr {
    clear: both;
    height: 1px;
    border: 0;
}


/* ## 4.5 - Definition List
--------------------------------------------- */
dt {
    font-weight: bold;
}

/* ## 4.6 - 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;
    border-radius: 3px;
}

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

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

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


/* ## 4.7 - 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
}


/* ## 5.0 - Form / Inputs / Buttons
--------------------------------------------------------------------------------------- */

/* ## 5.1 - Form (default form)
--------------------------------------------- */
  
form {
    opacity: 0;
    transition: opacity .5s linear;
}

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;
    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-radius: 3px;
    vertical-align: baseline;
    line-height: normal;
    padding: 10px 15px; /* same top and bottom padding as buttons */
    font-size: 16px; /* same same as buttons */
    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;
}

.esteem-feminine-input:hover,
.esteem-feminine-input:focus {
    border-color: rgba(0,0,0,0.20);
}

.esteem-feminine-input:focus {
    outline: none;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
}

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


/* placeholders, do not combine or it won't work */

/* WebKit, Blink, Edge */
::-webkit-input-placeholder {
    color:    inherit;
    font-size: 12px;
    opacity: .8;
}

/* Mozilla Firefox 4 to 18 */
:-moz-placeholder {
   color:    inherit;
   font-size: 12px;
   opacity:  .8;
}

/* Mozilla Firefox 19+ */
::-moz-placeholder {
   color:    inherit;
   font-size: 12px;
   opacity:  .8;
}

 /* Internet Explorer 10-11 */
:-ms-input-placeholder {
   color:    inherit;
   font-size: 12px;
   opacity: .8;
}

/* Microsoft Edge */
::-ms-input-placeholder { 
   color:    inherit;
   font-size: 12px;
   opacity: .8;
}

@media (min-width: 800px) { 

	/* WebKit, Blink, Edge */
	::-webkit-input-placeholder {
	    font-size: 14px;
	}

	/* Mozilla Firefox 4 to 18 */
	:-moz-placeholder {
	    font-size: 14px;
	}

	/* Mozilla Firefox 19+ */
	::-moz-placeholder {
	    font-size: 14px;
	}

	/* Internet Explorer 10-11 */
	:-ms-input-placeholder {
	    font-size: 14px;
	}

	/* Microsoft Edge */
	::-ms-input-placeholder {
	    font-size: 14px;
	}
}


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

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

input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
a.button,
button {
    padding: 10px 20px; /* same top and bottom padding as inputs */
    border-radius: 3px;
    line-height: normal;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 16px; /* same as inputs */
    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;
}


a.button:focus,
a.button:hover {
    text-decoration: none;
}

a.button:focus {
    outline: none;
}


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

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


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

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

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

html {
	font-size: 16px;
	line-height: 1.7;
}

.sidebar {
	font-size: .9rem;
}

blockquote,
dl,
figure,
form,
ol,
p,
pre,
table,
ul {
  margin-bottom: 1em;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-bottom: 1em;
  margin-top: 0;
}

h1, .h1 {
  font-size: 2em;
  line-height: 1.2;
}

h2, .h2 {
  font-size: 1.8em;
  line-height: 1.25;
}

h3, .h3 {
  font-size: 1.6em;
  line-height: 1.3;
}

h4, .h4 {
  font-size: 1.4em;
  line-height: 1.35;
}

h5, .h5 {
  font-size: 1.3em;
  line-height: 1.5;
}

h6, .h6 {
  font-size: 1.2em;
  line-height: 1.4;
}


/* ## 7.0 - Main Containers and Framework Structure
--------------------------------------------------------------------------------------- */


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


/* ## 7.2 - 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: visible;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10);
}

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

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


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

/*
 * -- Important --
 * Do not adjust this CSS to adjust sticky behavior of the site-top-bar,
 * to remove it from sticking and the slide up effect
 * add:
 *
 
   remove_action( 'wp_head', 'esteem_feminine_site_top_bar_sticky_slide_up' );

 * to your functions.php file or functions plugin php file.
 *
*/


.site-top-bar {
    width: 100%;
    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);
}

@media (min-width: 900px) { 
	.site-top-bar {
	    padding: 0
	}
}

.site-top-bar-inner a {
    color: inherit;
}
 
.site-top-bar.headroom--unpinned {
    position: relative
}


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

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

.site-top-bar-inner .widget {
    margin: 0;
	padding: 5px;
	display: inline-block;
}

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

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

/* hide site top bar widget areas */
.site-top-bar-left,
.site-top-bar-middle {
    display: none;
}

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

/*
 *  About .logged-out and .logged-in:
 *  When the user is logged in, the length of the middle widget
 *  is longer, this makes the breakpoint different based on
 *  whether the user is logged in or not.
*/

@media ( min-width: 800px ) { 
	.logged-out .site-top-bar-left,
	.logged-out .site-top-bar-middle {
	    display: inline-block;
    	font-size: 14px;
	    vertical-align: middle;
	    padding: 10px 5px;
	}
}

@media ( min-width: 1000px ) { 
	.logged-in .site-top-bar-left,
	.logged-in .site-top-bar-middle {
	    display: inline-block;
    	font-size: 14px;
	    vertical-align: middle;
	    padding: 10px 5px;
	}
}

@media ( min-width: 1300px ) { 

	.site-top-bar-right,
	.logged-in .site-top-bar-left,
	.logged-in .site-top-bar-middle,
	.logged-out .site-top-bar-left,
	.logged-out .site-top-bar-middle  {
	    display: table-cell;
	    vertical-align: middle;
	    padding: 15px 25px;
	}

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

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

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

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

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

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

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


/* ##  7.5 - Center Site Top Bar
--------------------------------------------- */
.center-site-top-bar .site-top-bar-right {
    text-align: center;
    width: 100%;
}


/* ## 7.6 - Site Top Bar Search Toggle 
--------------------------------------------- */

/* 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;
    width: 20px;
    margin: 0 5px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    position: relative;
    top: -1px;
}

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

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

/* ## 7.7 - Site Top Bar Simple Social Icons
--------------------------------------------- */
.site-top-bar .simple-social-icons {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 0px;
}

.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,
.site-top-bar .simple-social-icons ul li a:hover,
.site-top-bar .simple-social-icons ul li a:focus {
    background: transparent!important;
    color: inherit!important;
    height: auto!important;
    border: 0px!important;
    font-size: 15px!important;
    line-height: 20px!important;
    padding: 0 8px!important;
    text-align: center;
}

.site-top-bar .simple-social-icons ul li svg {
    vertical-align: top;
}

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


/* ## 7.8 - Site Top Bar Menu Toggle (main toggle)
--------------------------------------------------------------------------------------- */
.menu-toggle {
    display: inline-block;
    padding: 0 10px 0 20px;
    vertical-align: middle;
}

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

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


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

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

.menu-open .esteem-feminine .menu-toggle .veg-burger .menu-lines,
.menu-open .esteem-feminine .menu-toggle:hover .menu-lines,
.menu-open .esteem-feminine .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
}


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

.menu-open .off-canvas-menu-panel .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);
}


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

.site-header {
    text-align: center;
    position: relative;
}

.site-header > .wrap {
	padding-top: 10px;
	padding-bottom: 10px;
}

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

/* IMPORTANT: .site-header breakpoint 1 == 4 locations in this CSS file */
@media (min-width: 768px) { 
	.title-area,
	.site-header-widget {
	    padding: 20px 0
	}
}


/* ## 7.12 - Site Header Widget
 * This widget APPEARS on the right on larger viewports
 * but it's before the logo so it is above 
 * the logo on smaller viewports. 
 * This is adjusted in the rtl.css file
--------------------------------------------- */

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

/* site header widget content */
.site-header-widget * {
    margin: 0;
    font-weight: 300;
    line-height: 1.3;
}

/*  
 * 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
*/

/* IMPORTANT: .site-header breakpoint 1 == 4 locations in this CSS file */
@media (min-width: 768px) { 
	.site-header-widget-active.site-header > .wrap {
	    display: table;
	    width: 90%;
	    direction: rtl;
	}

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

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


/* ##  7.13 - No Logo / Site Title
--------------------------------------------- */

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

/* IMPORTANT: .site-header breakpoint 1 == 4 locations in this CSS file */
@media (min-width: 768px) { 
	.no-logo {
	    padding: 3% 0;
	    margin-top: 0;
	}
}

/* IMPORTANT: .site-header breakpoint 2 == 4 locations in this CSS file */
@media (min-width: 1300px) { 

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

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


/* ## 7.14 - Logo
 * The logo is uploaded via the Customizer
--------------------------------------------- */
.logo {
    width: 100%;
    display: block;
    max-width: 225px; /* this is a value over-written with the customizer */
    margin: 0 auto;
    position: relative;
    padding: 0 3%;
}

/* In the customizer, the image uploaded becomes this element's (the a) background-image */
.logo > a {
    height: 90px; /* this is a value over-written with the customizer */
    display: block;
    position: relative;
    width: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

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


/* IMPORTANT: .site-header breakpoint 1 == 4 locations in this CSS file */
@media (min-width: 768px) { 
	
	.site-header-widget-active .logo {
	    margin: 0 auto 0 0;
	    padding: 0;
	}

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


/* IMPORTANT: .site-header breakpoint 2 == 4 locations in this CSS file */
@media (min-width: 1300px) { 

	.logo {
	    max-width: 400px; 
	    /* this value is over-written with the customizer */
	}

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

	/* In the customizer, the image uploaded becomes this element's (the a) background-image */
	.logo > a {
	    background-position: center center;
	    height: 130px; 
	    /* this value is over-written with the customizer */
	}

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


/* ## 7.15 - Site Footer
 * (NOT the footer widgets, see Page Footer )
--------------------------------------------------------------------------------------- */

.site-footer {
    text-align: center;
    padding: 30px 80px 10px;
    font-size: 12px;
    clear: both;
    position: relative;
}

.site-footer * {
	position: relative;
	z-index: 1;
}


/* ## 7.16 - Go To Top 
--------------------------------------------- */
.go-to-top {
    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%;
}

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

.go-to-top:before {
    font-family: 'FontAwesome';
    content: "\f106";
    position: relative;
    left: 20px;
}


/* ## 8.0 - Navigation (off canvas)
--------------------------------------------------------------------------------------- */

/* ## 8.1 - Off Canvas Site Navigation
 * top position is set with js in assets/js/esteem-feminine-menu.js
 * site_top_bar_stick_off_canvas_top()
--------------------------------------------------------------------------------------- */

.off-canvas-menu-panel {
    margin-right: -5px;
    padding: 20px 0;
    position: fixed;
    overflow-y: auto;
    z-index: 100;
    width: 100%;
    right: -100%;
    top: 0;
    bottom: 0;
    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);
}

.before-nav-active.off-canvas-menu-panel {
    padding: 0
}

@media (min-width: 480px) { 
	.off-canvas-menu-panel {
	    width: 450px;
	    padding: 40px 0;
	    right: -450px;
	}
}


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

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

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

.menu-open .off-canvas-menu-panel-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
	}
}


/* ## 8.3 - Navigation Base
--------------------------------------------- */

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

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

.nav-menu-global a {
    display: block;
    text-decoration: none;
    position: relative;
}


/* ## 8.4 - Off Canvas Menu (Nav) Link Styles
--------------------------------------------- */

.nav-off-canvas a {
    font-size: 16px;
}

.nav-off-canvas a:hover,
.nav-off-canvas a:focus {
    outline: none;
}

.nav-off-canvas a span {
    display: block;
    padding: 18px 20px;
    position: relative;
}

.nav-off-canvas ul ul li a {
    font-size: 14px;
}

.nav-off-canvas .menu-item-has-children > a > span {
    margin-right: 50px;
}

.nav-off-canvas ul ul li a > span {
    padding-left: 30px;
}

.nav-off-canvas ul ul ul li a > span { 
    padding-left: 40px;
}

@media (min-width: 400px) { 
	.nav-off-canvas a span {
	    padding-left: 40px;
	    padding-right: 40px;
	}

	.nav-off-canvas ul ul li a > span {
	    padding-left: 55px;
	}

	.nav-off-canvas ul ul ul li a > span {
	    padding-left: 75px;
	}
}

.nav-off-canvas a,
.nav-off-canvas span,
.nav-off-canvas button {
    transition: background-color .2s linear;
}


/* ## 8.5 - Child Menu Item Indicator
--------------------------------------------- */
.nav-off-canvas ul ul li a span:before {
    content: '\2013';
    padding-right: 5px;
    opacity: .4;
}


/* ## 8.6 - Menu Item Description	
--------------------------------------------- */
.nav-off-canvas .menu-item-description {
	font-size: 12px;
	margin-top: 5px;
	display: block;
	padding: 0;
	line-height: 1.3;
}


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

.nav-menu-global .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-menu-global .sub-menu-open > .sub-menu {
    max-height: 1200px;
    opacity: 1;
    overflow: visible;
}


/* ## 8.8 - Sub Menu Toggle
--------------------------------------------- */
 
/* height is set with js on link height */
.esteem-feminine .nav-menu-global button.sub-menu-toggle {
    background-color: transparent;
    cursor: pointer;
    color: inherit;
    border: 0px;
    border-radius: 0px;
    display: block;
    font-size: 20px;
    line-height: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    z-index: 100;
} 

.sub-menu-toggle:before {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    font-family: 'FontAwesome';
    content: "\f107";
    font-size: 14px;
    text-align: center;
}

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


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

.off-canvas-menu-panel .widget {
    position: relative;
}

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

.before-navigation-widget-area,
.after-navigation-widget-area {
    padding: 20px;
}

@media ( min-width: 400px ) { 
	.off-canvas-menu-panel .widget + .widget {
	    margin-top: 40px;
	}

	.before-navigation-widget-area,
	.after-navigation-widget-area {
	    padding: 40px;
	}
}

/*
 *  About .logged-out and .logged-in:
 *  When the user is logged in, the length of the middle widget
 *  is longer, this makes the breakpoint different based on
 *  whether the user is logged in or not. And therefore,
 *  this widget area is affected since it's the small viewport
 *  content to show when the site-top-bar widgets hide.
*/
@media ( min-width: 800px ) { 
	.logged-out .before-navigation-widget-area {
	    display: none;
	}
}

@media ( min-width: 1000px ) { 
	.logged-in .before-navigation-widget-area {
	    display: none;
	}
}


/* ## 9.0 - Page Header
--------------------------------------------------------------------------------------- */

/* ## 9.1 - Page Header Base
 * ( All pages of any type (archive or otherwise) have the same structure )
---------------------------------------------------------- */

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

.page-title {
    position: relative;
}

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

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


/* ## 9.2 - Page Title Padding
 * Bottom value is adjusted for  Overlapping Content Area 
 * (see Overlapping Content Area)
----------------------------------------------------------- */

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

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

/* Page Header/Title Min Height:
 * this affects the position of the WooCommerce sorting select, 
 * see WooCommerce sorting select 
 */

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


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

@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 {
	    font-weight: 200
	}

	.page-header h1,
	.page-header .h1 {
	    font-size: 35px
	}
	
	.page-header .entry-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-header .h1 {
	    font-size: 50px
	}
	
	.page-header .entry-title {
	    font-size: 40px
	}
	
	.page-header h2,
	.page-header .h2 {
	    font-size: 35px
	}

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


/* ## 9.4 - 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: 150px;
	    position: absolute;
	    bottom: -65px;
	    right: 0;
	}
}

/* WooCommerce sorting select adjustment:
 * this works with the padding of the page title, 
 * see Page Header/Title Min Height 
 */
@media (min-width: 1200px) and (min-height: 1000px) { 

	.has-breadcrumb.woocommerce-page .woocommerce-ordering {
	    bottom: -85px;
	}
}


/* ## 10.0 - Structural Inner Columns || Column Widths & Positions
--------------------------------------------------------------------------------------- */

/* ## 10.1 - Narrow Width Content
--------------------------------------------- */
.narrow-width-content .site-inner > .wrap,
.narrow-width-content .footer-widgets-wrap {
    max-width: 950px;
    width: 90%;
}


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

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


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

/* ## Page Builder Content
--------------------------------------------- */

.esteem-feminine-builder-page .content {
    padding: 0
}


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

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


	/* ## Faux Column that is the height of the container
	--------------------------------------------- */
	.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: #fbf8ef;  /* shared with .sidebar .widget background */
	}
	

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

	.content-sidebar.esteem-feminine-builder-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.esteem-feminine-builder-page .content {
	    padding-left: 280px
	}

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

	.sidebar-content .content-sidebar-wrap:before {
	    top: 0;
	    left: 0;
	    right: auto;
	}
	
	/* vertical shadows */
	.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);
	}	
	
	
}


/* ## 10.5 - 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: 300px
	}
	
	
	/* ## Content Sidebar
	--------------------------------------------- */
	.content-sidebar .content {
	    width: 100%;
	    margin-right: -300px;
	    padding-right: 350px;
	}

	.content-sidebar.esteem-feminine-builder-page .content {
	    padding-right: 300px
	}

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


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

	.sidebar-content.esteem-feminine-builder-page .content {
	    padding-left: 300px
	}

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

	.sidebar-content .content-sidebar-wrap:before {
	    right: auto;
	    left: 0;
	}
	
	/* vertical shadows */
	.content-sidebar .content:before,
	.sidebar-content .content:before {
	    left: 290px;
	}
	
	.content-sidebar .content:before {
	    left: auto;
	    right: 300px;
	}	
	
}


/* ## 11.0 - Entries (single and archive)
--------------------------------------------------------------------------------------- */

/* ## 11.1 - Entry Base
--------------------------------------------- */
.entry-content {
    position: relative;
}

/* ## 11.3 - Entry Header (all)
--------------------------------------------- */

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

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

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


/* ## 11.4 - 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: 20px;
    font-weight: 300;
    margin-bottom: 0;
}

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

@media (min-width: 700px) { 
	.entry-item .entry-title {
	    font-size: 24px;
	}
}

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


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


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

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


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

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

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

.ribbon {
    font-size: 11px;
    position: relative;
    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;
    z-index: -2;
}

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

.esteem-feminine .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 {
	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);
}


@media (min-width: 700px) { 
	.entry-grid-item .ribbon-content span {
	    height: 25px;
	    padding-left: 10px;
	    padding-right: 10px;
	    line-height: 25px;
	}

	.entry-grid-item .ribbon-content span:before,
	.entry-grid-item .ribbon-content span:after {
	    top: 8px
	}

	.entry-grid-item .ribbon:before,
	.entry-grid-item .ribbon:after {
	    bottom: -5px;
	}

	.esteem-feminine .entry-grid-item .ribbon:before {
	    border-right-width: 11px;
	    left: -18px;
	    border-left-color: transparent;
	}

	.esteem-feminine .entry-grid-item .ribbon:after {
	    border-left-width: 11px;
	    right: -18px;
	    border-right-color: transparent;
	}
}


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

.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'
}


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

/* ## 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-pagination .active a,
span.page-numbers.current,
.archive-pagination > span {
    font-weight: bold;
}


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


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


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

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


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


/* ## 11.15 - 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;
    font-weight: normal;
}

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

.related-posts img {
    width: 100.25%; /* rounding fix */
}

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

@media (min-width: 700px) { 

	.related-posts li {
	    width: 33.333%;
	    margin: 0 -.5px; /* rounding fix */
	}
	
	.related-posts ul {
	    margin-right: -.5px; /* rounding fix */
	}

}


/* ## 11.16 - 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-block;
    padding: 0 20px;
}

.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 {
	    width: 100%;
	    padding: 5px 20px;
	    display: table;
	    position: relative;
	}

	.adjacent-post-navigation.adjacent-empty {
	    display: block;
	    position: static;
	    padding-left: 0;
	    padding-right: 0;
	}

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

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

	.adjacent-post-navigation div {
	    display: table-cell;
	    vertical-align: middle;
	    padding: 0;
	}

	.adjacent-post-navigation.adjacent-empty div {
	    position: relative;
	    display: inline-block;
	    padding: 0 20px;
	}

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

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

	.adjacent-post-navigation.adjacent-empty span {
	    display: inline-block;
	}

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

	.adjacent-title {
	    padding: 0 20px;
	    margin: 0;
	}
	
	.adjacent-post-navigation.adjacent-empty .newer-post .adjacent-title {
	    padding-right: 0px;
	}

	.adjacent-post-navigation.adjacent-empty .older-post .adjacent-title {
	    padding-left: 0px;
	}
	
	.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;
	}

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


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


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

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

.comment-list .comment + .comment {
    padding-top: 30px;
}

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

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

@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;
}

.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 {
    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-radius: 3px;
    color: inherit;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 5px 12px;
    text-decoration: none;
}


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

.content .comment-respond .accent-heading {
    margin-bottom: 10px;
}

.comment-reply-title a#cancel-comment-reply-link {
    font-size: 30px;
    text-decoration: none;
    position: relative;
    line-height: 35px;
    display: block;
    margin: 5px 0;
}

.comment-reply-title a#cancel-comment-reply-link:before {
    content: "\00d7";
    font-size: 40px;
    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
}


/* ## 12.0 - Page Footer
--------------------------------------------------------------------------------------- */

/* ##  12.1 - 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;
	}
}


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


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


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

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


/* ## 13.0 - Widgets
--------------------------------------------------------------------------------------- */

.widget *:last-child {
    margin-bottom: 0
}

.widget-wrap {
	position: relative;
}


/* ## 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
--------------------------------------------- */
.widget .menu,
.widget_recent_entries ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


/* ## 13.1 - Page Widgets (general)
 * These are widgets that appear in the .content area ONLY
--------------------------------------------- */
.page-widgets .widget {
    padding-top: 30px;
    padding-bottom: 30px;
    clear: both;
}

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

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


/* ## Call To Action (widget, not the builder version )
--------------------------------------------- */
.widget-call-to-action {
    text-align: center;
    position: relative;
}

.widget-call-to-action p {
	margin: 0;
    padding: 2%;
    display: inline-block;
    vertical-align: middle;
} 


/* ## Aside Widget Title ( .aside-area )
--------------------------------------------- */

.aside-widget-title {
    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;
    position: relative;
    padding-bottom: 5px;
    z-index: 1;
}


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

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


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


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


/* ## 14.0 - Plugins

 * Many plugins that are recommended for this theme have styles in the 
 * Esteem Feminine Theme Support Plugin and it's recommend that should you need
 * modify, that you only copy out those properties that you need to over-write 
 * into your child theme (this stylesheet) or (better) use the additional CSS in the
 * Customizer
 *
--------------------------------------------------------------------------------------- */

/* ## 14.1 - Jetpack
--------------------------------------------- */
#wpstats {
    display: none
}

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

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


/* ## 14.3 - Simple Social Icons
 * remove the floats so that it's responsive to the parent
 * and rtl functions correctly
--------------------------------------------- */

.esteem-feminine .simple-social-icons ul.alignleft,
.esteem-feminine .simple-social-icons ul.alignright  {
	float: none;
}

.esteem-feminine .simple-social-icons ul li {
	float: none;
	display: inline-block;
}

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

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

.esteem-feminine .simple-social-icons ul.alignright {
    margin-right: -3px
}

.esteem-feminine .simple-social-icons ul.aligncenter {
    margin-left: 0px
}

/* ## 14.4 - eNews Extended
 * Classes selected in the Widget interface:
 * enews-email-field-only
 * enews-first-name
 * enews-all-fields       			
--------------------------------------------- */

.enews form {
    margin: 0;
    position: relative;
    text-align: center;
    width: 100%;
    letter-spacing: -4px; /* inline block fix */
}

.enews input,
.enews input[type="submit"]{
    letter-spacing: normal;
}

/* email field only
--------------------------------------------- */

.enews-email-field-only .enews form {
    padding-right: 70px;
    margin: 0 auto;
    max-width: 900px;
}

.enews-email-field-only .enews input[type="email"] {
    width: 100%;
    margin-top: 0;
    text-align: left;
}

.enews-email-field-only .enews input[type="submit"] {
    position: absolute;
    margin: 0;
    right: 0;
    top: 0;
    width: 65px;
}

/* all fields 
--------------------------------------------- */

.enews-all-fields .enews input[type="text"] {
    width: 100%;
    margin: .5% 0 .5% 0;
    text-align: left;
}

.enews-all-fields .enews input[type="email"] {
    width: 70%;
    margin: .5% 0 0 0;
    float: left;
    text-align: left;
}

.enews-all-fields .enews input[type="submit"] {
    float: right;
    margin: .5% 0 0 1%;
    width: 29%;
}

@media (min-width: 600px) { 
	.enews-all-fields .enews input[type="text"] {
	    width: 49.5%;
	    float: right;
	    margin: .5% 0 .5% .5%;
	    text-align: left;
	}

	.enews-all-fields .enews input[type="text"]:nth-child(2) {
	    float: left;
	    margin: .5% .5% .5% 0;
	}
}

@media (min-width: 850px) { 

	.before-site-header .enews-all-fields .enews input[type="text"],
	.before-site-header .enews-all-fields .enews input[type="email"],
	.before-site-header .enews-all-fields .enews input[type="text"]:nth-child(2),
	.content .enews-all-fields .enews input[type="text"],
	.content .enews-all-fields .enews input[type="email"],
	.content .enews-all-fields .enews input[type="text"]:nth-child(2) {
	    width: auto;
	    margin: 2px;
	    float: none;
	    display: inline-block;
	}

	.before-site-header .enews-all-fields .enews input[type="submit"],
	.content .enews-all-fields .enews input[type="submit"] {
	    width: auto;
	    margin: 2px;
	    float: none;
	    display: inline-block;
	    word-spacing: normal;
	}
	
}

@media (min-width: 1200px) { 

	.before-site-header .enews-all-fields .enews input[type="text"],
	.before-site-header .enews-all-fields .enews input[type="email"],
	.before-site-header .enews-all-fields .enews input[type="text"]:nth-child(2) {
	    min-width: 30%;
	}
	
	.content .enews-all-fields .enews input[type="text"],
	.content .enews-all-fields .enews input[type="email"],
	.content .enews-all-fields .enews input[type="text"]:nth-child(2) {
	    min-width: 25%;
	}
	
}

@media (min-width: 1000px) { 
	.sidebar .enews-all-fields .enews input[type="text"],
	.sidebar .enews-all-fields .enews input[type="text"]:nth-child(2),
	.footer-widgets .enews-all-fields .enews input[type="text"],
	.footer-widgets .enews-all-fields .enews input[type="text"]:nth-child(2) {
	    width: 100%;
	    float: none;
	    margin: .5% 0 .5% 0;
	}
}


/* first name 
--------------------------------------------- */

.enews-first-name .enews input[type="text"] {
    width: 100%;
    margin: 0 0 .5% 0;
    text-align: left;
}

.enews-first-name .enews input[type="email"] {
    width: 70%;
    margin: .5% 0 0 0;
    float: left;
    text-align: left;
}

.enews-first-name .enews input[type="submit"] {
    float: right;
    margin: .5% 0 0 1%;
    width: 29%;
}

@media (min-width: 850px) { 

	.before-site-header .enews-first-name .enews input[type="text"],
	.before-site-header .enews-first-name .enews input[type="email"],
	.content .enews-first-name .enews input[type="text"],
	.content .enews-first-name .enews input[type="email"] {
	    width: auto;
	    margin: 2px;
	    float: none;
	    display: inline-block;
	}

	.before-site-header .enews-first-name .enews input[type="submit"],
	.content .enews-first-name .enews input[type="submit"] {
	    width: auto;
	    margin: 2px;
	    float: none;
	    display: inline-block;
	}
	
}

@media (min-width: 1200px) { 

	.before-site-header .enews-first-name .enews input[type="text"],
	.before-site-header .enews-first-name .enews input[type="email"] {
	    min-width: 40%;
	}
	
	.content .enews-first-name .enews input[type="text"],
	.content .enews-first-name .enews input[type="email"],
	.content .enews-first-name .enews input[type="text"]:nth-child(2) {
	    min-width: 35%;
	}
	
}


/* enews widget general
--------------------------------------------- */

.enews-header {
    margin-bottom: 15px
}

.enews-footer {
    font-size: 14px;
    margin-top: 10px;
    font-style: oblique;
}

.before-site-header .enews-footer,
.before-site-header .enews-header,
.content .enews-footer,
.content .enews-header {
    text-align: center
}


/* ## 15.0 - WordPress Specific
--------------------------------------------------------------------------------------- */

/* ## 15.1 - 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
	}
}

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


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


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

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

#genesis-content .gallery {
    position: relative;
    margin: -5px -5px 0;
}

#genesis-content .gallery figure.gallery-item {
    display: inline-block;
    padding: 5px;
    margin: 0;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

#genesis-content .gallery-item a,
#genesis-content .gallery-item img {
    display: block;
    width: 100%;
}


/* ## WordPress Media Gallery - 2 columns
--------------------------------------------- */
@media (min-width: 500px) { 
	#genesis-content .gallery.gallery-columns-2 .gallery-item,
	#genesis-content .gallery .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%;
	}

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

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


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

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

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

@media (min-width: 1200px) { 
	#genesis-content .gallery.gallery-columns-5 .gallery-item {
	    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;
    margin: 10px 0 5px;
    padding: 0;
    border: 0;
    font-size: 14px;
}


/* ## 16.0 - Genesis Column Classes
 * http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
 * It is not recommended to use these classes. They are fine, but using a page builder is better.
 * With Elementor Pro, build your columns in the LIBRARY and then use the shortcode
 * to stick in your content: you will have much better results without issues 
 * from the WordPress filters adding extra stuff around your html.
 *
--------------------------------------------------------------------------------------- */

@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;
	}
}


/* ## 17.0 - Theme Colors
 *
 * This is where the properties that share colors (background or foreground) are grouped
 * 
--------------------------------------------------------------------------------------- */


/* ## body
--------------------------------------------- */

body {
    background: #ebe6d8;
    color: #222;
}


/* ## hr / code / pre
--------------------------------------------- */

hr {
    border-bottom: 4px double #222;
}


code,
tt {
    background-color: rgba(0, 0, 0, 0.07);
}

kbd {
    background-color: #444;
}

pre {
    background-color: #f7f7f7;
}


/* ## Form Button Default Colors
--------------------------------------------- */

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,
input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
.button,
button {
    background: transparent;
    border: 2px solid #222;
    color: inherit;
}


input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
.button:hover,
button:hover,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.button:focus,
a.button:focus,
a.button:active,
button:focus {
    opacity: .5;
    color: inherit;
}


/* ## Link Default Colors
--------------------------------------------- */

a {
    color: inherit;
}


a:hover,
a:focus,
a.current-menu-item,
li.current-menu-item > a,
.archive-pagination .active a,
span.page-numbers.current,
.archive-pagination > span {
    color: #669e53;
}

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

a.more-link:not(:hover) {
    color: inherit;
    text-decoration: none;
    padding-bottom: 3px;
    border-bottom: 2px solid #222;
}

a.more-link:hover {
    border-bottom: 2px solid #669e53;
    padding-bottom: 3px;
}


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

.ribbon {
    color: #fff;
}

.ribbon:before,
.ribbon:after {
    border: 14px solid #669e53;
}

.ribbon-content span {
    background: #669e53;
}

@media (min-width: 700px) { 
	.entry-grid-item .ribbon:before,
	.entry-grid-item .ribbon:after {
	    border: 11px solid #669e53;
	}
}


/* ## Entry Colors
--------------------------------------------- */

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

.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-content {
    border-left: 2px solid #222;
}

.comment-list .comment > article:after {
    background: #222;
}

a.comment-reply-link {
    border-left: 2px solid #222;
}

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

}

.comments-pagination .alignleft a,
.comments-pagination .alignright a {
    border: 2px solid #222;
}


/* ## Widget Default Colors
--------------------------------------------- */

.aside-widget-title {
    border-bottom: 1px solid #222;
}

.aside-widget-title span {
    border-bottom: 2px solid #222;
}

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

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

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


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

.site-top-bar-inner {
    background: #fff;
    color: #222;
    box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.1);
} 

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

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

.site-top-bar-inner .search-toggle {
    background: #222;
    color: #fff;
}

.site-top-bar .search-drop-down {
    box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.1);
}

.site-top-bar .search-drop-down .search-form input[type="search"] {
    border-bottom: 2px solid #222;
}

.site-top-bar-inner .simple-social-icons ul li a:hover,
.site-top-bar-inner .simple-social-icons ul li a:focus {
    color: #669e53!important; 
}

.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: #669e53
}

/* ## Site Header & Site Footer Shared Colors
--------------------------------------------- */

.site-header,
.site-footer {
    color: #fff;
    text-shadow: 0px 0px 2px rgba( 0, 0, 0, .20);
    background: #669e53;
}

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

.site-footer{
    box-shadow: inset 0px 4px 0px 0px rgba(255,255,255,.1);
}

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

.site-header a, 
.site-footer a {
    color: inherit;
}

.site-header > .wrap a {
    text-decoration: none;
}

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

.site-header a:hover,
.site-header a:focus,
.site-header a.more-link:hover,
.site-header a.more-link:focus,
.site-footer a:hover,
.site-footer a:focus,
.site-footer a.more-link:hover,
.site-footer a.more-link:focus {
    color: rgba( 255,255,255, .7);
}

.site-header a.more-link,
.site-footer a.more-link {
    border-bottom: 2px solid #fff;
}

.site-header a.more-link:hover,
.site-footer a.more-link:hover {
    border-bottom-color: rgba( 255,255,255, .7); 
}

.site-header hr,
.site-footer hr {
    border-bottom-color: #fff;
}

.site-header .aside-widget-title,
.site-footer .aside-widget-title {
    color: rgba(255, 255, 255, 0.8);
    border-bottom-color: rgba(255, 255, 255, 0.5);
}

.site-header .aside-widget-title span,
.site-footer .aside-widget-title span {
    border-bottom-color: rgba(255, 255, 255, 0.5);
}

.site-header .accent-heading,
.site-footer .accent-heading {
    color: #fff
}

.site-header button,
.site-header a.button,
.site-header input[type="button"],
.site-header input[type="reset"],
.site-header input[type="submit"],
.site-header input[type="search"],
.site-header .esteem-feminine-input,

.site-footer button,
.site-footer a.button,
.site-footer input[type="button"],
.site-footer input[type="reset"],
.site-footer input[type="submit"],
.site-footer input[type="search"],
.site-footer .esteem-feminine-input {
    border-color: #fff;
}

.site-header .esteem-feminine-input,
.site-footer .esteem-feminine-input {
    border-color: rgba(255,255,255,0.50);
    background: rgba(255,255,255,0.07);
}

.site-header .esteem-feminine-input:hover,
.site-header .esteem-feminine-input:focus,
.site-footer .esteem-feminine-input:hover,
.site-footer .esteem-feminine-input:focus {
    border-color: rgba(255,255,255,0.30);
}

.site-header .esteem-feminine-input:focus,
.site-footer .esteem-feminine-input:focus {
    box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.40);
    background: transparent;
}

/* site-footer link style */

.site-footer a {
    border-bottom: 1px dotted rgba(255,255,255,.7);
    text-decoration: none;
}

.site-footer a:hover {
    border: none;
}

/* footer-widgets link style */

.footer-widgets a {
    border-bottom: 1px dotted rgba(255,255,255,.5);
    text-decoration: none;
}


/* ## Before Site Header Widget Area
--------------------------------------------- */

.before-site-header {
    box-shadow: inset 0px -2px 0px 0px rgba(255,255,255,.1);
}

.before-site-header-toggle {
    color: #fff;
}

.before-site-header-toggle::after {
    border-style: solid;
    border-width: 25px 25px 0 25px;
    border-color: rgba( 255, 255, 255, .30 ) transparent transparent transparent;
}

.esteem-feminine a.before-site-header-toggle:focus,
.esteem-feminine a.before-site-header-toggle:hover {
    outline: none;
    color: #fff;
}

.before-site-header-toggle:hover::after {
    border-color: rgba( 255, 255, 255, .50 ) transparent transparent transparent
}


/* ## Go To Top
--------------------------------------------- */

.go-to-top {
    color: #fff;
    background: #669e53; 
    border: 2px solid #fff;
}

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


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

.bg-color-accent-primary {
    color: #fff;
    background-color: #669e53;
	text-shadow: 0px 0px 2px rgba( 0, 0, 0, .20);
}
 
.bg-color-accent-primary a {
    color: inherit;
}

.bg-color-accent-primary a:hover,
.bg-color-accent-primary a:focus,
.bg-color-accent-primary a.more-link:hover,
.bg-color-accent-primary a.more-link:focus {
    color: rgba( 255,255,255, .7);
}

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

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

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

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

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

.bg-color-accent-primary .accent-heading {
    color: #fff
}

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

.bg-color-accent-primary .esteem-feminine-input {
    border-color: rgba(255,255,255,0.50);
    background: rgba(255,255,255,0.07);
}

.bg-color-accent-primary .esteem-feminine-input:hover,
.bg-color-accent-primary .esteem-feminine-input:focus {
    border-color: rgba(255,255,255,0.30);
}

.bg-color-accent-primary .esteem-feminine-input:focus {
    box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.40);
    background: transparent;
}


/* ## WooCommerce Colors (shared with .bg-color-accent-primary)
--------------------------------------------- */
.esteem-feminine .onsale,
.esteem-feminine .woocommerce .product .onsale {
    background: #669e53; 
    color: #fff; 
}

.woocommerce-info,
.woocommerce-message {
    color: #fff; 
    background: #669e53;
}

.esteem-feminine .woocommerce-info .button:hover,
.esteem-feminine .woocommerce-message .button:hover,
.esteem-feminine .woocommerce-info .button:focus,
.esteem-feminine .woocommerce-message .button:focus {
    color: #669e53; 
    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: #669e53; 
    border-color: #669e53; 
}

.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: #669e53; 
    background: #fff; 
    border-color: #669e53; 
    opacity: 1;
}

.bg-color-accent-primary.widget_price_filter .ui-slider .ui-slider-handle,
.bg-color-accent-secondary.widget_price_filter .ui-slider .ui-slider-handle {
    background-color: rgba(255,255,255,1.0);
}

.bg-color-accent-primary.widget_price_filter .ui-slider .ui-slider-range,
.bg-color-accent-secondary.widget_price_filter .ui-slider .ui-slider-range {
    background-color: rgba(255,255,255,0.50);
}

.bg-color-accent-primary.widget_price_filter .price_slider_wrapper .ui-widget-content,
.bg-color-accent-secondary.widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: rgba(255,255,255,.30);
}

.esteem-after-results-nav-widgetarea .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #669e53;
}
 

/* ## Page Main Section 
 * (.page-header, .page-footer, .off-canvas-menu-panel shared )
 * add NO padding and NO margin :: this is colors only
--------------------------------------------- */

.theme-global-color-section {
    background: #3f3326;
    color: #fff;
}

.theme-global-color-section a {
    color: inherit;
}

.theme-global-color-section .breadcrumb {
    color: rgba(255, 255, 255, 0.5);
}

.theme-global-color-section .widget  a[href^=tel] {
	border-bottom: none;
}

.theme-global-color-section .page-header a:not(.button) {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.theme-global-color-section .widget a:not(.button):hover {
    border-bottom: none;
}

.theme-global-color-section .breadcrumb {
    color: rgba(255, 255, 255, 0.5);
}

.theme-global-color-section .breadcrumb a {
    text-decoration: none;
}

.theme-global-color-section .entry-meta a {
    text-decoration: none;
}

.theme-global-color-section hr {
    border-bottom-color: #fff; 
}

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

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

.nav-off-canvas {
    border-top: 2px solid rgba(255, 255, 255, 0.10);
}

.nav-off-canvas a {
    border-bottom: 2px solid rgba(255, 255, 255, 0.10);
}

.off-canvas-menu-panel {
    box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.3);
}

.esteem-feminine .nav-menu-global button.sub-menu-toggle {
    border-left: 2px solid rgba(255, 255, 255, 0.10);
} 

.nav-off-canvas li:not(.nav-toggle-all) a:hover > span,
.nav-off-canvas li:not(.nav-toggle-all) .sub-menu-toggle:hover,
.nav-off-canvas .nav-toggle-all:hover > a > span,
.nav-off-canvas .nav-toggle-all:hover > .sub-menu-toggle {
    background: rgba(255, 255, 255, 0.05);
}

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

.theme-global-color-section button,
.theme-global-color-section .button,
.theme-global-color-section input[type="button"],
.theme-global-color-section input[type="reset"],
.theme-global-color-section input[type="submit"],
.theme-global-color-section input[type="search"],
.theme-global-color-section .esteem-feminine-input {
    border-color: #fff;
    background: transparent;
}

.theme-global-color-section .esteem-feminine-input:hover,
.theme-global-color-section .esteem-feminine-input:focus {
    border-color: rgba(255,255,255,0.50);
}

.theme-global-color-section .esteem-feminine-input:focus {
    box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.40);
}

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

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

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

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

.esteem-feminine .theme-global-color-section .bg-color-accent-tertiary,
.esteem-feminine .theme-global-color-section .bg-color-accent-primary,
.esteem-feminine .theme-global-color-section .bg-color-accent-secondary,
.esteem-feminine .theme-global-color-section .widget {
    background: transparent!important;
}

.theme-global-color-section .esteem-feminine-simple-social.simple-social-icons ul li a,
.theme-global-color-section .esteem-feminine-simple-social.simple-social-icons ul li a:hover,
.theme-global-color-section .esteem-feminine-simple-social.simple-social-icons ul li a:focus {
    color: #fff!important; 
    background: transparent!important;
    border: 2px solid rgba( 255,255,255, .3)!important;
    border-radius: 50%!important;
}

.theme-global-color-section .esteem-feminine-simple-social.simple-social-icons ul li a:hover,
.theme-global-color-section .esteem-feminine-simple-social.simple-social-icons ul li a:focus {
    color: rgba( 255,255,255, .7)!important; 
}


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

.bg-color-accent-secondary {
    background-color: #3f3326;
    color: #fff;
}

.bg-color-accent-secondary a {
    color: inherit;
}

.bg-color-accent-secondary a:hover,
.bg-color-accent-secondary a:focus,
.bg-color-accent-secondary a.more-link:hover,
.bg-color-accent-secondary a.more-link:focus {
    color: rgba( 255,255,255, .7);
}

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

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

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

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

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

.bg-color-accent-secondary .accent-heading {
    color: #fff
}

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

.bg-color-accent-secondary .esteem-feminine-input {
    border-color: rgba(255,255,255,0.50);
    background: rgba(255,255,255,0.07);
}

.bg-color-accent-secondary .esteem-feminine-input:hover,
.bg-color-accent-secondary .esteem-feminine-input:focus {
    border-color: rgba(255,255,255,0.30);
}

.bg-color-accent-secondary .esteem-feminine-input:focus {
    box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.40);
    background: transparent;
}


/* ## Accent Background Tertiary 
 * (appropriate for dark text on this light background)
 * Add NO padding & NO margin
--------------------------------------------- */

.bg-color-accent-tertiary {
    background: #f3ecd7;
}

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

.bg-color-accent-tertiary a:not(.button):hover,
.bg-color-accent-tertiary a:not(.button):focus { 
    color: inherit;
    opacity: .8;
}

.bg-color-accent-tertiary .esteem-feminine-input {
    border-color: #222;
}

.bg-color-accent-tertiary .esteem-feminine-input:hover,
.bg-color-accent-tertiary .esteem-feminine-input:focus {
    border-color: rgba(0,0,0,0.30);
	background: transparent;
}


/* ## Accent Background Quaternary 
 * (appropriate for dark text on this light background)
 * Add NO padding & NO margin
--------------------------------------------- */

.bg-color-accent-quaternary {
    background: #bbd99b;
}

.bg-color-accent-quaternary a.more-link {
    color: #222;
    border-bottom-color: #222;
}

.bg-color-accent-quaternary a:not(.button):hover,
.bg-color-accent-quaternary a:not(.button):focus {
    color: inherit;
    opacity: .8;
}

.bg-color-accent-quaternary .esteem-feminine-input {
    border-color: #222;
}

.bg-color-accent-quaternary .esteem-feminine-input:hover,
.bg-color-accent-quaternary .esteem-feminine-input:focus {
    border-color: rgba(0,0,0,0.30);
}


/* ## 18 - Page Specific: Site Map & 404 Page
 --------------------------------------------------------------------------------------- */

.site-map {
    text-align: center
}

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

.site-map > ul {
    margin-bottom: 40px
}


/* ## 19 - Utility Classes
 *
 * These go last since their intention is to over-write other styles and be non-specific.
 * 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%;
}

.esteem-feminine-inline-block {
    display: inline-block;
}

.esteem-feminine-inline {
    display: inline;
}

.esteem-feminine-stretch-image img,
img.esteem-feminine-stretch-image {
	width: 100%;
}


/* ## 20 - 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;
	}


	/* ## Hide
	--------------------------------------------- */
	.page-footer,
	.ribbon,
	.onsale,
	.archive-pagination,
	.genesis-skip-link,
	.screen-reader-text,
	.go-to-top,
	.breadcrumb,
	.adjacent-post-navigation,
	.related-posts,
	.off-canvas-menu-panel,
	.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-off-canvas,
	.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;
	}

}