/*
Theme Name: Copper Light Theme 
Theme URI: 
Author: Alberts
Author URI: http://albertsdesign.co.uk/
Description: Based on copper theme.
Version: 1.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: copper
Tested up to: 5.0
Requires PHP:
*/


/* resets */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
aside,
nav,
section {
    padding: 0;
    margin: 0;
}

body {
    font-size: 16px;
    font-family: Open Sans, Helvetica, Arial, sans-serif;
    color: #685761;
    width: 100%;
    line-height: 2em;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    overflow-x: hidden;
    transition: .2s all;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    scroll-behavior: smooth
}

div,
section {
    box-sizing: content-box
}

div+section {
    margin-top: 3em;
}

label+.woocommerce-input-wrapper,
.password-input,
.woocommerce-form-login__submit,
.woocommerce-form-login__rememberme {
    display: block;
    clear: both;
    width: 70%;
}

.has-huge-font-size,
.has-larger-font-size {
    line-height: 1em;
}

ul li {
    list-style: none;
}

.woocommerce-LoopProduct-link+.button {
    display: block;
    clear: both;
}


/* Layout */

#wrapper {
    width: 100%;
    margin: 0 auto
}

#branding {
    transition: 0.1s;
    background: none;
    color: #fff;
    align-items: center;
    width: 100%;
    height: 100%;
}

#branding #site-title a:hover {
    border-bottom: none;
}

#branding #site-title img {
    height: 34px;
    width: auto;
    margin-top: 1em;
}

.hidemenu {
    display: none!important;
}

#header {
    width: 120px;
    position: fixed;
    right: 0;
    background-image: linear-gradient(0deg, #AE8871, #816D76);
    height: 100%;
    color: #fff!important;
    z-index: 1000;
    transition: all .5s;
}

#site-header img {
    position: absolute;
    left: 0;
    z-index: -100;
}

#container {
    width: 75%;
    float: left;
    min-height: 600px;
    padding: 10%;
}

#primary {
    min-height: 120px;
}

#site-title {
    transform: rotate(90deg);
    margin-top: 50px;
}

#header #menu {
    position: env();
    bottom: 0;
    width: 70%;
    padding: 0%;
    z-index: 9999;
    clear: both;
}

#header .pull-menu {
    margin: 0;
    width: auto;
    float: left;
    padding: 5%;
    display: none;
}

#header .pull-menu li {
    list-style: none;
    display: block;
    margin-right: 48px;
}

#header .pull-menu li a {
    text-decoration: none;
    color: #ffffff;
    text-transform: uppercase;
    padding: 0em 0em;
    display: inline-block;
    transition: all .2s;
    font-size: 2em;
    border-top: 3px solid rgba(1, 1, 1, 0);
    font-weight: 800;
    font-family: Josefin Sans, sans-serif;
}

#header .pull-menu li a:hover {
    border-bottom: none;
}

#header .pull-menu li ul {
    display: none;
    width: 100%;
    margin: 0;
    padding: 0;
    width: 150px;
    display: none;
    text-align: left;
    display: none;
}

#header .pull-menu li ul li {
    padding: 0
}

.menu-item-has-children {
    position: relative;
}

.menu-item-has-children a:first-child::after {
    content: "\2193";
    display: inline;
    color: #fff;
}

.menu-item-has-children .sub-menu li a::after {
    content: ""
}

.sub-menu {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    z-index: 1000;
}

.sub-menu a {
    border: 0!important
}

.sub-menu a:hover {
    border-top: none!important;
}

.top-menu {
    display: flex;
    padding: 12px 1%;
    position: absolute;
    z-index: 10000;
    background: #816D76;
    transition: all .5s
}

.top-menu li {
    font-size: 18px;
    font-family: Josefin Sans, Helvetica, sans-serif;
    display: none;
    margin: 0 12px;
    transition: all .5s
}

.top-menu li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}

.top-menu:hover li {
    display: block;
    padding: 0 48px;
}

.top-menu li:first-child {
    display: block!important
}

