/*
Theme Name: Big cheese theme
Theme URI: http://wordpress.org/themes/twentythirteen
Author: Paulius@Starbit
Author URI: https://starbit.co.uk
Description: Custom theme for bigcheesemakingkit website
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: bigcheese
*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)

   The reset styles given here are intentionally very generic. There isn’t any default color or background set for the body element, for example. I don’t particularly recommend that you just use this in its unaltered state in your own projects. It should be tweaked, edited, extended, and otherwise tuned to match your specific reset baseline. Fill in your preferred colors for the page, links, and so on.
*/

/* import fonts */
@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');

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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  color: #777;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 16px;
}

h1,
h2,
h3,
h4 {
  color: #444645;
  font-family: Oswald, sans-serif;
  font-weight: 400;
  line-height: 1.2;
  margin: 15px 0;
}

h1 {
  font-size: 42px;
  line-height: 50px;
  padding-left: 12px;
  margin-bottom: 34px;
  position: relative;
}

h1::before {
  content: "";
  position: absolute;
  width: 4px;
  left: 0;
  top: 7px;
  bottom: 6px;
  margin: auto;
  background: #7bae23;
}

h2 {
  font-size: 28px;
  color: #777;
}

h3 {
  color: #444645;
  font-size: 25px;
  margin: 15px 0;
}

h4 {
  margin: 20px 0;
  font-size: 18px;
  font-weight: bold;
  color: #737373;
  font-family: Arial, sans-serif;
}

p {
  margin: 10px 0;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

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

strong {
  font-weight: 700;
}

/* Fixed layout - 1200px wide */
.container {
  width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

/* Helpers*/
.clearfix {
  clear: both;
}

.centered {
  text-align: center;
}

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

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

.alignright {
  float: right;
  margin-left: 20px;
}

.alignleft {
  float: left;
  margin-right: 20px;
}

.hidden {
  display: none !important;
}

/* Default style for links, to avoid horrible the blue/purple browser's default */
a {
  text-decoration: none;
  color: #7bae23;
}

a:hover {

}

/* Default style for buttons */
.button {
  font-weight: 400;
  border: 1px solid #444645;
  background: #444645;
  border-radius: 3px 3px 3px 3px;
  color: #fff;
  padding: 0 12px;
  line-height: 34px;
  text-transform: uppercase;
  display: inline-block;
  font-size: 14px;
  position: relative;
}

.button:hover {
  background-color: #84bb26;
  border-color: #84bb26;
  color: #fff;
}

/* Default style for lists in text content - UL, OL */
ul {

}

ol {

}

/* Default style for tables in text content */
table {

}

table th {

}

table td {

}

/* Default style for form elements */
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="tel"],
textarea,
select {
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: #777;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: inline-block;
  padding: 6px 10px;
  margin: 5px 0;
  outline: none;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border-color: #6dab3c; /* Change border color of element on focus, for accessibility */
}

label {
  cursor: pointer;
}

*:focus {
  outline: 0;
}

/* GENERAL */

.container {
  max-width: 1200px;
  width: 100%;
  padding: 0 20px;
}

#page_content {
  padding: 50px 0;
}

/* input reset */

.mc4wp-form-basic button,
.mc4wp-form-basic input[type="submit"],
.mc4wp-form-basic input[type="button"],
.mc4wp-form-theme button,
.mc4wp-form-theme input[type="submit"], .mc4wp-form-theme input[type="button"] {
  cursor: pointer;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* transitions */

a,
.searchform button,
footer a,
footer input,
.brand-title .owl-buttons > div,
.featured-product,
.owl-nav button,
#shop-toolbar button,
#page_content aside h2 span,
.woocommerce.single-product div.product .single_add_to_cart_button,
.woocommerce.single-product #tab-description .button,
#commentform p.form-submit input,
.woocommerce #reviews input#submit,
.overlay span,
.wpcf7-submit,
.woocommerce-cart table .actions button,
.woocommerce button.button.alt,
header .mobilemenu i,
.woocommerce button.button,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-form-register .woocommerce-form-row .woocommerce-form-register__submit {
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

/* white inset box shaddows for buttons and all */
.woocommerce-mini-cart__buttons .wc-forward:not(.checkout),
.socialmedia .social-link,
footer#colophon .mc4wp-form-basic .button,
.brand-title .owl-buttons > div,
.add_to_cart_button,
#shop-toolbar button,
.woocommerce a.button,
.woocommerce.single-product div.product .single_add_to_cart_button,
.woocommerce div.product div.images .flex-control-thumbs .owl-nav button,
.woocommerce #reviews input#submit,
.woocommerce.single-product #tab-description .button,
#commentform p.form-submit input,
.woocommerce-cart table .actions button,
.woocommerce button.button.alt,
.onsale,
header .mobilemenu i,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-form-register .woocommerce-form-row .woocommerce-form-register__submit {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* HEADER */

header {
  clear: both;
  -webkit-box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.1);
}

header .loginbar {
  background: #f5f5f5;
  border-top: 4px solid #7bae23;
}

header .mobilemenu {
  display: none;
}

header .mobilemenu span {
  text-transform: uppercase;
  font-weight: bold;
  display: flex;
  align-items: center;
}

header .mobilemenu .searchform fieldset * {
  display: inline-block;
}

header .mobilemenu .searchform {
  padding: 10px 20px;
  text-align: left;
}

header .mobilemenu i {
  height: 35px;
  width: 35px;
  color: #fff;
  background: #84bb26;
  border-radius: 3px;
  margin-right: 10px;
  text-align: center;
  font-size: 25px;
  line-height: 35px;
  cursor: pointer;
}

header .mobilemenu i:hover {
  background: #444645;
}

header ul li a {
  color: #494940;
}

header ul li a:hover,
header ul[id*=menu-main-navigation-menu-] li.current_page_item a,
header ul[id*=menu-main-navigation-menu-] li.current_page_parent a {
  color: #84bb26;
}

.loginbar .container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
}

.loginbar a {
  padding: 8px 2px;
}

.loginbar a:hover {
  color: #7f7d74;
}

.loginbar .avatar {
  margin-right: 5px;
}

.logowrapper .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.logowrapper span {
  color: #444645;
  margin: 10px 0;
  font-size: 14px;
}

.logowrapper a {
  font-weight: bold;
  color: #444645;
}

.logowrapper a:hover {
  color: #7bae23;
}

.nav {
  display: flex;
  align-items: center;
  position: relative;
}

header ul[id*=menu-main-navigation-menu-] li a {
  color: #494940;
}

ul#menu-main-navigation-menu-1,
ul#menu-main-navigation-menu-3 {
  list-style: none;
  padding: 0;
  margin: 25px 0 0;
  overflow: hidden;
}

ul#menu-main-navigation-menu-1 li,
ul#menu-main-navigation-menu-3 li {
  float: left;
}

ul#menu-main-navigation-menu-1 li a,
ul#menu-main-navigation-menu-3 li a {
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  padding: 13px 50px 30px 0;
  line-height: 25px;
}

ul#menu-main-navigation-menu-1 li a {
  padding: 25px 40px 25px 0;
}

ul#menu-main-navigation-menu-1 {
  margin-top: 0;
}

ul#menu-main-navigation-menu-3 li:last-of-type a {
  padding-right: 0;
}

