/*
Theme Name: Kid Toys Store
Theme URI: https://www.themescaliber.com/products/free-kids-wordpress-theme
Author: ThemesCaliber
Author URI: https://www.themescaliber.com/
Description: Kid Toys Store is a modern and lively WordPress theme to make websites related to kids. The theme can be used for preschools, childcare centres, nurseries, training, kids shop, kids website, kindergartens, preschool, Kids Academic Institutes, board games, pre-school, learning activity kits, study material, primary kids care center, Academic Tutor, Baby Sitter, Balloon Artist. video games, kids Camp, Kids Summer ware, Teething kit, baby carriers, baby proofing, Day Care Centers, Learning Blog, Montessori Schools, Primary Schools, Secondary Schools, Toy Shop, self difence classes for kids, language classes, school education, daycare, coaching institute, afterschool activities clubs, professional child care centers, children art & craft school play groups websites etc. You can use this theme if you have a toy store or take kids party order. The fun-filled font used is perfect to arouse enthusiamd in your viewers. The theme uses bright colours to suit a kids’ website. This multipurpose theme can be personalized to be used as a child healthcare blog. The Kid Toys Store is a responsive theme and can be run on multiple browsers. It is translation ready to suit any demographic. It has multiple page templates to design each template differently. The theme is written in clean and secure codes which makes it SEO-friendly and ranks you higher in search engine results. It is loaded with amazing features and functionalities to give extra edge to your site. You can extend the theme’s functionalities with third party plugins. It seamlessly supports WooCommerce plugin to make your site an online store. The theme has threaded commennts option to ensur user engagement. You can customize the theme to suit your requirements. You can change its background, colours, logos etc. Choose from the unlimited colours given in its palette to make it fresher. Demo: https://preview.themescaliber.com/kid-toys-store-pro/
Version: 1.4.6
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kid-toys-store
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, block-styles, block-patterns, wide-blocks, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, flexible-header, sticky-post, buddypress, full-width-template, theme-options, post-formats, threaded-comments, front-page-post-form, translation-ready, rtl-language-support, blog, e-commerce, portfolio

Kid Toys Store WordPress Theme has been created by ThemesCaliber (ThemesCaliber.com), 2018.
Kid Toys Store WordPress Theme is released under the terms of GNU GPL
*/

/* Basic Style */
* {
  margin: 0;
  padding: 0;
  outline: none;
}
:root {
  --primary-color:#d52478;
  --secondary-color:#017bc2;
  --tertiary-color:#ffde3f;
}
body {
  margin: 0;
  padding: 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  background-color: #ffffff;
  color: #222;
  width: 100%;
  overflow-x: hidden;
  font-family: "Poppins", sans-serif;
}
/* widget image */
.widget_media_image img{
  width: 100% !important;
}
img {
  margin: 0;
  padding: 0;
  border: none;
  max-width: 100%;
  height: auto;
}
section img {
  max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 10px 0;
  font-family: "Kavoon", cursive;
}
.comment-respond h2 {
  margin: 20px;
}
p {
  margin: 0 0 15px;
  padding: 0;
  font-size: 16px;
  line-height: 1.8;
}
a {
  text-decoration: none;
  color: var(--primary-color);
}
a:hover {
  text-decoration: none;
  color: #333;
}
a:focus,
a:hover {
  text-decoration: none !important;
}
a:focus,
input:focus,
textarea:focus,
button:focus,
.search-box button:focus,
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
  outline: ridge;
}
.closepop:focus,
.footertown a:focus,
.footertown textarea:focus,
.footertown input:focus {
  outline-color: #fff;
}
ul {
  margin: 0 0 0 15px;
  padding: 0;
}
:hover {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
select {
  width: 100%;
}
aside {
  clear: both;
}
.clear {
  clear: both;
}
input[type="submit"]:hover {
  cursor: pointer;
}
.middle-align h1,
h1.entry-title,
.page-content h1 {
  font-family: "Kavoon", cursive;
  color: var(--primary-color);
}
.wp-caption {
  margin: 0;
  padding: 0;
  font-size: 13px;
  max-width: 100%;
}
.wp-caption-text {
  margin: 0;
  padding: 0;
}
code {
  color: var(--secondary-color);
}

input,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  padding: 15px;
  border: 1px solid #bcbcbc;
}
.comment-form input#submit:hover {
  background: var(--secondary-color);
}
/*wide block*/
.alignwide {
  margin-left: -80px;
  margin-right: -80px;
}
.alignfull {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
}
.alignfull img {
  width: 100vw;
}

/* Text meant only for screen readers. */
.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;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.post.sticky {
  margin: 0;
  padding: 0;
}
.tag-sticky-2 .postbox {
  background: transparent;
}
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 20px;
  margin-top: 4px;
  margin-bottom: 10px;
  padding: 0;
  padding: 5px;
}
.alignright,
img.alignright {
  display: inline;
  float: right;
  padding: 5px;
  margin-bottom: 10px;
  margin-left: 25px;
}
.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding: 5px;
  margin-bottom: 10px;
}
.comment-author {
  clear: both;
  padding: 10px 0px 0px 0px;
}
.comment-list .comment-content ul {
  list-style: none;
  margin-left: 15px;
}
.comment-list .comment-content ul li {
  margin: 5px;
}
.bypostauthor {
  margin: 0;
  padding: 0;
}
input[type="text"],
input[type="email"],
input[type="phno"],
stextarea {
  border: 1px solid #bcbcbc;
  width: 100%;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 0 23px 0;
  height: auto;
}

input[type="submit"] {
  border: 2px solid var(--primary-color);
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  padding: 7px 25px;
  background: var(--primary-color);
  font-weight: bold;
  color: #fff;
  display: table;
}

.search-form input[type="submit"] {
  border: 2px solid var(--primary-color);
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  padding: 7px 25px;
  background: var(--primary-color);
  font-weight: bold;
  color: #fff;
  display: table;
  width: 100px;
  display: inline;
}
/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-mdoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;

  left: 0;
  right: 0;
  bottom: 0;
  background: var(--tertiary-color);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
  color: var(--primary-color);
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* ---------Buttons--------- */
a.button {
  background: var(--primary-color);
  color: #fff;
  font-size: 16px;
  font-family: "Kavoon", cursive;
  letter-spacing: 1px;
}

/*----------Sticky Header------*/
.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  z-index: 999999;
}

