/*
=== Careful not to edit this part or something goes wrong ===
Theme Name: AyoShop
Theme URI: http://ayothemes.com/go/ayoshop
Description: AyoShop is a fee child theme for the Genesis Framework 2.0 with WooCommerce and bbPress compatibility. Distributed exclusively at <a href="http://designmodo.com/free-wordpress-theme/" target="_blank">Designmodo</a>.
Author: AyoThemes
Author URI: http://ayothemes.com/
Text Domain: ayoshop

Version: 1.3

Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-width, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments

Template: genesis

License: GNU General Public License v2.0 (or later)
License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/*@import url(https://fonts.googleapis.com/css?family=Merriweather|Frijole|Englebert|Allan|Special+Elite); */
@import url('https://fonts.googleapis.com/css?family=Frijole|Special+Elite');

/*! normalize.css v2.1.0 | MIT License | git.io/normalize
------------------------------------------------------------ */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:14px}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* Box Sizing
---------------------------------------------------------------------------------------------------- */
*,
input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
* {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

/* =Float Clearing
---------------------------------------------------------------------------------------------------- */
.archive-pagination:before,
.clearfix:before,
.entry:before,
.entry-pagination:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.site-container:before,
.content-sidebar-wrap:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.wrap:before,
.entry-content:before,
.widget:before,
.container:before,
.cf:before {
    content: " ";
    display: table;
}
.archive-pagination:after,
.clearfix:after,
.entry:after,
.entry-pagination:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.site-container:after,
.content-sidebar-wrap:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after,
.entry-content:after,
.widget:after,
.container:after,
.cf:after {
    clear: both;
    content: " ";
    display: table;
}
.clear { clear: both }
.nobr{ white-space:nowrap }

/* =Typographical Elements
---------------------------------------------------------------------------------------------------- */
html {
    font-size: 62.5%; /* 10px browser default */
}
body {
    background-color: #f5f5f5;
    color: #444;
    font-family: ‘Merriweather’,'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.625;
	
}
a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
::-moz-selection {
    background-color: #000000;
    color: #fff;
}
::selection {
    background-color: #E74C3C;
    color: #fff;
}
a {
    color: #000000;
    text-decoration: none;
}
a img { margin-bottom: -4px }
a:hover {
    color: #C0392B;
    text-decoration: none;
}
p {
    margin: 0 0 24px;
    padding: 0;
}
strong { font-weight: 700 }
ol,
ul {
    margin: 0;
    padding: 0;
}
blockquote,
blockquote::before { color: #999 }
blockquote { margin: 40px 40px 24px }
blockquote::before {
    content: "\201C";
    display: block;
    font-size: 30px;
    font-size: 3rem;
    height: 0;
    left: -20px;
    position: relative;
    top: -10px;
}
cite { font-style: normal }

/* =Headings
---------------------------------------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 16px;
    padding: 0;
}
h1 { font-size: 36px }
h2 { font-size: 30px }
h3 { font-size: 24px }
h4 { font-size: 20px }
h5 { font-size: 18px }
h6 { font-size: 16px }

/* =Objects
---------------------------------------------------------------------------------------------------- */
embed,
iframe,
img,
object,
video,
.wp-caption { max-width: 100% }
img {
    height: auto;
    width: auto; /* IE8 */
}
#map_canvas img,
.google-maps img { max-width: none }
.format-gallery #gallery-1 img { border: none }

/* =Form
---------------------------------------------------------------------------------------------------- */
input,
select,
textarea {
    background-color: #fcfcfc;
    border: 2px solid #fff;
    border-radius: 3px;
    color: #aaa;
    font-size: 14px;
    padding: 14px;
    width: 100%;
}
input,
select,
textarea { border-color: #eaeaea }
input:focus,
textarea:focus {
    background-color: #fff;
    border-color: #E74C3C;
    outline: none;
}
input[type="checkbox"],
input[type="radio"] { width: auto }
textarea {
    height: 140px;
    min-height: 140;
    resize: vertical;
}
::-moz-placeholder {
    color: #999;
    opacity: 1;
}
::-webkit-input-placeholder { color: #999 }
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content .button {
    background-color: #444;
    border: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    padding: 16px 24px;
    text-transform: uppercase;
    width: auto;
}
button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.entry-content .button:hover { background-color: #E74C3C }
.entry-content .button:hover { color: #fff }
.button {
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button { display: none }

/* =Table / Code / Pre
---------------------------------------------------------------------------------------------------- */
.entry-content table,
.comment-content table {
    border: 1px solid #DFDFDF;
    border-bottom-width: 0;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0 0 20px;
}
.entry-content table td,
.entry-content table th,
.comment-content table td,
.comment-content table th { border-bottom: 1px solid #DFDFDF }
.entry-content table th,
.comment-content table th {
    font-weight: normal;
    padding: 7px 7px 8px;
    text-align: left;
}
.entry-content table td,
.comment-content table td {
    padding: 10px;
    vertical-align: top;
}
.entry-content table a,
.entry-content table a:hover,
.comment-content table a,
.comment-content table a:hover { border-bottom: none }
pre {
    background-color: #f5f5f5;
    border: none;
    padding: 20px;
}
code 
{ 
/*border: 1px solid #aaa; 
-moz-border-radius: 0.2em; 
-webkit-border-radius: 0.2em; */
border-radius: 0.2em; 
/*-moz-box-shadow: 0.1em 0.2em 0.2em #ddd; 
-webkit-box-shadow: 0.1em 0.2em 0.2em #ddd; */
/*box-shadow: 0.1em 0.2em 0.2em #ddd; */
/* background-color: #eee; 
background-color: #f9f9f9; */
/* background-color: #E0EEEE; */

/*background-image: -moz-linear-gradient(top, #eee, #f9f9f9, #eee); 
background-image: -o-linear-gradient(top, #eee, #f9f9f9, #eee); 
background-image: -webkit-linear-gradient(top, #eee, #f9f9f9, #eee); 
background-image: linear-gradient(to bottom, #eee, #f9f9f9, #eee); */
padding: 0.1em 0.3em; 
font-family: monospace,serif; 
font-size: 14px;
}

/*{
    background-color: #f5f5f5;
    display: inline-block;
    padding: 2px 4px;
    border: none;
    border: 1px solid #e1e1e8;
    font-family: font-family: "Courier New",monospace;
    background-color:ccc;
    padding: 2px 4x;
}*/
code,
pre {font-family: "Courier New",monospace;
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 2px 4px;
    

}

/* =WordPress
---------------------------------------------------------------------------------------------------- */
.avatar { float: left }
.search-form input[type="submit"],
#searchform input[type="submit"],
#searchform .screen-reader-text,
#bbp_search_submit {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
}
.alignnone { margin: 0 0 24px }
.aligncenter,
div.aligncenter {
    display: block;
    margin: 0 auto 24px auto;
}
.alignright {
    float: right;
    margin: 5px 0 24px 20px;
}
.alignleft {
    float: left;
    margin: 0 20px 24px 0;
}
.aligncenter {
    display: block;
    margin: 0 auto 24px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 24px 20px;
}
a img.alignnone { margin: 5px 20px 24px 0 }
a img.alignleft {
    float: left;
    margin: 5px 20px 24px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    background: #fff;
    border: 1px solid #eaeaea;
    max-width: 99%;
    padding: 5px 5px 0;
    text-align: center;
    overflow: hidden;
}
.wp-caption.alignnone { margin: 0 0 24px }
.wp-caption.alignleft { margin: 5px 20px 24px 0 }
.wp-caption.alignright { margin: 5px 0 24px 20px }
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0 0 10px;
    max-width: 100%;
    padding: 0;
    width: auto;
}
.wp-caption img.wp-smiley { margin: 0 }
.wp-caption p.wp-caption-text {
    font-size: 12px;
    margin: 0 0 10px;
    padding: 0 4px 5px;
}
.sticky { }
.gallery-caption { }
.bypostauthor { }
.mejs-container { margin-bottom: 24px }

/* =Site Container
---------------------------------------------------------------------------------------------------- */
.site-container { border-top: 5px solid #444; }

/* =Site Navigation
---------------------------------------------------------------------------------------------------- */
.genesis-nav-menu {
    clear: both;
    color: #999;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5;
    width: 100%;
}
.genesis-nav-menu .menu-item {
    display: inline-block;
    text-align: left;
}
.genesis-nav-menu a {
    border: none;
    color: #999;
    font-size: 14px;
    line-height: 1.5em;
    display: block;
    padding: 15px 20px;
    position: relative;
}
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover { color: #222 }
.genesis-nav-menu .sub-menu .current-menu-item > a { color: #999 }
.genesis-nav-menu .sub-menu {
    border-top: 1px solid #eaeaea;
    left: -9999px;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    width: 220px;
    z-index: 99;
    box-shadow: 0 10px 0 -5px rgba(0,0,0,0.05);
}
.genesis-nav-menu > li > ul:before,
.genesis-nav-menu > li > ul:after {
    content: "";
    border-style: solid;
    border-width: 0 9px 9px 9px;
    border-color: transparent transparent #fff transparent;
    height: 0px;
    position: absolute;
    left: 15px;
    top: -9px;
    width: 0px;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
.genesis-nav-menu > li > ul:after {
    border-color: transparent transparent #eaeaea transparent;
    top: -10px;
    z-index: -1;
}
.genesis-nav-menu .sub-menu a {
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-top: none;
    font-size: 13px;
    padding: 16px 20px;
    position: relative;
    width: 220px;
}
.genesis-nav-menu .sub-menu .sub-menu { margin: -3.81em 0 0 219px }
.chrome .genesis-nav-menu .sub-menu .sub-menu { margin: -53px 0 0 219px }
.genesis-nav-menu .menu-item:hover { position: static }
.genesis-nav-menu .menu-item:hover > .sub-menu {
    left: auto;
    opacity: 1;
}
.genesis-nav-menu > .first > a { padding-left: 0 }
.genesis-nav-menu > .last > a { padding-right: 0 }
.genesis-nav-menu > .right {
    display: inline-block;
    float: right;
    font-size: 13px;
    list-style-type: none;
    line-height: 49px;
}
.genesis-nav-menu > .right > a {
    font-size: 13px;
    display: inline;
    padding: 0;
}
.genesis-nav-menu > .rss > a { margin-left: 18px }
.genesis-nav-menu > .rss > a:before,
.genesis-nav-menu > .twitter > a:before {
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 14px;
    margin: 0 8px 0 0;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}
.genesis-nav-menu > .rss > a:before {
    color: #ff5501;
    content: "\f143";
}
.genesis-nav-menu > .twitter > a:before {
    color: #28a9e2;
    content: "\f099";
}
.genesis-nav-menu input[type="search"] {
    border: none;
    padding: 15px;
    font-size: 13px;
    width: 160px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	background: rgba(255,255,255,0.2);
}
.genesis-nav-menu input[type="search"]:focus {
    width: 240px;
    background-color: #444;
    color: #fff;
}
/* =Site Header Navigation
---------------------------------------------------------------------------------------------------- */
.nav-header { background: rgba(255,255,255,0.2);}

/* =Primary Navigation
---------------------------------------------------------------------------------------------------- */
.nav-primary {
    background-color: #fcfcfc;
    border-bottom: 1px dashed #eaeaea;
    position: relative;
    z-index: 9;
	background: rgba(255,255,255,0.2);
}
.nav-primary .genesis-nav-menu > .menu-item > a { font-size: 13px; background: rgba(255,255,255,0.2);}

/* =Secondary Navigation
---------------------------------------------------------------------------------------------------- */
.nav-secondary {
    background-color: #fcfcfc;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.075), 0 10px 0 rgba(0,0,0,0.01);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.075), 0 10px 0 rgba(0,0,0,0.01);
    box-shadow: 0 2px 4px rgba(0,0,0,0.075), 0 10px 0 rgba(0,0,0,0.01);
	background: rgba(255,255,255,0.2);
}
.nav-secondary .genesis-nav-menu > .menu-item > a {
    font-weight: 700;
    padding: 20px 20px;
    text-transform: uppercase;
	background: rgba(255,255,255,0.2);
}
/* =Footer Navigation
---------------------------------------------------------------------------------------------------- */
.nav-footer .genesis-nav-menu a { padding-top: 0 }

/* Mobile Navigation
---------------------------------------------------------------------------------------------------- */
.nav-primary-mobile,
.nav-header-mobile,
.nav-secondary-mobile {
    border: 1px solid #eaeaea;
    display: none;
    -webkkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.nav-primary-mobile,
.nav-secondary-mobile {
    border-top-width: 0;
    border-bottom-width: 0;
}

/* =Title Area
---------------------------------------------------------------------------------------------------- */
.site-header {
    background-color: #fcfcfc;
    border-bottom: 1px solid #eaeaea;
    position: relative;
    z-index: 5;
	background: rgba(255,255,255,0.2);
}
.title-area {
    float: left;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    padding: 40px 0;
}
.site-title {
    font-size: 38px;
    font-weight: 700;
    line-height: 1em;
    margin: 0 0 10px;
    text-transform: uppercase;
}
.image-logo .site-title { margin: 0 }
.site-title a,
.site-title a:hover { color: #444 }
.site-description {
    color: #999;
    font-size: 13px;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 0;
}
.image-logo .site-description,
.image-logo .site-title a {
    display: block;
    text-indent: -9999px;
    margin: 0;
}
.image-logo .site-title a {
    display: block;
    margin: 0 auto;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
}
.image-logo .site-description {
    display: none;
    overflow: hidden;
}
.image-logo .title-area a {
    display: block;
    margin: 0 auto;
    text-indent: -99999px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
}
.image-logo .site-description {
    display: none;
    overflow: hidden;
}

/* Image Header - Full Width
---------------------------------------------------------------------------------------------------- */
.header-full-width .title-area,
.header-full-width .site-title,
.header-full-width .site-title a {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

/* Widget Area
---------------------------------------------------------------------------------------------------- */
.site-header .widget-area {
    float: right;
    margin-top: 30px;
    text-align: right;
}
.header-image .site-header .widget-area {
    padding: 40px 0;
    padding: 4rem 0;
}
.site-header .search-form {
    float: right;
    margin-top: 24px;
    margin-top: 2.4rem;
}

/* =Breadcrumb
---------------------------------------------------------------------------------------------------- */
.breadcrumb-wrap {
    background-color: #fcfcfc;
    border: 1px solid #eaeaea;
    padding: 14px 20px;
    margin-bottom: 30px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	background: rgba(255,255,255,0.2);
}

/* =Titles
---------------------------------------------------------------------------------------------------- */
.entry-title {
    font-size: 32px;
    line-height: 1;
}
.entry-title a,
.sidebar .widget-title a { color: #444 }
.entry-title a:hover { color: #C0392B }
.archive-title {
    font-size: 24px;
    margin-bottom: 24px;
}
.author-box {
    background-color: #fcfcfc;
    padding: 24px 24px 0;
    margin-bottom: 24px;
    overflow: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.author-box-title {
    font-size: 16px;
    margin-bottom: 10px;
}
.author-box .avatar { margin: 0 16px 16px 0 }

/* =Post Content
---------------------------------------------------------------------------------------------------- */
.entry {
    background-color: #fcfcfc;
    border: 1px solid #eaeaea;
    margin-bottom: 30px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	background: rgba(255,255,255,0.2);
}
.entry-header,
.entry-content,
.entry-footer { padding: 20px 40px }
.entry-header {
    padding-top: 40px;
    overflow: hidden;
}
.entry-header .entry-meta { margin-bottom: 0 }
.entry-footer { border-top: 2px solid #F5F5F5 }
.entry-content .attachment a,
.entry-content .gallery a { border: none }
.entry-content ol,
.entry-content p,
.entry-content ul,
.quote-caption { margin-bottom: 26px }
.entry-content ol li { list-style-type: decimal }
.entry-content ul li { list-style-type: disc }
.entry-content ol ol,
.entry-content ul ul { margin-bottom: 0 }
.entry-author-name,
.entry-comments-link { margin-right: 4px }
.entry-time::before,
.entry-comments-link::before {
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 14px;
    margin: 0 8px 0 0;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
}
.entry-time::before { content: "\f073" }
.entry-comments-link::before { content: "\f086" }
.ayoshop-post-password p:last-child { margin-bottom: 0 }
.ayoshop-post-password {
    background-color: #eaeaea;
    margin: 0 auto 30px;
    padding: 24px 40px 0;
    text-align: center;
    overflow: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.ayoshop-post-password input {
    border-color: #fff;
    margin-bottom: 24px;
}
.twitter-tweet {
    width: 100%;
    max-width: 100%;
}

/* =Ordered / Unordered Lists / Definition List
---------------------------------------------------------------------------------------------------- */
.entry-content ol,
.entry-content ul,
.sidebar ol,
.sidebar ul,
.footer-widgets ol,
.footer-widgets ul,
.comment-content ol,
.comment-content ul {
    margin: 0;
    padding: 0;
}
.archive-page ul li,
.entry-content ul li,
.sidebar ul li,
.footer-widgets ul li,
.comment-content ul li {
    list-style-type: square;
    line-height: inherit;
    margin: 0 0 10px 30px;
    padding: 0;
}
.archive-page ol li,
.entry-content ol li,
.sidebar ol li,
.footer-widgets ol li,
.comment-content ol li {
    list-style-type: decimal;
    line-height: inherit;
    padding: 0;
    margin: 0 0 10px 35px;
}
.archive-page ul ul,
.entry-content ol ol,
.entry-content ul ul,
.sidebar ol ol,
.sidebar ul ul,
.footer-widgets ol ol,
.footer-widgets ul ul,
.comment-content ol ol,
.comment-content ul ul { padding: 0 }

/* Post Navigation
---------------------------------------------------------------------------------------------------- */
.pagination {
    overflow: hidden;
    padding: 0;
    width: 100%;
    clear: both;
    position: relative;
    margin-bottom: 24px;
}
.pagination li {
    display: inline;
    float: left;
}
.pagination li a,
.pagination li.disabled,
.pagination li a:hover,
.pagination li.active a {
    background: #fff;
    border: 1px solid #eee;
    padding: 14px 20px;
    display: block;
    margin: 0 3px 0 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.pagination li a:hover,
.pagination li.active a {
    background-color: #444;
    border-color: #444;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
}

/* Comments
---------------------------------------------------------------------------------------------------- */
.comment-respond,
.entry-comments,
.entry-pings {
    background-color: #fff;
    margin-bottom: 40px;
	background: rgba(255,255,255,0.2);
}
.entry-comments {
    padding: 40px;
    padding: 4rem;
	background: rgba(255,255,255,0.2);
}
.comment-respond,
.entry-pings { padding: 40px 40px 16px }
.comment-content { clear: both }
.entry-comments .comment-author { margin-bottom: 0 }
.comment-respond input[type="email"],
.comment-respond input[type="text"] {background: rgba(255,255,255,0.2)}

.comment-respond input[type="url"] { width: 50% }
.comment-respond label {
    display: block;
    margin-right: 12px;
    margin-right: 1.2rem;
}
.comment-respond label[for="author"]:before,
.comment-respond label[for="email"]:before,
.comment-respond label[for="url"]:before,
.comment-respond label[for="comment"]:before {
    color: #999;
    display: inline-block;
    font-size: 14px;
    margin: 0 10px 5px 5px;
    font-family: "FontAwesome";
    -webkit-font-smoothing: antialiased;
	background: rgba(255,255,255,0.2);
}
.comment-respond label[for="author"]:before { content: "\f007" }
.comment-respond label[for="email"]:before { content: "\f0e0" }
.comment-respond label[for="url"]:before { content: "\f015" }
.comment-respond label[for="comment"]:before { content: "\f075" }
.comment-list li,
.ping-list li { list-style-type: none }
.comment-list li {
    margin-top: 24px;
    margin-top: 2.4rem;
    padding: 32px;
    padding: 3.2rem;
}
.comment-list li li {
    margin-right: -32px;
    margin-right: -3.2rem;
}
li.comment {
    background-color: #f5f5f5;
    border: 2px solid #fff;
    border-right: none;
}
.comment .avatar {
    margin: 0 16px 24px 0;
    margin: 0 1.6rem 2.4rem 0;
}
.entry-pings .reply { display: none }
.bypostauthor { }
.form-allowed-tags {
    background-color: #f5f5f5;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 24px;
    padding: 2.4rem;
	background: rgba(255,255,255,0.2);
}

/* =Widgets
---------------------------------------------------------------------------------------------------- */
.sidebar { overflow: hidden }
.widget-title,
.aq-block-title {
    clear: both;
    font-size: 16px;
    margin-bottom: 40px;
    position: relative;
    z-index: 0;
}
.aq-block-title { margin-bottom: 20px }
.widget-title:after {
    background-color: #444;
    content: "";
    display: block;
    height: 4px;
    width: 20px;
    position: absolute;
    bottom: -15px;
    left: 0;
    z-index: -1;
}
.widget { margin-bottom: 30px }
/** Tag cloud */
.widget_tag_cloud a {
    background-color: #444;
    color: #fff;
    display: inline-block;
    *display: inline;
    font-size: 11px;
    line-height: 1em;
    padding: 8px;
    margin: 3px 0;
    zoom: 1;
    z-index: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
}
.widget_tag_cloud a:hover {
    background-color: #E74C3C;
    color: #fff;
    text-decoration: none;
}
/** Tag calendar */
.widget_calendar table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.widget_calendar caption {
    background: #444;
    color: #fff;
    font-weight: bold;
    padding: 14px 0;
    text-align: center;
}
.widget_calendar th {
    background-color: #F9F9F9;
    text-align: center;
    border: 1px solid #DDD;
    border-top: none;
    padding: 6px;
}
.widget_calendar tbody td {
    background-color: #fcfcfc;
    border: 1px solid #EEE;
    padding: 6px;
    text-align: center;
}
.widget_calendar tbody td {
    padding: 6px;
    text-align: center;
    border: 1px solid #EEE;
}
.widget_calendar th,
.widget_calendar tbody td,
.widget_calendar caption { border-color: #eff0f2 }
.widget_calendar tfoot td { padding: 10px }
.widget_calendar #next { text-align: right }
.widget_recent_entries .post-date { font-size: 90% }
.widget_recent_entries ul li,
.widget_recent_comments ul li {
    border-bottom: 1px dashed #ddd;
    margin-bottom: 0;
    padding: 14px 0;
}
.widget_recent_entries ul li:first-child,
.widget_recent_comments ul li:first-child { padding-top: 0 }
.widget_recent_entries ul li:last-child,
.widget_recent_comments ul li:last-child {
    border-bottom-width: 0;
    padding-bottom: 0;
}

/* =Genesis Featured Post/Page Widgets
---------------------------------------------------------------------------------------------------- */
.featuredpost .entry {
    background-color: transparent;
    padding: 16px 0;
    border: none;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.featuredpost .entry:last-child { border-bottom-width: 0 }
.featuredpost .entry-header,
.featuredpost .entry-content,
.featuredpost .entry-footer { padding: 0 }
.featuredpost .entry-title,
.featuredpage .entry-title,
.aq-block-ayoshop_recent_posts .entry-title {
    font-size: 16px;
    margin: 0 0 10px;
}
.featuredpost .entry-meta,
.featuredpage .entry-meta,
.aq-block-ayoshop_recent_posts .entry-meta { font-size: 13px }
.featuredpost .entry-content { clear: both }
.featuredpost .alignleft,
.featuredpost .alignright,
.featuredpost .alignnone,
.featuredpage .alignleft,
.featuredpage .alignright,
.featuredpage .alignnone  {
    display: block;
    margin-bottom: 0
}
.featuredpage .entry {
    color: #333;
    margin-bottom: 25px;
    text-align: center;
    overflow: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.featuredpage .entry-header,
.featuredpage .entry-content,
.featuredpage .entry-footer { padding: 0 24px }
.featuredpage .entry-header { padding-top: 24px}
.featuredpage a.more-link {
    background-color: #444;
    color: #fff;
    display: block;
    padding: 14px 0;
    margin: 20px 0 0;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.featuredpage a.more-link:hover { background-color: #E74C3C }

.user-profile {
    background-color: #FCFCFC;
    border: 1px solid #EAEAEA;
    padding: 24px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

/* =Footer Widgets
---------------------------------------------------------------------------------------------------- */
.footer-widgets {
    background-color: #fcfcfc;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 1px;
    padding: 60px 0 30px;
}
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4 {
    float: left;
    width: 23.076923076923077%;
    margin-left: 2.564102564102564%;
}
.footer-widgets-1 { margin-left: 0 }

/* Site Footer
---------------------------------------------------------------------------------------------------- */
.site-footer {
    background-color: #fcfcfc;
    border-top: 1px solid #eaeaea;
    padding: 40px 0 20px;
    text-align: center;
	background: rgba(255,255,255,0.2);
}

/* =Column Classes | Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
---------------------------------------------------------------------------------------------------- */
.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.717948717948715% }
.one-third,
.two-sixths { width: 31.623931623931625% }
.four-sixths,
.two-thirds { width: 65.81196581196582% }
.one-fourth { width: 23.076923076923077% }
.three-fourths { width: 74.35897435897436% }
.one-sixth { width: 14.52991452991453% }
.five-sixths { width: 82.90598290598291% }
.first {
    clear: both;
    margin-left: 0;
}

/* =Structure & Layout
---------------------------------------------------------------------------------------------------- */
.header-info > .wrap,
.site-header > .wrap,
.nav-primary > .wrap,
.nav-secondary > .wrap,
.site-inner > .wrap,
.footer-widgets > .wrap,
.site-footer > .wrap,
.template-wrap > .container {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.canvas .site-inner > .wrap { width: 100% }
.site-header > .wrap,
.content-sidebar-wrap,
.site-inner,
.footer-widgets,
.site-footer {
    position: relative;
    z-index: 0;
}
.content-sidebar-wrap { padding: 60px 0 40px }
.content {
    float: right;
    width: 65.81196581196582%;
}
.content-sidebar .content,
.sidebar-content .sidebar-primary { float: left }
.full-width-content .content { width: 100% }
.sidebar-primary {
    float: right;
    width: 31.623931623931625%;
}

/* =Media Queries
---------------------------------------------------------------------------------------------------- */
@media (min-width: 1200px) { 
    .header-info > .wrap,
    .site-header > .wrap,
    .nav-primary > .wrap,
    .nav-secondary > .wrap,
    .site-inner > .wrap,
    .footer-widgets > .wrap,
    .site-footer > .wrap,
    .template-wrap > .container { width: 1170px }
}

@media (min-width: 768px) and (max-width: 979px) { 
    .header-info > .wrap,
    .site-header > .wrap,
    .nav-primary > .wrap,
    .nav-secondary > .wrap,
    .site-inner > .wrap,
    .footer-widgets > .wrap,
    .site-footer > .wrap,
    .template-wrap > .container { width: 724px }
    .site-header { text-align: center }
    .site-header .widget-area {
        float: none;
        margin-top: 0;
    }
    .title-area {
        float: none;
        display: block;
        text-align: center;
    }
    .genesis-nav-menu > .right { display: none }
    .genesis-nav-menu {
        float: none;
        text-align: center;
    }
    .comment-respond input[type="email"],
    .comment-respond input[type="text"],
    .comment-respond input[type="url"] { width: 100% }
}

@media (max-width: 767px) { 
    .header-info > .wrap,
    .site-header > .wrap,
    .nav-primary > .wrap,
    .nav-secondary > .wrap,
    .site-inner > .wrap,
    .footer-widgets > .wrap,
    .site-footer > .wrap,
    .template-wrap > .container,
    .site-header .widget-area,
    .content,
    .content-sidebar .content,
    .sidebar-content .content,
    .sidebar-primary,
    .footer-widgets-1,
    .footer-widgets-2,
    .footer-widgets-3,
    .footer-widgets-4,
    .five-sixths,
    .four-sixths,
    .one-fourth,
    .one-half,
    .one-sixth,
    .one-third,
    .three-fourths,
    .three-sixths,
    .two-fourths,
    .two-sixths,
    .two-thirds {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .site-header > .wrap,
    .nav-primary > .wrap,
    .nav-secondary > .wrap,
    .site-inner > .wrap,
    .footer-widgets > .wrap,
    .site-footer > .wrap,
    .template-wrap > .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .canvas .site-inner > .wrap {
        padding-left: 0;
        padding-right: 0;
    }
    .site-header { text-align: center }
    .title-area {
        float: none;
        display: block;
        text-align: center;
    }
    .site-header .widget-area { margin-top: 0 }
    .genesis-nav-menu { display: none }
    .nav-primary-mobile,
    .nav-header-mobile,
    .nav-secondary-mobile { display: block }
    .entry-header,
    .entry-content,
    .entry-footer {
        padding-left: 24px;
        padding-right: 24px;
    }
    .comment-respond input[type="email"],
    .comment-respond input[type="text"],
    .comment-respond input[type="url"] { width: 100% }
}
/** -------------Custom CSSS START-------------------------------------------------------**/
/** Head/Foot Note styles **/

.footnote {

	border: 1px solid #dde5ed;

   /*color: #1D85B0;*/

    font-size: 90%;

    opacity: 0.8;

    text-shadow: 0 0.032em 0 #B0B0B0, 0 0.15em 0.11em rgba(0, 0, 0, 0.15), 0 0.25em 0.021em rgba(0, 0, 0, 0.1), 0 0.32em 0.32em rgba(0, 0, 0, 0.1);

}



/** TEXT STYLES **//*****************/

.font90pc {font-size: 90%;}

.font80pc{font-size: 80%;}

.font70pc{font-size: 70%;}

.font110pc{font-size: 110%;}

.font130pc{font-size: 130%;}

.font150pc{font-size: 150%;}

.font180pc{font-size: 180%;}	

/** Funky Text Highlight **/	

.funky-small {    

clear: both;    

line-height: 1.5;    

margin: 0;    

text-align: left;    

font-size: 18px;    

opacity: 0.8;    

color: #2E7EC1;    

font-family:'Lobster', cursive;  

font-weight: normal;    

border: 0 none;    

font-style: inherit;

}

*::-moz-selection {    

background: none repeat scroll 0 0 #3A4651;    

color: #FFFFFF;    

text-shadow: 0 -1px 1px #000000;}

.funky {    

clear: both;    

line-height: 1.5;    

margin: 0;    

text-align: left;    

font-size: 39px;    

opacity: 0.8;    

color: #2E7EC1;    

font-family:'Lobster', cursive;  

font-weight: normal;    

border: 0 none;    

font-style: inherit;

}

*::-moz-selection {    

background: none repeat scroll 0 0 #3A4651;    

color: #FFFFFF;    

text-shadow: 0 -1px 1px #000000;}



/** END Funky Text Highlight **/	





/*-[ Block, Alert, Label ]-----------------------*/	

.alert-yellow {

   /* color: #C09853;*/

   /* background-color: #FCF8E3;*/

    border: 1px solid #FBEED5;

    border-radius: 4px 4px 4px 4px;

    margin-bottom: 20px;

    padding: 8px 14px 8px 14px;

    background: 0 1px 0 rgba(255, 255, 255, 0.5);

}

.alert-red{

    /* color: #B94A48;*/
	/*background-color: #F2DEDE;*/

    border: 1px solid #FFDEDE;

	border-color: #EED3D7;

    border-radius: 4px 4px 4px 4px;

    margin-bottom: 20px;

    padding: 8px 14px 8px 14px;

    background: 0 1px 0 rgba(255, 255, 255, 0.5);

}



.alert-blue {
	border: 1px dashed #3399FF;
	border-radius: 4px 4px 4px 4px;
    	margin-bottom: 20px;
	padding: 8px 14px 8px 14px;
    	background: 0 1px 0 rgba(86.3, 86.3, 86.3, 0.5);
    	border-color: #3399FF; 
	
}
/*--------------------------------------
.alert-blue {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #BCE8F1;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #BCE8F1;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #BCE8F1;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #BCE8F1;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-top-style: solid;
    border-top-width: 1px;
    color: #28A9E2;
    margin-bottom: 20px;
    padding-bottom: 8px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 8px;
}
--------------------*/

.code-sh {

    background: none repeat scroll 0 0 #cccccc;

    line-height: 1em;

    background-color: #F7F7F9;

    border: 1px solid #E1E1E8;

    /* color: #DD1144;*/

    border-radius: 4px 4px 4px 4px;

   color: #333333; 

    font-family: "Courier New",monospace;

    font-size: 12px;

    padding: 2px 4px 2px 4px;

}





.label-sh{

    background-color: #333333;

    border-radius: 3px 3px 3px 3px;

    color: #FFFFFF;

    display: inline-block;

    font-size: 11.844px;

    font-weight: bold;

    line-height: 14.5px;

    padding: 8px 14px 8px 14px;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

    vertical-align: baseline; 

}

/*-[ END of Block, Alert, Label ]-----------------------*/	


/*  Custom CSS*/


.genesis-nav-menu a {
  border: medium none;
  color: #999999;
  display: block;
  font-size: 14px;
  line-height: 1.5em;
  padding: 3px 20px;
  position: relative;
}
.title-area {
  float: left;
  font-family: 'Open Sans',sans-serif;
  font-weight: 700;
  padding: 20px 0;
}
.site-header .search-form {
  float: right;
  margin-top: 0px;
}
.genesis-nav-menu .sub-menu a {
/*background: #8DD7D7;*/
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
font-size: 13px;
padding: 5px 20px;
position: relative;
width: 220px;
}
.content-sidebar-wrap {
  padding: 10px 0 0px;
}
.entry-header {
  overflow: hidden;
  padding: 15px;
}
.entry-header, .entry-content {
  padding: 10px 15px;
}
.entry-footer{
  padding: 10px 15px;
font-size: 12px;
}
.entry-footer .entry-meta{
margin: 0px;
}
.pagination li a, .pagination li.disabled, .pagination li a:hover, .pagination li.active a {
  padding: 4px 12px;
 border-radius: 3px;
}
.breadcrumb-wrap {
  border: 1px solid #EAEAEA;
  border-radius: 6px;
  color: #999999;
  font-size: 12px;
 padding: 1px 10px;
margin-bottom: 10px;
}
.breadcrumb-wrap a {
  color: #999999;
}
.site-footer{
font-size: 12px;
padding: 30px 0 20px;
}
.site-footer a{
color: #5B5D49;
}
.site-footer a:hover{
color: #C0392B;
}
.featuredpost .entry-meta, .featuredpage .entry-meta, .aq-block-ayoshop_recent_posts .entry-meta {
  font-size: 12px;
color: #5B5D49;
}
.entry-meta a{
color: #5B5D49;
}
.entry-meta a:hover{
color: #C0392B;
}
.site-title a, .site-title a:hover {
font-family: 'Frijole', cursive;
font-size: 32px;
}
.entry-title {
  font-size: 24px;
  line-height: 1;
}

/*-[ START KBD Custom CSS ]----------------------- 	

kbd { 
border: 1px solid #aaa; 
-moz-border-radius: 0.2em; 
-webkit-border-radius: 0.2em; 
border-radius: 0.2em; 
-moz-box-shadow: 0.1em 0.2em 0.2em #ddd; 
-webkit-box-shadow: 0.1em 0.2em 0.2em #ddd; 
box-shadow: 0.1em 0.2em 0.2em #ddd; 
background-color: #f9f9f9; 
background-image: -moz-linear-gradient(top, #eee, #f9f9f9, #eee); 
background-image: -o-linear-gradient(top, #eee, #f9f9f9, #eee); 
background-image: -webkit-linear-gradient(top, #eee, #f9f9f9, #eee); 
background-image: linear-gradient(to bottom, #eee, #f9f9f9, #eee); 
padding: 0.1em 0.3em; 
font-family: monospace,serif; 
font-size: 1em;
}

/*-[ END KBD Custom CSS ]-----------------------*/	

/*-[ START terminal Custom CSS ]----------------------- 
terminal {
    background: #333 none repeat scroll 0 0;
    border-radius: 2px;
    clear: both;
    color: #dfdfdf;
    font-family: monospace;
    font-size: 90%;
    margin: 0 0 1em;
    overflow-x: auto;
    padding: 1em;
}

/*-[ END terminal Custom CSS ]-----------------------*/	

/*-[ START code Custom CSS ]---2017/03/30--------------- 
.code, code {
    padding: 3px 5px 2px;
    margin: 0 1px;
    background: #eaeaea;
    background: rgba(0,0,0,.07);
    font-size: 13px;
    font-family: Consolas,Monaco,monospace;
    unicode-bidi: embed;
}

/*-[ END code Custom CSS ]---2017/03/30----------------*/	

/* Simple Sitemap Flex Wrapper Class -- 2020/04/01*/

.simple-sitemap-wrapper { display:flex; flex-wrap: wrap; justify-content:space-around; }
@media only screen and (max-width: 600px) { .simple-sitemap-wrapper { flex-direction: column; } }

/* END Simple Sitemap Flex Wrapper Class */

/* Custom CSS for Buttons https://fdossena.com/?p=html5cool/buttons/i.frag */
 a.button4{
 display:inline-block;
 padding:0.3em 1.2em;
 margin:0 0.1em 0.1em 0;
 border:0.16em solid rgba(255,255,255,0);
 border-radius:2em;
 box-sizing: border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 font-weight:300;
 color:#FFFFFF;
 text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
 text-align:center;
 transition: all 0.2s;
}
a.button4:hover{
 /* border-color: rgba(255,255,255,1); */
	text-shadow: 0 0 2em rgba(255,255,255,1);
    color:#FFFFFF;
    border-color:#84f14e;
}
@media all and (max-width:30em){
 a.button4{
  display:block;
  margin:0.2em auto;
 }
}

/* End of custom css for buttons */