ul#menu-main-navigation-menu-1 li a:hover,
ul#menu-main-navigation-menu-1 li.current_page_item a,
ul#menu-main-navigation-menu-3 li a:hover,
ul#menu-main-navigation-menu-3 li.current_page_item a {
  color: #7bae23;

}

header .searchform .text input {
  background: #fff;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  border: 1px solid #e0e0e0;
  color: #a4a4a4;
  height: 36px;
  margin: 0;
  border-radius: 3px 0 0 3px;
}

header .searchform button {
  background: grey;
  border: 0;
  color: #fff;
  padding: 0;
  font-size: 18px;
  width: 36px;
  height: 36px;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  border-radius: 0 3px 3px 0;
  margin-left: -5px;
}

header .searchform {
  margin-left: auto;
}

header .searchform button:hover {
  background: #84bb26;
  color: #fff;
}

.searchform fieldset * {
  vertical-align: middle;
  display: inline-block;
}

.mini-cart {
  position: relative;
  margin-right: 30px;
  margin-left: 10px;
  overflow: show;
}

.mini-cart .button.checkout {
  display: none;
}

.mini-cart > span {
  position: absolute;
  font-size: 15px;
  background-color: #7bae23;
  color: white;
  padding: 0;
  line-height: 25px;
  height: 25px;
  width: 25px;
  border-radius: 100%;
  text-align: center;
  right: -30px;
  top: 0;
}

.mini-cart .dropdown-toggle {
  background-color: transparent;
  border: none;
  background: url('img/shopping-basket.png');
  background-repeat: no-repeat;
  height: 44px;
  width: 116px;
}

.mini-cart .dropdown-toggle a {
  display: block;
  height: 44px;
  width: 116px;
}

.mini-cart .dropdown-toggle:hover {
  border: none;
  background: url('img/shopping-basket-alt.png');
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: 45px;
  right: -30px;
  left: auto;
  width: 290px;
  padding: 24px 20px 20px;
  color: #777;
  border: 0px solid #7bae23;
  border-top-width: 3px;
  z-index: 999;
  background: #fff;
}

.stickynav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 300;
  -webkit-box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  display: none;
}

.stickynav .mobile-logo {
  display: none;
}

.stickynav > .container {
  display: flex;
  align-items: center;
}

.stickynav img {
  margin-right: 15px;
  margin-top: 5px;
}

.stickynav > .mini-cart {
  margin-left: auto;
}

.stickynav ul#menu-main-navigation-menu li a {
  padding-top: 0;
}

.mini-cart .dropdown-menu {
  color: #777;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.mini-cart .dropdown-menu li {
  margin-bottom: 20px;
}

.mini-cart .cart_list_wrap.scroll-wrapper {
  margin-right: -5px;
}

.mini-cart .cart_list_wrap {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

.product_list_widget {
  list-style: none;
  margin: 0;
  padding: 0;
}

.product_list_widget a {
  color: #838383;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 8px;
  padding: 0;
  line-height: 1.42857;
}

.product_list_widget a:hover {
  color: #7bae23;
}

.product_list_widget li:last-child {
  margin-bottom: 0 !important;
}

.cart_list.product_list_widget li {
  padding-left: 0;
  position: relative;
  overflow: hidden;
}

.product_list_widget li .product-image {
  float: left;
  margin: 0;
  padding: 0;
}

.mini_cart_item img,
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img,
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img,
.woocommerce-page ul.cart_list li img,
.woocommerce-page ul.product_list_widget li img {
  float: left;
  margin: 0 15px 0 0;
  padding: 0;
  width: 85px;
  height: auto;
}

.product_list_widget li .quantity {
  display: block;
  margin-left: 100px;
}

.product_list_widget li a,
.product_list_widget li .product-name {
  width: 220px;
  display: inline-block;
}

.product_list_widget li .product-details {
  margin-left: 100px;
}

.cart_list .remove {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 2px;
  right: 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  text-align: center;
}

.total {
  float: left;
  width: 140px;
  padding-top: 7px;
  font-size: 15px;
  font-weight: bold;
}

.total .amount {
  font-size: 18px;
}

.buttons {
  float: right;
  width: 100px;
}

.product-subtotal .amount,
.total .amount,
.order-total .amount,
.single_variation_wrap .price,
.quantity .amount,
.featured-product .price {
  color: #e82c0c;
}

.quantity .amount {
  font-size: 16px;
  margin-right: 5px;
  font-weight: bold;
}

.woocommerce-mini-cart__total {
  float: left;
  width: 140px;
}

.woocommerce-mini-cart__total.total {
  font-size: 15px;
  padding-top: 7px;
}

.woocommerce-mini-cart__buttons .checkout {
  display: none;
}

.woocommerce-mini-cart__buttons .wc-forward:not(.checkout) {
  display: block;
  font-size: 13px;
  font-weight: bold;
  padding: 4px;
  text-align: center;
  border-radius: 3px;
  text-transform: uppercase;
  line-height: 1.42857;
}

.woocommerce-mini-cart__buttons {
  float: right;
  width: 100px;
}

.woocommerce-mini-cart .woocommerce-mini-cart-item .variation-InnerMessage {
  display: none;
}

.dropdown-menu p {
  margin-top: 20px;
}

/* mobile menu */
header .mobilemenu a {
  line-height: 1.5;
}

header .stickynav .mobilemenu .menu-main-navigation-menu-container {
  top: 75px;
}

header .mobilemenu .mobile-menu-wrapper .menu-main-navigation-menu-container {
  display: none;
  position: absolute;
  border-top: 5px solid #84bb26;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  width: 100%;
  max-width: 500px;
  background: #fafafa;
  left: 0;
}

header .mobile-menu-wrapper .menu-main-navigation-menu-container ul li {
  border: 1px solid #e0e0e0;
  border-top: 0;
}

header .mobile-menu-wrapper .menu-main-navigation-menu-container ul#menu-main-navigation-menu li a,
header .mobile-menu-wrapper .menu-main-navigation-menu-container ul#menu-main-navigation-menu-2 li a {
  font-size: 17px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px 0 10px 20px;
  width: 100%;
  display: block;
}

header .nav.container .mobile-menu-wrapper .menu-main-navigation-menu-container {
  top: 75px;
  z-index: 10;
}

/* breadcrumbs */

.breadcrumbs {
  font-family: Oswald, sans-serif;
  font-size: 13px;
  color: #fff;
}

.breadcrumbs a {
  color: #fff;
}

.breadcrumbs a:hover {
  color: #eee;
}

#breadcrumb-container {
  background: #7bae23;
  padding: 15px 0;
}

.breadcrumbs > span {
  margin: 0 5px;
}

.breadcrumbs > span:first-child {
  margin-left: 0;
}

.breadcrumbs > span:last-child {
  margin-right: 0;
}

/* FOOTER */

.footer-content {
  background: #444645;
  padding: 20px 0 0;
}

.footer-content .container {
  display: flex;
  justify-content: space-between;
}

.footer-content .container .col {
  width: calc(100% / 4);
  padding: 0 15px;
}

