/*
Theme Name: Four Your Paws Only
Author: Praveen Chakravadhanula
Author URI: 
Description: Responsive Theme made for Four Your Paws Only
Version: 0.0.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: FYPO
*/

/****************************************
* #### 0> ROOT & FONT STYLES
*****************************************/
:root{
  --pc-space: 3rem;
  --pc-white:hsla(0, 100%, 100%, 1);
  --pc-black:hsla(0, 0%, 0%, 1);
  --pc-color-primary:hsla(217, 17%, 15%, 1);
  --pc-color-secondary:hsla(16, 88%, 56%, 1);
  --pc-color-alt: hsla(338, 63%, 25%, 1);
  --pc-color-lite:hsl(37, 38%, 88%);
  --pc-lite-grey:hsla(0, 0%, 96%, 1);
  --pc-dark-grey:hsla(0, 0%, 61%, 1);
  --pc-shaded-grey:hsl(0, 0%, 69%);
  --pc-color-dark:hsla(0, 0%, 16%, 1);
  --pc-body-backgrund:hsl(60,100%,100%);
  --pc-color-yellow: hsla(36, 86%, 58%, 1);
  --pc-color-lite-yellow:hsla(36, 97%, 61%, 1);
  --pc-color-link:hsl(30, 72%, 28%);
  --pc-color-brown:hsl(30, 87.23%, 36.86%);
  --pc-maxWidth: 120rem;
  --pc-content-mw:85rem;
  --pc-m-auto: auto;
  --pc-p0:0;
  --pc-p05:0.5rem;
  --pc-p1:1rem;
  --pc-p2:2rem;
  --pc-p3:3rem;
  --pc-p4:4rem;
  --pc-gutter:2rem;
  --pc-font-size: 1rem;
  --pc-font-s:0.9rem;
  --pc-font-md: 1.2rem;
  --pc-font-l: 1.125rem;
  --pc-font-xl: 1.5rem;
  --pc-fw-bold: 600;
  --pc-error: hsla(0, 69%, 53%, 1);
  --pc-success: hsla(113, 81%, 44%, 1);
  --pc-line-height-reset:1;
  --pc-font-family:Georgia, serif;
  --pc-font-montserrat-alt: 'Montserrat Alternates', sans-serif;
  --pc-font-dyna: 'Lilita One', cursive;
  --pc-font-shadows: 'Shadows Into Light', cursive;
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
  --pc-none: none;
  --pc-column: column;
  --pc-col-reverse: column-reverse;
  --pc-row:row;
  --pc-row-reverse:row-reverse;
  --pc-flex:flex;
  --pc-grid:grid;
  --pc-center:center;
  --pc-left:left;
  --pc-right:right;
  --pc-shadow:0 1px 6px 0 hsl(0, 0%, 0%, 20%);
  --pc-rounded:6px;
  --pc-pill:2em;
  --pc-regular:0;
  --pc-100:100%;
  --pc-50:50%;
  --pc-33:33%;
  --pc-25:25%;
  --pc-radius:20px;
  --focus:hsl(30, 87.23%, 36.86%);

  /** general styles **/
  --pc-body-link-color: var(--pc-color-link);
  --pc-body-link-hover-color: var(--pc-color-secondary);
  --pc-h1-color: var(--pc-color-alt);
  --pc-h2-color: var(--pc-color-alt);
  --pc-h3h4-color: var(--pc-color-alt);
  --pc-heading-font-type: var(--pc-font-montserrat-alt);
  --pc-footer-bg: var(--pc-color-dark);
  --pc-footer-font-color:var(--pc-white);
  --pc-footer-heading-color: var(--pc-white);
  --pc-footer-link-color: var(--pc-color-primary);
  --pc-footer-link-hover-color: var(--pc-black);
  --pc-icon-bg-color:var(--pc-color-primary);
  --pc-icon-bg-hover-color: var(--pc-color-secondary);
  --pc-mob-head-bg-color: var(--pc-lite-grey);
  --pc-mob-sticky-head-bg-color: var(--pc-lite-grey);
  --pc-mob-menu-icon-color: var(--pc-color-primary);
  --pc-mob-menu-bg: var(--pc-lite-grey);
  --pc-mob-menu-link-color: var(--pc-color-primary);
  --pc-mob-menu-content-color: var(--pc-black);
  --page-heading-bg-color: var(--pc-lite-grey);
  --page-heading-font-color:inherit;
  --page-heading-desc-color:inherit;
  --page-heading-font-size:var(--pc-p2);

  /** button colors and fonts */
  --pc-btn-primary-color:var(--pc-color-brown);
  --pc-btn-secondary-color: var(--pc-black);
  --pc-btn-font-color:var(--pc-white);
  --pc-btn-font-color-hover:var(--pc-black);
  --pc-btn-shape:var(--pc-rounded);
  --pc-btn-border-width:1px;
  --pc-btn-border-color:inherit;
  --pc-btn-border-style:solid;

  /** header styles **/
  --pc-top-bar-bg:var(--pc-dark-grey);
  --pc-top-bar-font-color:var(--pc-color-primary);
  --pc-top-bar-font-hover-color:var(--pc-black);
  --pc-header-bg:var(--pc-color-dark);
  --pc-header-font-color:var(--pc-white);
  --pc-header-font-hover-color: var(--pc-lite-grey);
  --pc-menu-bg-color: inherit;
  --pc-header-menu-color:inherit;
  --pc-header-menu-hover-color: inherit;
  --pc-submenu-bg-color:inherit;
  --pc-submenu-color:inherit;
  --pc-submenu-hover-color:inherit;
}
/****************************************
* #### 1> Normalize & reset
*****************************************/
/* Reset stylesheet */
*, *::before, *::after {
  box-sizing: border-box;
}
* {
  margin: 0;
}
html, body {
  height: 100%;
}
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}
img,video{
  height:var(--pc-m-auto);
  border-style: none;
}
input, button, textarea, select {
  font: inherit;
}
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}
:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 0.2rem;
}
main:focus,
main:focus-visible{
  outline: none;
}
a {
  color: currentColor;
}
::-webkit-input-placeholder {
  color: #a3a3a3;
}

:-moz-placeholder {
  color: #a3a3a3;
  opacity: 1;
}

::-moz-placeholder {
  color: #a3a3a3;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #a3a3a3;
}

