/*
Theme Name: Pet Food Shop
Theme URI: https://www.buywpthemes.net/products/free-pet-food-wordpress-theme
Author: Peccular
Author URI: https://www.buywpthemes.net/
Description: Pet Food Shop is an extremely attractive WordPress theme for all types of veterinary food shops. It has a modern, classy and elegant design with sophisticated homepage layouts and minimalistic user interface. It is a customizable website theme with which you can create your pet food website in a personalized way with the easy customization features available with the theme. It has got all the necessary sections where you can put your content and images and showcase your products and services in the most effective way on your website. The theme uses the Bootstrap Framework which makes the website responsive and lightweight and renders faster page loading. You can change the colours, add images, logos and add content about your products, list of pet categories and services that perfectly define the true nature of your business and services. The theme is made SEO friendly that helps you attract more visitors and customers by showing your website in the top results of search engines whenever someone searches for words related to the products and services that you provide. Also the theme is made cross browser compatible that supports all browsers, devices and screens so that your visitors can browse through your website effortlessly and conveniently across different devices.
Version: 0.3.2
Tested up to: 5.8
Requires PHP: 5.6
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: pet-food-shop
Slug: pet-food-shop
Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, blog, grid-layout, portfolio, photography

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/
 

.waves {
    position: absolute;
    width: 100%;
    height: 31vh;
    margin-bottom: -7px;
    min-height: 100px;
    max-height: 150px;
    bottom: 0;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
}
.recentcomments a {
    display: inline-block !important;
    padding-left: 18px !important;
    margin: 0 !important;
}
.slider-img-overlay {
    position: absolute;
    left: 0;
    right: 52.5%;
    top: 0;
    bottom: 0;
    background: #161415;
    opacity: 1;
    clip-path: polygon(0 0, 67% 0, 100% 100%, 0% 100%);
}
.slider-img-overlay-outer {
    position: absolute;
    left: 0;
    right: 50%;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 1;
    clip-path: polygon(0 0, 68% 0, 100% 100%, 0% 100%);
}
@media (max-width: 991px) {
.slider-img-overlay-outer {
    right: 35%;
}
.slider-img-overlay {
    right: 38.5%;
}

}
/*******************/
  /*New Arrival*/
/********************/
section#newarrival-section {
    position: relative;
    overflow: visible;
    top: 7em;
    padding-bottom: 7em;
        background: #ffcd08;
}
section#newarrival-section a {
    text-decoration: none !important;
}

section#newarrival-section svg {
    position: absolute;
    top: -177px;
    z-index: 0;
}
section#newarrival-section .newarrival-posts-box {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
section#newarrival-section .section-subtitle.inner-area-title h2 {
    font-weight: 700;
    font-size: 40px;
        line-height: 34px;
        color: #000;
}
section#newarrival-section .justify-content-center {
    padding-bottom: 40px;
}
section#newarrival-section .pcontent h3 {
    text-decoration: none;
    color: #000;
    font-size: 22px;
}

section#newarrival-section .productcontent-wrap {
    text-align: center;
        padding-top: 10px;
        line-height: 40px;
}
section#newarrival-section img.newarrival-imgboxshape {
    width: 100%;
    height: 280px;
    transition: transform .5s ease;
}
section#newarrival-section .product-image-thumb {
    padding: 8px 6px 7px;
    background: #fff;
    overflow: hidden;
    z-index: 10;
    position: relative;
    -webkit-mask-image: url(assets/images/Rectangle.png);
    mask-image: url(assets/images/Rectangle.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
}

section#newarrival-section .newarrival-imgboxshape{
    -webkit-mask-image: url(assets/images/Rectangle.png);
    mask-image: url(assets/images/Rectangle.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
  }
  section#newarrival-section  i.fa.fa-window-minimize {
    color: #000;
    font-size: 3px;
    margin-right: 15px;
    margin-top: 0px;
    padding: 0 61px;
    background: #000;
    border-radius: 0px;
    margin-left: 21px;
}
  section#newarrival-section i.fa.fa-paw {
    background: none;
    border-radius: 0;
    font-family: 'FontAwesome';
    position: relative;
    bottom: -11px;
    font-size: 17px;
    color: #fe0101;
}
  section#newarrival-section span i.fa.fa-paw {
    background: none;
    border-radius: 0;
    font-family: 'FontAwesome';
    position: relative;
    bottom: -1px;
    font-size: 17px;
    color: #fe0101;
  }
   section#newarrival-section del bdi {
    color: #858383;
}
section#newarrival-section ins bdi {
    color: #fd0101;
}
section#newarrival-section a.more-button {
    background: #fff;
    border-radius: 20px;
    padding: 6px 15px;
    color: #000;
    font-size: 18px;
    font-weight: 500;
}
section#newarrival-section a.more-button:hover{
  background: #fd0101;
  color: #fff;
  border-color: #a99a9a;
}
section#newarrival-section a.more-button i.fa.fa-shopping-cart {
    margin-left: 8px;
}
section#newarrival-section img.newarrival-imgprint {
    width: 100%;
    position: absolute;
    z-index: 0;
    top: -148px;
}