.footer-content h3 {
  color: #e3e3e3;
  font-size: 19px;
  font-family: Oswald, sans-serif;
  font-weight: 400;
  margin-top: 50px;
  margin-bottom: 15px;
  line-height: 2.1;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.footer-content ul li {
  margin-top: 5px;
}

.footer-content ul li a {
  position: relative;
  font-weight: normal;
  font-size: 15px;
  color: #ccc;
  line-height: 31px;
  padding: 0 0 0 15px;
}

.footer-content ul li > a::before,
.footer-content ol li > a::before {
  content: "\f04d";
  font-family: 'Font Awesome 5 Pro';
  font-size: 6px;
  position: absolute;
  left: 0;
  color: #7bae23;
  font-weight: 900;
}

.footer-bottom {
  padding: 20px 0;
  background: #161616;
  color: #e3e3e3;
}

.footer-bottom .container {
  display: flex;
  justify-content: space-between;
}

.footer-bottom .container p:last-child {
  text-align: right;
}

.socialmedia .social-link {
  border-radius: 3px 3px 3px 3px;
  background: #626664;
  border: 1px solid #626664;
  color: #fbfbfb;
  display: inline-block;
  margin: 5px 5px 5px 1px;
  text-align: center;
  line-height: 36px;
  width: 36px;
  height: 36px;
  font-size: 20px;
}

.socialmedia .social-link.facebook:hover,
.socialmedia .social-link.facebook:focus {
  color: #fff;
  background-color: #3b5a9a;
  border-color: #3b5a9a;
}

.socialmedia .social-link.twitter:hover,
.socialmedia .social-link.twitter:focus {
  color: #fff;
  background-color: #1aa9e1;
  border-color: #1aa9e1;
}

.socialmedia .social-link.pinterest:hover,
.socialmedia .social-link.pinterest:focus {
  color: #fff;
  background-color: #cc2127;
  border-color: #cc2127;
}

.socialmedia .social-link.instagram:hover,
.socialmedia .social-link.instagram:focus {
  color: #fff;
  background-color: #7c4a3a;
  border-color: #7c4a3a;
}

.footer-bottom .copyright {
  margin-top: 12px;
  font-size: 14px;
}

.footer-bottom .copyright p:first-child {
  margin-bottom: 0.5em;
}

.footer-bottom .copyright a {
  color: #ccc;
}

footer#colophon .footer-content a:not(.social-link):hover {
  color: #7bae23;
}

.twitter-widget {
  background: #84bb26;
  color: #444645;
  min-height: 100px;
}

.twitter-widget {
  line-height: 1.5;
}

.twitter-widget a {
  color: #cdfa7e;
}

.twitter-widget a:hover {
  color: #686a69;
}

.twitter-widget a.tweet-date {
  font-size: 14px;
  font-style: italic;
}

.twitter-widget .owl-stage-outer {
  display: inline-block;
  width: calc(100% - 90px);
  vertical-align: middle;
  position: relative;
}

.twitter-widget .owl-stage-outer .owl-item {
  padding: 35px 120px 20px 85px;
}

.twitter-widget .owl-nav {
  display: inline-block;
  vertical-align: middle;
}

.twitter-widget .twitter-slider.owl-carousel .owl-nav button {
  width: 35px;
  height: 30px;
  color: #448906;
  font-size: 26px;
  line-height: 26px;
  border-radius: 3px 3px 3px 3px;
  border: 1px solid #84bb26;
  font-family: "Font Awesome 5 Pro";
}

.twitter-widget .twitter-slider.owl-carousel .owl-nav button:first-child {
  margin-right: 5px;
}

.twitter-widget .twitter-slider.owl-carousel .owl-nav button:hover {
  background: #444645;
  border: 1px solid #444645;
  color: #e8e8e8;
}

.twitter-widget .owl-nav button.owl-prev::before {
  content: "\f104";
}

.twitter-widget .owl-nav button.owl-next::before {
  content: "\f105";
}

.twitter-widget .owl-nav span {
  display: none;
}

.twitter-widget .container {
  position: relative;
  padding: 10px 20px;
}

.twitter-widget > .container::after {
  content: "\f099";
  font-family: 'Font Awesome 5 Brands';
  font-size: 50px;
  position: absolute;
  bottom: -30px;
  left: -3px;
  color: #444645;
}

.mc4wp-form-basic input[type="email"] {
  min-height: 32px;
  width: 100%;
  max-width: 480px;
}

.mc4wp-form-basic label,
.mc4wp-form-theme label {
  font-weight: 400;
  cursor: pointer;
}

.footer-content .mc4wp-form-basic .mc4wp-success,
.mc4wp-form-basic label {
  color: #fff;
}

.mc4wp-form-basic input[type="email"] {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  color: #a4a4a4;
  padding: 6px;
  font-size: 14px;
}

footer#colophon .mc4wp-form-basic .button,
#custom_notif_bar a.button,
#cookie-notice .cn-button {
  font-weight: 400;
  border: 1px solid #444645;
  background: #737373;
  border-radius: 3px;
  color: #e8e8e8;
  text-transform: uppercase;
  font-size: 14px;
}

footer#colophon .mc4wp-form-basic .button:hover,
#cookie-notice .cn-button:hover,
#custom_notif_bar a.button:hover {
  background-color: #7bae23;
}

.mc4wp-form-basic p {
  margin-bottom: 15px;
}

/* Custom notification bar Starbit */

#custom_notif_bar {
  /*position: relative;*/
  position: fixed;
  visibility: visible;
  z-index: 9999;
  bottom: 0;
  width: 100%;
}

#custom_notif_bar .wrapper {
  width: 100%;
  background: #595959;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  padding: 10px 20px 15px 20px;
  box-sizing: border-box;
}

#custom_notif_bar button {
  display: inline-block;
  margin-top: 5px;
}

#custom_notif_bar .close {
  margin-top: 20px;
}

/* front page */

#banner img {
  width: 100%;
  height: auto;
}

#banner #mobile_banner {
  display: none;
}

.home #main .container {
  padding: 20px 20px;
}

/* slider */

.brand-title {
  border-left: 4px solid #7bae23;
  padding-left: 12px;
  margin-bottom: 34px;
  display: flex;
  align-items: center;
}

.brand-title .line-divider {
  margin-left: 15px;
  margin-right: 15px;
  height: 1px;
  flex-grow: 1;
  background: #e0e0e0;
}

.brand-title .owl-controls {
  margin-left: auto;
}

.brand-title .owl-buttons > div {
  display: inline-block;
  text-align: center;
  margin: 0 1px;
  padding: 0;
  width: 50px;
  height: 40px;
  font-family: "Font Awesome 5 Pro";
  font-size: 28px;
  line-height: 38px;
  color: #9f9f9f;
  border: 1px solid #e0e0e0;
  background: #fafafa;
  border-radius: 3px;
  cursor: pointer;
}

.brand-title .owl-buttons > div:hover {
  color: #fff;
  background: #7bae23;
}

.brand-title .owl-buttons .owl-prev::before {
  content: "\f104";
}

.brand-title .owl-buttons .owl-next::before {
  content: "\f105";
}

.front-page .owl-item {
  display: flex;
  align-items: center;
  height: 90px;
  padding: 0 10px;
}

.home h2.entity-title,
.page-about h2 {
  font-size: 40px;
  color: #444645;
}

.wc-cart-notif {
  display: none;
  position: fixed;
  top: 75px;
  -webkit-box-shadow: 11px 11px 19px -13px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 11px 11px 19px -13px rgba(0, 0, 0, 0.75);
  box-shadow: 11px 11px 19px -13px rgba(0, 0, 0, 0.75);
  z-index: 9999;
  padding: 0;
  max-width: 1200px;
  right: calc((100% - 1200px) / 2);
}