*{
  scrollbar-color:hsla(36, 86%, 58%, 1) hsla(0, 0%, 61%, 1);
}
::-webkit-scrollbar{
  background-color: hsla(0, 0%, 61%, 1);
}
::-webkit-scrollbar-thumb{
  background: hsla(36, 86%, 58%, 1);
}
@media(prefers-reduced-motion:reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}
/****************************************
* #### 1> Global Styles
*****************************************/
body{
  background-color:var( --pc-body-backgrund);
  line-height: 1.7;
  font-size:var(--pc-font-size);
  color:var(--pc-black);
  font-family:var(--pc-font-montserrat-alt);
  margin: 0 auto;
  padding:0;
  max-width: var(--pc-maxWidth);
  font-weight:500;
}
.pc-fl{
  display:-webkit-box;
  display:-ms-flexbox;
  display:var(--pc-flex);
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-direction:row;
  flex-direction:var(--pc-row);
}
.pc-fl-rrow{
  -webkit-box-direction:reverse;
  -ms-flex-direction:row-reverse;
  flex-direction:var(--pc-row-reverse);
}
.pc-fl-col{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:var(--pc-column);
}
.pc-fl-rcol{
  -webkit-box-direction:reverse;
  -ms-flex-direction:column-reverse;
  flex-direction:var(--pc-col-reverse);
}
.pc-c-12{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.pc-c-11{-webkit-box-flex: 0;-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width:91.666667%;}
.pc-c-10{-webkit-box-flex: 0;-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width:83.333333%;}
.pc-c-9{-webkit-box-flex: 0;-ms-flex: 0 0 75%;flex: 0 0 75%;max-width:75%;}
.pc-c-8{-webkit-box-flex: 0;-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width:66.666667%;}
.pc-c-7{-webkit-box-flex: 0;-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width:58.333333%;}
.pc-c-6{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width:50%;}
.pc-c-5{-webkit-box-flex: 0;-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width:41.666667%;}
.pc-c-4{-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width:33.333333%;}
.pc-c-3{-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width:25%;}
.pc-c-2{-webkit-box-flex: 0;-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width:16.666667%;}
.pc-c-1{-webkit-box-flex: 0;-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width:8.333333%;}
.pc-cc-8{-webkit-box-flex: 0;-ms-flex: 0 0 80%;flex: 0 0 80%;max-width:80%;}
.pc-cc-2{-webkit-box-flex: 0;-ms-flex: 0 0 20%;flex: 0 0 20%;max-width:20%;}
.pc-c-auto{-webkit-box-flex: 0;-ms-flex: 1 1 auto;flex: 1 1 auto;max-width: 100%;}
.pc-fw{flex-wrap:wrap;}
.pc-fnw{flex-wrap: nowrap;}
.pc-jcen{-webkit-box-pack: var(--pc-center);-ms-flex-pack:center;justify-content:  var(--pc-center);}
.pc-jeven{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}
.pc-jrnd{-webkit-box-pack:space-around;-ms-flex-pack:space-around;justify-content:space-around}
.pc-jbtw{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.pc-jend{-webkit-box-pack:end;-ms-flex-pack:end;justify-content: end;}
.pc-jstart{-webkit-box-pack:start;-ms-flex-pack:start;justify-content: start;}
.pc-aic{-webkit-box-align: var(--pc-center);-ms-flex-align:center;align-items: var(--pc-center)}
.pc-aib{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
.is-ie .pc-jeven{-ms-flex-pack:space-around;justify-content:space-around}
.pc-gap{gap: var(--pc-gutter);}
.pc-col-gap{column-gap: var(--pc-p1)}
.pc-col-gap-sm{column-gap:10px;}
.pc-row-gap{row-gap: var(--pc-p1)}
.pc-trow{display:table;table-layout: fixed;}
.pc-tbl{display:table;}
.pc-tr{display: table-row;}
.pc-tcol,pc-tcol{display:table-cell;}
.pc-tr.pc-tr-head .pc-tcol{
  font-weight:600;
  text-transform: uppercase;
  background: var(--pc-color-primary);
  color:var(--pc-white);
}
.pc-tr:nth-child(2n+1){background:#efeeee;}
.pc-vam{vertical-align:middle;}
.pc-vat{vertical-align:top;}

.pc-col-auto{ -webkit-columns: auto 9rem;-moz-columns: auto 9rem;columns: auto 9rem;}
.pc-col-6{-webkit-column-count: 6;-moz-column-count:6;column-count: 6;}
.pc-col-5{-webkit-column-count: 5;-moz-column-count:5;column-count: 5;}
.pc-col-4{-moz-column-count: 4;-webkit-column-count: 4;column-count: 4;}
.pc-col-3{-moz-column-count: 3;-webkit-column-count: 3;column-count: 3;}
.pc-col-2{-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;}
.pc-col-1{-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;}
.pc-w10{width:10%}
.pc-w15{width:15%}
.pc-w35{width:35%}
.pc-w60{width:60%}
.pc-w40{width:40%}
.pc-w65{width:65%}
.pc-w70{width:70%}
.pc-w85{width:85%}
.pc-w90{width:90%}
.pc-w100{width: var(--pc-100);}
.t-main-content-element,.pc-m12{max-width:var(--pc-content-mw)}
.pc-m100{max-width: var(--pc-100);}
.pc-m96{max-width:960px}
.pc-m50{max-width: 50%;}
.pc-mw12{max-width:1290px}
.pc-m100{max-width: 100%;}

.pc-grid{
  display:var(--pc-grid);
  grid-template-columns:repeat(12, 1fr);
  grid-gap:var(--pc-p05);
}
.pc-grid .pc-g-12{grid-column:span 12}
.pc-grid .pc-g-11{grid-column:span 11}
.pc-grid .pc-g-10{grid-column:span 10}
.pc-grid .pc-g-9{grid-column:span 9}
.pc-grid .pc-g-8{grid-column:span 8}
.pc-grid .pc-g-7{grid-column:span 7}
.pc-grid .pc-g-6{grid-column:span 6}
.pc-grid .pc-g-5{grid-column:span 5}
.pc-grid .pc-g-4{grid-column:span 4}
.pc-grid .pc-g-3{grid-column:span 3}
.pc-grid .pc-g-2{grid-column:span 2}
.pc-grid .pc-g-1{grid-column:span 1}

.pc-ca{text-align: var(--pc-center);}
.pc-la{text-align: var(--pc-left);}
.pc-ra{text-align: var(--pc-right);}
.pc-ul{text-decoration: underline;}
.pc-n-ul{text-decoration: var(--pc-none);}
.pc-bold{font-weight: var(--pc-fw-bold);}

.pc-fix{position: fixed;}
.pc-rel{position: relative;}
.pc-stk{position: sticky;}
.pc-abs{position:absolute;}
.pc-lc{text-transform: lowercase;}
.pc-uc{text-transform: uppercase;}
.pc-pc{text-transform: capitalize;}
.pc-bck{display:block}
.pc-iblock{display:inline-block;}
.required{color:var(--pc-error)}
.pc-hide{display:var(--pc-none)}
.x-messages--warning{
  border: 1px solid var(--pc-error);
  background:#fbe3e3;
  color:var(--pc-black);
}
.pc-p0{
  padding:var(--pc-p0);
}
.pc-p0-l{
  padding-left:var(--pc-p0);
}
.pc-p0-r{
  padding-right:var(--pc-p0);
}
.pc-p0-t{
  padding-top:var(--pc-p0);
}
.pc-p0-b{
  padding-bottom:var(--pc-p0);
}
.pc-p05{
  padding:var(--pc-p05);
}
.pc-p05-l{
  padding-left:var(--pc-p05);
}
.pc-p05-r{
  padding-right:var(--pc-p05);
}
.pc-p05-t{
  padding-top:var(--pc-p05);
}
.pc-p05-b{
  padding-bottom:var(--pc-p05);
}
.pc-p1{
  padding:var(--pc-p1);
}
.pc-p1-l{
  padding-left:var(--pc-p1);
}
.pc-p1-r{
  padding-right:var(--pc-p1);
}
.pc-p1-t{
  padding-top:var(--pc-p1);
}
.pc-p1-b{
  padding-bottom:var(--pc-p1);
}
.pc-p2{
  padding:var(--pc-p2);
}
.pc-p2-l{
  padding-left:var(--pc-p2);
}
.pc-p2-r{
  padding-right:var(--pc-p2);
}
.pc-p2-t{
  padding-top:var(--pc-p2);
}
.pc-p2-b{
  padding-bottom:var(--pc-p2);
}
.pc-p3{
  padding:var(--pc-p3);
}
.pc-p3-l{
  padding-left:var(--pc-p3);
}
.pc-p3-r{
  padding-right:var(--pc-p3);
}
.pc-p3-t{
  padding-top:var(--pc-p3);
}
.pc-p3-b{
  padding-bottom:var(--pc-p3);
}
.pc-p4-t{
  padding-top:var(--pc-p4);
}
.pc-p4-b{
  padding-bottom:var(--pc-p4);
}
.pc-p4-l{
  padding-left:var(--pc-p4);
}
.pc-p4-r{
  padding-right:var(--pc-p4);
}
.pc-m0-t{
  margin-top:var(--pc-p0);
}
.pc-m0-b{
  margin-bottom:var(--pc-p0);
}
.pc-m05-l{
  margin-left:var(--pc-p0);
}
.pc-m05-r{
  margin-right:var(--pc-p0);
}
.pc-m05{
  margin:var(--pc-p05);
}
.pc-m05-l{
  margin-left:var(--pc-p05);
}
.pc-m05-r{
  margin-right:var(--pc-p05);
}
.pc-m05-t{
  margin-top:var(--pc-p05);
}
.pc-m05-b{
  margin-bottom:var(--pc-p05);
}
.pc-m1{
  margin:var(--pc-p1);
}
.pc-m1-l{
  margin-left:var(--pc-p1);
}
.pc-m1-r{
  margin-right:var(--pc-p1);
}
.pc-m1-t{
  margin-top:var(--pc-p1);
}
.pc-m1-b{
  margin-bottom:var(--pc-p1);
}
.pc-m2{
  margin:var(--pc-p2);
}
.pc-m2-l{
  margin-left:var(--pc-p2);
}
.pc-m2-r{
  margin-right:var(--pc-p2);
}
.pc-m2-t{
  margin-top:var(--pc-p2);
}
.pc-m2-b{
  margin-bottom:var(--pc-p2);
}
.pc-m3{
  margin:var(--pc-p3);
}
.pc-m3-l{
  margin-left:var(--pc-p3);
}
.pc-m3-r{
  margin-right:var(--pc-p3);
}
.pc-m3-t{
  margin-top:var(--pc-p3);
}
.pc-m3-b{
  margin-bottom:var(--pc-p3);
}
.pc-m-l{
  margin-left:var(--pc-m-auto)
}
.pc-m-r{
  margin-right:var(--pc-m-auto)
}
.pc-m-lr{
  margin-left:var(--pc-m-auto);
  margin-right:var(--pc-m-auto);
}
.pc-container{
  margin-left:auto;
  margin-right:auto;
  box-sizing: border-box;
}
p{
  margin-bottom: 0.9em;
}
p.hdesc{
  color:var(--pc-body-font-color);
  margin-bottom: 0.2rem;
}
ul,ol{
  padding-left:1.5rem;
}
.noul{
  list-style: none;
  padding:var(--pc-p0);
  margin:var(--pc-p0);
}
pc-content ul li{
  margin-bottom: var(--pc-p05);
}
a{
  color:var(--pc-body-link-color);
  text-decoration: var(--pc-none);
    cursor: pointer;
    background-color: transparent;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
}
a:hover,a:focus{
  color:var(--pc-body-link-hover-color);
  text-decoration: underline;
}
h1,h2,h3,h4,h5,h6{
  margin: 0 0 .2em;
  line-height: 1.5;
  font-family: var(--pc-font-dyna);
  letter-spacing:0.02rem;
}
h1 a, h2 a, h3 a, h4 a h5 a{
  text-decoration:none;
}
h1, h1 > a{
  font-size:var(--pc-p2);
  color:var(--pc-h1-color);
}
h2, h2 > a{
  font-size:1.75rem;
  color:var(--pc-h2-color);
}
h2.pc-sec-title{
  font-size:2.5rem;
  text-decoration: underline;
  color:var(--pc-color-primary);
  padding-bottom:var(--pc-p1);
  text-align: var(--pc-center);
}

h3, h3 > a,
h4, h4 > a{
  font-size:1.5rem;
  color:var(--pc-h3h4-color);
}
h5{
  font-size:1rem;
}
h6{
  font-size:0.9rem
}
svg{
  max-width:30px;
  max-height:30px;
  height:auto;
  fill:var(--pc-color-secondary);
  overflow: visible;
}
svg:hover,
.ul-head-icons svg:hover{
  fill:var(--pc-color-yellow);
}

/* icons styles */
.pc-svg-call{
  fill-rule:evenodd;
}
.pc-mob,pc-mobile{
  display:var(--pc-none);
}

.pc-sec-header{
  background-size:cover;
  background-position: center;
  background-repeat:no-repeat;
  min-height: 550px;
  height:auto
}
.pc-sec-header .pc-gb-head{
  background:rgba(0,0,0,0.4);
}
.pc-header{
  background: var(--pc-color-alt);
  min-height: 100px;
}
pc-titles{
  background: var(--pc-color-alt);
}
pc-titles > h1,
pc-titles > p{
  color:var(--pc-color-lite);
}
#sticky-site-nav{
  position: fixed;
  top:0;
  width:100%;
  z-index: 1;
}
#sticky-site-nav.smaller{
  z-index: 12;
  padding:0;
  -webkit-box-shadow: 0 1px 15px rgba(89, 93, 92, 0.7);
  box-shadow: 0 1px 15px rgba(89, 93, 92, 0.7);
  background:var(--pc-color-alt);
}
#sticky-site-nav.smaller pc-titles,
.t-page-ordl pc-titles,
.t-page-ocst pc-titles,
.t-page-opay pc-titles,
.t-page-osel pc-titles{
  display:var(--pc-none);
}
#sticky-site-nav.non-sticky{
  position: relative;
}
.pc-logo img{
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  width: calc(600px/3);
}
#sticky-site-nav.non-sticky .pc-logo{
  padding-left:var(--pc-p1);
}
#sticky-site-nav.non-sticky .pc-logo img{
  width:140px;
}
.pc-menu .c-navigation__link{
  color:var(--pc-white);
  font-weight:var(--pc-fw-bold);
}
.pc-sub-menu .c-navigation__link{
  color:var(--pc-color-alt);
}