img.slider-imgprint {
    width: 100%;
    right: -49px;
    position: absolute;
    z-index: 1;
}
img.slider-imgcat {
    height: 24%;
    position: absolute;
    width: 22%;
    top: 12%;
    right: 0;
    z-index: 1;
}
section.hero-slider.hero-style .sliderimgshape1 {
    text-align: center;
    padding: 24px 12px 28px;
    border-radius: 0px;
    background: #fff;
    margin: 0 0 0 0px !important;
    width: 564px;
    height: 575px;
    overflow: hidden;
    left: 61px;
    top: 141px;
    z-index: 10;
    position: relative;
    box-shadow: 0 0 5px 10px #000;
    -webkit-mask-image: url(assets/images/Rectangle.png);
    mask-image: url(assets/images/Rectangle.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
}
.slider-area img.slide-mainimg.slidershape1{
    -webkit-mask-image: url(assets/images/Rectangle.png);
    mask-image: url(assets/images/Rectangle.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
}

@media (min-width: 320px) and (max-width: 768px){
  .main-header .navbar-menubar {
    top: -75px;
    right: 30px;
}
header.site-header .myacc{
  display: none;
}
section#newarrival-section img.newarrival-imgprint{
  display: none;
}
}
@media (min-width: 320px) and (max-width: 475px){
.slidersvg1 {
    position: absolute;
    left: 152px;
    top: 0;
}
header.site-header a.h-cart {
    top: -16px;
    right: 68px;
    position: absolute;
}
#featured-product-section .padding-right {
    padding: 0;
}
#featured-product-section .item {
     padding-right: 13px; 
}
section#newarrival-section .item {
    margin-left: 15px;
}
section.hero-slider.hero-style .sliderimgshape1{
    width: 198px;
    height: 528px;
    top: -71px;
    left: 71px;
    padding: 0;
    display: none;
}
.hero-style a.ReadMore {
    background: #ffffff !important;
}
.main .header-svg2 svg {
    top: 69px;
}
.main svg {
    top: 62px;
}
.hero-style .slide-btns {
 float: none;
 right: 0;
}
.slider-area .container.slidercontent {
    top: 15%;
    left: -84px !important;
    width: 60%;
}
section#newarrival-section svg {
    top: -70px;
}
}
@media (min-width: 320px) and (max-width: 992px){
  header.site-header .myacc {
    display: none;
}
}
@media (min-width: 768px) and (max-width: 992px){
.slider-area .slidersvg2 {
    top: -130px;
    right: -164px;
}
.main-header .navbar .navbar-toggler {
    right: -140px;
    top: -22px;
}
section#newarrival-section svg {
    top: -161px;
}
}

@media (min-width: 768px) and (max-width: 881px){
    .main-header .navbar .navbar-toggler {
        right: -200px;
        top: 60px;
    }
}

@media (min-width: 768px) and (max-width: 1024px){
  #featured-product-section .right-cont h1 {
    font-size: 31px;
    line-height: 34px;
    padding: 18px 4px 28px;
}
#featured-product-section .right-cont h2 {
    font-size: 37px;
    line-height: 36px;
    padding: 0;
    margin-top: -22px;
}
#featured-product-section .right-cont h4 {
    padding: 0;
    margin-top: -21px;
}
section.hero-slider.hero-style .sliderimgshape1 {
    width: 348px;
    height: 579px;
    left: 72px;
    top: 10px;
}
.slider-area .container.slidercontent {
    padding: 0 325px 0 0;
    left: 277px !important;
}
.hero-style .slide-title h2 {
    font-size: 40px;
}
}
@media (min-width: 1024px) and (max-width: 1200px){
  #featured-product-section .right-cont h1 {
    padding: 12px 23px 40px;
}
#featured-product-section .right-cont h2 {
    line-height: 45px;
    padding: 0 23px 12px;
    margin-top: -19px;
}
#featured-product-section .right-cont h4 {
    padding: 0 38px 0 30px;
    margin-top: -21px;
}
.slider-area .container.slidercontent {
    padding: 0 304px 0 0;
    left: 307px;
}
section.hero-slider.hero-style .sliderimgshape1 {
    width: 428px;
    left: 61px;
}
header.site-header a.myaccount {
    right: 7px;
}
header.site-header .menus {
    margin-left: -22px;
}
}
@media (min-width: 768px) and (max-width: 1025px){
  .main .header-svg2 svg {
    top: 32px;
}
.main svg {
    top: 24px;
}
header.site-header .h-cart span {
    top: -44px;
    right: -60%;
}
}
@media (min-width: 992px) and (max-width: 1024px){
header.site-header a.myaccount {
    right: 42px;
}
header.site-header .menus {
    margin-left: -72px;
}
}