.wc-cart-notif.shop-notif {
  margin-bottom: 30px;
}

.wc-cart-notif div {
  margin-bottom: 0;
}

/* testimonials */

.sectiontitle > h2 + .lineseparator {
  height: 3px;
  width: 70%;
  margin: 0 auto 30px;
  background: #84bb26;
}

.testimonial-carousel {
  overflow: hidden;
}

.testimonial-carousel .owl-stage {
  display: flex;
}

.owl-nav.disabled {
  display: none;
}

.testimonial .name {
  color: #84bb26;
  font-style: italic;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}

.testimonial .date {
  font-style: italic;
  color: #bdbdbd;
  font-size: 14px;
  margin: 0;
}

.testimonial > div {
  padding: 20px 25px 30px 0;
  margin-bottom: 30px;
  border: 1px solid #dcdcdc;
  background: #f6f6f6;
  color: #8f9290;
  position: relative;
  min-height: 170px;
}

.testimonial > div > p {
  padding: 0 0 0 50px;
}

.testimonial img {
  width: 100%;
  height: auto;
}

#testimonials .sectiontitle {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}

#testimonials .sectiontitle div {
  background-color: #84bb26;
  width: 50%;
  margin: 0 auto;
  height: 4px;
}

#testimonials .sectiontitle h2 {
  margin-bottom: 30px;
  color: #444645;
  font-size: 40px;
}

.testimonial > div::before {
  opacity: 0.7;
  filter: alpha(opacity=70);
  content: "\f10d";
  position: absolute;
  display: inline-block;
  font-size: 28px;
  font-family: "Font Awesome 5 Pro";
  font-weight: normal;
  font-style: normal;
  top: 15px;
  left: 13px;
  color: #d8d7d7;
}

.testimonial > div > div:last-child {
  font-style: italic;
  padding-left: 110px;
  position: absolute;
  bottom: 20px;
  right: 30px;
}

/* brand details */

#brand-details {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#brand-details h3 {
  font-size: 23px;
}

#brand-details > div {
  width: calc(100% / 3 - 90px / 3);
  flex-grow: 1;
  min-width: 310px;
  margin: 0 15px 20px;
  max-width: 500px;
}

#brand-details img {
  height: 175px;
  width: 175px;
}

#brand-details {
  text-align: center;
}

#brand-details p {
  font-size: 14px;
  margin-bottom: 10px;
  text-align: left;
}

#brand-details .line {
  background-color: #84bb26;
  width: 30px;
  height: 3px;
  margin: 0 auto 20px;
}

/* featured products */

.home .container#featured-products {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding-top: 70px;
}

.featured-product {
  width: calc(100% / 3 - 90px / 3);
  margin: 0 15px 40px;
  padding: 16px;
  text-align: center;
  border: 1px solid #fff;
  min-width: 300px;
}

.featured-product img {
  width: 264px;
  height: auto;
  margin-bottom: 10px;
}

.featured-product h3 {
  font-size: 30px;
  margin-bottom: 20px;
}

.featured-product h3 a {
  font-family: inherit;
  color: inherit;
}

.featured-product h3 a:hover {
  color: #84bb26;
}

.featured-product:hover {
  border: 1px solid #e8e8e8;
}

.featured-product .price {
  font-weight: 700;
  font-size: 20px;
}

.woocommerce button.button,
.add_to_cart_button,
.woocommerce a.button,
.woocommerce.single-product div.product .single_add_to_cart_button,
.woocommerce #reviews input#submit,
.woocommerce.single-product #tab-description .button,
#commentform p.form-submit input,
.woocommerce-cart table .actions button,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-form-register .woocommerce-form-row .woocommerce-form-register__submit,
.woocommerce #payment #place_order {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  border: 1px solid #444645;
  background: #444645;
  border-radius: 3px;
  color: #fff;
  padding: 0 12px;
  line-height: 34px;
  text-transform: uppercase;
  display: inline-block;
  font-size: 14px;
  position: relative;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.featured-product:nth-of-type(1),
.featured-product:nth-of-type(2) {
  width: calc(100% / 2 - 60px / 2);
}

/* shop page */

.woocommerce:not(.single-product) h1 {
  display: none;
}

/* toolbar */

#shop-toolbar {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  margin-bottom: 40px;
  border-bottom: 1px solid #e0e0e0;
}

#shop-toolbar label {
  font-size: 13px;
  margin: 0 10px 0 0;
}

#shop-toolbar > div {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#shop-toolbar select {
  border: 1px solid #e0e0e0;
  color: #9f9f9f;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  padding-right: 30px;
  border-radius: 3px;
  margin-right: 10px;
}

#shop-toolbar button {
  width: 36px;
  height: 30px;
  border: 1px solid #e0e0e0;
  font-size: 16px;
  color: #9f9f9f;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

#shop-toolbar button.active,
#shop-toolbar button:hover,
.woocommerce a.button:hover {
  color: #fff;
  background-color: #7bae23;
  border-color: #7bae23;
}

#shop-toolbar #button-grid-view {
  border-radius: 3px 0 0 3px;
}

#shop-toolbar #button-list-view {
  border-radius: 0 3px 3px 0;
}

/* products view */

.woocommerce ul.products[class*=columns-] li.product,
.woocommerce-page ul.products[class*=columns-] li.product {
  border: 1px solid #fff;
  padding: 16px 15px 30px;
  text-align: center;
  margin-right: 10px;
  width: calc(100% / 3 - 10px);
}

.woocommerce li.product .onsale_cust {
  left: calc((100% - 228px) / 2);
}

.woocommerce ul.list li.product .onsale_cust {
  left: 0;
}

.woocommerce section.related.products ul.products li.product {
  width: calc(100% / 4 - 10px);
}

.woocommerce ul.products li.product > a:first-child {
  display: flex;
  flex-direction: column;
}

.woocommerce ul.products li.product img {
  order: 1;
  max-height: 152px;
  max-width: 228px;
}

.added_to_cart,
.woocommerce .product .added_to_cart {
  display: none;
}

a.button.added::after {
  font-family: WooCommerce;
  content: '\e017';
  margin-left: .53em;
  vertical-align: bottom;
}

a.button.loading {
  padding-right: 35px;
  opacity: .25;
}

.woocommerce a.button.loading::after {
  top: 0;
}

a.button.loading::after {
  font-family: WooCommerce;
  content: '\e01c';
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  position: absolute;
  top: 0em;
  right: 1em;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

/* have to have this separate from other rules so that IE would not poop its pants */
.woocommerce ul.products li.product a img {
  object-fit: cover;
  margin: 0 auto 1em;
}

#gift_wrap_product_images {
  display: none !important;
}

#gift_wrap_inner_message textarea {
  display: block;
  width: 100%;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  order: 3;
  font-size: 30px;
}

.variation-InnerMessage p {
  margin-top: 0;
}

.dropdown-menu ul.product_list_widget li dl dt.variation-InnerMessage {
  float: none;
  margin-bottom: 5px;
}

.dropdown-menu ul.product_list_widget li dl dd.variation-InnerMessage {
  margin-bottom: 5px;
}

.dropdown-menu ul.cart_list li dl dt, 
.dropdown-menu ul.product_list_widget li dl dt,
.dropdown-menu ul.cart_list li dl dd, 
.dropdown-menu ul.product_list_widget li dl dd {
  font-size: 13px !important;
  float: left;
  margin-bottom: 0.5em;
}

