:root{
  --ph-main-dark: #4a6832;
  --ph-main-dark-dark: #4a6832;
  --ph-main-light: #aac866;
}

@font-face {
  font-family: 'Handlee';
  font-style: normal;
  font-weight: 300;
  src: local('Handlee'), local('Handlee'), url(fonts/Handlee-Regular.ttf);
}
@font-face {
  font-family: 'PoiretOne';
  font-style: normal;
  font-weight: 300;
  src: local('PoiretOne'), local('PoiretOne'), url(fonts/PoiretOne-Regular.ttf);
}

@font-face {
  font-family: 'Jura';
  font-style: normal;
  font-weight: 300;
  src: local('Jura'), url(fonts/Jura/Jura.ttf);
}
@font-face {
  font-family: 'Jura-SemiBold';
  font-style: normal;
  font-weight: 400;
  src: local('Jura-SemiBold'), url(fonts/Jura/Jura-SemiBold.ttf);
}
@font-face {
  font-family: 'Jura-Bold';
  font-style: normal;
  font-weight: 400;
  src: local('Jura-Bold'), url(fonts/Jura/Jura-Bold.ttf);
}
@font-face {
  font-family: 'Jura-Light';
  font-style: normal;
  font-weight: 200;
  src: local('Jura-Light'), url(fonts/Jura/Jura-Light.ttf);
}
@font-face {
  font-family: 'Jura-Medium';
  font-style: normal;
  font-weight: 100;
  src: local('Jura-Medium'), url(fonts/Jura/Jura-Medium.ttf);
}
@font-face {
  font-family: 'Jura-Regular';
  font-style: normal;
  font-weight: 300;
  src: local('Jura-Reqular'), url(fonts/Jura/Jura-Regular.ttf);
}

@font-face {
  font-family: 'Montserrat-Black';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat-Black'), url(fonts/Montserrat/Montserrat-Black.ttf);
}
@font-face {
  font-family: 'Montserrat-SemiBold';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-SemiBold'), url(fonts/Montserrat/Montserrat-SemiBold.ttf);
}
@font-face {
  font-family: 'Montserrat-Bold';
  font-style: normal;
  font-weight: 500;
  src: local('Montserrat-Bold'), url(fonts/Montserrat/Montserrat-Bold.ttf);
}
@font-face {
  font-family: 'Montserrat-Light';
  font-style: normal;
  font-weight: 200;
  src: local('Montserrat-Light'), url(fonts/Montserrat/Montserrat-Light.ttf);
}
@font-face {
  font-family: 'Montserrat-ExtraLight';
  font-style: normal;
  font-weight: 100;
  src: local('Montserrat-ExtraLight'), url(fonts/Montserrat/Montserrat-ExtraLight.ttf);
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat'), url(fonts/Montserrat/Montserrat-Regular.ttf);
}

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300;
  src: local('Cairo'), local('Cairo-Black'), url(fonts/Cairo/Cairo-Black.ttf);
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: local('Cairo'), local('Cairo-SemiBold'), url(fonts/Cairo/Cairo-SemiBold.ttf);
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 500;
  src: local('Cairo'), local('Cairo-Bold'), url(fonts/Cairo/Cairo-Bold.ttf);
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200;
  src: local('Cairo'), local('Cairo-Light'), url(fonts/Cairo/Cairo-Light.ttf);
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 100;
  src: local('Cairo'), local('Cairo-ExtraLight'), url(fonts/Cairo/Cairo-ExtraLight.ttf);
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300;
  src: local('Cairo'), local('Cairo-Regular'), url(fonts/Cairo/Cairo-Regular.ttf);
}

html {
  font-family: Jura, Montserrat, Handlee, PoiretOne, Handlee, Cairo, Scriptina !important;
  font-size: 16px !important;
}

body {
  font-family: Jura, Montserrat, Handlee, PoiretOne, Handlee, Cairo, Scriptina !important;
  font-size: 16px !important;
}

.slogan {
  font-family: Jura !important;
}

.ph-link {
  cursor: pointer;
}
a {
  text-decoration: none !important;
}
/*
a {
  color: var(--ph-main-dark) !important;
}
a:link {
  text-decoration: none !important;
}
a:visited {
  text-decoration: none !important;
}
a:hover {
  color: var(--ph-main-light) !important;
  text-decoration: underline !important;
}
a:active {
  text-decoration: underline !important;
}
*/