.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;
}
pc-site-container::before{
  content: '';
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  visibility: visible;
  opacity: 0;
  transition: opacity 0.2s ease-in;
  z-index:1;
}
.pc-overlay pc-site-container::before{
  opacity: 0.7;
}
.pc-chk-widget:first-child{
  background-color: var(--pc-white);
}
.pc-chk-widget a{
  color:var(--pc-body-link-color);
}
.pc-chk-widget svg{
  fill:var(--pc-body-link-color);
   padding-right:var(--pc-p05);
}
/**************************
* #### MAIN MENU STYLING
****************************/
.menu-dropdown-icon > a:after{
  content:"\25BC";
  font-size: 12px;
  padding-left: 3px;
}
.menu > li.menu-dropdown-icon > a + ul:not(.sub-menu.normal-sub) > li > a{
  font-weight: 600;
  font-size: 1.4em;
  color: #00a4e4;
}
li.menu-dropdown-icon li.mega-col > a{
  color: var(--pc-submenu-color);
  padding-left:0.5em;
  text-transform: uppercase;
  font-weight: 600
}
li.menu-dropdown-icon li.mega-col li{
  padding:0.3em 0
}

@keyframes fadeInUp {
  from {
    opacity:0;
    transform:translate3d(0,20px,0)
  }
  to {
    opacity:1;
    transform:translate3d(0,0,0)
  }
}
@-webkit-keyframes fadeInUp {
  from {
    transform:translate3d(0,0,0)
  }
  to {
    transform:translate3d(0,0,0);
    opacity:1
  }
}

ul.menu{
  padding-left:0;
  list-style: none;
}

:is(#pc_main_menu) ul{
  list-style: var(--pc-none);
  padding:var(--pc-p0);
}

ul.pc-nav {
  display: var(--pc-flex);
  width: var(--pc-m-auto);
  position: relative;
}
.pc-nav a {
  display:block;
  text-decoration: none;
}

pc-mitem svg,
pc-mitem-name{
  display:inline-block;
  vertical-align: middle;
}
pc-mitem pc-mitem-name{
  padding-left:5px;
}
.pc-nav > li > a {
  padding: 4px 10px;
  color:var(--pc-white)
}

.pc-nav > li {
  position: relative;
}

.pc-nav > li > ul {
  position: absolute;
  top: 100%;
  left: 0;
  display:none;
  -webkit-transition:400ms;
  -moz-transition:400ms;
  transition:400ms;
  width:300px;
}
.pc-nav > li:not(.pc-mshop-nav) > ul{
  background: hsl(37, 38%, 88%);
  box-shadow:0 12px 20px 0 rgba(0,0,0,.09);
}
.pc-nav > li:not(.pc-mshop-nav) > ul > li{
  border-bottom:1px dashed hsl(37, 20.57%, 76.21%);
  -webkit-animation:fadeInUp .5s;
  animation:fadeInUp .5s
}
.pc-nav > li > ul > li > a {
  padding: 0.5rem 0.5rem;
  color:var(--pc-color-alt);
  font-size:0.9rem;
}

.pc-nav > li > ul > li > a:hover {
  color: var(--pc-color-secondary);
}

.pc-nav > li:hover > ul {
  display:block;
  transform: translateY(0px);
  transition: all 300ms ease-in-out;
}
.pc-nav li.pc-mshop-nav:hover::after{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 65%;
  height: 100%;
}

.pc-nav .pc-mshop-nav {
  position: static;
}

.pc-nav .pc-mshop-nav > ul {
  min-height: 500px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 1;
}

.pc-nav .pc-mshop-nav > ul > li {
  width: 30%;
  width:35%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }

.pc-nav .pc-mshop-nav > ul > li > a {
  background: hsl(37, 38%, 88%);
  display:var(--pc-flex);
}

.pc-nav .pc-mshop-nav > ul > li > ul {
  display: none;
  position: absolute;
  top: 0;
  left: 35%;
  width:75%;
  width: 70%;
  background:#f5f5f5;
}

.pc-nav .pc-mshop-nav > ul > li.pc-mshow > ul {
  display: var(--pc-flex);
  flex-wrap: wrap;
  height:var(--pc-100);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  align-content: flex-start;
}