.dropdown-menu ul.cart_list li dl dt {
  font-weight: 700;
}

.dropdown-menu .variation p {
  margin: 0;
  font-size: 13px !important;
}

.woocommerce ul.products li.product .price {
  font-size: 20px;
  color: #e82c0c;
  font-weight: bold;
  order: 2;
}

.woocommerce ul.products li.product:hover {
  border: 1px solid #e8e8e8;
}

.woocommerce ul.products:not(.list) li.product .product-description {
  display: none;
}

/* list view */

.woocommerce ul.products.list li.product > a:first-child {
  display: block;
  text-align: left;
}

.woocommerce ul.products.list li {
  float: none;
  width: 100%;
  clear: both;
  padding: 20px 20px 30px;
  text-align: left;
}

.woocommerce ul.products.list li .product-description,
.woocommerce ul.products.list li a.button {
  margin-left: 283px;
}

.woocommerce ul.products.list li .product-description {
  text-align: left;
  margin-bottom: 55px;
}

.woocommerce ul.products.list li .product-description img {
  float: left;
}

.woocommerce ul.products.list[class*=columns-] li.product,
.woocommerce-page ul.products.list[class*=columns-] li.product {
  text-align: left;
}

.woocommerce ul.products.list li a.button {
  position: absolute;
  left: 300px;
  bottom: 30px;
  margin-left: 0;
}

.woocommerce ul.products.columns-3.list li.product,
.woocommerce-page ul.products.columns-3.list li.product {
  width: 100%;
}

.woocommerce ul.products.list li.product a img {
  width: 228px;
  float: left;
  margin-right: 55px;
}

/* sidebar */

.tax-product_cat #page_content,
.post-type-archive-product #page_content {
  overflow: hidden;
}

.tax-product_cat #page_content aside,
.post-type-archive-product #page_content aside {
  width: 25%;
  float: left;
  border: 1px solid #dcdcdc;
}

#page_content aside h2 {
  margin: 0;
  padding: 18px 20px;
  display: flex;
  justify-content: space-between;
  background: #f4f4f4;
  color: #777;
  border-bottom: 1px solid #dcdcdc;
  font-size: 25px;
}

#page_content aside h2 span {
  width: 25px;
  height: 25px;
  border: 1px solid #e0e0e0;
  border-radius: 3px 3px 0 0;
  background: #fafafa;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
}

#page_content aside h2 span:hover {
  color: #fff;
  background: #84bb26;
}

#page_content aside h2 span i:before {
  position: relative;
  top: 3px;
}

#page_content aside h2 + div {
  padding: 20px 20px 40px;
  color: #888;
}

#page_content aside h2 + div ul li {
  padding: 6px 0 6px 25px;
}

#page_content aside h2 + div ul li a {
  color: #888;
}

#page_content aside h2 + div ul li a:hover,
#page_content aside h2 + div ul li a.active {
  color: #84bb26;
}

/* single product */

.woocommerce.single-product div.product .product_title {
  color: #737373;
  font-family: Arial, sans-serif;
  font-size: 25px;
  font-weight: bold;
  line-height: 1.4;
  margin: 10px 0;
  padding-left: 12px;
}

.woocommerce.single-product p.price span {
  font-size: 25px;
  color: #e82c0c;
  font-weight: 700;
}

.single-product .product_meta {
  display: none;
}

.single-product #wc-stripe-payment-request-button-separator {
  display: none !important;
}

.woocommerce.single-product .woocommerce-product-details__short-description {
  border-bottom: 1px solid #e8e8e8;
  margin: 15px 0;
  padding-bottom: 25px;
  font-size: 15px;
}

.woocommerce.single-product .woocommerce-product-details__short-description img {
  vertical-align: middle;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding-left: 0;
  margin-bottom: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs > li {
  border-color: #dcdcdc;
  background: #f7f7f7;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px;
  display: inline-block;
  padding: 16px 20px;
  margin: 0;
  list-style: none;
  cursor: pointer;
  float: left;
  border-style: solid;
  border-width: 1px 0 0 1px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:last-child {
  border-right-width: 1px;
}

.woocommerce section.related.products > h2 {
  border-left: 4px solid #84bb26;
  padding-left: 12px;
  margin-bottom: 35px;
}

.woocommerce.single-product .woocommerce-Tabs-panel {
  border: 1px solid #d3ced2;
  border-top-width: 0;
  border-radius: 0 3px 3px 0;
}

.woocommerce div.product .woocommerce-tabs .panel {
  padding: 30px;
}

.quantity.buttons_added {
  position: relative;
  margin-right: 25px;
}

.quantity input.qty {
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  color: #a4a4a4;
  width: 104px;
  height: 44px;
  padding: 5px 15px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin: 0;
  cursor: text;
}

.shop_table.cart tbody div.product-remove {
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
}

.shop_table.cart tbody .product-remove .remove {
  display: inline-block;
  width: 25px;
  height: 25px;
  padding: 0;
  line-height: 22px;
  font-size: 23px;
  border: 1px solid #e0e0e0;
  background: #fafafa;
  border-radius: 3px 3px 3px 3px;
  color: #9f9f9f !important;
}

.shop_table.cart tbody .product-remove .remove:hover {
  color: #f00 !important;
}

.woocommerce.single-product div.product .single_add_to_cart_button {
  font-size: 19px;
  padding: 0 25px;
  height: 44px;
}

.woocommerce button.button:hover,
.woocommerce.single-product div.product .single_add_to_cart_button:hover,
.woocommerce #reviews input#submit:hover,
.woocommerce.single-product #tab-description .button:hover,
#commentform p.form-submit input:hover,
.woocommerce-cart table .actions button:hover,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce-form-register .woocommerce-form-row .woocommerce-form-register__submit:hover {
  background-color: #84bb26;
  border-color: #84bb26;
  color: #fff;
}

/* hide galery slider initially JS will take care of the rest */
.woocommerce div.product div.images .flex-control-thumbs {
  margin-right: 5px;
  position: absolute;
  overflow: visible;
  float: left;
  /*flex-direction: column;*/
  display: none;
  margin-top: 5px;
  flex-wrap: nowrap;
  width: max-content;
  z-index: 999;
}

.woocommerce div.product div.images .flex-control-thumbs li {
  height: 100px;
  margin-right: 10px;
  overflow: hidden;
  max-width: 100px;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
  opacity: .9;
}

.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
  border: 1px solid gray !important;
}

.woocommerce div.product div.images.woocommerce-product-gallery {
  overflow: clip;
}

.woocommerce div.product div.images li div.magnify > span,
.woocommerce div.product div.images .fme_zoom::after {
  display: none;
}

.woocommerce div.product div.images li div.magnify .zoomImg {
  display: none !important;
}

.woocommerce div.product div.images ul.splide__list {
  max-height: 350px;
}

.product-carousel {
  height: 465px;
  /* overflow: hidden;
  position: relative; */
}

.product-carousel span {
  position: absolute;
  width: 25px;
  height: 30px;
  background: #84bb26;
  color: #fff;
  z-index: 9991;
  text-align: center;
  line-height: 30px;
  border-radius: 3px;
  border: 1px solid #84bb26;
  cursor: pointer;
  opacity: 0.9;
  bottom: 38px;
}

.product-carousel span:hover {
  opacity: 1;
}

.product-carousel .button-next {
  right: 1em;
}

.product-carousel .button-prev {
  left: 1em;
}

.woocommerce div.product div.images .flex-viewport {
  /*width: calc(100% - 105px);*/
  max-height: 350px;
  float: right;
}

.woocommerce .splide__arrows {
  display: block !important;
}

.woocommerce .splide__arrow {
  background: #84bb26;
  width: 25px;
  height: 30px;
  border-radius: 3px;
  opacity: .9;
  border: 1px solid #84bb26;
}

.splide__arrow svg {
  filter: invert(100%);
}


.woocommerce.single-product .woocommerce-Tabs-panel ul {
  list-style-type: disc;
  padding-left: 20px;
}

.woocommerce.single-product .woocommerce-Tabs-panel ul li {
  margin: 0.2em 0;
}

.woocommerce.single-product .woocommerce-Tabs-panel p {
  margin: 1em 0;
}

.woocommerce.single-product .woocommerce-Tabs-panel img {
  max-width: 300px;
  height: auto;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
  background-color: #fff;
  height: 60px;
  width: auto;
  padding: 0;
  margin-right: 20px;
  position: relative;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
  border: 0;
  padding: 0;
  margin: 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  color: #bdbdbd;
  font-style: italic;
  font-weight: 700;
  font-size: 14px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text .meta strong {
  color: #84bb26;
}

.woocommerce #reviews #comments ol.commentlist li {
  border-bottom: 1px solid #dcdcdc;
  padding: 25px 0;
  margin: 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text .description p {
  font-size: 15px;
}

.woocommerce #reviews #reply-title {
  font-size: 19px;
  margin: 15px 0;
  line-height: 24px;
  color: #737373;
  display: block;
  font-weight: 700;
  text-transform: uppercase;
}

.woocommerce #reviews p.comment-form-comment label {
  color: #84bb26;
  font-weight: 700;
  width: 100%;
  margin: 0;
  padding: 0 15px;
  background-color: #f4f4f4;
  border-radius: 3px 3px 0 0;
  border: 1px solid #e0e0e0;
  height: 45px;
  display: flex;
  align-items: center;
}

