@import url("https://use.typekit.net/uxt7dte.css");

/* @font-face {
  font-family: 'PhoreusCherokee-Italic';
  src: url('fonts/PhoreusCherokee-Italic.eot?#iefix') format('embedded-opentype'),  url('fonts/PhoreusCherokee-Italic.otf')  format('opentype'),
	     url('fonts/PhoreusCherokee-Italic.woff') format('woff'), url('fonts/PhoreusCherokee-Italic.ttf')  format('truetype'), url('fonts/PhoreusCherokee-Italic.svg#PhoreusCherokee-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PhoreusCherokee-BoldItalic';
  src: url('fonts/PhoreusCherokee-BoldItalic.eot?#iefix') format('embedded-opentype'),  url('fonts/PhoreusCherokee-BoldItalic.otf')  format('opentype'),
	     url('fonts/PhoreusCherokee-BoldItalic.woff') format('woff'), url('fonts/PhoreusCherokee-BoldItalic.ttf')  format('truetype'), url('fonts/PhoreusCherokee-BoldItalic.svg#PhoreusCherokee-BoldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PhoreusCherokee-Bold';
  src: url('fonts/PhoreusCherokee-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/PhoreusCherokee-Bold.otf')  format('opentype'),
	     url('fonts/PhoreusCherokee-Bold.woff') format('woff'), url('fonts/PhoreusCherokee-Bold.ttf')  format('truetype'), url('fonts/PhoreusCherokee-Bold.svg#PhoreusCherokee-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PhoreusCherokee-Regular';
  src: url('fonts/PhoreusCherokee-Regular.eot?#iefix') format('embedded-opentype'),  url('fonts/PhoreusCherokee-Regular.otf')  format('opentype'),
	     url('fonts/PhoreusCherokee-Regular.woff') format('woff'), url('fonts/PhoreusCherokee-Regular.ttf')  format('truetype'), url('fonts/PhoreusCherokee-Regular.svg#PhoreusCherokee-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BefterSans-Black';
  src: url('fonts/BefterSans-Black.eot?#iefix') format('embedded-opentype'),  url('fonts/BefterSans-Black.otf')  format('opentype'),
	     url('fonts/BefterSans-Black.woff') format('woff'), url('fonts/BefterSans-Black.ttf')  format('truetype'), url('fonts/BefterSans-Black.svg#BefterSans-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BefterSans-BlackItalic';
  src: url('fonts/BefterSans-BlackItalic.eot?#iefix') format('embedded-opentype'),  url('fonts/BefterSans-BlackItalic.otf')  format('opentype'),
	     url('fonts/BefterSans-BlackItalic.woff') format('woff'), url('fonts/BefterSans-BlackItalic.ttf')  format('truetype'), url('fonts/BefterSans-BlackItalic.svg#BefterSans-BlackItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}*/

@font-face {
  font-family: 'BefterSans-Black';
  src:  url('../fonts/Befter/BefterSansSemiBold/font.woff2') format('woff2'),
        url('../fonts/Befter/BefterSansSemiBold/font-woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'BefterSans-Black';
  src:  url('../fonts/Befter/BefterSansBold/font.woff2') format('woff2'),
        url('../fonts/Befter/BefterSansBold/font-woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'BefterSans-Black';
  src:  url('../fonts/Befter/BefterSansHeavy/font.woff2') format('woff2'),
        url('../fonts/Befter/BefterSansHeavy/font-woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'BefterSans-Black';
  src:  url('../fonts/Befter/BefterSansHeavyItalic/font.woff2') format('woff2'),
        url('../fonts/Befter/BefterSansHeavyItalic/font-woff') format('woff');
  font-weight: 900;
  font-style: italic;
}

body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #007DC8;
  font-family: 'phoreuscherokee';
  min-height: 100vh;
}

a, a:hover {
  color: inherit;
}

a.btn:hover{
  text-decoration: none;
}

.phBold {
    font-family: 'phoreuscherokee';
    font-weight: 800;
}

.menuContainer {
  background: #007DC8;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  min-height: 8vh;
}

#the-fixed>.menuContainer {
    position: static;
    width: 100%;
    z-index: 9;
}

#carrelloContainer {
    color: #007DC8;
}

.navbar-brand {
  position: absolute;
  top: 0;
  width: 6rem;
  transform: translateY(-1rem);
  z-index: 1;
}

#carrelloContainer {
  color: #007DC8;
}

.distanceMe {
  margin-top: 8vh;
}

.redText, .marker {
  color: #D23200;
}

.whiteText {
  color: #FFFFFF;
}