.pc-nav .pc-mshop-nav > ul > li > ul > li {
  display: block;
  width: 100%;
  float: left;
}

.pc-nav .pc-mshop-nav > ul > li > ul > li.pc-mlevel-3 {
  width: 48%;
  padding: 0.5rem;
}

.pc-nav .pc-mshop-nav > ul > li > ul > li > a {
  font-weight: bold;
  padding: 0.5rem;
  font-size:0.9rem;
 }

 .pc-nav .pc-mshop-nav li.pc-see-all > a{
   background-color: var(--pc-color-yellow);
   color:var(--pc-black);
   padding:0.5rem 0.7rem;
 }


#sticky-site-nav.smaller .pc-container{
  padding:0;
}
#sticky-site-nav.smaller .pc-logo img{
  transform: scale(0.85);
  width:140px;
}
#sticky-site-nav.smaller .pc-h-btns a {
  font-size:0.9rem;
}
#sticky-site-nav.smaller #pc-menu > ul{
  width:auto;
}
.ul-head-icons svg{
 max-width: 25px;
 max-height:25px;
 fill:var(--pc-white);
}
.t-site-header__basket-link > span{
  text-align:var(--pc-center);
  color:var(--pc-black);
  background:var(--pc-color-yellow);
  width:20px;
  height:20px;
  border-radius:var(--pc-50);
  font-size:13px;
  top:-8px;
  right:-10px;
}

/*********************************
* #### > MOBILE HEADER STYLING
**********************************/
#pc-mb{
  background-color: var(--pc-mob-head-bg-color);
}

#pc-mb-sticky.smaller{
  position: fixed;
  top:0;
  background-color:var(--pc-mob-sticky-head-bg-color);
  z-index: 2;
  -webkit-box-shadow: 0 1px 15px rgba(89, 93, 92, 0.7);
  box-shadow: 0 1px 15px rgba(89, 93, 92, 0.7);
  width: var(--pc-100);
}
#pc-mb-sticky.smaller .pc-logo a {
  display:inline-block;
  padding: 0;
}

#pc-mb-sticky.smaller .pc-logo img {
  transform: scale(0.65);
  padding:0;
}
.pc-mb-head svg{
  max-width: 25px;
  max-height: 25px;
  fill:var(--pc-white);
  display:inline-block;
}
.pc-icon {
  background: #ccc;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 10px;
  vertical-align: middle;
  padding: 8px;
  display: inline-block;
  margin-right: 0.4em;
}
pc-trow.pc-trow{width:98%;margin:0 auto;padding:0.3rem;}
.pc-mb-logo{width:50%}
 .pc-cart-count-bubble {
  text-align: var(--pc-center);
  color: var(--pc-black);
  background: var(--pc-color-yellow);
  width: 20px;
  height: 20px;
  border-radius: var(--pc-50);
  top: -20px;
  right:0;
  position: absolute;
  line-height: 1.2;
}
.pc-cart-count-bubble span{
  font-size:13px;
}
.overlay {
  height:100%;
  width: 100%;
  position: fixed;
  z-index: 300;
  top: 0;
  left: 0;
  background-color: var(--pc-color-lite);
  overflow-y: hidden;
  transform: translateX(-100%);
  transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
  color:var(--pc-color-alt);
 box-shadow: 5px 0 5px -5px #333;
}
.overlay-content {
  position: relative;
  top: 4%;
  width: 100%;
  margin-bottom: 7em;
}
.overlay .closebtn {
  background-color: var(--pc-color-alt);
  top: 15px;
  right: 15px;
  font-size: 20px;
  border: 1px solid var(--pc-color-alt);
  border-radius: var(--pc-100);
  height:38px;
  width:38px;
  color: var(--pc-white);
  line-height: 1.4;
  padding:var(--pc-p0);
}
pc-phone .pc-icon{
  background: var(--pc-color-yellow);
  width:35px;
  height:35px;
  line-height: 1.2;
}
pc-phone svg{
  fill:var(--pc-black);
}
.nav-mobile .menu-sidebar {
  box-shadow: 5px 0 5px -5px #333;
  display: block;
  bottom: 0;
  background: var(--pc-color-lite);
  color:var(--pc-color-alt);
  position: fixed;
  transform: translateX(-100%);
  transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
  top:70px;
  left:0;
  list-style-type: none;
  padding: 0;
  overflow-y:auto;
  width:var(--pc-100);
  }

.nav-mobile .menu-sidebar .arrow {
  position: absolute;
  line-height: 50px;
  font-size: 32px;
  color: #555;
  top: 0;
  z-index: 0;
}
.nav-mobile .menu-sidebar .arrow.left {
  left: 25px;
}
.nav-mobile .menu-sidebar .arrow.right {
  right: 25px;
}
.nav-mobile .menu-sidebar li {
  height: 55px;
  line-height: 55px;
  font-size: 16px;
  text-align: left;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top:1px solid rgba(0, 0, 0, 0.05);
  padding-left: 15px;
}
.nav-mobile .menu-sidebar li:hover {
  background: #eee;
}
.nav-mobile .menu-sidebar li.pc-no-active{
  display:none;
}
.nav-mobile .menu-sidebar li .menu-sub {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0;
  overflow: hidden;
  overflow-y:auto;
  background: var(--pc-color-lite);
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0, 0, 0.3, 1);
  border-left: 1px solid #ccc;
  list-style-type: none;
  padding: 0;
  margin: 0;
  z-index: 2;
}
.nav-mobile .menu-sidebar li .menu-sub li {
  overflow: hidden;
}
.nav-mobile .menu-sidebar li .menu-sub .menu-sub-title {
  padding-left: 20px;
}
.nav-mobile .menu-sidebar li .submenu-label {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: block; 
  color:var(--pc-body-link-color);
}
.menu-sidebar li .menu-sub .menu-sub-title label::before{
  content: "\2039";
  font-size: 32px;
  margin-top: -3px;
  vertical-align: top;
  display: inline-block;
  padding-right: 4px;
  color:var(--pc-color-alt);
}
.nav-mobile .menu-sidebar li.menu-sub-title .submenu-label{
  color:var(--pc-color-alt);
  font-weight: 600;
}
.nav-mobile .menu-sidebar li.pc-menu-footer{
  border:none;
}
.nav-mobile .menu-sidebar li .submenu-toggle {
  display: none;
}
.nav-mobile .menu-sidebar li .submenu-toggle.active ~ .menu-sub, .nav-mobile .menu-sidebar li .submenu-toggle:checked ~ .menu-sub {
  width: 100%;
  visibility: visible;
  z-index: 1;
  transition: width 0.35s cubic-bezier(0, 0, 0.3, 1);
}
pc-panel-footer pc-help-list{
 line-height: 2.2;
}
.pc-img-frame{
  padding: 4px;
  background-color: #fefefe;
  border: 1px solid #d9d9d9;
}
.pc-embed-container{
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top:56.25%;
}
.pc-embed-container iframe{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding:var(--pc-p05);
  background:var(--pc-white);
}
#pcTabs ul.pc-tabs li{
  background:#a8a8a8;
  padding:var(--pc-p05) var(--pc-p1);
}
#pcTabs.r-tabs .r-tabs-nav {
  margin: var(--pc-p0);
}
#pcTabs .pc-tabs li > a{
  color:#000;
  display:block;
  text-align: var(--pc-center);
  font-size:1.15rem;
}
#pcTabs .pc-tabs li.r-tabs-state-active{
  background:var(--pc-lite-grey);
}
#pcTabs li.r-tabs-state-active > a{
  text-decoration:underline;
}
#pcTabs.r-tabs .r-tabs-tab {
  display: inline-block;
  margin: 0;
  list-style: var(--pc-none);
  width:50%;
}
#pcTabs.r-tabs .r-tabs-panel {
  padding: var(--pc-p1) var(--pc-p2);
  display: var(--pc-none);
  border:0px solid #eae3e3;
}
#pcTabs.r-tabs .r-tabs-accordion-title{
  display: var(--pc-none);
}
#pcTabs.r-tabs .r-tabs-panel.r-tabs-state-active {
  display: block;
  background:var(--pc-lite-grey);
}

/* breadcrumbs styles */
#pc-breadcrumb {
    padding:var(--pc-p1);
    background-color: var(--pc-color-lite);
}

#pc-breadcrumb span.item::before {
    content: '\002F';
    margin-left: 4px;
    margin-right: 4px;
    font-size: 12px;
    color: var(--pc-color-dark);
}