.ph-t-dark {
  color: var(--ph-main-dark) !important;
}
.ph-ht-dark:hover {
  color: var(--ph-main-dark) !important;
}
.ph-hb-dark:hover {
  background-color: var(--ph-main-dark) !important;
}
.ph-t-light {
  color: var(--ph-main-light) !important;
}
.ph-ht-light:hover {
  color: var(--ph-main-light) !important;
}
.ph-hb-light:hover {
  background-color: var(--ph-main-light) !important;
}

.ph-bg-main-dark {
  background-color: var(--ph-main-dark) !important;
}
.ph-bg-main-light {
  background-color: var(--ph-main-light) !important;
}
.ph-bg-white-transparency {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.ph-text-main-dark {
  background-color: var(--ph-main-dark) !important;
}
.ph-text-main-light {
  background-color: var(--ph-main-light) !important;
}
.ph-border-dark {
  border: 2px solid var(--ph-main-dark) !important;
  border-width: 2px !important;
}
.ph-border-bottom-dark {
  border-bottom: 2px solid var(--ph-main-dark) !important;
  border-bottom-width: 2px !important;
}
.ph-border-top-dark {
  border-top: 2px solid var(--ph-main-dark) !important;
  border-top-width: 2px !important;
}
.ph-border-left-dark {
  border-left: 2px solid var(--ph-main-dark) !important;
  border-left-width: 2px !important;
}
.ph-border-right-dark {
  border-left: 2px solid var(--ph-main-dark) !important;
  border-left-width: 2px !important;
}
.ph-border-light {
  border: 2px solid var(--ph-main-light) !important;
  border-width: 2px !important;
}
.ph-border-bottom-light {
  border-bottom: 2px solid var(--ph-main-light) !important;
  border-bottom-width: 2px !important;
}
.ph-border-top-light {
  border-top: 2px solid var(--ph-main-light) !important;
  border-top-width: 2px !important;
}
.ph-border-left-light {
  border-left: 2px solid var(--ph-main-light) !important;
  border-left-width: 2px !important;
}
.ph-border-right-light {
  border-right: 2px solid var(--ph-main-light) !important;
  border-right-width: 2px !important;
}

.footer-address {
  list-style: none;
}
.footer-categories {
  list-style: none;
}
.footer-information {
  list-style: none;
}

.nav-item {
  border-top: 3px solid #FFFFFF !important;
}
.nav-item:hover {
  color: var(--ph-main-dark) !important;
  background-color: var(--ph-main-light);
  border-top: 0px solid var(--ph-main-dark) !important;
  border-bottom: 3px solid var(--ph-main-dark) !important;
}
.nav-item > a:hover {
  color: var(--ph-main-dark) !important;
  font-weight: bolder;
}
.dropdown-menu {
  padding: 0px;
  border-bottom: 2px solid var(--ph-main-light) !important;
  border-bottom-width: 2px !important;
}
.dropdown-item:focus, .dropdown-item:hover {
  border-bottom: 2px solid var(--ph-main-dark) !important;
  border-bottom-width: 2px !important;
  /*border-left: 3px solid var(--ph-main-dark) !important;*/
  border-left-width: 3px !important;
  color: var(--ph-main-dark);
  font-weight: bolder;
  background-color: var(--ph-main-light);
}
.product {
  background-color: #FFF;
  border: 1px solid var(--ph-main-light) !important;
}
.product:hover {
  border: 2px solid var(--ph-main-dark) !important;
  box-shadow: 0 .5rem .5rem rgba(0,0,0,.075) !important;
}
.product-img {
  width: 100%;
}
.product-img:hover {

}
.product-img-small {
  width: 50%;
}
.product-img-small:hover {

}
.old-price {
  font-size: 1rem;
  color: red;
}
.new-price {
  font-size: 1.5rem;
  color: blue;
}

.whatsapp {
  cursor: pointer;
}
.whatsapp-number {
  font-family: Jura !important;
}

.quick-bar {
  position: fixed;
  top: 45%;
  left: 1px;
  width: 53px;
}