/* ---------HEADER--------- */
#header {
  border-bottom: solid 3px var(--secondary-color);
}
.logo h1,
.logo p.site-title {
  font-family: "Kavoon", cursive;
  font-size: 30px;
  line-height: 1;
}
.logo h1 a,
.logo p a {
  color: var(--primary-color);
}
.logo p {
  font-size: 13px;
  color: var(--primary-color);
  margin-bottom: 0;
}
.topbar {
  background: url(images/topbar.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.baricon {
  text-align: center;
  margin-left: 38%;
}
.email,
.call {
  color: #000;
  font-size: 13px;
  border-right: solid 1px #000;
}
.baricon i {
  color: #000;
}
span.social-media i {
  font-size: 13px;
}
span.social-media i:hover {
  color: var(--primary-color);
}
.buttonbox a {
  background: #3890cb;
  color: #fff;
  padding: 8px 15px;
  display: block;
  margin: 27px 0 0 0;
  border-radius: 5px;
  text-align: center;
}
.primary-navigation ul {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  font-weight: bold;
  list-style: none;
}
.primary-navigation ul li {
  display: inline-block;
  margin: 0;
  position: relative;
  float: none;
}
.primary-navigation ul li a {
  color: var(--primary-color);
  padding: 12px 25px 12px 10px;
  display: block;
  margin: 0px;
  background: none;
  border: none;
  letter-spacing: 0;
}
.primary-navigation a {
  display: block;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 3px;
}
.primary-navigation ul ul {
  display: none;
  position: absolute;
  min-width: 215px;
  z-index: 9999;
  border: 1px solid var(--primary-color);
}
.primary-navigation ul ul ul {
  left: 100% !important;
  top: 0;
}
.primary-navigation ul ul a {
  color: #fff !important;
  background: var(--primary-color);
  padding: 10px;
}
.primary-navigation ul ul a:hover {
  color: var(--primary-color) !important;
  background: #fff;
}
.primary-navigation ul ul li {
  float: none;
  display: block;
  text-align: start;
  border-left: none;
  border-right: none !important;
  padding: 0;
  max-height: auto;
  -webkit-transition: max-height 0.4s ease-out;
  -moz-transition: max-height 0.4s ease-out;
  -ms-transition: max-height 0.4s ease-out;
  -o-transition: max-height 0.4s ease-out;
  transition: max-height 0.4s ease-out;
}
.primary-navigation ul li:hover > ul li {
  max-height: 100%;
  position: relative;
}
.primary-navigation ul ul li:last-child {
  border-bottom: 0;
}
.primary-navigation ul li:hover > ul {
  display: block;
}
.page-template-custom-frontpage header {
  border: none;
}
.entry-content a,
.textwidget a,
.comment-body p a {
  text-decoration: underline;
  color: var(--primary-color);
}
nav.woocommerce-MyAccount-navigation ul li a{
  text-decoration: none;
}
/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows .sf-with-ul:after {
  content: "\f13a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 3px;
  border-top-color: #e1e1e1;
}
.sf-arrows ul .sf-with-ul:after {
  content: "\f138";
  right: 8px;
  border-color: transparent;
  border-left-color: #888;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color: #333;
}
.toggle-menu,
a.closebtn {
  display: none;
}
#header .nav {
  font-family: "Kavoon", cursive;
}
span.cart_icon {
  margin: 1px;
  position: relative;
}
span.cart-value {
  position: absolute;
  top: 5px;
  color: #fff;
  font-weight: bold;
  background: var(--primary-color);
  right: 0;
  font-size: 16px;
  border-radius: 50%;
  height: 23px;
  padding: 2px;
}
li.cart_box {
  list-style: none;
}
.cart_no {
  text-align: center;
}
a.cart-contents {
  color: #333;
  font-family: "poppins";
  font-weight: bold;
  font-size: 10px;
}
/*-----------------Search pop up----------------*/
.search-box button {
  background: transparent;
  border: 0;
}
.search-outer {
  background: rgb(51 51 51 / 90%);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
  text-align: center;
  height: 100%;
  z-index: 999;
}
.search-outer.show {
}
.serach_inner label {
  width: 100%;
}
.serach_inner input.search-field {
  background: transparent;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  font-size: 32px;
  text-align: center;
  color: #fff;
}
.serach_inner {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 99999;
  left: 50%;
  padding: 0 15px;
}
.closepop {
  position: absolute;
  top: 20%;
  transform: translateY(-50%);
  right: 5%;
  text-align: right;
  background: transparent;
  border: 0;
  font-size: 40px;
  color: #fff;
}
.closepop:focus,
.toggle-menu button {
  outline-color: #fff;
}
.serach_inner form.search-form {
  margin: 0 auto;
  max-width: 700px;
}
.serach-page input.search-field {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -51px;
  width: 60%;
  margin-left: 20%;
  color: rgb(255, 255, 255);
  background: transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  font-size: 40px;
  font-family: Roboto;
  font-weight: 300;
  text-align: center;
  outline: none;
  padding: 10px;
}
.serach_inner input.search-submit {
  display: none;
}
button.search-submit {
  border: 0;
  background: transparent;
}
input.search-field {
  border: 1px solid;
  padding: 4px 0;
  background: transparent;
  width: 100%;
}
.search-box {
  cursor: pointer;
}
.search-box i {
  color: #000;
  font-size: 20px;
}
/* product sec */
#our-products {
  letter-spacing: 1px;
}
#our-products strong {
  font-family: "Kavoon", cursive;
  text-align: start;
  display: block;
  font-size: 25px;
  font-weight: 500;
  color: var(--primary-color);
  border-bottom: solid 2px var(--tertiary-color);
}
hr.titlehr {
  margin-top: -3px;
  border-top: 4px solid var(--primary-color);
  width: 20%;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
  width: 40%;
}