#search {
    text-align: left;
    display: none;
    position: fixed;
    top: 10%;
    z-index: 1000;
    background: #fbfbfb;
    width: 50%;
    padding: 10%;
    left: 10%;
    box-shadow: 0px 0px 20px #080808;
}

#searchform div input#s {
    font-size: 1.2em;
    height: 28px;
    width: 90%;
    margin-bottom: 24px;
    border: 2px solid #7e7e7e;
}

.close-search {
    font-size: 1.2em;
    cursor: pointer;
    text-transform: uppercase;
}


/* Headings */

#site-title h1 {
    margin: 1em 0;
    text-align: left;
    padding-left: 48px;
    width: 100%;
    white-space: nowrap;
}

h1,
h2,
h3,
h4,
h5 {
    color: #685761;
    line-height: 1em;
    font-weight: normal;
    margin-bottom: 1em;
    font-family: Josefin Sans, sans-serif;
    margin: 24px 0;
}

h1 {
    font-size: 1.9em;
}

h2 {
    font-size: 1.7em;
}

.product h2 {
    font-size: 18px;
    margin: 0
}

h3 {
    font-size: 1.5em;
}

p+h3 {
    margin-top: 2em;
}

h4 {
    font-size: 1.2em;
}

h5 {
    font-size: 1em;
    line-height: 1.1em;
    margin-bottom: 12px;
}

h2+.entry-meta {
    margin-top: -24px;
    margin-bottom: 24px
}

h3+.textwidget {
    margin-top: 12px;
}

h2+p {
    margin-top: 1em;
}

.related h2 {
    clear: both;
}

.entry-title a {
    text-decoration: none;
    color: #000;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 1em;
}

.entry-meta {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}

#sidebar ul.xoxo {
    padding: 0;
    width: 100%;
    transition: all .2s;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.wc-block-grid__product-title {
    font-weight: 300!important;
    font-size: 13px!important;
}


/* Link colours */

a {
    color: #685761;
    text-decoration: none;
    padding-bottom: 2px
}

a:hover:not(.button):not(.wp-block-button__link) {
    border-bottom: 0px dotted;
}

h1 a:hover,
h2 a:hover,
h3 a:hover {
    border-bottom: none;
}

#footer a {
    color: #7f7f7f;
}

.entry-title a {
    text-decoration: none;
    color: #000;
    font-weight: 100;
}

#header h1 a {
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    font-family: Josefin Sans, sans-serif;
}

#header svg {
    fill: #fff
}

#header h1 a:hover {
    border: none!important
}

.logo-wrap {
    width: 130px;
    position: absolute;
    right: 0;
    text-align: center;
}


/* buttons */

.button,
.wp-block-button__link,
.wc-block-grid__product-add-to-cart a,
.wc-block-grid__product-add-to-cart button {
    padding: .8em 3em;
    color: #fff;
    transition: .2s all;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    margin: 1em auto;
    text-align: center;
    line-height: 1;
    background: #AE8871;
    white-space: nowrap;
    border: none;
    font-size: 14px;
    border-radius: 0;
}

.bt-w {
    background: none;
    padding: 0;
}

.bt-w:after {
    content: "\2192";
}

.bt-w:hover {
    background: none;
    color: #685761
}

.added_to_cart {
    font-size: 10px;
}

.added_to_cart:hover {
    background: none;
    color: #fff;
}

a.add_to_cart_button,
.wc-block-grid__product-add-to-cart a {
    font-size: 12px!important;
    white-space: nowrap!important;
    color: #fff!important;
    border: 2px solid #685761;
    background: #685761;
}

.wc-block-grid__product-add-to-cart a:hover,
a.add_to_cart_button:hover {
    background: #685761
}

.single_add_to_cart_button,
.wc-proceed-to-checkout a,
#place_order {
    background: #685761;
    border: 2px solid #685761!important;
    color: #fff;
    margin: 2em 0;
    padding: 1em 2em;
}

.single_add_to_cart_button {
    color: #fff!important;
}

.wp-block-button__link {
    padding: 0.7em 3em!important;
    box-shadow: 3px 3px 20px #ddd;
    font-size: 14px;
}

