/*
Theme Name: Pet Shop Pro
Theme URI: https://www.themescaliber.com/themes/premium-animal-pet-wordpress-theme
Author: Themescaliber
Author URI: https://themescaliber.com
Description: Pet Shop Theme is a responsive multi-purpose WordPress theme.This theme is responsive and compatible with the latest version of WordPress. This theme is one of the best themes for all kind of industries.This theme comes with latest features and unique typography options.This theme comes with ready translation. pet-shop-pro Theme is cross browser compatible and performs well with any browser.This theme is very easy to use for non-coders also. This theme has an ultimate design with best options to make it unique from others. Check demo at:
https://themescaliber.com/pet-animal-store/
Version: 1.6.2
Requires at least: 4.7 
Requires PHP: 5.2.4
License: GNU General Public License
License URI: license.txt
Text Domain: pet-shop-pro
Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready,blog
Pet Shop WordPress Theme has been created by Themescaliber(themescaliber.com), 2017.
Pet Shop WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
:root{
  --font-poppins:'Poppins', sans-serif;
}
:root{
  --color-white:#ffffff;
  --color-offwhite:#dddddd;
  --color-offblack:#1c1c1c;
  --color-black:#000000;
  --color-3black:#333333;
  --color-gray:#5b5b5b;
  --color-green:#70b908;
  --color-blue:#3890cb;
  --color-darkblue:#001e44;
  --high-darkblue:#141a28;
  --color-yellow:#d3da36;
  --color-stargold:#fec806;
}
*,body,img,.bypostauthor,.wp-caption-text,.gallery-caption{ 
  margin:0; 
  padding:0;
}
*{ 
  outline:none;
}
body{ 
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:var(--color-white); 
  position:relative;
  color:var(--color-gray); 
  font:normal 14px var(--font-poppins);
  overflow-x: hidden;
}
img{ 
  border:none; 
  height:auto;
}
img,section img{
  max-width:100%;
}
h1,h2,h3,h4,h5,h6{ 
  margin:0;
  padding:10px 0;
}
p{ 
  margin:8px 0 15px; 
  padding:0;
  font-size:14px; 
  line-height:normal; 
  font-weight:normal;
}
a{
  color:var(--color-green);
}
a:focus,a:hover{ 
  text-decoration:none !important; 
  color:var(--color-gray);
}
ul,ol{ 
  margin:0 0 0 15px; 
  padding:0;
}
li { 
  padding:6px 0;
}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
small{
  font-size:14px !important;
}
input[type="text"],input[type="tel"],input[type="phno"],textarea,input[type="date"],input[type="email"],input[type="number"],select,.woocommerce-Input,.woocommerce-Input--password input-text{
  border:1px solid var(--color-gray); 
  font-size:14px;
  padding:10px 10px; 
  height:auto;
}
textarea{
  height:130px;
}
.contact_content input[type="submit"] {
  border:2px solid var(--color-green) !important;
  background:var(--color-white);
  padding:7px 30px;
  font-weight:bold;
  color:var(--color-green) !important;
}
input[type="submit"]:hover{
  background:var(--color-green);
  color:var(--color-white);
}
section h2 {
  letter-spacing: 2px;
}
.middle-align{ 
  margin:0 auto; 
}
.wp-caption{ 
  margin:0; 
  padding:10px; 
  font-size:13px; 
  max-width:100%;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.alignleft,img.alignleft{ 
  float: left; 
  margin-right:20px; 
  margin-top:4px; 
}
.alignright, img.alignright { 
  float: right; 
  margin-left:25px;
}
.aligncenter, img.aligncenter { 
  clear: both; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:0;
}
.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
.rsswidget,.widget_calendar tbody a,.widget_calendar tbody a:hover,.widget_calendar tbody a:focus {
  color:var(--color-white);
}
.contact-box input[type="text"], input[type="tel"], input[type="phno"], textarea, input[type="date"], input[type="email"], input[type="number"]{
  width:100%;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: auto;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget_calendar td,.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: var(--color-green);
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,.widget_calendar tbody a:focus {
  background-color: var(--color-gray);
}
/*-------------------- 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-smoothing: 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;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-green);
  -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;
}
.plans-box .hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-darkblue);
  border-radius:8px;
  -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;
}
#gallery .hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-yellow);
  -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;
}
.gallery-image {
    margin: -1px;
    padding: 0;
    display: flex;
    height: auto;
    width: 100%;
}
.hvr-sweep-to-right:hover,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:active {
  color: var(--color-white) !important;
}
.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{ 
  border: 2px solid var(--color-green) ; 
  background:var(--color-green);
  color: var(--color-white);
  font-size: 12px;
  margin: 20px 0 0;
  padding: 4px 13px;
  text-transform: uppercase;
}
.button_center a,.testi-btn a{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: var(--color-green);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: var(--color-white);
  padding: 12px 25px;
}
.button_center{
  text-align: center;
}
/*------------------ Image Hover -----------------*/
.view ,.view .mask, .view .content {
  overflow: hidden;
}
.view,.view img{
  position: relative;
}
.view,.view .mask, .view .content,.view img{
  width: 100%;
}
.view {  
  margin: 0;
  float: left;    
  text-align: center;
  cursor: default;
}
.view .mask, .view .content { 
  height: 100%; 
  position: absolute;
  top: 0; 
  left: 0;
}
.view img {
  display: block;
}
.gallery-item{
  padding: 0 10px;
}
.view a.info {
  background:url('assets/images/link.png') center no-repeat;
  display: inline-block;
  text-decoration: none;
  padding:0;
  text-indent:-9999px;
  width:30px; 
  height:30px;
  margin-top:30%;
}
.second-effect .mask {
  overflow:visible;
  border:0px solid var(--color-darkblue); 
  box-sizing:border-box;
  transition: all 0.4s ease-in-out;
}
.second-effect a.info {
  position:relative; 
  opacity:0; 
  transform:scale(0,0); 
  transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
  outline:none;
}
.second-effect:hover .mask {
  opacity: 1; 
  background:rgba(0,0,0,0.7);
}
.second-effect:hover a.info {
  opacity:1;
  transform:scale(1,1);
  transition-delay:0.3s;
}
li#recent-posts-3 h2 {
  padding: 0 0 0 23px;
}
li#archives-3 h2 {
  padding: 0 0 0 26px;
}
div#calendar_wrap {
  padding: 0 0 0 30px;
}
li#search-2 {
  padding: 35px 0 0 13px;
}
h2.widgettitle,caption{
  color: var(--color-white);
  border-bottom: solid 2px var(--color-green);
  margin-bottom: 3%;
}
h2.widgettitle {  
  margin-left: 4%;  
  display: inline-table;
  font-size: 23px;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: left;
  font-size: 18px;
}
input.search-submit {
  padding: 8px 20px;
  font-weight: bold;
  color: var(--color-white);
  text-transform: uppercase;
  border: none;
  background-color: var(--color-green);
}
.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}
.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{
  float: left;
  width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto;
}
/* ----------- Background Attachment ------------ */
.section_bg_scroll{
  background-attachment: scroll;
}
.section_bg_fixed{
  background-attachment: fixed;
}
.nav-tabs .nav-item{
  margin-bottom: -1px;
  float: left;
  list-style: none;
}
.nav-tabs a.nav-link{
  border: 1px solid var(--color-offwhite);
  margin-right: 28px;
  position: relative;
  z-index: 1;  
  background: var(--color-white);
  color: var(--color-3black);
}
.nav-tabs a.nav-link:hover{
  border: 1px solid var(--color-green);
  color: var(--color-green);
}
.nav-tabs .nav-link.active{
  border-radius: 0;
  color: var(--color-green);
  border: 2px solid var(--color-green);
}
.nav-item:before{
  background: var(--color-offwhite);
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 28%;
}
.tab-prod-btn a{
  background: var(--color-green);
  padding: 8px 20px;
  color: var(--color-white);
  font-weight: bold;
}
.tab-prod-btn a:hover,.tab-prod-btn a:focus{
  background-color: var(--color-white);
  border: 2px solid var(--color-green);
  color: var(--color-green);
}
.price_div span.price{
  background-color: var(--color-green);
  position: absolute;
  top: 0;
  left: 5px;
}
.price_div .amount {
    color: #fff;
    padding-right: 10px;
}
.price_div span.price:before{
  content: "";
  width: 0;
  height: 0;
  border-top: 17px solid var(--color-green);
  border-left: 11px solid transparent;
  bottom: -54px;
  position: relative;
  left: 0px;
}
.index_star_loop{
  color: var(--color-black);
  margin: 10px 0 17px 0;
}
span.price ins{
  text-decoration: none;
}
.star-rating {
  color: gold;
}
.index-star-rating{
  color: var(--color-stargold);
  margin: -12px auto 10px;
  font-size: .857em;
  display: block;
  float: none;
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  width: 5.4em;
  font-family: star;
}
.index-star-rating:before{
  content: "\73\73\73\73\73";
  color: var(--color-offwhite);
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
.woocommerce .star-rating::before{
  color:var(--color-offwhite);
}
.woocommerce-info {
  border-top-color: var(--color-green);
}
.index-star-rating span{
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
.index-star-rating span:before{
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
}
#recent-posts-3 ul {
  margin: 0px;
}
/*------------------ pet supplies section End ---------------*/
/*  index */
.postwrapper-box{
  border: 2px solid var(--color-offwhite);
}
.cat-box,.date-box{
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
}
.cat-box {
  background: url(images/cat-icon.png) no-repeat 1px 3px;
  margin: 15px 0 30px 0;
}
.date-box {
  background: url(images/date.png) no-repeat 1px 3px;
  margin: 0 0 15px 0;
}
/*------------------------- Headings --------------------------*/
section h2,section h3{
  text-align:center; 
  text-transform:capitalize;
}
section h3,section h4,section h5{
  font-weight:bold; 
}
section h2{
  color: var(--high-darkblue); 
}
section h3{
  margin:30px 0 0 0;
}
section h4{
  color:var(--color-offblack); 
  font-size:20px;
  margin: 5px 0;
  font-family: var(--font-poppins);
}
section h5{
  color:var(--color-blue); 
  font-size:24px;
  margin:0 0 10px 0; 
  padding:0;
}
.darkbox{
  padding:3% 0;
}
section .innerlightbox,section .innerdarkbox{
  background-size:100% 100%;
  padding:4.5em 0; 
  color:var(--color-black);
}
.innerdarkbox {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.text-light{
  color:var(--color-white);
}
.content-tc {
    color: var(--color-black);
    font-size: 16px;
    line-height: 1.7;
}
.client_name h3{
  text-align: center;
}
#testimonial .team-image {
  border-radius: 50%; 
  width:110px;
  height:110px;
}
/* --------- Index Page ------- */
.main-page {
  margin-top: 50px;
}
.main-page .box-image {
  margin:0 0 25px 0;
}
.main-page .box-image img,#full-width-blog .postbox{
  width: 100%;
}
/* --------- Blog Page ------- */
#full-width-blog .postbox{
  border: solid 1px rgba(187, 187, 187, 0.12);
  box-shadow: 0px 1px 1px 1px var(--color-offwhite);
}
#full-width-blog .postbox h3,.postbox h3,.read-more-icon{
  text-align: center;
}
#full-width-blog .postbox h3,.postbox h3{
  font-weight:normal;
  font-size:35px;
  margin:15px 0 20px;
}
.blogimg-full img{
  width: 100%;
}
.read-more-icon{  
  margin: -55px 0 0 0;
  z-index: 999;
}
.read-more-icon a:hover{
  opacity: 0.9;
}
.continue-read a {
  color: var(--color-green);
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  border: solid 1px var(--color-offwhite);
  padding: 10px 20px 10px 20px;
  border-radius: 6px; 
  display: block; 
  background: var(--color-white);
}
.continue-read a:hover{
  background: var(--color-green);
  color:var(--color-white);
}
.continue-read {
  margin: -22px auto 0 auto;
  display: table;
}
#content-tc .blog-full-border{
  margin: 40px 0 0 0;
  padding: 0;
  border:none;
  border-bottom: 1px solid var(--color-offwhite);
}
.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}
.post-content-box p {
  padding: 2%;
  line-height: 25px;
  color: #797575;
}
.postbox {
  margin-bottom:39px;
  border: solid 3px var(--color-green);
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
}
.postbox h2{
  margin:0 0 5px; 
  font-weight:bold;
}
.postbox a.blogbutton,.blogbutton-small{
  background:none;
  color:var(--color-white);
  font-size:12px; 
  font-weight:bold; 
  padding:6px 25px;
  display:table;
  text-transform:uppercase;
}
.postbox a.blogbutton {
  border:1px solid var(--color-black); 
  margin:25px 0 0 0;
}
.blogbutton-small{
  border:2px solid var(--color-green); 
  margin:25px 0 5px 0;
}
.blogbutton-small:hover{
	background:var(--color-white);
}
.metabox{
  color:var(--color-black);
  clear:both;
}
.metabox .entry-date{
  background:url('assets/images/date.png') no-repeat;
  margin:0 13px 0 0;
  padding-left: 15px;
}
.metabox .entry-author,.metabox .entry-comments{
  padding: 0 0 0 20px;
}
.metabox .entry-author{
  background:url('assets/images/author.png') no-repeat;
  margin:0 20px 0 0;
}
.metabox .entry-comments{
  background:url('assets/images/comments.png') no-repeat;
}
#content-tc  h5,#content-tc  h6{
  margin:0 0 15px;
  padding:0; 
  font-weight:bold;
  line-height:normal;
}
#content-tc  h5{
  margin:0 0 15px;
  font-size:20px;
}
#content-tc  h6{
  font-size:17px;
}
.post_ctg span {
  float: left;
  margin-right: 7px;
}
.post_ctg ul.post-categories,.post-categories li {
    padding: 0;
}
/* ----------------------- POST---------------------- */
.abt_content{
  padding: 10px;
}
.post-singlepage {
  border: solid 1px var(--color-offwhite);
  box-shadow: 0 0 1px var(--color-offwhite);
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a,.bradcrumbs span{
  color:var(--color-black);
  padding:5px 15px;
}
.bradcrumbs a{
  background:var(--color-offwhite);   
  margin-right:5px;
}
.bradcrumbs a:hover{
  background:var(--color-green);
}
.bradcrumbs span{
  background:var(--color-offwhite); 
}
/*------------- Page -----------------*/
.title-box,.title-box h1{
  font-weight:bold;
}
.title-box{
  color:var(--color-white);
  text-transform:uppercase;    
  text-align:center;
  bottom: 70px;
  position: relative;
  z-index: -1;
}
.title-box img{
  width:100%;
}
.title-box h1 {
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
  font-size: 34px;
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 13%;
}
/*----------content-tc-----------*/
#content-tc .search-field {
    padding: 7px;
    outline: none;
    border: 1px solid var(--color-green);
}
#content-tc h6 {
  margin: 20px 11px 16px 0;
  font:bold 30px var(--font-poppins);
  padding: 0;
  line-height: normal;
}
#content-tc p{
  text-align:justify;
  line-height: 25px; 
  font-size: 16px;
  font-family:var(--font-poppins);
}
#content-tc hr{
  border:none;
  margin:0 0; 
  clear:both;
}
#content-tc h2{
  font:normal 18px var(--font-poppins); 
}
#content-tc h3{
  font:normal 36px var(--font-poppins); 
  margin:0;
  padding:0; 
  color:var(--color-black);
  margin:14px 0 25px; 
}
#content-tc h4{
  font-size:31px; 
  font-weight:bold;
  margin:0;
  padding:0; 
  color:var(--color-darkblue);
  margin:0 0 25px;
  text-align: center;
}
#content-tc ul{
  list-style:none;
  margin:0 0 0 10px; 
  font-size:16px;
}
.middle-align ul li{
  line-height:25px;
}
.middle-align ul li ul li{
  margin-top: 3%;
}
#content-tc #comments ul{
  margin: 0!important;
}
#content-tc ol{
  margin:0 0 0 15px;
  padding:10px 0 0 0; 
  font-size:16px;
}
#content-tc ol li{
  padding:0 0 0 0;
  margin:0 0 20px 0;
}
#content-tc ol li:before {
  color: var(--color-white);
  background: var(--high-darkblue);
  display: inline-block;
  text-align: center;
  margin: 5px 10px;
  line-height: 40px;
  width: 40px;
  height: 40px; 
  font-weight:bold;
  display:none;
}
/*------------------------------- woocommerce css ----------------------------*/
.woocommerce #coupon_code{
  width:auto;
  text-align: center;
}
.woocommerce .quantity .qty, select.orderby{
  border-radius: 0;
}
.woocommerce .quantity .qty{
  height: 32px;
}
h1.woocommerce-products-header__title.page-title,h1.product_title.entry-title {
  font-weight: bold;
  font-family: var(--font-poppins);
  color:var(--color-black);
}
select.orderby {
  padding: 10px;
  margin-bottom: 10px;
}
.woocommerce form .form-row .required,strong.woocommerce-review__author{
  color:var(--color-green);
}
.woocommerce ul.products li.product .price del{
  margin-right: 10px;
  opacity:.9;
}
.woocommerce a.remove:hover,.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background: var(--color-green);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color:var(--color-white);
}
.woocommerce .products .star-rating{
  margin: 10px auto;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  background: var(--color-offwhite);
  text-align: center;
  padding: 18px;
  margin: 0px 1% 2% 1%;
  width: 47%;
  float: none;
  display: inline-block;
}
.woocommerce div.product form.cart {
  margin: 2em 0;
}
.woocommerce div.product form.cart div.quantity {
    float: left;
    margin: 0 15px 0 0;
}
nav.woocommerce-MyAccount-navigation ul li{
  list-style: none;
  border: 1px solid var(--color-green);
  padding: 10px;
  margin: 6px 0;
  box-shadow: 2px 2px var(--color-green);
}
nav.woocommerce-MyAccount-navigation ul li.is-active{
  background-color:  var(--color-green);
  box-shadow: 2px 2px var(--color-offwhite);
}
nav.woocommerce-MyAccount-navigation ul li.is-active a{
  color:var(--color-white);
  letter-spacing: 1px;
  font-weight: bold; 
  font-size: 22px;
}
nav.woocommerce-MyAccount-navigation ul li a{
  font-size: 20px;
}
nav.woocommerce-MyAccount-navigation ul {
  margin: 10px 0 25px 0;
  border: 1px solid var(--color-green);
  padding: 8px;
}
.woocommerce div.product .woocommerce-tabs .panel h2{
  font-family: var(--font-poppins);
  color:var(--color-black);
}
.shop section h2{
  font-family: var(--font-poppins);
  color:var(--color-3black);
  font-weight: bold;
}
.woocommerce div.product .woocommerce-tabs .panel p,.description p {
  color:var(--color-3black);
}
.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{
  background-color: var(--color-white);
  color:var(--color-green);
  border: 2px solid var(--color-green);
}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span,.woocommerce nav.woocommerce-pagination ul li a:focus,.woocommerce nav.woocommerce-pagination ul li a:hover,.woocommerce nav.woocommerce-pagination ul li span.current{
  padding:10px;
}
.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{
  border: 2px solid var(--color-green);
  color:var(--color-white);
  background: var(--color-white);
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product h3{
  color: var(--color-3black);
  font-size: 17px;
  font-family: var(--font-poppins);
  padding-top: 20px;
}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price{
  color:var(--color-white);
  font-weight: bold;
  font-size: 11px;
  margin: 0px -4px;
  text-align: center;
}
.woocommerce ul.products li.product .price:before,.woocommerce div.product p.price:before{
  content: "";
  width: 0;
  height: 0;
  border-top: 17px solid var(--color-green);
  border-left: 11px solid transparent;
  position: relative;
  left: -9px;
}
.woocommerce ul.products li.product .price:before{
  bottom: -36px;
}
.woocommerce div.product p.price:before{
  bottom: -35px;
}
.woocommerce div.product p.price{
  background-color: var(--color-green);
  position: absolute;
  top: 0;
  left: -7px;
  padding: 5px 9px;
  display: -webkit-box;
}
.woocommerce-product-details__short-description p {
  color: rgb(152,152,152);
  font-size: 16px;
}
.woocommerce ul.products li.product .price{
  background-color: var(--color-green);
  position: absolute;
  top: 0;
  left: -6px;
  padding: 5px 9px;
  display: -webkit-box;
}
.woocommerce .woocommerce-breadcrumb {
  margin: 2em 0;
  font-size: 16px;
  color: var(--color-darkblue);
}
.woocommerce span.onsale{
  background-color: var(--color-green);
}
.woocommerce .product_type_simple{
  border: 2px solid var(--color-green) !important;
}
#our_blog{
  text-align: center;
}
.category-page h4{
  text-align: left !important;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
    max-width: 100%
}
.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2  {
max-width: 100%;
}
span.woocommerce-input-wrapper {
    width: 100%;
}
/* ---------- Return to Top ------------ */
#return-to-top {
  position: fixed;
  bottom: 50px;
  right: 20px;
  background-color: var(--color-green);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99;
}
#return-to-top i {
  color: var(--color-white);
  position: relative;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 3px 18px;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
  color: var(--color-white);
  top: 5px;
}
#return-to-top.left{
   left: 10px;
   right: auto;
}
#return-to-top.center{
   left: 50%;
   right: 50%;
}
#return-to-top.right{
   left: auto;
   right: 5%;
}
/* ----------- Spinner ------------- */
.spinner-loading-box{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-green);
  cursor: pointer;
  z-index: 9999;
}
.spinner-loading-box .lds-hourglass {
  display: inline-block;
  position: absolute;
  width: 80px;
  height: 80px;
  top: 50%;
  left:50%;
  transform: translateX(-50%);
}
.spinner-loading-box .lds-hourglass:after {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 0;
  height: 0;
  margin: 8px;
  box-sizing: border-box;
  border: 32px solid var(--color-white);
  border-color: var(--color-white) transparent var(--color-white) transparent;
  animation: lds-hourglass 1.2s infinite;
}
@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}