.woocommerce-cart-form .woocommerce .cart .button {
  float: right;
  width: auto;
}
.woocommerce .columns-4 .woocommerce span.onsale {
  background: var(--primary-color);
  font-size: 15px;
  padding: 2px 6px;
  left: 215px !important;
  right: auto !important;
}
.products h2.woocommerce-loop-product__title {
  text-align: start;
  border-bottom: solid 2px var(--secondary-color);
  color: var(--secondary-color);
  font-size: 20px !important;
}
.woocommerce ul.products li.product .price {
  color: #333;
  font-weight: bold;
  font-size: 18px;
  width: 50%;
  float: left;
  margin-top: 6%;
  margin-bottom: 0;
}
.woocommerce .star-rating {
  font-size: 15px !important;
  margin-top: 4% !important;
  color: #f3df37 !important;
}
.woocommerce .col-1,
.woocommerce .col-2 {
  max-width: 100%;
}
.woocommerce-Address-title a.edit {
  background: none;
  padding: 6px 25px;
  border: 2px solid var(--secondary-color);
  color: var(--secondary-color);
  font-size: 15px;
  font-family: "Kavoon", cursive;
  display: inline-block;
  text-decoration: none;
}
.woocommerce-Address-title a.edit:hover {
  background: transparent;
  color: var(--primary-color);
  border: 2px solid var(--primary-color);
}
.woocommerce ul.products li.product .button {
  padding: 10px;
  color: #000 !important;
  background: url("images/shop_icon2.png") no-repeat scroll 0 5px;
  text-align: center;
  width: 15%;
  float: right;
  text-indent: -9999px;
}
.woocommerce ul.products li.product .button:hover {
  background: url("images/shop_icon2.png") no-repeat scroll 0 5px !important;
}
.woocommerce a.added_to_cart.wc-forward,
.woocommerce a.button.yith-wcqv-button:hover{
  text-indent: -9999px;
  color: #000 !important;
  background: #000 url("images/view.png") no-repeat center center !important;
  background-size: contain; 
  text-align: center; 
  width: 10%;
  margin-right: 5px;
  float: right;
}
.woocommerce ul.products li.product .button:focus{
  outline: none;
}
.woocommerce-product-gallery__image {
  padding: 5px;
}
span.woocommerce-Price-amount.amount {
  color: var(--primary-color);
  font-size: 18px;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: var(--primary-color);
  padding: 15px;
  border-radius: 30px;
  font-weight: 500;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: var(--secondary-color);
}
nav.woocommerce-MyAccount-navigation ul li {
  background: var(--primary-color);
  font-size: 17px;
  padding: 8px 8px;
  margin-right: 6px;
  margin-bottom: 12px;
  width: 100%;
}
nav.woocommerce-MyAccount-navigation ul li a {
  color: #fff;
}
nav.woocommerce-MyAccount-navigation ul {
  padding: 0 !important;
  margin: 0;
  list-style: none;
  margin-left: 0px;
}
.woocommerce div.product .product_title,
#tab-description h2,
.woocommerce #reviews #comments h2 {
  font-family: "Kavoon", cursive;
  color: var(--secondary-color);
  margin-bottom: 15px;
}
.woocommerce-product-details__short-description p {
  font-size: 14px;
  color: #222222;
}
.woocommerce .quantity .qty {
  width: 7.631em;
  padding: 9px;
  border-radius: 30px;
  border: solid 2px var(--secondary-color);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: 2px solid var(--secondary-color);
  margin: 15px;
  background: transparent;
  display: inline-block;
  border-radius: 0;
  padding: 0 1em;
  color: var(--secondary-color);
  font-size: 17px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  list-style: none;
  padding: 0;
  margin: 0;
  position: static;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
  left: 0;
  border-bottom-right-radius: 0;
  border-width: 0;
  box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom-color: none;
}
.woocommerce .woocommerce-ordering select {
  vertical-align: top;
  padding: 10px;
  background: transparent;
  border: solid 2px var(--secondary-color);
  color: var(--primary-color);
}
.woocommerce span.posted_in {
  display: block;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background: var(--primary-color);
  color: #fff !important;
  font-weight: 500;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background: var(--secondary-color);
  color: #fff;
}
span.woocommerce-input-wrapper {
  width: 100%;
}
.woocommerce .woocommerce-ordering select {
  color: #000;
  font-size: 15px;
}
.woocommerce span.onsale {
  background: var(--primary-color);
  color: #fff;
  padding: 0;
}
.woocommerce span.onsale:hover {
  background: var(--tertiary-color);
  color: #000;
}
.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a {
  color: #222222;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: var(--secondary-color);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom-color: var(--secondary-color);
}
.woocommerce-privacy-policy-text p a {
  text-decoration: none;
}
.woocommerce a.remove,
.woocommerce form .form-row .required {
  color: #b60000;
}
.woocommerce-info {
  border-top-color: #1e85be;
  background: #fff;
  border: 1px solid #cecece;
}
.woocommerce-privacy-policy-text {
  background: #fff;
  border: 1px solid #cecece;
  padding: 5px;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  float: right;
  margin-top: 10px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #222222;
}
.woocommerce ul.products li.product a img {
  margin: 0;
}
.related.products ul.products li.product {
  display: inline-table;
  width: 29% !important;
  float: none !important;
}
.select2-container--default .select2-selection--single {
  height: 45px;
  border-radius: 0;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding: 7px 10px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 8px;
}
.woocommerce form .form-row input.input-text {
  padding: 10px;
  border: 1px solid #bcbcbc;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  width: auto;
}
.woocommerce form.login {
  display: inline-block;
}
.woocommerce form.login .form-row,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
  display: block;
  float: none;
}
.woocommerce form.login .form-row input.input-text {
  width: 100%;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  padding: 10px;
  margin-left: 10px;
  border: 1px solid #000;
  color: #000;
  font-weight: 500;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
  border: 0;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--primary-color);
  color: #fff;
  border-color: var(--primary-color);
}
.woocommerce #sidebar {
  margin: 5% 0 !important;
}
.woocommerce-breadcrumb {
  margin-top: 4% !important;
}
/*---- Woocommerce widget css ----*/
#sidebar .woocommerce .widget_shopping_cart .cart_list li,
#sidebar .woocommerce.widget_shopping_cart .cart_list li {
  padding: 0 0 10px 2em;
  margin: 0;
  background-image: none;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
  top: 3px;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
  width: 50px;
  height: 50px;
}
.woocommerce.widget ul li .star-rating {
  float: none !important;
  margin: 0 !important;
  font-size: 15px;
  width: 5.5em;
}
.woocommerce.widget ul.product_list_widget li .star-rating {
  margin: 5px 0 !important;
}
.woocommerce-product-search input[type="search"] {
  width: 100% !important;
  border: 1px solid #bbb !important;
  margin-bottom: 10px;
  padding: 10px;
}
.woocommerce-product-search button[type="submit"] {
  background: var(--secondary-color);
  color: #fff;
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  width: 100%;
  border: none;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background: var(--secondary-color);
}
#sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background: #000;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background: #fff;
}
.woocommerce-privacy-policy-text p a,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover {
  color: #000 !important;
}
.woocommerce-shop #sidebar .widget,
.single-product #sidebar .widget {
  border: 1px solid #e4e4e4;
  margin-bottom: 20px;
}
.woocommerce #sidebar {
  margin: 3% 0 !important;
}
.woocommerce-breadcrumb {
  margin-top: 4% !important;
}
.woocommerce-shop #sidebar h3,
.single-product #sidebar h3 {
  margin-left: 10px !important;
}
.woocommerce-shop .widget,
.single-product .widget {
  padding: 10px;
}
.woocommerce-account .addresses .title .edit{
  text-decoration: none;
  padding: 10px 28px;
  float: left;
  margin: 20px 0px 25px 0px;
}
.woocommerce div.product p.price{
  margin: 10px 0px;
} 
/* Added Woocommerce css*/
.wp-block-woocommerce-cart.alignwide {
  margin-left: auto;
  margin-right: auto;
}
td.wc-block-cart-item__image {
  padding: 16px 0px 16px 16px !important;
}
td.wc-block-cart-item__total,
.wc-block-components-totals-item,
.wc-block-components-totals-coupon {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block,
.wp-block-woocommerce-cart-order-summary-block {
  border: 1px solid #dcdcdc;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
  border-radius: 5px;
}
tr.wc-block-cart-items__header th {
  font-weight: 700;
  padding: 9px 12px !important;
  line-height: 1.5em;
  font-size: 16px;
}
a.wc-block-components-product-name {
  color: #000;
  font-size: 20px;
  font-weight: 600;
}
a.wc-block-components-product-name,
button.wc-block-cart-item__remove-link,
a.wc-block-components-totals-coupon-link,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button {
  text-decoration: none !important;
}
button.wc-block-cart-item__remove-link {
  font-size: 1em !important;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
  text-align: left !important;
}
a.wc-block-components-totals-coupon-link,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button,
.wc-block-components-totals-coupon__button.contained,
button.wc-block-components-checkout-place-order-button {
  background: var(--primary-color);
  border-radius: 0;
  color: #fff !important;
  font-weight: 500;
  padding: 10px 25px !important;
  font-size: 18px;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
  font-size: 1.5em !important;
  padding: 10px !important;
  display: block !important;
}
.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
  padding-right: 0%;
}
button.wc-block-components-checkout-place-order-button:hover,
a.wc-block-components-totals-coupon-link:hover,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
a.wc-block-components-checkout-return-to-cart-button:hover {
  background-color: #000;
}
.wp-block-woocommerce-checkout-order-summary-block {
  border: 1px solid #dcdcdc;
}
.wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper {
  padding: 10px;
}