.button:hover,
.wp-block-button__link:hover {
    border-radius: 10px;
    color: #fff;
    background: #685761
}

div.product form.cart .button {
    vertical-align: middle;
    float: left;
    clear: both;
}

article img {
    width: auto;
}

.posts-row {
    width: 100%;
}

.post-cards {
    width: 30%;
    position: relative;
    margin: 1%;
    overflow: hidden;
    height: 300px;
    float: left;
}

.post-cards img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    position: absolute;
    opacity: .2;
    transition: all .2s;
}

.post-cards h2 {
    font-size: 20px;
}

.card {
    position: absolute;
    background-image: linear-gradient(209deg, rgba(41, 32, 26, 0.14), rgba(129, 110, 119, 0.1));
    height: 50%;
    width: 90%;
    z-index: 100;
    padding: 25% 5%;
    transition: all .2s;
}

.card:hover {
    background-image: linear-gradient(209deg, rgba(41, 32, 26, 0.14), rgba(129, 110, 119, 0.35))
}


/*widgets */

.widget-area-middle {
    width: 100%;
    margin-bottom: 2em;
    clear: both;
    text-align: flex-end;
}

.widget-area-middle .xoxo li {
    width: 23%;
    display: flex;
    flex-direction: column;
    float: left;
    padding: 5%;
}

.widget-full {
    margin: 2em 0;
    width: 100%;
    clear: both
}

.hero {
    width: 100%
}

.hero div img {
    position: absolute;
    z-index: 1;
    opacity: .7;
    width: 100%;
    top: 0 !important;
}

.hero,
.widget-full-top {
    min-height: 450px;
    display: flex;
    align-items: center;
    padding: 8em 0;
    overflow: hidden;
    display: none;
}

.hero .textwidget {
    width: 50%
}

.hero,
.widget-full-top .widget_text {
    top: 25% !important;
}

.hero p,
.widget-full-top p {
    margin: 1em 0
}

.widget_text {
    z-index: 1000;
    width: 80%;
    padding: 0 5%;
}

.widget-full-top .widget_media_image {
    width: 100%;
    position: absolute;
    z-index: -1000;
    margin-bottom: 0;
    height: 100%;
    overflow: hidden;
    top: 0;
}


.widget-full iframe {
    width: 100%;
    opacity: .8
}

#footer .widget-area .widget-container {
    width: 25%;
    float: left;
    margin-right: 5%;
}

.xoxo li ul li {
    width: 100%
}
.product_list_widget li img {width: 50px; height: auto; font-size: 12px;}
.product_list_widget li a span {display: block;}
.product_list_widget li {margin-bottom: 24px; border-bottom: 1px solid #f7f7f7;}
#sidebar {
    margin: 48px 0;
    width: 100%;
}

#sidebar .widget-container {
    margin-bottom: 2em;
    width: 30%;
    border-radius: 20px 20px 20px 20px;
    transition: all .5s;
    height: 68px;
}

#sidebar .widget-container:hover {
    box-shadow: 0px 0px 20px #9076742b
}

#sidebar .widget-title {
    cursor: pointer;
    padding: 24px;
    background: #fff;
    border-radius: 20px 20px 20px 20px;
    margin-bottom: 0;
    position: relative;
    margin-top: 0
}

#sidebar .widget-title::after {
    content: "\2193";
    position: absolute;
    right: 24px;
}

#sidebar .widget-container ul,
#sidebar .widget-container div {
    display: none;
    width: 90%!important;
    background: #fff;
    padding: 5%!important;
}

.widget_categories .widget-title:hover ul {
    display: block;
}

.wp-calendar-table {
    width: 100%
}

.entry-footer{
    margin-top: 12px;
    padding: 12px 0px; 
font-size: 14px }
    
    #respond{margin-top: 48px}
/*footer */

#footer {
    background: #fbfbfb;
    clear: both;
    padding: 10%;
    width: 80%;
}

#footer .menu.menu {
    width: auto;
    float: none;
}

#nav-below {
    margin: 2em 0%;
    display: block;
    padding: 4em 0
}