#pc-breadcrumb span.item:first-child::before {
    content:none;
}

#pc-breadcrumb a,#pc-breadcrumb span.current-item,#pc-breadcrumb .item-current span {
    color: var(--pc-color-dark);
    font-size:12px
}
#pc-breadcrumb a{text-decoration: underline}
#pc-breadcrumb span.current-item{
    color:var(--pc-color-alt);
}
#primary{
  background-color: #f4f3ef;
}

/*******************************
*** social styles ***********
*******************************/
/* social*/
.pc-social span{
  background-repeat: no-repeat;
  width:45px;
  height:45px;
  background-size:cover;
  display:block;
}
.pc-social-nav span{
  width:35px;
  height:35px;
}
.pc-social .pc-FB{background-image: url(images/icons/pc-facebook.svg)}
.pc-social .pc-IG{background-image: url(images/icons/pc-instagram.svg)}
.pc-social .pc-GMB{background-image: url(images/icons/pc-gmb.svg)}
.pc-social .pc-PIN{background-image: url(images/icons/pc-pinterest.svg)}
.pc-social .pc-LI{background-image: url(images/icons/pc-linkedin.svg)}
.pc-social .pc-TW{background-image: url(images/icons/pc-twitter.svg)}
.pc-social .pc-TIK{background-image: url(images/icons/pc-tiktok.png)}
.pc-social .pc-SN{background-image: url(images/icons/pc-snapchat.svg)}
.pc-social .pc-YP{background-image: url(images/icons/pc-yelp.svg)}
.pc-social .pc-YT{background-image: url(images/icons/pc-youtube.svg)}
.pc-social .pc-WA{background-image: url(images/icons/pc-whatsapp.svg)}

/************************
*** FORM styles ********
*************************/
input,
select,
textarea {
  display: block;
  width: 100%;
  padding: 0.5rem;
  margin-bottom: 1rem;
  font-size: calc(0.75 * var(--pc-font-l));
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  box-sizing: border-box;
}
select{
  margin-bottom:var(--pc-p0);
  background-color: var(--pc-white)
}
.pc-select{
    background-color:var(--pc-color-lite);
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    margin: 0;      
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.pc-select.classic{
background-image: linear-gradient(45deg, transparent 50%, #101011 50%), linear-gradient(135deg, #050505 50%, transparent 50%), linear-gradient(to right, #bcbdbd, #b9bdbf);
background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
background-repeat: no-repeat;
}
input[type="radio"]{
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-bottom: 0;
}
/* button styles */
.pc-btn,
input[type="submit"],
button[type="submit"],
button:not(.pc-slider-btn,.u-bg-transparent,.x-toggle-password,.splide__arrow,.c-dialog__close ){
  border-width: var(--pc-btn-border-width);
  border-color:var(--pc-btn-border-color);
  border-style:var(--pc-btn-border-style);
  padding:0.434em 0.834em;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  color: var(--pc-btn-font-color);
  text-align: var(--pc-center);
  cursor: pointer;
  border-radius: var(--pc-btn-shape);
  outline: none;
  background:var(--pc-btn-primary-color);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;

}
input[type="submit"]{
  padding:0.7rem;
  font-size:var(--pc-font-md);
}
.pc-btn:hover,
input[type="submit"]:hover,
button:not(.pc-slider-btn,.u-bg-transparent,.x-toggle-password,.splide__arrow,.c-dialog__close ):hover,
a.button:hover,.pc-btn:focus,
input[type="submit"]:focus,a.button:focus,
button:not(.pc-slider-btn,.u-bg-transparent,.x-toggle-password,.splide__arrow,.c-dialog__close ):focus,
.pc-btn:active,input[type="submit"]:active,
button:not(.pc-slider-btn,.u-bg-transparent,.x-toggle-password,.splide__arrow,.c-dialog__close ):active,
a.button:active{
  color: var(--pc-btn-font-color-hover);
  background:var(--pc-color-yellow);
  border-color:var(--pc-color-yellow);
}
.pc-btn-alt{
  background: var(--pc-btn-secondary-color);
}
.pc-btn-alt:hover{
  background:var(--pc-btn-primary-color);
}
button[type="submit"]:focus,
input[type="submit"]:focus{
  outline:none !important;
}
a.pc-slider-btn{
  background: var(--pc-color-yellow);
  color:var(--pc-btn-font-color-hover);
}
a.pc-slider-btn:hover{
  background: var(--pc-color-secondary);
  color: var(--pc-btn-font-color);
}
.pc-btn-small{
  padding:0.15em;
}
.pc-disabled,
.pc-btn:disabled,
.button:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}

@media (hover: hover) and (pointer: fine){}
.c-button:hover:not(:disabled):not([aria-disabled=true]):not(.c-button--as-link), 
.c-button--secondary:hover:not(:disabled):not([aria-disabled=true]):not(.c-button--as-link) {
    background-color: var(--pc-shaded-grey);
    border-color: var(---pc-shaded-grey);
    outline: 1px solid #e1e1dc;
}
pc-sidebar nav, pc-sidebar pc-account-nav{
  padding: var(--pc-p05);
  border: 1px solid #e7e7e7;
  background-color: var(--pc-white);
}
pc-sidebar nav h3, pc-account-nav h3{
  font-size:var(--pc-font-md)
}

/****************************
**** Category Styles **********
****************************/
.pc-ctgy-title{
  position:absolute;
  right:0;
  bottom:0;
  left:0
}
.pc-ctgy-title > h1{
  margin-bottom:var(--pc-p0);
  padding:var(--pc-p1);
  display:inline-block;
  background-color: var(--pc-color-lite-yellow);
  color:var(--pc-white);
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  letter-spacing: 0.1rem;
}
.pc-hover-zoom {
  overflow: hidden;
  border: 2px solid #f5f5f5;
  display: block;
  padding: var(--pc-p05);
  line-height: 0;
  border-radius: 15px;
  background:var(--pc-white)
}
.pc-block-zoom{
  height: auto;
  overflow: hidden;
  position: relative;  
}
.pc-hover-zoom img,
.pc-block-zoom img{
    -webkit-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease;
}
.pc-hover-zoom img:hover,
.pc-block-zoom img:hover {
  transform: scale(1.2);
}
#pc-tbl-1 pc-td:first-child,
#pc-tbl-2 pc-td:last-child{width:54%}
#pc-tbl-1 pc-td:last-child,
#pc-tbl-2 pc-td:first-child{width:45%}

pc-block-name{
  background-color: hsla(0, 0%, 0%, 0.7);
  color:var(--pc-white);
  bottom:0;
  padding:var(--pc-p05) var(--pc-p1);
}
.pc-subcat-link h3{
  font-size:var(--pc-font-s);
  font-family: var(--pc-font-montserrat-alt);
}
pc-product-list,pc-sub-category-list{
  display:var(--pc-grid);
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap:40px 20px;
}
pc-product-list pc-product-item{
  background-color: var(--pc-color-lite);
  border-radius: 10px;
  border:1px solid #ebebeb;
}
pc-product-img > a.pc-hover-zoom{
 padding:var(--pc-p0);
 border:var(--pc-none);
 border-radius: 0;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
}
pc-product-img > a.pc-hover-zoom img:hover{
  transform: scale(1.05);
}
pc-product-item pc-product-info{

}
pc-product-info {
 padding:var(--pc-p1) var(--pc-p05);
}
pc-prod-name > a{
  text-decoration: none;
 }
pc-prod-name > a > h3{
  font-family: var(--pc-font-montserrat-alt);
  word-break:break-word;
  font-size:calc(0.75 * var(--pc-font-l));
  font-weight:var(--pc-fw-bold);
}

pc-prod-price .pc-reg-price{
 font-size:calc(0.85 * var(--pc-font-l));
}
h3#category-nav{
  font-size:var(--pc-font-md);
}
.pc-cat-list{
  display:block;
}
.pc-cat-lvl-1 > .pc-cat-link,
.pc-bg-lite{
  background-color: var(--pc-color-lite);
 }