li.wc-block-grid__product {
  border: 1px solid #dcdcdc;
  padding: 10px;
  max-width: 30.75% !important;
  float: left;
  margin: 0 3.8% 2.992em 0;
}
.wc-block-grid__product-onsale {
  padding: 5px 10px !important;
  background: var(--primary-color) !important;
  color: #fff !important;
  border-color: var(--primary-color) !important;
  border-radius: 0px !important;
  font-size: 14px !important;
  top: 5px !important;
  right: 5px !important;
  left: auto !important;
  margin: -0.5em -0.5em 0 0 !important;
}
.wc-block-grid__product-title {
  font-size: 22px !important;
  color: #000 !important;
  font-weight: 600;
}
a.wc-block-grid__product-link {
  text-decoration: none !important;
}
a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart {
  padding: 10px 12px;
  border-radius: 8px !important;
  font-size: 16px;
}
span.woocommerce-Price-amount.amount {
  font-size: 16px;
}
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  width: 100% !important;
}
h2.wp-block-heading.has-text-align-center {
  margin: 10px 0;
}

/* Back to top button css */
.scrollup {
  color: var(--primary-color);
  position: fixed;
  display: none;
  bottom: 115px;
  right: 15px;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  transform: rotate(-90deg);
  text-shadow: 1px 1px #fff;
}
.scrollup.left {
  left: 15px;
  right: auto;
}
.scrollup.center {
  left: 43%;
  right: 43%;
}
.scrollup:focus,
.scrollup:hover {
  color: var(--primary-color);
}
.scrollup span {
  display: inline-block;
}
.scrollup i {
  transform: rotate(90deg);
}
.scrollup:hover {
  text-shadow:
  1px 1px 2px rgba(0, 0, 0, 0.9),
  2px 2px 4px rgba(0, 0, 0, 0.8),
  3px 3px 6px rgba(0, 0, 0, 0.7);
  margin-bottom: 4px;
}
.wporg-theme-preview__container .scrollup:hover {
  text-shadow:
  1px 1px 2px rgba(0, 0, 0, 0.9),
  2px 2px 4px rgba(0, 0, 0, 0.8),
  3px 3px 6px rgba(0, 0, 0, 0.7);
}

/* Footer Section */
.footertown p a {
  text-decoration: underline;
}
.footertown {
  background: #000;
}
.footertown input.search-field {
  color: #fff;
}
.footertown input[type="submit"] {
  background: var(--secondary-color);
  border: none;
  padding: 10px 20px;
  float: right;
  width: 100%;
}
.footertown .tagcloud a,
.footertown span.rss-date,
.footertown cite,
.footertown strong,
.footertown p,
.footertown td#prev a,
.footertown .widget ul li a {
  color: #fff;
}
.footertown caption {
  font-weight: bold;
  color: #fff;
  font-size: 20px;
}
.footertown table,
.footertown th,
.footertown td {
  border: 1px solid #d1d1d1;
  text-align: center;
}
.footertown td {
  padding: 8px;
  color: #fff;
}
.footertown th {
  text-align: center;
  padding: 10px;
  color: #fff;
}
.footertown select {
  padding: 10px 5px;
  color: #333;
}
.footertown .widget {
  padding: 10px 0;
}
.footertown .widget ul {
  margin: 0px 0;
}
.footertown .widget ul li {
  list-style: none;
  font-size: 15px;
  padding: 8px 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.23);
}
.footertown .widget h3 a.rsswidget,
.footertown .widget p a {
  color: var(--secondary-color);
}
.footertown .widget h3,
.footertown .wp-block-search__label {
  color: var(--secondary-color);
  letter-spacing: 1px;
  border-bottom: 3px double;
  margin-bottom: 10px;
  font-family: "Kavoon", cursive;
  font-size: 25px;
}
#footer {
  background: var(--tertiary-color);
  text-align: center;
  color: #fff;
  padding: 15px;
}
.footertown .search-form label {
  width: 100%;
}
#footer p {
  font-size: 15px;
  margin: 0;
  color: #000;
}
#footer .copyright {
  text-align: center;
  margin: 0px 0 0 0;
  color: #000;
}
#footer .copyright a {
  color: #000;
}
#footer .copyright a:hover {
  color: #fff;
}
.footertown .tagcloud a,
.footertown .wp-block-tag-cloud a {
  background: transparent;
  border: solid 1px #fff;
  color: #fff !important;
  padding: 5px 18px;
  margin: 5px;
  display: inline-block;
  font-size: 15px !important;
  text-decoration: none;
}
.footertown .tagcloud a:hover,
.footertown .wp-block-tag-cloud a:hover {
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
}
.footertown{
  padding-bottom: 10px;
}
.footertown,
.footertown #wp-calendar a {
  color: #fff;
}
.footertown #wp-calendar .wp-calendar-nav a:hover {
  color: var(--secondary-color);
}
.footertown input.search-field {
  border: 1px solid #fff;
  border: 1px solid #fff;
  padding: 10px;
  width: 100%;
  margin-left: 1px;
}