.woocommerce #reviews p.comment-form-comment label::before,
.woocommerce #reviews p.comment-form-email label::before,
.woocommerce #reviews p.comment-form-author label::before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  margin-right: 10px;
}

.woocommerce #reviews p.comment-form-comment label::before {
  content: "\f044";
}

.woocommerce #reviews p.comment-form-author label::before {
  content: "\f007";
}

.woocommerce #reviews p.comment-form-email label::before {
  content: "\f0e0";
}

.woocommerce #reviews p.comment-form-comment textarea#comment {
  margin-top: 0;
  border: 1px solid #e0e0e0;
  border-radius: 0 0 3px 3px;
  height: 150px;
  max-width: 100%;
  max-height: 300px;
  min-width: 100%;
  min-height: 100px;
}

.woocommerce.single-product #page_content > .container:first-child {
  padding: 0;
}

/* cheesy snaps */

.woocommerce.single-product .cheesy-snaps-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 15px;
}

.woocommerce.single-product .cheesy-snaps-wrapper .snap {
  margin: 5px;
  overflow: hidden;
  height: 350px;
  position: relative;
  flex-basis: calc(25% - 10px);
}

.woocommerce.single-product .cheesy-snaps-wrapper .snap img {
  width: 100%;
  height: 100%;
  max-width: 100%;
}

.woocommerce.single-product .cheesy-snaps-wrapper .snap img {
  object-fit: cover;
}

.woocommerce.single-product .cheesy-snaps-wrapper .snap > div:first-child {
  width: 100%;
  height: 100%;
}

.woocommerce.single-product .cheesy-snaps-wrapper .snap * {
  -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
}

.woocommerce.single-product .cheesy-snaps-wrapper .snap:hover > div:first-child {
  transform: translateY(-30px);
}

.woocommerce.single-product .cheesy-snaps-wrapper .snap:hover > div:last-child {
  bottom: 0;
}

.woocommerce.single-product .cheesy-snaps-wrapper .snap > div:last-child {
  bottom: -100%;
  position: absolute;
  color: #777;
  background: #e6e6e6;
  padding: 10px;
  font-size: 14px;
  width: 100%;
}

.woocommerce.single-product .cheesy-snaps-wrapper .snap > div:last-child blockquote {
  font-style: italic;
}

.snap h4 {
  color: #444645;
  font-family: Oswald, sans-serif;
  font-weight: 400;
  font-size: 18px;
  margin: 10px 0;
}

.woocommerce.single-product #tab-description .button {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.single-product .container > .container,
.post-type-archive-product .container > .container {
  padding: 0;
}

/* faq page*/

.faq-page .question + div {
  display: none;
  padding: 15px 20px 25px;
}

.faq-page .question {
  font-size: 17px;
  font-weight: bold;
  line-height: 24px;
  color: #737373;
}

.faq-page .question:hover {
  color: #84bb26;
}

.faq-page .question span {
  height: 20px;
  width: 20px;
  margin-right: 10px;
  text-align: center;
  display: inline-block;
  border-radius: 3px;
  font-size: 14px;
  background: #84bb26;
  color: #fff;
  line-height: 20px;
}

.faq-page .question span i.fa-chevron-right {
  padding-left: 2px;
}

.faq-page > div {
  padding: 10px 0;
}

body:not(.home) .entity-title {
  font-size: 40px;
  line-height: 50px;
  padding-left: 12px;
  margin-bottom: 34px;
  position: relative;
  border-left: 4px solid #84bb26;
}

/* about page */

.about-title {
  text-align: center;
  margin-bottom: 30px;
  padding: 20px 0;
}

.about-title h2 {
  padding: 20px 0;
}

.about-title .line {
  margin: 20px auto 0;
  background: #84bb26;
  height: 4px;
  max-width: 570px;
}

.counter {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  margin: 50px 0 50px;
}

.counter-box {
  text-align: center;
  width: calc(100% / 3);
}

.counter-box p:first-child {
  font-size: 50px;
  line-height: 50px;
}

.counter-box p:last-child {
  color: #444645;
  font-family: Oswald, sans-serif;
  font-weight: 400;
  line-height: 1.2;
  font-size: 30px;
}

.counter-box:first-child p:first-child {
  color: #ee1c25;
}

.counter-box:nth-child(2) p:first-child {
  color: #84bb26;
}

.counter-box:last-child p:first-child {
  color: #eea600;
}

#about-content {
  display: flex;
}

#about-content article {
  padding-right: 20px;
}

#about-content article img {
  margin: 7px 25px 0 0;
}

#about-content article p {
  margin-bottom: 0.5em;
  font-size: 15px;
  line-height: 1.5;
}

#about-content aside iframe {
  margin-bottom: 10px;
}

#about-content aside .useful-links {
  padding: 28px;
  background: #f7f7f7;
}

#about-content aside .useful-links h2 {
  padding: 0 0 20px;
  margin: 0;
  background: 0;
  border: 0;
  line-height: 1.2;
  font-size: 30px;
}

.media-carousel img {
  width: 100%;
  height: auto;
  cursor: pointer;
}

.media-carousel {
  overflow: hidden;
  position: relative;
  display: none;
}