#copyright {
    margin: 1em 0;
    color: #7f7f7f;
    font-size: .9em;
    display: none;
}


/* Clear and hide */

#nav-below,
#copyright,
#content {
    clear: both;
}

.nav-previous {
    float: left;
}

.nav-next {
    float: right
}

.clear {
    clear: both
}


/* Comments*/

#comments {
    margin-top: 48px
}

.comment {
    margin-top: 48px;
}

.comment .children {
    margin-left: 24px;
}

.bypostauthor {
    font-size: 1em;
    background: #f7f7f7;
    padding: 5%;
}


/* single post thumb style */

.single-product #content {
    width: 80%
}

.blog #content,
.single #content {
    float: left;
    width: 80%;

}

.blog #sidebar,
.single #sidebar {
    float: right;
    width: 30%
}

.blog #content img,
.single #content img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.blog .wp-caption {
    width: 100% !important
}

input,
textarea {
    border-radius: 1px;
    border: none;
    padding: .7em 1em;
    margin-bottom: 24px;
    font-size: 16px;
    border-radius: 5px;
    background: #fff8f3;
}

input[type=button],
input[type=submit],
input[type=reset] {
    text-transform: uppercase;
    font-weight: bold;
    border: 2px solid #816D76;
    color: #816D76;
    background: none;
    cursor: pointer;
    transition: all .2s;
    padding: .5em 3em;
    width: auto!important;
}

input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover {
    border-radius: 10px;
}

label+input {
    clear: both;
    display: block;
    margin-bottom: 0px
}

input.qty {
    width: 40px
}

.menu-link {
    display: block;
    cursor: pointer;
}

span.meta-nav {
    font-size: 1.5em;
    color: #AE8871;
    font-weight: 100;
}

ul.columns-3,
ul.columns-4 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.columns-4 .product,
.columns-3 .product,
.related li.products {
    box-sizing: border-box;
    margin: 12px;
    float: none;
    width: auto;
    position: relative;
    text-align: left;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 16px solid transparent;
    list-style: none;
    padding: 24px;
    width: 30%
}

.single div.product {
    width: 100%;
}

.columns-4 .product:hover,
.columns-3 .product:hover {
    background: #fbfbfb;
    box-shadow: 0px 0px 10px #9076742b;
}

.product img {
    width: 100%;
    height: auto;
    margin-bottom: 12px;
}

.wc-block-grid .wc-block-grid__product-image img {
    height: auto;
    width: 100%
}

.woocommerce-product-gallery {
    width: 60%;
    float: left;
    margin-right: 2em;
    position: relative;
}

.woocommerce-product-gallery__trigger {
    position: absolute;
    color: red;
}

.summary {
    width: 35%;
    float: right;
}

.woocommerce-tabs {
    width: 80%;
    clear: both;
    margin-top: 4em;
    display: inline-block;
}
.product-template-default #comments, .product-template-default .entry-footer, .woocommerce-page #comments{display:none;}
.woocommerce-tabs p {
    font-size: 1.3em;
}

.woocommerce-tabs h2 {
    display: none
}

.woocommerce-tabs td {
    padding: 1% 2%;
    border: 1px solid #ddd;
}

.woocommerce-tabs img {
    width: auto;
    margin: 1em 0
}

.woocommerce-notices-wrapper {
    margin: 1em 0;
}

.woocommerce-notices-wrapper:empty {
    display: none;
    box-shadow: none;
    background: none;
}

.woocommerce-notices-wrapper .button:hover {
    color: #fff!important;
    border-color: #fff!important
}

.woocommerce-MyAccount-navigation ul li,
.page-numbers li {
    display: inline-block;
    margin: 2em 0em;
    border: 1px dotted #ddd;
    padding: 1% 2%;
    border-radius: 25px;
}

.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce {
    margin-bottom: 2em;
}

.woocommerce-ordering {
    padding: 12px 4%;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
}