/* --------- Blog Page ------- */
.tags a {
  color: var(--secondary-color);
  background: #fff;
  border: 1px solid;
  text-decoration: none;
  padding: 2px 8px;
  margin: 5px;
  display: inline-block;
}
.tags a:hover {
  background: var(--primary-color);
  color: #fff;
  border-color: var(--primary-color);
}
.postbox {
  letter-spacing: 1px;
}
.postbox h2 {
  font-size: 22px;
  color: var(--primary-color);
  font-family: "Kavoon", cursive;
}
.postbox p {
  color: #222222;
  font-size: 15px;
}
.blogbutton-mdall {
  background: none;
  padding: 6px 25px;
  border: 2px solid var(--secondary-color);
  color: var(--secondary-color);
  font-size: 15px;
  font-family: "Kavoon", cursive;
  display: inline-block;
}
.metabox {
  color: #fff;
  clear: both;
  font-size: 14px;
  background: var(--primary-color);
  letter-spacing: 0px;
}
.metabox i {
  margin-right: 5px;
}
.metabox a,
.metabox i {
  color: #fff;
}
iframe,
.entry-audio audio,
.entry-video video {
  width: 100%;
}
#sidebar .search-form input.search-submit:hover,
#sidebar .wp-block-search__button:hover {
  background: var(--primary-color);
}
.entry-date:hover a,
.entry-date:hover i,
.entry-author:hover a,
.entry-author:hover i {
  color: #000;
}
/* blog */
.post-box .box-content h2 a{
  background-repeat: no-repeat;
  background-size: 0% 1px; 
  background-position: left 100%;
  background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%);
  transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.post-box .box-content h2:hover a{
  background-size: 100% 1px; 
  color: var(--secondary-color);
}
.postbox .post-box .box-image img{
  height: 400px;
  width: 400px;
  object-fit: cover;
}
/*---- Related Post Css ----*/
.related-posts {
  border-top: 1px solid;
  clear: both;
}
.related-posts h2 {
  font-size: 28px;
  font-weight: 500;
}
.related-posts .postbox h3 {
  font-size: 22px;
  color: var(--primary-color);
  font-family: "Kavoon", cursive;
}
/*------single post---------*/
.tc-single-category {
  margin: 10px 0px 0px 0px;
}

.tc-single-category li,
.postbox.mdallpostimage .tc-category li {
  display: inline;
}
.tc-single-category a,
.postbox.mdallpostimage .tc-category a {
  background: var(--primary-color);
  padding: 6px 10px;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  display: inline-block;
  margin-bottom: 5px;
}
.postbox.mdallpostimage .box-content {
  background: #eee;
  padding: 10px;
}
.tc-single-category a:hover,
.postbox.mdallpostimage .tc-category a:hover {
  background: #000;
  color: #fff;
}
.postbox.mdallpostimage ul.post-categories {
  margin-top: -30px;
  margin-left: 0px;
}
.feature-box.single-post-img img{
  width: 500px;
  height: 500px;
  object-fit: cover;
}
/* Comments BOX */
#comments label {
  display: block;
}
#comments ol {
  list-style: none;
}
.comment-body {
  margin-bottom: 20px;
}
#comments ol ol li {
  padding: 0 0 0 25px;
}
#comments h2.comments-title {
  font-size: 20px;
  border-top: 2px dotted #7e7e7e;
  padding: 25px 0;
}
#comments h3.comment-reply-title {
  font-size: 20px;
  font-weight: bold;
  clear: both;
}
#comments input[type="text"],
#comments input[type="email"],
#comments textarea {
  padding: 12px 10px;
  font-size: 18px;
  margin: 20px 0 0 0;
}
#comments input[type="submit"].submit {
  background: var(--primary-color);
  padding: 10px 25px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 20px 0 0;
  font-size: 18px;
  border: none;
}
#comments a.comment-reply-link {
  color: #fff;
  background: var(--secondary-color);
  padding: 5px 15px;
}
#comments a.comment-reply-link:hover {
  background: var(--primary-color) !important;
  color: #fff;
}
#comments a time {
  color: #000;
  font-weight: bold;
  font-size: 12px;
}
#content-ma #comments ol li {
  width: 100%;
  background: none;
  list-style: none;
  margin: 0 0 20px;
  padding: 20px;
  background: #eee;
  display: inline-block;
}
#content-ma #comments ul {
  margin: 0 0 0 40px;
}
#comments .reply {
  float: right;
}
#comments .comment-metadata {
  width: 90%;
  float: left;
  padding: 1% 0 0 0;
}
#comments .comment-content {
  width: 90%;
  float: left;
  margin-left: 7%;
}
.comment-meta.commentmetadata {
  padding: 10px 0px;
}

/*--- Preloader 1 ---*/
.preloader {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 9999999;
}
.preloader-squares .square {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #333;
  animation: movein 2s infinite;
}
.preloader-squares {
  width: 50px;
  line-height: 19px;
  height: 50px;
}
.preloader-squares .square:nth-child(1) {
  transform: translate(0, -25px);
}
.preloader-squares .square:nth-child(2) {
  transform: translate(25px, 0);
}
.preloader-squares .square:nth-child(3) {
  transform: translate(-25px, 0);
}
.preloader-squares .square:nth-child(4) {
  transform: translate(0, 25px);
}
@keyframes movein {
  33% {
    transform: translate(0, 0);
  }
  66% {
    transform: translate(0, 0);
  }
}

/*--- Preloader 2 ---*/
.preloader-chasing-squares {
  width: 50px;
  height: 50px;
  line-height: 19px;
}
.preloader-chasing-squares .square {
  display: inline-block;
  width: 15px;
  height: 15px;
  opacity: 1;
  background: #333;
}
.preloader-chasing-squares .square {
  animation: focusfade 2s infinite;
}
.preloader-chasing-squares .square:nth-child(2) {
  animation-delay: 0.5s;
}
.preloader-chasing-squares .square:nth-child(3) {
  animation-delay: 1.5s;
}
.preloader-chasing-squares .square:nth-child(4) {
  animation-delay: 1s;
}
@keyframes focusfade {
  0% {
    opacity: 0.5;
  }
  30% {
    opacity: 0.5;
  }
  60% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* --------- SLIDER--------- */
#slider .carousel-control-next-icon,
#slider .carousel-control-prev-icon {
  background: transparent;
}
#slider {
  max-width: 100%;
  background: #000;
}
#slider img {
  width: 100%;
  opacity: 0.7;
  height: 600px;
  object-fit: cover;
}
#slider .carousel-item-next,
#slider .carousel-item-prev,
#slider .carousel-item.active {
  display: block !important;
}
#slider .carousel-control-next,
#slider .carousel-control-prev {
  opacity: 1;
  width: 10%;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: auto;
  height: auto;
}
#slider .inner_carousel h1 a {
  text-transform: uppercase;
  left: 50%;
  font-family: "Kavoon", cursive;
  color: #fff;
  font-size: 50px;
}
#slider .inner_carousel p {
  margin-bottom: 30px;
  letter-spacing: 1px;
}
#slider .inner_carousel {
  text-align: start;
  color: #fff;
}
#slider .carousel-caption {
  top: 50%;
  transform: translateY(-50%);
  right: 45%;
}
#slider a.read-more {
  border-radius: 30px !important;
  padding: 10px 15px;
  color: #000;
  background: var(--tertiary-color);
  font-family: "Kavoon", cursive;
  font-size: 14px;
}
#slider a.read-more:hover {
  background: var(--primary-color);
  color: #fff;
}
.inner_carousel a {
  color: #fff;
}