.btn {
  display: inline-block;
  font-weight: normal;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
      -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  font-family: 'BefterSans-Black';
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.btn-red {
  color: #FFFFFF;
  background-color: #D23200;
}

.btn-red:hover,
.btn-red:focus,
.btn-red:active{
  color: #FFFFFF;
  background-color: #007DC8;
}

.menuContainer .btn-red:hover,
.menuContainer .btn-red:focus,
.menuContainer .btn-red:active{
  color: #FFFFFF;
  background-color: #007DC8;
  border-color: #FFFFFF;
}

.btn-primary {
  color: #fff;
  background-color: #007DC8;
  border-color: #007DC8;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  color: #fff;
  background-color: #D23200;
  border-color: #D23200;
}

.upperFooter {
  background: #007DC8;
  color: #FFFFFF;
}

.upperFooter, .lowerFooter {
  padding: 20px;
}

.pvContainer{
  margin: 0;
  display: block;
}

.pvContainer .radio{
  display: none;
}

.pvContainer .selectorPv{
  display: block;
  border: 1px solid #0087C5;
  border-radius: 5px;
  text-align: center;
  font-family: "BefterSans-Black";
  font-weight: bold;
  padding: 1.0rem 1.5rem;
  cursor: pointer;
}

.pvContainer:hover .radio + .selectorPv{
  color: #FFFFFF;
  background-color: #0087C5AA;
}

.pvContainer .radio:checked + .selectorPv{
  color: #FFFFFF;
  background-color: #0087C5;
}

.pvContainer.disabled .selectorPv{
  color: #666666;
  border: 1px solid #666666;
  display: flex;
  flex-direction: column;
  padding: 0.51rem 1.5rem;
  line-height: 1.35rem;
}

.elencoCategoriePallini{
  display: flex;
  flex-wrap: wrap;
}

.elencoCategoriePallini .singleCategory{
  width: 20%;
  text-align: center;
  font-family: 'phoreuscherokee';
  font-weight: 800;
  margin-bottom: 3rem;
}

.elencoCategoriePallini .singleCategory img{
  border-radius: 50%;
  margin-bottom: 0.5rem;
  width: 6rem;
  height: 6rem;
  object-fit: cover;
}
.elencoCategoriePallini .singleCategory .lbl{
  display: block;
}

.breadcrumb{
  padding: 0;
  background-color: transparent;
  margin-bottom: 0;
  font-size: 0.8rem;
}

.breadcrumb li,
.breadcrumb li.active{
  color: #0087C5;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  content: ">";
  color: #0087C5;
}

.anteprimaProdotto{
  height: 100%;
  object-fit: cover;
}

.cardDettaglio{
  border: 1px solid #0087C5;
  border-radius: 0.6rem;
  overflow: hidden;
}

.h100{
  height: 100%;
}

.cardDettaglio .inner.h100{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.strong{
  font-weight: bold;
}

.modalVariazioni .modal-dialog{
  border-radius: 0.5rem;
}

.modalVariazioni .modal-dialog .modal-content{
  border-bottom-width: 0px;
}

.modalVariazioni .modal-body{
  padding: 0;
  background-color: #0087C5;
  color: #FFFFFF;
}

.modalVariazioni .modal-body .mdl_img{
  padding-top: 50%;
  position: relative;
}

.modalVariazioni .modal-body .mdl_img img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.modalVariazioni .fakecheck input[type="checkbox"] + .fill,
.modalVariazioni .fakecheck input[type="checkbox"]:checked + .fill:before,
.modalVariazioni .fakecheck:hover input[type="checkbox"] + .fill,
.modalVariazioni .fakecheck input[type="checkbox"]:checked + .fill{
  border-color: #FFFFFF;
}

.modalVariazioni .fakecheck input[type="checkbox"] + .fill:before{
  width: 8px;
  height: 8px;
}

.modalVariazioni .fakecheck input[type="checkbox"]:checked + .fill:before{
  background-color: #FFFFFF;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #ffffff;
}

.form-group {
  margin-bottom: 1rem;
}

.cartTooltip .variazioni{
  display: block;
  font-size: 0.9rem;
  padding-left: 1rem;
  margin-bottom: 0.6rem;
}

.cartTooltip .productBox{
  display: flex;
  border-bottom: 1px solid #2280c3;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

.cartTooltip .productBox img{
  height: 5rem;
}

#orderDisplay #blockSummary .blockProduct{
  border-bottom: 1px solid;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

#orderDisplay #blockSummary .blockPrezzi{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#stripeMenu{
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1200px){
  body .menuContainer .navbar{
    min-height: 8vh !important;
  }

  body .navbar-brand{
    transform: none;
    padding: 0;
  }

  body #stripeMenu{
    top: 1.3rem;
    right: 1rem;
  }

  body .elencoCategoriePallini .singleCategory{
    width: 49%;
  }

  body .anteprimaProdotto{
    max-height: 18rem;
  }
}