.orderby {
    -webkit-appearance: none;
    border-radius: 1px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28100, 104, 107%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    border: none;
    padding: .7em 1em;
    font-size: 13px;
    border-radius: 5px;
    background-color: #fff8f3;
}

.woocommerce-result-count {
    display: none;
}

a.cart-contents {
    position: absolute;
    background: #6ce86c;
    border-radius: 1000px;
    width: 10px;
    height: 10px;
    font-size: 2px;
    color: #fff;
    text-align: center;
}

#customer_details {
    width: 60%;
    float: left;
}

#customer_details input {
    width: 100%;
}

#order_review {
    width: 40%;
    float: right;
}

.cart_totals {
    float: right;
    width: 30%;
    padding: 5%;
}

.woocommerce-mini-cart__empty-message {
    text-align: center;
    margin-top: 96px;
}

.woocommerce-checkout-review-order-table {
    text-align: left;
    ;
}

.processing table .coupon {
    display: block!important;
}

.actions .clickLink {
    display: block;
    cursor: pointer
}

.woocommerce-input-wrapper {
    width: 70%;
}

.shop_table_responsive {
    width: 100%;
    text-align: left;
}

.shop_table_responsive td {
    vertical-align: top;
}

.shop_table_responsive img {
    width: 100px;
    height: auto;
}

button[name="update_cart"],
button[name="update_cart"]:hover {
    border: none!important;
}