/* Sidebar */
#sidebar td#prev a {
  color: var(--primary-color);
}
#sidebar caption {
  font-weight: bold;
  color: var(--primary-color);
  font-size: 20px;
}
#sidebar table,
#sidebar th,
#sidebar td {
  border: 1px solid #d1d1d1;
  text-align: center;
}
#sidebar td {
  padding: 7px;
  color: var(--secondary-color);
}
#sidebar th {
  text-align: center;
  padding: 5px;
  color: var(--secondary-color);
}
#sidebar select {
  padding: 10px 5px;
  color: #333;
  background: transparent;
}
#sidebar form {
  display: table;
  width: 100%;
}
#sidebar .search-form {
  display: flex;
  flex: auto;
  flex-wrap: nowrap;
  max-width: 100%;
}
#sidebar h3,
#sidebar h2,
#sidebar .wp-block-search__label {
  text-transform: none;
  font-size: 25px;
  font-weight: normal;
  text-align: center;
  font-family: "Kavoon", cursive;
  letter-spacing: 1px;
  border-bottom: 2px double var(--primary-color);
  width: 100%;
  margin-bottom: 10px;
  color: #fff;
}
#sidebar ul li {
  background: url(images/sidebaricon.png) no-repeat 0 1px;
  margin: 0 0 5px;
  padding: 10px 0px 5px 10px;
  border-bottom: 1px solid #eee;
}
#sidebar ul li li {
  padding-left: 0;
}
#sidebar ul li li a {
  padding-left: 35px;
}
#sidebar input[type="search"] {
  padding: 10px 10px;
  border: 1px solid;
  font-size: 15px;
  color: #000;
  font-weight: normal;
  width: 100%;
  font-style: italic;
}
#sidebar input[type="submit"] {
  background: var(--secondary-color);
  border: none;
  color: #fff;
  padding: 12px 0;
  font-family: "Kavoon", cursive;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  letter-spacing: 1px;
  display: inline;
}
.wp-block-search__button {
  background: none !important;
  font-family: "Kavoon", cursive;
  border: 2px solid var(--secondary-color);
  color: var(--secondary-color);
}
.wp-block-search__button:hover{ 
  color: var(--primary-color);
  }
div#sidebar {
  background-color: #eee;
  padding: 20px 15px;
}
#sidebar .widget {
  background: #fff;
}
#sidebar ul {
  list-style: none;
  margin: 0;
  padding: 14px;
  font-size: 17px;
  background: #fff;
}
#sidebar ul li a {
  color: var(--secondary-color);
  letter-spacing: 1px;
  font-size: 15px;
  font-weight: 600;
}
#sidebar ul li a:hover {
  color: var(--primary-color);
}
#sidebar .tagcloud a,
.wp-block-tag-cloud a {
  background: transparent;
  color: #000 !important;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
  border: 1px solid;
  text-decoration: none;
}
#sidebar .tagcloud a:hover,
.wp-block-tag-cloud a:hover {
  background: var(--primary-color);
  color: #fff !important;
  border: 1px solid var(--primary-color);
}
#sidebar ol.wp-block-latest-comments {
  padding: 8px 5px !important;
}
#sidebar .wp-block-search__label {
  padding: 5px 0px !important;
}
@keyframes animatedBackground {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
#sidebar h3, #sidebar h2, #sidebar .wp-block-search__label {
  background-image: url(images/bg_pattern.png), linear-gradient(270deg, var(--primary-color), #312f2fbf);
  background-repeat: repeat-x, no-repeat;
  background-position: center, center;
  background-size: contain, 100% 100%;
  animation: animatedBackground 2s linear infinite;
}
.wporg-theme-preview__container #sidebar h3, #sidebar h2, #sidebar .wp-block-search__label {
  background-image: url(images/bg_pattern.png), linear-gradient(270deg, var(--primary-color), #312f2fbf);
  background-repeat: repeat-x, no-repeat;
  background-position: center, center;
  background-size: contain, 100% 100%;
  animation: animatedBackground 2s linear infinite;
}
.wporg-theme-preview__container #sidebar aside {
  border: 1px solid #8a8585;
}
.wporg-theme-preview__container .services-box .post-box {
  border: 1px solid #8a8585;
}
#sidebar ul li a::before {
  content: '';
  width: 0;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  background-color: var(--primary-color);
  transform: translateX(-16px);
  transition: all 0.3s ease;
  margin-right: 0.6rem;
}
#sidebar ul li a:hover::before {
  opacity: 1;
  visibility: visible;
  width: 8px;
  transform: translateX(0);
}
/* nav */
.nav-previous {
  width: 50%;
  float: left;
}
.nav-next {
  float: right;
  width: 50%;
  text-align: end;
}
span.meta-nav {
  clear: both;
  font-size: 16px;
  color: #000;
  font-weight: 600;
}
.nav-previous i,
.nav-next i {
  margin-left: 6px;
}
span.post-title {
  font-size: 16px;
  margin: 3%;
  font-weight: 600;
  line-height: 1.5;
  color: #000;
}
.single-post .nav-links {
  margin: 10px 0;
  border-top: 1px solid;
}
.nav-previous,
.nav-next {
  padding: 10px;
  display: inline-block;
}
.blog .navigation .nav-previous a,
.blog .navigation .nav-next a,
.archive .navigation .nav-previous a,
.archive .navigation .nav-next a,
.search .navigation .nav-previous a,
.search .navigation .nav-next a {
  background: var(--secondary-color);
  color: #fff;
  font-weight: 500;
  padding: 8px 10px;
}
.blog .navigation,
.search .navigation,
.archive .navigation {
  margin: 10px 0;
}