.pc-cat-lvl-2 .pc-cat-link{
   background-color: var(--pc-lite-grey);
   font-size: calc(0.7 * 1.3rem);
  padding: 0.3rem 0.5rem;
}
.pc-cat-lvl-3 .pc-cat-link{
  padding-left:20px;
}
.pc-cat-lvl-2 .pc-sub-cat-list{
  display:var(--pc-none);
}
.pc-cat-lvl-2.pc-cat-active > .pc-sub-cat-list{
  display:block;
}
.pc-cat-active .pc-cat-current,
.pc-cat-lvl-3 .pc-cat-current{
  color:var(--pc-color-secondary);
}
.pc-cat-lvl-3 .pc-cat-current{
  text-decoration: underline;
}
/****************************
**** Product pages **********
****************************/
[data-filmstrip] img,
pc-gallery-item img{
  border-radius: var(--pc-50);
  border:1px solid #d3d3d3
}
.x-filmstrip-controls{
  padding-left:var(--pc-p0);
}
[data-vertical] [data-filmstrip] ul.has-controls{
  padding:var(--pc-p05);
}
[data-filmstrip-controls] button{
  width:2.5rem;
  height:2.5rem;
  background-color: var(--pc-shaded-grey);
}
.x-product-layout-images__figure{
  border-radius: 10px;
  border:1px solid #eceaea;
}
.x-product-layout-purchase__sku{
  font-family: var(--pc-font-montserrat-alt);
  padding-bottom:5px;
}
.pc-title-small,.x-product-layout-purchase__pricing-current{
  font-size:var(--pc-font-xl);
}
.pc-p-input input{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.pc-p-input input[type="radio"]{
  opacity: 0.011;
  z-index: 100;
}
.x-product-layout-purchase__cta .x-quantify,
.x-quantify{
  height:45px;
  width:8rem;
  grid-template-columns: 40px 1fr 40px;
  border-radius: var(--pc-p0);
  border:1px solid #cac9c9;

}
.x-quantify :is(.c-button){
  background-color: var(--pc-dark-grey);
  color:var(--pc-black);
  border-radius: var(--pc-p0);
}
.pc-cart-btns input.c-button--full{
  padding:0.7rem;
}
.pc-cart-btns input.c-button--as-link{
  padding:0.2rem;
  background:var(--pc-color-lite-yellow);
}
.x-product-description{
  padding-top:var(--pc-p1);
  padding-bottom:var(--pc-p1);
  margin-bottom:var(--pc-p0);
}
.x-product-description .x-a11y-tabs__list{
  list-style: none;
    padding: var(--pc-p05) var(--pc-p1);
    background: var(--pc-color-lite);
}
.x-product-description .x-a11y-tabs__link{
  font-size:var(--pc-font-l);
}
section.x-a11y-tabs__panel{
  background: var(--pc-white);
  padding:var(--pc-p1);
}
[data-tab-component] [role=tabpanel]{
  max-width: var(--pc-p100);
  padding-bottom:var(--pc-p2)
}
.x-photo-viewer{
  background-color: var(--pc-color-lite);
}
.pc-product-options > h4{
  font-family: var(--pc-font-montserrat-alt);
  font-size:var(--pc-font-sm);
  font-weight: var(--pc-fw-bold);
  margin-bottom:5px;
}
.pc-product-options{
  margin-bottom: 1.2rem;
}
.x-radio-to-button {
	margin: 0 0.2rem 0.2rem 0;
	font-size: 0.875rem;
  text-align: var(--pc-center);
}

	.x-radio-to-button .c-form-checkbox__caption {
		display: block;
		margin: 2px;
		padding: 0.5em 1rem;
		font-weight: 600;
		border: 1px solid #ccc;
		opacity: 0.85;
		transition: opacity ease-in-out 0.3s;
	}

	.x-radio-to-button .c-form-checkbox__caption::before,
	.x-radio-to-button .c-form-checkbox__caption::after {
		display: none;
	}

	.x-radio-to-button .c-form-checkbox__input:hover + .c-form-checkbox__caption,
	.x-radio-to-button .c-form-checkbox__input:checked + .c-form-checkbox__caption {
		outline-width: 2px;
		opacity: 1;
    background: var(--pc-color-lite);
    color: var(--pc-color-brown);
	}

/*************************
********* lupine product****
**************************/
.pc-form-row legend{
  clip:initial;
  position: relative;
  overflow: visible;
  font-size: var(--pc-fw-bold);
  margin-bottom: var(--pc-p1);
  border: 1px solid #ccc;
  width: auto;
  padding: var(--pc-p05);
  background: var(--pc-color-lite);
}
.pc-form-row .required{
  border: 1px solid var(--pc-error);
  background:#fbe3e3;
}
.pc-form-row .error {
  color: #333;
  border: 1px solid var(--pc-error);
  padding: 8px;
  margin-top: 5px;
  display: var(--pc-none)
}
pc-price-range{
  color:var(--pc-color-brown);
  font-size:var(--pc-font-md);
}
pc-total-price .pc-price{
 color:var(--pc-color-alt);
}
.pc-ul-list{
 display:var(--pc-grid);
 grid-template-columns: repeat(4,minmax(0,1fr));
}
.pc-ul-list.pc-collar_color{
  grid-template-columns: repeat(5,minmax(0,1fr));
}
.pc-ul-list label{
  cursor:pointer;
}
.pc-ul-list input[type="radio"]{
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;
  margin-bottom: 0px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.pc-ul-list .pc-label{
  display: block;
  margin: 2px;
  padding: 0.5em 1rem;
  font-weight: 600;
  border: 1px solid #ccc;
  opacity: 0.85;
  transition: opacity ease-in-out 0.3s;
  text-align: var(--pc-center);
}
.pc-ul-list.pc-collar_color .pc-label{
  padding:var(--pc-p0);
}
.pc-ul-list .pc-label img{
  width:100%;
  margin:0 auto;
}
.pc-ul-list pc-option-name{
  font-size:0.9rem;
}
.pc-ul-list pc-option-image pc-option-name{
  font-size:0.7rem;
  line-height: var(--pc-line-height-reset);
  display:block;
  padding-top:3px;
}
.pc-ul-list input[type="radio"]:checked + .pc-label{
  background:var(--pc-color-yellow);
}
ul.pc-gallery-buttons{
  position: absolute;
  left:0;
  top:0;
  height:var(--pc-100);
}
pc-gallery-list{
  gap:15px;
} 
/************************* 
***** Account Pages  ****
**************************/
.t-account-landing-section pc-panel-row:first-child{
  background-color: var(--pc-color-lite);  
}
.t-account-landing-section pc-panel-row:last-child{
  background-color: var(--pc-white);  
}
pc-panel-col .o-layout__item{
  padding-left:var(--pc-p0);
}
.t-account-landing-section #GiftCertificate_Code,
.t-account-landing-section input[type="submit"]{
  max-width: 60%;
}
.t-account-landing-section pc-address-row *{
font-size:var(--pc-font-s);
}
.t-account-landing-section .pc-acc-nav-title{
  color:var(--pc-black);
}
.t-account-landing-section .pc-acc-nav{
  padding-bottom:var(--pc-p05);
}
.t-account-landing-section .pc-acc-nav-level-1:not(:first-of-type){
  padding-top:var(--pc-p1);
}
.pc-acc-nav-link{font-size:var(--pc-font-s)}
/***************************
*** simple checkout ******
***************************/
.pc-checkout{
  display:var(--pc-none);
  }
.t-page-ordl .pc-checkout,
.t-page-ocst .pc-checkout,
.t-page-osel .pc-checkout,
.t-page-opay .pc-checkout{
  display:var(--pc-flex)
}

pc-additional-details {
  background-color:var(--pc-color-lite);
  border:1px solid var(--pc-dark-grey);
  margin-bottom:var(--pc-p1);
  width:var(--pc-100);
  font-size:var(--pc-font-s);  
  padding:var(--pc-p1)
}
pc-additional-details #show {
  display: var(--pc-none);
  margin-top: 5px;
}
pc-additional-details span{
  padding-right:5px
} 
  .c-form-input:disabled, .c-form-select__dropdown:disabled, 
  .c-form-checkbox__input:disabled, .c-form-input[aria-disabled="true"], 
  .c-form-select__dropdown[aria-disabled="true"], 
  .c-form-checkbox__input[aria-disabled="true"]{
    background-color: var(--pc-white);
    color:#cad2d3;
    cursor: not-allowed;
  }
 pc-sidebar .t-basket__order-summary{
  padding:2rem 0 0 0;
 } 
 .x-mini-basket__image{
  width:3.5rem;
  height:3.5rem;
 }
 .t-basket__order-total .c-heading--subheading--small{
  color:var(--pc-color-alt);
  font-weight:600;
 }
.c-form-checkbox--radio img{
  margin-right:var(--pc-p05);
}
.c-form-checkbox--radio input:checked + .c-form-checkbox__caption img{
  box-shadow: 0 0 4px 4px rgba(0,85,150,.75);
  outline: 2px solid #fff;
}

/***********************
** 11> FOOTER STYLES *******
 ************************/

 #pack-section{
    background: url("images/join-the-pack-1-1.jpg") no-repeat center center;
    background: url("images/join-the-pack-1-1.webp") no-repeat center center;
    background-size: cover;
}