.wc-forward::after {
    content: "\2192";
    font-weight: bold;
    font-size: 1.2em;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.variations td {
    display: block;
    width: 100%
}

.variations td.value {
    margin-bottom: 2em;
}

.variations {
    width: 100%;
}

.variations select {
    -webkit-appearance: none;
    border-radius: 1px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28100, 104, 107%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    width: 100%;
    border: none;
    padding: .7em 1em;
    margin-bottom: 24px;
    font-size: 16px;
    border-radius: 5px;
    background-color: #fff8f3;
}

.reset_variations {
    display: none
}

p.price {
    font-size: 2em;
    margin-bottom: 1em;
}

.woocommerce-product-details__short-description {
    margin-bottom: 1em;
}

.variations label {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.wp-block-media-text__media img,
.wp-block-media-text__media video {
    height: auto;
}


/* Search Result */

.search-result {
    display: flex
}

.search-result article {
    width: 30%;
    padding: 2%
}


/* Blog */

.blog article,
.post {
    margin-bottom: 48px;
    font-size: 18px;
    line-height: 28px;
    font-family: Georgia, serif;
}

.woocommerce-order {
    padding: 48px;
}

.woocommerce-thankyou-order-received {
    font-size: 2em;
    margin: 2em;
    text-align: center;
}

.woocommerce-thankyou-order-details {
    border-top: 1px dotted;
    border-bottom: 1px dotted;
    padding: 24px;
}

.woocommerce-table--order-details {
    text-align: left
}

.woocommerce-table--order-details td {
    padding: 12px;
}

.woocommerce-columns--addresses {
    display: flex;
    justify-content: space-between;
}
@media screen and (min-width:721px) {
    .menu-item-has-children:hover .sub-menu {
        display: block!important
    }
    .menu-item-has-children .sub-menu {
        display: none;
    }
    .menu-menu-1-container {
        display: block;
        clear: both;
        margin: 0 auto;
        width: 80%;
        padding: 0;
    }
    .narrow-content {
        width: 60%;
        margin: 0 auto;
        padding: 10% 0
    }
    .menu-link {
        color: #fff;
        font-size: 24px;
        display: block;
        width: 100%;
    }
}

@media screen and (max-width:720px) {
    #container {
        width:80%;
        float: left;
        min-height: 600px;
        padding: 5%;
    }
    .top-menu {
        display: none
    }
    .search-result {
        flex-direction: column;
    }
    .search-result article {
        width: 90%
    }
    .widget-container {
        margin-bottom: 2em;
        width: 90%!important;
        margin: 5%;
        height: auto!important;
    }
    #header {
        width: 50px
    }
    #sidebar ul.xoxo {
        flex-direction: column;
    }
    .blog article {
        margin-bottom: 48px;
        padding: 0;
        font-size: 16px;
    }
    .entry-content pre {
        white-space: pre-line;
    }
    .blog article img {
        max-width: 100%;
    }
    .logo-wrap {
        width: 50px;
    }
    #header svg {
        fill: #816D76;
    }
    .widget_shopping_cart_content {
display: none;
    position: absolute!important;
    z-index: 10000;
    background: #fff;
    padding: 24px;
    box-shadow: -1px 10px 10px #ddd;
    color: #000;
    width: 90%!important;
    top: -424px!important;
    left: 0!important;
    overflow: scroll;
    padding: 10% 5%!important;
    height: 350px!important;
}


    
    .cart_list {
        display: flex!important;
    }
    .mini_cart_item {
        width: 30%;
        margin: 0 24px;
    }
    #search {
           position: absolute;
    top: -260px;
    font-size: 10px;
    height: 150px;
    width: 80%;
    left: 0;
    }
    .cart-mini-header {
        padding: 0!important
    }
    .mini-cart-full {
        border-top: none!important;
    }
    .header-links {
        display: flex;
        float: right;
        align-items: center;
    }
    .header-links-content {
        width: 33.3%;
        padding: 2% 0;
        height: 48px;
        text-align: center!important;
        background: #ececec;
        margin: 1px!important;
    }
    .header-links-content svg {
        height: 28px;
        width: auto;
        margin-top: 10px;
    }
    .header-links-content .search-graphic,
    .header-links-content .account-graphic,
    .header-links-content .cart-graphic {
        display: block;
        clear: both;
        margin: 0 auto;
    }
    #footer .widget-area .widget-container,
    #order_review,
    #customer_details,
    .summary {
        width: 100%;
        float: none;
    }
    .menu-item-has-children:hover .sub-menu,
    .menu-item-has-children::after {
        display: none
    }
    #header .menu {
        float: none;
        margin: 0;
        width: 70%;
        text-align: left;
        padding: 0;
        position: absolute;
        left: 0;
        z-index: 1000000;
        padding: 10%;
    }
    #header .menu li ul {
        display: none;
        width: 100%;
        margin: 0;
        padding: 0;
        padding: 2em;
        text-align: left;
        position: relative;
        padding: 0;
    }
    .columns-4 .product,
    .columns-3 .product,
    .related li.products {
        width: 80%;
        padding: 0;
        margin: 0;
        border: 0;
        float: left;
    }
    .columns-4 .product:hover,
    .columns-3 .product:hover,
    .wc-block-grid__product:hover {
        background: none;
        box-shadow: none;
    }


    ul.products .product {
        margin-bottom: 48px;
        width: 100%;
    }
    .woocommerce-product-gallery {
        width: 100%
    }
    .woocommerce-tabs {
        width: 100%
    }
    .woocommerce-tabs p {
        padding: 0 0%;
        font-size: 1em;
    }
    .woocommerce-tabs img {
        width: 100%;
        margin: 1em 0
    }
    .shop_table_responsive {
        width: 100%;
        text-align: left;
        display: flex;
        flex-direction: row;
    }
    .shop_table_responsive tbody {
        width: 100%
    }
    .shop_table_responsive thead tr {
        position: absolute;
        left: -99999px;
        top: -99999px;
    }
    .shop_table_responsive tbody tr {
        display: flex;
        flex-direction: column;
    }
    .shop_table_responsive tbody tr .product-price::before {
        content: "Price:"
    }
    .shop_table_responsive tbody tr .product-quantity::before {
        content: "Qty:"
    }
    .shop_table_responsive tbody tr .product-subtotal::before {
        content: "Subtotal:"
    }
    .shop_table_responsive tbody tr .product-subtotal {
        margin: 2em 0;
        border-bottom: 1px solid #ddd;
    }
    td.product-remove {
        position: absolute;
    }
    td.product-remove a.remove {
        text-align: center;
        display: block;
        padding: 0px 5px;
    }
    .coupon {
        display: none;
    }
    .cart_totals .shop_table tr td {
        padding: 0!important;
    }
    .header-links {
        position: fixed!important;
        text-align: left;
        border-top: 2px solid rgba(0, 0, 0, 0);
        bottom: 0;
        left: 0;
        background: #f7f7f7;
        z-index: 10000!important;
        width: 100%;
        padding: 0;
        display: flex!important;
        height: 60px;
        top: auto!important;
    }
    .header-links-content {
        width: 30%
    }
    .woocommerce-cart-form {
        width: 90%;
        float: none;
    }
    .hero .textwidget {
        width: 80%;
    }
    #header .menu li a:hover {
        border-top: 3px solid #fff;
    }
    #nav-below {
        margin: 2em 0%;
        display: block;
        padding: 0%
    }
    .blog #content,
    .single #content {
        width: 90%;
    }
    .wp-caption {
        width: 100%!important
    }
    #site-title h1 {
        padding: 0;
        margin: 0;
    }
    h1.entry-title,
    h2.entry-title {
        font-size: 24px!important;
    }

    .menu-link {
        display: block;
        text-align: center;
        font-size: 2em;
        padding: 0;
        color: #fff;
        clear: both;
        margin-bottom: 48px;
        margin-top: 24px;

    }
    .menu-menu-1-container {
        display: none;
        width: 100%;
        clear: both;
    }
    #header .menu li a:hover {
        border-top: 3px solid rgba(1, 1, 1, 0);
    }
    #header .menu li {
        display: grid;
        width: 100%;
        text-align: left;
        float: none;
    }
    .post-cards {
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%
    }
    .pop-out {
        height: 400px;
        overflow: scroll;
    }
    .pop-out .widget_shopping_cart_content {
        display: block!important;
    }
    .pop-out .widget_shopping_cart_content .cart_list {
        display: flex!important;
    }
    .pop-up-arrow::after {
        content: '^';
        font-size: 24px;
        color: #000;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
    }
    .cart_totals {
        float: none;
        width: 90%;
        clear: both;
        padding: 0;
    }
    .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
        grid-row: 3!important
    }
    .editor-styles-wrapper .has-huge-font-size,
    .editor-styles-wrapper .has-larger-font-size,
    .has-huge-font-size,
    .has-larger-font-size {
        font-size: 32px!important;
    }
    .has-medium-font-size {
        font-size: 14px!important;
        line-height: 24px;
    }
}