/* 5.0 - Forms */
.search-submit {
  margin: 0;
  background: #92bb46;
  border: 2px solid #fff;
}
.search-field {
  padding: 5% 0 5% 3px;
  color: #000000;
  border: solid 2px #fff;
}
#comments .comment-list {
  margin-bottom: 7rem;
}
#respond {
  border-top: 1px solid #000;
}
/*block css*/
.middle-align .alignfull,
.middle-align .alignwide,
.middle-align .aligncenter {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px;
}
.middle-align .alignleft {
  margin-right: 10px;
}

.middle-align .wp-block-button a {
  color: #fff;
  border-radius: 30px;
  background-color: var(--primary-color);
  text-decoration: none;
  border: none;
}
.middle-align .wp-block-button.is-style-squared a {
  border-radius: 0px !important;
}
.middle-align .wp-block-button a:hover {
  background: #f78112;
  color: #000 !important;
  border: 1px solid #f78112;
  border: none;
}
/*new added css*/
.middle-align .is-style-outline a {
  background-color: transparent !important;
  color: #000 !important;
  border: 2px solid;
}
.middle-align .is-style-outline a:hover {
  color: #000 !important;
  background: transparent;
  border: 2px solid #000;
}
.wp-block-calendar {
  text-align: left;
}
figure.wp-block-media-text__media img {
  width: 100%;
}
/* Pagination */
.page-links,
.page-links span,
.page-links a {
  float: unset !important;
  display: inline-flex;
  gap: 5px;
  align-items: center;
}
.pagination,
.page-links {
  font-family: "Kavoon", cursive;
  clear: both;
  position: relative;
  font-size: 14px;
  line-height: 13px;
  float: right;
  width: 100%;
}
.page-links {
  margin: 20px 0;
}
.pagination span,
.pagination a {
  display: block;
  float: left;
  margin: 2px 5px 10px 0;
  padding: 10px 15px;
  text-decoration: none;
  width: auto;
  color: #fff; /* Pagination text color */
  background: var(--secondary-color); /* Pagination non-active background color */
  -webkit-transition: background 0.15s ease-in-out;
  -moz-transition: background 0.15s ease-in-out;
  -ms-transition: background 0.15s ease-in-out;
  -o-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
}
.page-links a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 10px 15px;
  text-decoration: none;
  width: auto;
  color: #fff;
  background: var(--secondary-color);
  -webkit-transition: background 0.15s ease-in-out;
  -moz-transition: background 0.15s ease-in-out;
  -ms-transition: background 0.15s ease-in-out;
  -o-transition: background 0.15s ease-in-out;
  transition: background 0.15s ease-in-out;
}
.pagination a:hover,
.page-links a:hover {
  color: #fff;
  background: var(--primary-color);
}
.pagination .current,
.page-links .current {
  padding: 10px 15px;
  background: var(--primary-color);
  color: #fff;
  font-weight: normal;
}

.topbar .email:hover,
.topbar .email:hover i,
.topbar .call:hover,
.topbar .call:hover i {
  color: var(--primary-color);
}
/* --------- Bradcrumbs --------- */
.bradcrumbs a {
  background: var(--primary-color);
  color: #fff;
  padding: 9px 17px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
  font-weight: 700;
}
.bradcrumbs a:hover {
  background: var(--tertiary-color);
  color: #000;
}
.bradcrumbs span {
  background: var(--primary-color);
  color: #fff;
  padding: 10px 15px;
  font-weight: 700;
  display: inline-block;
}
.bradcrumbs span,
.bradcrumbs a {
  font-size: 14px;
  margin-bottom: 10px;
}
.middle-align .col-lg-8 .col-md-8,
.middle-aligncontent .col-lg-8,
.middle-aligncontent .col-lg-4,
.middle-align {
  margin-top: 1rem;
}
aside.widget.widget_calendar table {
  width: 100%;
}
.footertown input.search-field {
  margin-bottom: 5px;
}
a.added_to_cart.wc-forward {
  background: var(--primary-color);
  color: #fff;
  padding: 5px 15px;
  margin-top: 20px;
}