#pack-section .newsletter{
    background: rgba(0,0,0,0.55);
}
#pack-section *{
    color:var(--pc-white)
}
#pack-section h2{
    color:var(--pc-white);
    font-size:xx-large;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin:0;
}
#pack-section hr{
    width:300px;
    margin:0 auto;
}
#pack-section p{
    max-width:100%;
    padding:1rem 2rem;
}
#pack-section .pc-fl{
    margin:0 auto;
}
#pack-section .pc-btn{
    box-shadow: none;
}
footer#site-footer{
    line-height:1.6777;
    font-size:1rem;
    background-color: var(--pc-color-lite);

}
#site-footer p{
    max-width: 100%;
}
#site-footer .pc-fc:first-child{
    padding-left:0;
}
#site-footer .pc-fc:last-child{
    padding-right:0;
}
#site-footer .pc-fc:last-child section{
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%
}
#site-footer .footer-col:last-child section:nth-child(4){
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 0;
}
footer#site-footer ul{
    padding-left:0;
}
footer#site-footer li{
    margin-bottom: 0.5em;
    list-style: none;
}
#site-footer .menu a,
#site-footer .custom-html-widget a{
    display: inline-block;
    padding: 4px 0px 5px 0;
    text-decoration: none;
    font-weight: var(--pc-fw-bold);

}
#site-footer .pc-wdt-head{
    padding-bottom:var(--pc-p05);
}
.pc-wdt-head input{
  display:var(--pc-none)
}
#site-footer .pcy_social_widget .pc-wdt-head{
    padding-right:var(--pc-p1)
}
#site-footer .footer-col:last-child li{
    line-height: 1.3;
}
.pc-checkout-footer .menu{
    display: -ms-flexbox;
    display:var(--pc-flex)
}
#site-footer.pc-checkout-footer li{
    margin:0;
    padding:1em 0.7em;
}
#pc-copyright{
    background-color: var(--pc-black);
}
#pc-copyright *{
  font-size:0.8rem;
  color:var(--pc-color-lite)
}
.pc-srch {
    background: #c5c4c4;
}

.pc-srch .pc-popup-content {
    padding-top: 2em
}
form.search-form .search-submit{
    position: absolute;
    right: 0;
    top: 3%;
    padding: 5px;
    border: none;
    color: var(--pc-black);
    box-shadow: none;
}
form.search-form svg{
  fill:var(--pc-color-alt);
}

/****************************
**** Pop up and misc styles *
*****************************/
/* popup styles */
.open-modal{
  cursor: pointer;
}
.pure-modal .checkbox{display: var(--pc-none);}

/* Gray background */
.pure-modal .pure-modal-overlay{
  opacity: 0;
  transition: all 0.3s ease;
  width: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -100;
  transform: scale(1);
  display: var(--pc-none);
  background-color: rgba(0,0,0,0.8);
}

/* Box */
.pure-modal .pure-modal-wrap{
  background: #fdfbfb;
  border-radius: 0.2em;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
  letter-spacing: 0.05em;
  line-height: 1.6;
  padding: 40px 65px;
  width: 60%;
  margin: 20px auto;
  align-self: flex-start;
  transition: all 0.5s ease;
}
.pure-modal .pure-modal-wrap.small{width: 30%;}
.pure-modal .pure-modal-wrap.a-center {align-self: var(--pc-center);}
.pure-modal .pure-modal-wrap.from-left {transform: translateX(-100%);}
.pure-modal .pure-modal-wrap.from-right {transform: translateX(100%);}
.pure-modal .pure-modal-wrap.from-top {transform: translateY(-100%);}
.pure-modal .pure-modal-wrap.from-bottom {transform: translateY(100%);}


/* Close button */
.pure-modal .pure-modal-overlay .close{
  display: var(--pc-flex);
  flex-direction: var(--pc-column);
  align-content: var(--pc-center);
  background: var(--pc-color-yellow);
  border-radius: 50%;
  justify-content: var(--pc-center);
  position: absolute;
  right: -10px;
  top: -10px;
  font-size: 15px;
  width: 30px;
  height: 30px;
  color: var(--pc-black);
  text-align: var(--pc-center);
}

.pure-modal .pure-modal-overlay .close:hover{cursor: pointer;background-color: #d1d1d1;color: #4b5361;transition: all 0.3s ease;}
.pure-modal .o-close {width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: -100;}
.pure-modal input:checked ~ .o-close {z-index: 9998;}
.pure-modal input:checked ~ .pure-modal-overlay{
  transform: scale(1);
  opacity:1;
  z-index: 9997;
  overflow: auto;
  display: var(--pc-flex);
  animation-duration: 0.5s;
  animation-name: fade-in;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: fade-in;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: fade-in;
}
.pure-modal input:checked ~ .pure-modal-overlay .pure-modal-wrap {
  transform: translateY(0);
  z-index: 9999;
}

@media (max-width: 820px){
  .pure-modal .pure-modal-wrap {
    width: 80%;
    padding:20px 10px;
  }
}

/* Phone size */
@media (max-width: 500px){
  .pure-modal .pure-modal-wrap {
    width: 90%;
  }
}

/* Fadein from display:none */
@keyframes fade-in {
  0% {display: var(--pc-none);opacity: 0;}
  1% {display: var(--pc-flex);opacity: 0;}
  100% { display: var(--pc-flex); opacity: 1;}
}

@-moz-keyframes fade-in {
  0% {display: var(--pc-none);opacity: 0;}
  1% {display: var(--pc-flex);opacity: 0;}
  100% { display: var(--pc-flex); opacity: 1;}
}

@-webkit-keyframes fade-in {
  0% {display: var(--pc-none);opacity: 0;}
  1% {display: var(--pc-flex);opacity: 0;}
  100% { display: var(--pc-flex); opacity: 1;}
}


/*************************************
**** 12> Media Queries **************
*************************************/
@media only screen and (max-width:1280px) {
    .mb-p{
        padding:var(--pc-p1);
    }
    .mb-p-lr{
        padding-left:var(--pc-p1);
        padding-right:var(--pc-p1);
    }
    .mb-pl{
        padding-left:var(--pc-p1);
    }
    .mb-p-r{
        padding-right:var(--pc-p1);
    }
    .mb-p-tb{
        padding-top:var(--pc-p1);
        padding-bottom:var(--pc-p1);
    }
    .mb-p-t{
        padding-top:var(--pc-p1);
    }
    .mb-p-b{
        padding-bottom:var(--pc-p1);
    }
    .pc-nmb-head{
      justify-content: normal;
    }
    .pc-logo img{
      max-width: 155px;
    }
    .ul-head-icons{
      column-gap: 10px;
    }
    .c-navigation__link{
      padding:0.5rem 0.7rem;
    }
    .ul-head-icons svg{
      max-width: 20px;
      max-height: 20px;
    }
    .t-site-header__basket-link > span{
      right:-10px;
    }
    [data-filmstrip] li{
      height:80px;
      width:80px;
    }
    .pc-ul-list .pc-label{
      padding:0.5em 0.3rem;
     }
     .pc-ul-list pc-option-name{
      font-size:0.78rem
     }
    footer#site-footer{
        font-size:0.9rem;
    }
}