.width100 {
    width: 100%!important
}

.box-white {
    padding: 48px 5%;
    background: #fff;
}

.shadow {
    box-shadow: 3px 3px 20px #ddd;
}

.shadow-dark {
    box-shadow: 3px 3px 20px #7f7f7f;
}

.wide-space {
    padding: 0 10%;
}

.wide-padding {
    padding: 10%
}

.wide-content {
    width: 100%!important;
    padding: 0!important
}

.fuller {
    width: 100%!important;
    transition: all .5s
}

.hide {
    display: none
}

.product .entry-meta,
.product_meta {
    display: none;
}

.wpcf7-form input.wpcf7-form-control,
textarea {
    width: 100%;
}


/* Mini Cart */

.mini-cart,
.cart-graphic {
    margin-top: -3px;
}

.widget_shopping_cart_content {
    display: none;
    position: fixed;
    z-index: 10000;
    background: #fff;
    width: 250px;
    padding: 24px;
    box-shadow: -1px 3px 3px #7e7e7e;
    color: #000;
    border: 5px solid #ddd;
    top: 0;
    right: 120px;
    height: 100%;
    overflow: scroll;
}

.cart_list {
    display: block;
    margin-top: 48px;
}

.cart_list img {
    width: 80px;
    height: auto;
    display: block;
}

.coupon {
    float: left;
    font-size: 0.9em;
}

.related {
    display: none
}

.woocommerce-shipping-destination strong {
    display: block;
}

.shop_table .button[name="update_cart"] {
    float: right;
    background: none;
    padding: 0;
}

.shop_table .button[name="update_cart"]:hover {
    color: #004be2
}

.cart_totals .shop_table tr th {
    vertical-align: top;
    ;
}