/* social icons */
#footer .socialicons i{
  color: #000;
  font-size: 16px;
  padding: 5px;
  cursor: pointer;
}
.wc-block-components-button{
  background-color: var(--primary-color);
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 700;
}
.wc-block-components-button:hover{
  background-color: #000 !important;
}
.woocommerce div.product p.price ins, .woocommerce ul.products li.product .price ins{
  text-decoration: none !important;
}
.woocommerce div.product form.cart {
 margin-bottom: 1em !important;
}
/*Media CSS*/
@media screen and (min-width: 720px) and (max-width: 768px) {
  #slider .inner_carousel p {
    display: none;
  }
  #slider a.read-more {
    margin: 10px 0px !important;
  }
  .scrollup.center {
    left: 30%;
    right: 40%;
  }
  .footertown th {
    padding: 4px;
  }
  .footertown td {
    padding: 0;
  }
  #sidebar td {
    padding: 1px;
    color: var(--secondary-color);
  }
  .related.products ul.products li.product {
    width: 47% !important;
    margin-right: 10px;
  }
  .woocommerce ul.cart_list li img,
  .woocommerce ul.product_list_widget li img {
    width: 40px;
    height: 40px;
  }
  #slider .inner_carousel h1 a {
    font-size: 30px;
  }
  .postbox .mdallpostimage .box-content {
    padding: 10px 10px 20px 10px !important;
  }
  .blogbutton-mdall {
    padding: 6px 8px;
  }
  .middle-align .alignleft {
    max-width: 100%;
  }
  #sidebar .wp-block-search__inside-wrapper,
  #sidebar .search-form,
  .footertown .wp-block-search__inside-wrapper {
    display: block;
  }
  #sidebar .wp-block-search__button,
  #sidebar input[type="submit"],
  .footertown .wp-block-search__input,
  .footertown .wp-block-search__button {
    width: 100%;
  }
  #sidebar .wp-block-search__button,
  .footertown .wp-block-search__button {
    margin-left: 0px;
  }
  #sidebar input[type="search"],
  .footertown .wp-block-search__input,
  .footertown input.search-field {
    margin-bottom: 5px;
  }
  ol.wp-block-latest-comments {
    padding-left: 0rem;
  }
  #sidebar ul {
    padding: 0;
  }
}
@media screen and (max-width: 720px) {
  .baricon {
    margin-left: 0;
  }
  .baricon a {
    font-size: 15px;
  }
  .baricon i {
    color: #fff;
  }
  .serach_inner {
    width: auto;
  }
  .serach_inner label,
  .serach_inner input.search-submit,
  #comments input[type="submit"].submit,
  .woocommerce[class*="columns-"] ul.products li.product {
    width: 100%;
  }
  .topbar {
    background: var(--primary-color);
  }
  ol.children {
    margin: 0 !important;
  }
  ol.children img {
    width: 30px;
    border: solid 1px;
  }
  #comments ol ol li {
    padding: 0px !important;
  }
  .comment-author img {
    border: solid 1px;
  }
  #comments .reply {
    float: left;
  }
  .search-box,
  .headericons {
    text-align: center;
  }
  .email,
  .call {
    border: none;
    font-size: 16px;
    color: #fff;
    display: block;
  }
  #slider .inner_carousel span.slider-badge.mb-1,
  #slider .inner_carousel p {
    display: none;
  }
  #slider .inner_carousel h1 a {
    font-size: 20px;
  }
  #slider .inner_carousel h1,
  #slider .inner_carousel h1 a {
    line-height: 1;
  }
  tr.wc-block-cart-items__row {
    gap: 0.4em;
  }
  td.wc-block-cart-item__total {
    padding-left: 0px !important;
  }
  li.wc-block-grid__product {
    max-width: 100% !important;
    float: none;
    flex: 100% !important;
  }
  .wc-block-grid__products {
    padding: 10px !important;
  }
  #slider .carousel-caption {
    left: 15% !important;
    right: 15% !important;
    top: 40%;
  }
  #slider .carousel-caption h1 {
    margin-bottom: 15px !important;
  }
  #slider img {
    height: 200px;
  }
}
@media screen and (min-width: 721px) and (max-width: 1000px) {
  #slider img {
    height: 400px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1024px) {
  span.cart-value {
    right: 18px;
  }
  .footertown th {
    padding: 8px;
  }
  .footertown td,
  #sidebar .menu-testing-menu-container ul {
    padding: 0;
  }
  .alignwide {
    margin: 0;
  }
  tr.wc-block-cart-items__row {
    gap: 1em;
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  #slider .carousel-caption {
    top: 50%;
    right: 20% !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 425px) {
  .footertown input[type="submit"] {
    margin: 0px 0px 10px 0px;
  }
  #slider .inner_carousel p {
    display: none;
  }
  #slider .inner_carousel {
    text-align: center;
  }
  .topbar {
    background-color: var(--primary-color);
  }
  .scrollup {
    bottom: 145px;
  }
  .scrollup.center {
    left: 25%;
    right: 25%;
  }
  .woocommerce ul.products[class*="columns-"] li.product,
  .woocommerce-page ul.products[class*="columns-"] li.product,
  .woocommerce form.login .form-row input.input-text {
    width: 100% !important;
  }
  .woocommerce .star-rating {
    margin-top: -8% !important;
  }

  .woocommerce table.cart td.actions .input-text,
  .woocommerce-page #content table.cart td.actions .input-text,
  .woocommerce-page table.cart td.actions .input-text {
    width: 100% !important;
  }
  #sidebar ul {
    padding: 0;
  }
}
@media screen and (max-width: 320px) {
  span.cart-value {
    right: 33%;
  }
}
@media screen and (max-width: 1000px) {
  .toggle-menu button {
    background: transparent;
    border: none;
    font-weight: 600;
    font-size: 16px;
    color: var(--primary-color);
  }
  .close-sticky .row {
    margin-top: 10px;
  }
  #sidebar th {
    padding: 2px;
  }
  .primary-navigation li a:hover,
  .primary-navigation .current_page_item > a,
  .primary-navigation .current-menu-item > a,
  .primary-navigation .current_page_ancestor > a {
    color: var(--primary-color) !important;
    background: #fff;
  }
  .primary-navigation ul ul ul {
    margin: 0;
  }
  .primary-navigation ul li a:focus,
  .primary-navigation .sub-menu > li > a:focus,
  a.closebtn.responsive-menu:focus {
    outline-color: #fff;
  }
  .toggle-menu {
    display: none;
    cursor: pointer;
    text-align: end;
  }
  .toggle-menu i {
    font-size: 20px;
    color: #fff;
    background: var(--primary-color);
    margin-right: 10px;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
  }
  .side-menu {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    visibility: hidden;
    background-color: var(--primary-color);
    padding-top: 60px;
    box-shadow: 2px 2px 10px 0px #2d2d2d;
    overflow-y: scroll;
  }
  .side-menu.open {
    visibility: visible;
    width: 250px;
    transition: 0.5s width ease-in-out;
  }
  .side-menu .closebtn {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 18px;
    display: block;
    color: #ffffff;
    border: none;
    background: transparent;
    font-weight: 600;
  }
  .side-menu i {
    margin-left: 10px;
  }
  .toggle-menu span {
    font-size: 30px;
    cursor: pointer;
    text-align: end;
  }
  .toggle-menu {
    display: block;
  }
  .primary-navigation ul ul li,
  .primary-navigation li {
    display: block !important;
    max-height: 100%;
  }
  .primary-navigation ul li a {
    padding: 10px;
    display: block;
    color: #ffffff !important;
    border: none;
  }
  .primary-navigation ul li ul li a:before {
    content: "\00BB \00a0";
  }
  .primary-navigation ul li ul li a {
    padding-left: 20px !important;
  }
  .primary-navigation ul li ul li ul li a {
    padding-left: 30px !important;
  }
  .primary-navigation ul li ul,
  .primary-navigation ul li ul ul {
    opacity: 1 !important;
    margin: 0;
  }
  .primary-navigation ul ul {
    position: static;
    width: 100%;
  }
  nav#primary-site-navigation {
    width: 100%;
  }
  .primary-navigation li {
    padding: 0;
  }
  .main-header-box {
    padding-bottom: 15px;
  }
  .alignwide {
    margin: 0;
  }
  #slider .inner_carousel p {
    display: none;
  }
}

/*blog post*/
.metabox .entry-author a:hover,
.metabox .entry-date a:hover,
.metabox .entry-time:hover {
  color: #000 !important;
}
.postbox.mdallpostimage .metabox a,
.postbox.mdallpostimage .metabox i {
  color: #000;
}
.postbox.mdallpostimage .metabox {
  color: #000;
}
.postbox.mdallpostimage:hover {
  box-shadow: 9px 12px 30px 0px rgb(0 0 0 / 10%);
}
.postbox.mdallpostimage:hover .box-content {
  background: #fff;
}
.postbox.mdallpostimage .metabox {
  background: none;
}
.metabox .me-2 {
  margin-left: 0.5rem !important;
}
.postbox.mdallpostimage span:last-child:after {
  display: none;
}
.postbox.mdallpostimage img {
  width: 100%;
}
.entry-author,
.entry-comments,
.entry-time {
  margin-left: 5px;
}
.metabox .px-1,
.metabox .px-2 {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}
.metabox span:last-child:after {
  display: none;
}

@media screen and (min-width: 1000px) and (max-width: 1024px) {
  tr.wc-block-cart-items__row {
    gap: 1em;
  }
}