.media-carousel .owl-prev,
.media-carousel .owl-next {
  position: absolute;
  top: calc(50% - 20px);
  width: 50px;
  height: 40px;
  border: 1px solid #e0e0e0;
  color: #777;
  font-size: 0;
  border-radius: 3px;
  font-family: 'Font awesome 5 pro';
  line-height: 40px;
  font-weight: 300;
}

.media-carousel .owl-prev:hover,
.media-carousel .owl-next:hover,
.media-carousel .owl-prev:focus,
.media-carousel .owl-next:focus {
  border-color: #84bb26;
  color: #fff;
  outline: 0;
}

.media-carousel button.owl-prev::before {
  font-size: 30px;
  content: "\f104";
}

.media-carousel button.owl-next::before {
  content: "\f105";
  font-size: 30px;
}

.media-carousel .owl-next {
  right: 0;
}

.media-carousel .owl-stage {
  display: flex;
}

.overlay {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
}

.overlay img {
  display: block;
  width: auto;
  margin: 50px auto;
  max-width: 95%;
  max-height: 95%;
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}

.overlay span {
  color: #e0e0e0;
  font-size: 40px;
  cursor: pointer;
  background: #444645;
  opacity: 0.7;
  padding: 10px;
}

.overlay .close {
  position: absolute;
  top: 40px;
  right: 20px;
  border-radius: 5px;
  padding: 2px 10px 0;
}

.overlay .prev,
.overlay .next {
  position: absolute;
  top: calc(50% - 20px);
  width: auto;
}

.overlay .prev {
  padding-left: 10px;
  border-radius: 0 3px 3px 0;
}

.overlay .next {
  padding-right: 10px;
  right: 0;
  border-radius: 3px 0 0 3px;
}

.overlay span:hover,
.overlay span:focus {
  color: #84bb26;
  opacity: 1;
}

.about-inspired {
  border-radius: 5px;
  background: #f7f7f7;
  padding: 20px 0;
  margin-top: 30px;
  border: 1px solid #f0f0f0;
}

.about-inspired h2,
.about-inspired p {
  margin-bottom: 15px;
}

.about-inspired p {
  font-family: Oswald, sans-serif;
  font-size: 18px;
  color: #444645;
}

/* contact page */

.contact-page > div:first-of-type {
  margin: 30px 0;
}

.contact-page > div:first-of-type p {
  margin: 1em 0;
}

.contact-page h2 {
  font-size: 32px;
}

#contact-icons {
  display: flex;
  justify-content: space-between;
  padding: 30px 0;
  margin: 30px 0;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

#contact-icons > div {
  text-align: center;
  flex-basis: 0;
  flex-grow: 1;
  margin: 0 15px;
}

#contact-icons > div > span {
  border: 2px solid #ebebeb;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: inline-block;
  font-size: 40px;
  line-height: 70px;
  margin-bottom: 30px;
}

#contact-icons > div:first-of-type > span {
  color: #ee1c25;
}

#contact-icons > div:last-child > span {
  color: #eea600;
}

#contact-icons > div:nth-of-type(2) > span {
  color: #6dab3c;
}

#contact-icons > div h3 {
  margin-bottom: 20px;
  font-size: 30px;
}

#contact-icons > div p {
  line-height: 1.5;
}

.contact-page .the_content img {
  border-radius: 50%;
  border: 4px solid #ebebeb;
  width: 280px;
  height: 280px;
}

.contact-page .wpcf7-form > div:nth-of-type(2) {
  display: flex;
}

.contact-page .wpcf7-form > div:nth-of-type(2) p {
  flex-basis: 0;
  flex-grow: 1;
}

.contact-page .wpcf7-form > div:nth-of-type(2) * {
  max-width: 100%;
  min-width: 0;
  margin-right: 15px;
}

.contact-page .wpcf7-form > div:nth-of-type(2) *:last-child {
  margin-right: 0;
}

.contact-page .wpcf7-form textarea {
  width: 100%;
  height: 115px;
  max-width: 100%;
}

.contact-page .wpcf7 {
  width: calc(100% - 320px);
}

.contact-page .the_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.contact-page .wpcf7-submit {
  margin: 10px 0;
  cursor: pointer;
}

/* 404 page*/

.error404 #breadcrumb-container {
  display: none;
}

.error404 #page_content {
  background-image: url('./img/404.jpg');
  background-size: cover;
  background-position: center;
  min-height: 900px;
}

#page_content .bubble {
  background-image: url('./img/404-comment.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 500px;
  height: 360px;
  text-align: center;
  padding: 25px 55px 135px;
  position: absolute;
  left: calc((100% - 800px) / 2);
}

#page_content .bubble h1 {
  font-size: 90px;
  font-weight: bold;
  color: #84bb26;
  text-shadow: 8px 4px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  font-family: arial, sans-serif;
}

#page_content .bubble h2 {
  font-size: 30px;
}

/* blog */

.blog-post {
  margin: 30px 0;
}

.blog-post .date {
  color: #fff;
  background-color: #444645;
  width: 85px;
  height: 85px;
  padding: 20px 0;
  font-weight: bold;
  line-height: 1.1;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
}

.blog-post .date p:first-child {
  font-size: 20px;
  margin-bottom: 5px;
}

.blog-post .date p {
  margin: 0;
}

.blog-post .excerpt {
  overflow: hidden;
}

.blog-post .excerpt a {
  display: inline;
}

.archive .blog-post .excerpt img,
.search .blog-post .excerpt img {
  float: left;
  margin-right: 20px;
}

.archive .blog-post .excerpt img:nth-of-type(2),
.single-post .blog-post .excerpt img:nth-of-type(2),
.search .blog-post .excerpt img:nth-of-type(2) {
  display: none;
}

.blog-post .excerpt h2 a {
  color: #444645;
}

.blog-post .excerpt h2 a:hover {
  color: #84bb26;
}

.blog-post .excerpt h2 {
  font-size: 28px;
  margin: 0 0 10px;
}

.blog-post .excerpt > span,
.single-post .author {
  color: #84bb26;
  margin: 0 10px 15px 0;
  text-transform: capitalize;
}

.blog-post .excerpt > p {
  margin: 10px 0;
}

.blog-body {
  display: flex;
}

.blog-body > div {
  margin-right: 30px;
}

.blog-body > aside {
  min-width: 200px;
  margin-left: auto;
}

#page_content .blog-body > aside h2 {
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: 20px;
  background: none;
  border: 0;
  color: #444645;
  padding: 0
}

.blog-body > aside li {
  padding: 5px 0;
}

.blog-body > aside a {
  color: #777;
}

.blog-body > aside a:hover {
  color: #84bb26;
}

.single-post .blog-post img {
  max-width: 100%;
  height: auto;
  margin-bottom: 30px;
}

/* Comments */

#commentform p {
  margin-bottom: 25px;
}

#commentform p * {
  margin: 0;
}

#commentform p.textarea-field {
  flex-direction: column;
}

#commentform p.textarea-field textarea {
  margin-top: 0;
  border-radius: 0 0 3px 3px;
}

#commentform p.textarea-field label {
  border-radius: 3px 3px 0 0;
  border-bottom: 0;
  border-right-width: 1px;
}

#commentform label {
  color: #84bb26;
  background: #f4f4f4;
  border-radius: 3px 0 0 3px;
  border: 1px solid #e0e0e0;
  border-right-width: 0;
  height: 45px;
  padding: 0 15px;
  line-height: 45px;
  margin-right: 0;
  font-weight: bold;
}