.cart_totals .shop_table tr td {
    padding: 0em 2em;
}

.header-links {
    display: block;
    align-items: center;
    clear: both;
    position: absolute;
    top: 400px;
    width: 100%;
}

.header-links-content {
    margin: 0 auto;
    text-align: right;
    margin-right: 50px;
}

.mini-cart-full {
    text-align: right;
    border-top: 2px solid rgba(0, 0, 0, 0);
}

.mini-cart-full:hover .widget_shopping_cart_content {
    display: block!important;
}


.mini_cart_item {
    position: relative;
    line-height: 2em;
    margin-bottom: 24px;
    border-bottom: 1px dotted;
    font-size: 12px;
    text-align: left;
}

.mini_cart_item a {
    display: block;
    font-size: 1.4em;
    top: 2px;
    left: 5px;
}

.widget_shopping_cart_content .woocommerce-Price-amount {
    font-size: 1.3em
}

.remove_from_cart_button {
    position: absolute;
    top: 0;
    color: red;
    display: none;
}

.woocommerce-mini-cart__buttons .button:not(.checkout) {
    background: none;
    border: 1px solid;
    padding: 0.8em 10%;
    color: #000;
    width: 80%;
}

.woocommerce-mini-cart__buttons .button:not(.checkout):hover {
    background: none;
    border: 1px solid!important;
    color: #004be2;
}

.woocommerce-mini-cart__buttons .checkout {
    width: 80%;
    padding: .8em 10%;
}

.form-row {
    margin-top: 0
}

#ship-to-different-address-checkbox {
    width: 4%!important
}



/* Gutenberg Blocks */

.wc-block-grid__product {
    position: relative;
}

.wc-block-grid__product:hover {
    background: #fbfbfb;
    box-shadow: 0px 0px 10px #9076742b;
}

.wc-block-grid__product-title {margin-bottom: 0!important}



.wc-block-grid.has-5-columns .wc-block-grid__product {
    flex: 1 0 25%!important;
    max-width: 25%!important;
    padding: 12px 24px!important;
    text-align: left!important;
    font-size: 18px!important;
}

.wc-block-grid__products {
    padding: 0 5%;
}

.wc-block-grid.has-4-columns .wc-block-grid__product,
.wc-block-grid.has-4-columns .wc-block-grid__product,
.wc-block-grid.has-3-columns .wc-block-grid__product,
.wc-block-grid.has-3-columns .wc-block-grid__product {
    padding: 24px;
    font-family: Josefin Sans, sans-serif;
    text-align: left;
}

.wc-block-grid__product .wc-block-grid__product-add-to-cart,
.wc-block-grid__product .wc-block-grid__product-price,
.wc-block-grid__product .wc-block-grid__product-rating {
    margin:0!important;
}

.wc-block-grid__product .onsale,
.products .onsale,
.wc-block-grid__product .wc-block-grid__product-onsale {
    position: absolute;
    border: 0px;
    left: 12px;
    top: 12px;
    background: #fff;
    padding: 6px 12px;
    border-radius: 5px;
}

p+p,
.wp-block-cover+.wp-block-cover {
    margin-top: 48px;
}

.wp-block-cover, .wp-block-cover-image {padding: 10%!important}

/* Custom Classes For Type to use in gutenberg */

.block-size-viewport {
    min-height: 100vh!important;
    height: 100vh!important;
}

.button:hover,
.wp-block-button__link:hover {
    border-radius: 10px;
    color: #fff;
    background: #685761
}

div.product form.cart .button {
    vertical-align: middle;
    float: left;
    clear: both;
}

article img {
    width: auto;
    max-width: 100%;
    max-height: auto;
    height: auto;
}

.wp-caption-text,
.gallery-caption {
    font-size: 12px;
}

.alignright {
    text-align: right;
}

.alignleft {
    text-align: left;
}

.aligncenter {
    text-align: center
}

.has-copper-dark-background-color{background-color: #816D76}
.has-copper-light-background-color{background-color: #AE8871 }
.has-copper-dark-color{color: #816D76}
.has-copper-light-color{color: #AE8871 }