@media only screen and (max-width:980px) {
  .mb-p0{
    padding:var(--pc-p0);
  }
  .mb-p0-lr{
    padding-left:var(--pc-p0);
    padding-right:var(--pc-p0);
}
.mb-p0-l{
    padding-left:var(--pc-p0);
}
.mb-p0-r{
    padding-right:var(--pc-p0);
}
.mb-p0-tb{
    padding-top:var(--pc-p0);
    padding-bottom:var(--pc-p0);
}
.mb-p0-t{
    padding-top:var(--pc-p0);
}
.mb-p0-b{
    padding-bottom:var(--pc-p0);
}
.mb-p1{
  padding:var(--pc-p1);
}
.mb-p1-l{
  padding-left:var(--pc-p1);
}
.mb-p1-r{
  padding-right:var(--pc-p1);
}
.mb-p1-t{
  padding-top:var(--pc-p1);
}
.mb-p1-b{
  padding-bottom:var(--pc-p1);
}
.mb-p2{
  padding:var(--pc-p2);
}
.mb-p2-l{
  padding-left:var(--pc-p2);
}
.mb-p2-r{
  padding-right:var(--pc-p2);
}
.mb-p2-t{
  padding-top:var(--pc-p2);
}
.mb-p2-b{
  padding-bottom:var(--pc-p2);
}
.mb-m0{
  margin:var(--pc-p0);
}
.mb-m0-l{
  margin-left:var(--pc-p0);
}
.mb-m0-r{
  margin-right:var(--pc-p0);
}
.mb-m0-t{
  margin-top:var(--pc-p0);
}
.mb-m0-b{
  margin-bottom:var(--pc-p0);
}
  .pc-non-mob,pc-non-mobile{
    display:var(--pc-none);
  }
  .pc-mob,pc-mobile{
    display:block;
  }
  #sticky-site-nav{
   padding-top:var(--pc-p0);
   padding-left:var(--pc-p0);
  }
  #sticky-site-nav.non-sticky pc-mb-header pc-trow.pc-trow{
    padding-top:0.5rem;
  }
  #sticky-site-nav.non-sticky .pc-mb-nav,
  #sticky-site-nav.non-sticky .pc-mb-icons #pc-mb-account{
    display:var(--pc-none);
  }
  #sticky-site-nav.non-sticky .pc-m-lr{
    margin:var(--pc-p0);
  }
  #sticky-site-nav.non-sticky .pc-mb-icons{
    padding-right:1rem;
  }
  #sticky-site-nav.non-sticky .pc-mb-chk{
    width: 40%;
    display:table-cell;
    padding-bottom:var(--pc-p05);
  }
	.pc-sec-header{
     min-height: 450px;
  }
  .mb-fl{
    display:var(--pc-flex);
  }
  .mb-fl-col{
    flex-direction: var(--pc-column);
  }
  .mb-fl-rcol{
    flex-direction: var(--pc-col-reverse);
  }
  .mb-fl-row{
    flex-direction: var(--pc-row);
  }
  .mb-fl-rrow{
    flex-direction: var(--pc-row-reverse);
  }
  .mb-gap{
    gap:10px;
  }
  .pc-mw100{
    width:var(--pc-100);
  }
  pc-sidebar{
     margin-top:var(--pc-p3);
  }
  .pc-ul-list.pc-collar_color{
    grid-template-columns: repeat(7,minmax(0,1fr));
  }
 	#footer-container > .footer-widgets{
    flex-direction: var(--pc-column)
  }
  #site-footer .pc-fc {
    padding-right: var(--pc-p0);
    flex: 0 0 100%;
    max-width: 100%;
    text-align: var(--pc-center);
   }
   #pc-copyright .pc-fl {
    text-align: center;
    font-size: calc(.5em + 1vw);
    flex-direction: var(--pc-column);
  }
  #pc-copyright  .designby{
    padding-top:var(--pc-p05);
  }
  #pc-footer-bar{
    margin-top:var(--pc-p3);
  }
  #pack-section{
    padding:var(--pc-p0);
  }
  [class*=" pc-mc-"], [class^="pc-mc-"]{
    flex:0 1 100%;
    max-width: 100%;
  }
  [class*=" pc-mbc-"], [class^="pc-mbc-"]{
    flex:0 1 50%;
    max-width: 50%;
  }

}	
@media only screen and (max-width:735px) {
  body, body *, p, form, form *, footer, li, #primary a, #sidebar a, footer li a, table, td, th {
   font-size:calc(0.75 * var(--pc-font-md));
  }
  h1, #primary h1 a,h2, #primary h2,h3,  h4,  h3 a,  h4 a  {
    font-size: calc(18px + 0.390625vw)
  } 
  .x-product-layout-purchase__pricing-current span{
    font-size:1.5rem;
  }
  #pc-breadcrumb a,#pc-breadcrumb span,#pc-breadcrumb span.current-item,#pc-breadcrumb .item-current span{
    font-size:12px;
  }
  pc-titles > h1{
    font-size:1.5rem;
  }
  pc-titles > h1.pc-prod-title{
    font-size:calc(0.75 * var(--pc-font-xl));
    word-break: break-word;
    padding-left:0.2rem;
    padding-right:0.2rem;
  }
  #pc-tbl-1 pc-td:first-child,
  #pc-tbl-1 pc-td:last-child,
  #pc-tbl-2 pc-td:first-child,
  #pc-tbl-2 pc-td:last-child{
    padding:var(--pc-p05) var(--pc-p0);
    width:var(--pc-100);
    display:table;
  }
  #pc-tbl-1 img,
  #pc-tbl-2 img{
    width:var(--pc-100);
  }
  #pc-tbl-1 .pc-gap,
  #pc-tbl-2 .pc-gap{
    gap:var(--pc-p1);
  }
  pc-product-list, pc-sub-category-list{
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  pc-product-info {
    padding: var(--pc-p05);
   }
   .pc-ul-list,.pc-ul-list.pc-collar_color{
    grid-template-columns: repeat(5,minmax(0,1fr));
   }
   .pc-ul-list .pc-label{
    padding:0.5em 0.3rem;
   }
   .pc-grid .pc-g-m12{
    grid-column: span 6;
  }
  #site-footer .pc-fc:last-child{
    flex-direction: var(--pc-column);
  }
  #site-footer .pc-fc:last-child section{
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom:var(--pc-p0);
  }
  .footer-widgets .widget_nav_menu .pc-wdt-head h3.widget-title::after {
    content: '\002B';
    margin-left: 5px;
    font-size: 1.2rem;   
  }  
    /* footer Accordion styles */
    .footer-widgets .pc-wdt-head input{
      box-sizing: border-box;
  }
  .footer-widgets .pc-wdt-head label{
      cursor:pointer; 
      display: block;
  }    
  
  #site-footer .footer-widgets .pc-wdt-head {
      width: 100%;
      overflow: hidden;
      padding-bottom:var(--pc-p0);
  }
  .footer-widgets .widget-title {
      padding: 0.5rem;
      background: var(--pc-color-alt);
      color:var(--pc-white);
      cursor: pointer;
      font-weight: normal;
      font-size: 1.1rem;
   }
  .footer-widgets .widget-title:hover {
      color:var(--pc-white)
  }
  .footer-widgets .widget-title::after {
      content: "+";
      width: 1em;
      height: 1em;
      text-align: center;
      transition: all 0.35s;
      margin-top: 3px;
      padding-left:0.4rem;
  }
  .footer-widgets .pc-wdt-head label + div {
      height: 0;
      padding: 0 1em;
      transition: all 0.35s;
  }

  .footer-widgets input:checked ~ .widget-title {
      background: #f9f9f9;
  }
  .footer-widgets input:checked ~ label .widget-title::after {
      content:"-";
  }
  .footer-widgets input:checked ~ div {
      height: auto;
      min-height:80px;
      padding:0.5rem;
  }
}
@media only screen and (max-width:480px) {
  .pc-grid .pc-g-m12{
    grid-column: span 12;
  }
  .pc-m-tcol{
    display:table;
    width:var(--pc-100);
  }
  .pc-m-tcol:first-child{
    margin-bottom:5px;
  }
  .pc-m-tcol:last-child{
    margin-bottom:var(--pc-p1);
  }
  .x-radio-to-button{
    min-width: 45%
  }
  .pc-ul-list{
    grid-template-columns: repeat(3,minmax(0,1fr));
   }
   .pc-ul-list.pc-collar_color{
    grid-template-columns: repeat(4,minmax(0,1fr));
   }
   .t-page-ctgycollar .pc-product-list__item{
     flex:0 0 100%;
     max-width: 100%;
   }
}
@media only screen and (max-width:380px) {
  #sticky-site-nav.non-sticky{
    padding-top:var(--pc-p1);
  }
 #sticky-site-nav.non-sticky .pc-mb-logo img{
   width:100px;
 }
}
@media only screen and (max-width:321px) {
  .pc-subcat-link h3 {
    font-size: calc(0.9 * var(--pc-font-s));
   }
  .pc-xs-p1{
    padding:var(--pc-p1);
  }
  .x-radio-to-button{
    width:var(--pc-100);
    min-width: var(--pc-100);
  }
}