#commentform label span:first-child {
  margin: 0 5px 0 -5px;
}

#commentform input:not(#submit) {
  border-radius: 0 3px 3px 0;
  margin-left: 0;
  height: 45px;
  line-height: 45px;
}

#commentform p {
  display: flex;
  width: 100%;
  max-width: 750px;
}

#review_form #commentform p.comment-form-comment {
  flex-direction: column;
}

#commentform p:not(.textarea-field) label {
  width: 110px;
}

#commentform p:not(.textarea-field) input {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  min-width: 0;
}

#commentform p:not(.textarea-field) {
  align-items: center;
}

#commentform .comment-form-cookies-consent {
  display: none;
}

#commentform p.form-submit {
  display: block;
}

#commentform p.form-submit input {
  cursor: pointer;
}

.comment-body .avatar {
  float: left;
  margin-right: 15px;
}

#respond {
  clear: both;
}

#respond h3 {
  text-transform: uppercase;
  font-size: 25px;
  margin: 15px 0;
}

.woocommerce-Tabs-panel h3 {
  margin: 20px 0;
  font-size: 18px;
  font-weight: bold;
  color: #737373;
  font-family: Arial, sans-serif;
}

ol.comment-list li {
  overflow: hidden;
  padding: 35px 0;
  border-bottom: 1px solid #ececec;
}

#comments h2 {
  text-transform: uppercase;
  font-size: 24px;
  color: #737373;
}

#comments .title {
  display: flex;
  align-items: center;
}

#comments .title .title-gap-wrap {
  flex-grow: 1;
  height: 1px;
  background: #ececec;
  margin-left: 20px;
}

#comments .meta strong {
  color: #84bb26;
}

#comments .meta {
  margin-bottom: 10px;
  color: #bdbdbd;
  font-size: 14px;
  font-style: italic;
  font-weight: 700;
}

#comments .meta a {
  color: #777;
  font-style: normal;
}

#comments .meta a:hover {
  color: #84bb26;
}

/* related posts */

.post-carousel {
  margin: 30px 0;
}

body.single-post h2.entity-title {
  margin-bottom: 0;
  padding-left: 0;
  margin-left: 0;
  border: 0;
}

.post-carousel img {
  height: auto;
}

.post-carousel .post-title {
  font-size: 20px;
  font-weight: bold;
  font-family: Oswald, sans-serif;
  margin: 3px 0 15px;
  color: #777;
}

.post-item p {
  margin-bottom: 15px;
}

.post-item .entry-meta {
  display: flex;
  justify-content: space-between;
}

.post-item .entry-meta .right {
  font-style: italic;
  font-size: 14px;
  color: #bdbdbd;
}

.post-item .entry-meta .left {
  font-weight: bold;
}

.post-item a {
  color: #777;
}

.post-item a:hover {
  color: #84bb26;
}

.woocommerce-cart table.cart img {
  width: 150px;
}

.woocommerce-cart table.cart .amount {
  font-weight: 700;
}

.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
  padding: 0 12px;
}

.woocommerce-cart table.cart .actions #coupon_code {
  height: 36px;
  width: 300px;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt {
  background: #444645;
  font-weight: normal;
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
  background: #84bb26;
}

.stripe-icon {
  width: 45px;
}

/* products on sale styling */

.onsale_cust {
  color: #fff;
  font-weight: bold;
  background: #c72929;
  padding: 8px 10px;
  position: absolute;
  top: 20px;
  left: 0;
  font-size: 16px;
}

.featured-product a:first-child {
  position: relative;
  display: inline-block;
}

.featured-product del,
.woocommerce ul.products li.product .price del,
body.woocommerce.single-product div.product p.price del {
  margin-right: 10px;
  color: #777;
  opacity: .5;
}

.woocommerce.single-product div.product p.price del span {
  color: #777;
}

body.woocommerce.single-product div.product p.price ins,
.woocommerce.single-product div.product ins,
.woocommerce.single-product div.product ins span,
body.woocommerce.single-product div.product p.price ins,
.woocommerce ul.products li.product ins {
  text-decoration: none;
  color: #e82c0c;
}

.woocommerce .woocommerce-LoopProduct-link {
  position: relative;
}

.woocommerce.single-product div.product > .onsale_cust:first-child {
  left: 105px;
  z-index: 1;
}

/* delivery page */
.delivery-page {
  overflow: hidden;
}

.delivery-page > .delivery-col {
  width: calc(50% - 25px);
  margin-right: 25px;
}

.delivery-page > .delivery-col:last-child {
  margin-right: 0;
}

/* Basket page */

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {

}

.wc-proceed-to-checkout {
  text-align: right;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  display: inline-block;
  padding: 0 12px;
  margin: 0;
  font-size: 14px;
}

.woocommerce-shipping-calculator {
  float: left;
  width: calc(50% - 50px);
  margin-right: 50px;
}

.woocommerce-shipping-calculator label .fa {
  width: 20px;
  text-align: center;
  font-size: 15px;
  margin-left: -5px;
  margin-right: 5px;
}

.woocommerce-shipping-calculator label {
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 1px;
  font-weight: bold;
  color: #7bae23;
  background: #f4f4f4;
  border-radius: 3px 0 0 3px;
  border-right: 1px solid #e0e0e0;
  display: inline-block;
  overflow: hidden;
  font-size: 14px;
  line-height: 46px;
  height: 44px;
  margin: 0;
  padding: 0 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 160px;
  z-index: 1;
}

p#calc_shipping_country_field {
  position: relative;
  margin-bottom: 20px;
}

p#calc_shipping_country_field .select2-container--default .select2-selection--single {
  padding: 0 15px 0 175px;
  width: 100%;
  height: 46px;
  border-color: #e0e0e0;
}

p#calc_shipping_country_field .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #a4a4a4;
  font-size: 15px;
  line-height: 46px;
}

p#calc_shipping_country_field .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 46px;
  right: 7px;
}

/* CHECKOUT */

.woocommerce-checkout .woocommerce .col2-set .col-2,
.woocommerce-checkout .woocommerce-page .col2-set .col-2,
.woocommerce-checkout .woocommerce .col2-set .col-1,
.woocommerce-checkout .woocommerce-page .col2-set .col-1 {
  float: none;
  width: 100%;
}

.woocommerce-checkout form.woocommerce-checkout {
  overflow: hidden;
}

.woocommerce-checkout .woocommerce .col2-set,
.woocommerce-checkout .woocommerce-page .col2-set {

}

.woocommerce-checkout .select2-container--default .select2-selection--single,
.woocommerce-checkout form .form-row input.input-text {
    border: 1px solid #e0e0e0;
    color: #a4a4a4;
    line-height: 46px;
    height: 46px;
    padding: 0 15px;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #a4a4a4;
    font-size: 15px;
    line-height: 46px;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 46px;
    right: 7px;
}

#customer_details {
  float: left;
  width: calc(50% - 50px);
  margin-right: 50px;
}

#order_review {
  float: left;
  width: 50%;
}

.woocommerce-checkout #payment .payment_method_stripe div.payment_box .form-row,
.woocommerce-checkout #payment div.form-row.payment_method_stripe {
  margin: 0;
  padding: 0;
}

.pswp--open { z-index: 9999; }

.pswp__caption { display: none; }