/*
Theme Name:     Fior Fiore Theme (child of WP Bootstrap 4)
Description:    Tema Child per il tema WP Bootstrap 4
Author:         Eniacom Srl
Author URI:     http://eniacom.com
Template:       wp-bootstrap-4
Version:        0.0.1
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:100i,300,400,400i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+SC:200,300,400,500,600,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');

@font-face {
  font-family: 'Andalusia';
  font-style: normal;
  font-weight: normal;
  src: url("./assets/fonts/andalusia.otf") format("opentype");
}

@font-face {
  font-family: 'Gotham';
  font-style: normal;
  font-weight: 700;
  src: url("./assets/fonts/Gotham-Ultra.otf") format("opentype");
}
@font-face {
  font-family: 'Gotham';
  font-style: normal;
  font-weight: 500;
  src: url("./assets/fonts/Gotham-Medium.otf") format("opentype");
}
@font-face {
  font-family: 'Gotham';
  font-style: normal;
  font-weight: normal;
  src: url("./assets/fonts/Gotham-Book.otf") format("opentype");
}
@font-face {
  font-family: 'Gotham';
  font-style: normal;
  font-weight: 300;
  src: url("./assets/fonts/Gotham-Light.otf") format("opentype");
}
@font-face {
  font-family: 'Gotham';
  font-style: normal;
  font-weight: 200;
  src: url("./assets/fonts/Gotham-Thin.otf") format("opentype");
}

@font-face {
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 900;
  src: url("./assets/fonts/NotoSerifSC-Black.otf") format("opentype");
}
@font-face {
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 700;
  src: url("./assets/fonts/NotoSerifSC-Bold.otf") format("opentype");
}
@font-face {
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 600;
  src: url("./assets/fonts/NotoSerifSC-SemiBold.otf") format("opentype");
}
@font-face {
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 500;
  src: url("./assets/fonts/NotoSerifSC-Medium.otf") format("opentype");
}
@font-face {
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 400;
  src: url("./assets/fonts/NotoSerifSC-Regular.otf") format("opentype");
}
@font-face {
  font-family: 'Bebas Neue', cursive;
}

html,
body {
  height: 100%;
}

body {
  background-color: white;
  line-height: 1.3;
  font-family: 'Gotham', sans-serif;
  /* d-flex */
  display: -ms-flexbox !important;
  display: flex !important;
  /* flex-column */
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

#page {
  flex: 1 0 auto;
}

#colophon {
  flex-shrink: 0;
}

hr {
  background-color: transparent;
}

a:hover {
  text-decoration: none!important;
  color: #AA1A4D;
}

.navbar-dark .navbar-nav .nav-link { color: #FFFFFF; opacity: 1; font-family: 'Roboto', sans-serif; }
.navbar-dark .navbar-nav .nav-link:hover { color: #F7B500; opacity: 1; }
.navbar-dark .navbar-nav .active > .nav-link { color: #F7B500; opacity: 1; font-weight: 700; }

/* gestione bandiere witch lingua su USA e Canada */
nav#site-navigation.fr ul#primary-top-bar li.wpml-ls-item-usa {
  display: none;
}

nav#site-navigation.en ul#primary-top-bar li.wpml-ls-item-usa {
  display: none;
}

nav#site-navigation.usa ul#primary-top-bar li.wpml-ls-item-en, nav#site-navigation.usa ul#primary-top-bar li.wpml-ls-item-fr {
  display: none;
}

header {
  -webkit-box-shadow: 0 5px 30px 10px #0000005C;
  box-shadow: 0 5px 30px 10px #0000005C;
}

footer a:hover { color: #F7B500!important; opacity: 1; }

.site-header {
  border: 0;
}

.font-noto {
  font-family: 'Noto Serif SC', serif !important;
}

.title-noto {
  font-family: 'Noto Serif SC', serif !important;
  font-size: 3rem;
}

.font-bebas {
  font-family: 'Bebas Neue', cursive;
}

.text-green {
  color: #278f33;
}

.bg-bordeaux {
  background-color: #AA1A4D !important;
}
.bg-bordeaux-dark {
  background-color: #52071F !important;
}
.text-bordeaux {
  color: #AA1A4D !important;
}
.text-bordeaux-dark {
  color: #52071F !important;
}
.border-bordeaux {
	border: 1px solid #AA1A4D !important;
}

.bg-dark-custom-to-right {
  position: relative;
}
.bg-dark-custom-to-right::before {
  content: " ";
  position: absolute;
  width: 2000px;
  top: 0;
  bottom: 0;
  left: 100%;
}

.product-description {
  line-height: 1.5;
  font-size: 1.1rem;
}

.nav-pills-green .nav-link {
  border-radius: 0px;
  border-bottom: 2px dashed white;
}
.nav-pills-green .nav-link:last-child {
  border: 0;
}
.nav-pills-green .nav-link img.img-off {
  display: block;
}



.bb-dashed-bordeaux {
  border: 0px !important;
  border-bottom: 2px dashed  #52071F!important;
}

.bg-ff-gradient-up,
.bg-bordeaux-gradient-v {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#aa1a4d+0,721031+100 */
  background: #aa1a4d; /* Old browsers */
  background: -moz-linear-gradient(top,  #aa1a4d 0%, #721031 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #aa1a4d 0%,#721031 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #aa1a4d 0%,#721031 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa1a4d', endColorstr='#721031',GradientType=0 ); /* IE6-9 */
}
.bg-bordeaux-gradient-v-dl {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#aa1a4d+0,721031+100 */
  background: #721031; /* Old browsers */
  background: -moz-linear-gradient(top,  #721031 0%, #aa1a4d 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #721031 0%,#aa1a4d 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #721031 0%,#aa1a4d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#721031', endColorstr='#aa1a4d',GradientType=0 ); /* IE6-9 */
}

.bg-bordeaux-gradient-h {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#aa1a4d+0,721031+100 */
  background: #aa1a4d; /* Old browsers */
  background: -moz-linear-gradient(left,  #aa1a4d 0%, #721031 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #aa1a4d 0%,#721031 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #aa1a4d 0%,#721031 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa1a4d', endColorstr='#721031',GradientType=1 ); /* IE6-9 */
}

h2, h3 {
  color: #721031;
}

.table-valori-nutrizionali th,
.table-valori-nutrizionali thead th {
  /* padding: 0.5rem 0; */
  vertical-align: top;
  color: white;
  font-size: 1.5rem;
  font-weight: normal;
  border-bottom: 0px;
}

.curiosity-title {
  font-size: 4rem;
  color: white;
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
}
.curiosity-title span.text-curiosity {
  font-size: 3rem;
}

.text-andalusia {
  font-family: 'Andalusia' !important;
}
.text-montserrat {
  font-family: 'Montserrat', sans-serif !important;
}

div.container-img-packaging {
    position:absolute;
    max-width:100%;
    max-height:100%;
    top:50%;
    left:50%;
    overflow:visible;
}
img.img-packaging {
    position:relative;
/*     max-width:100%; */
/*     max-height:100%; */
    max-width: 450px;
    max-height: 450px;
    margin-top:-50%;
    margin-left:-50%;
}
img.img-packaging-sm {
  left: 50%;
    top: 50%;
    width: 70%;
    margin-left: -35%;
    margin-top: -35%;
    position: absolute;
}

.img-liguria {

}

.p-6 {
  padding: 3.5rem!important;
}
.p-7 {
  padding: 4rem!important;
}
.pl-6 {
  padding-left: 3.5rem!important;
}
.pl-7 {
  padding-left: 4rem!important;
}

.footer-widgets {
}
.footer-widgets .widget ul {
  padding-left: 0px;
}
.footer-widgets .widget ul li{
  list-style-type: none;
}
.footer-widgets .widget ul li a {
  color: white;
}
.footer-widgets .widget {
  padding: 0;
}

.mh-540 {
  height: 540px!important;
  max-height: 540px!important;
  overflow: hidden;
}

.bg-origin {
  position: relative;
}
.bg-origin::before {
  content: " ";
  position: absolute;
  width: 2000px;
  top: 0;
  bottom: 0;
  right: 0;
}

/* .radius-container {
  min-height: 640px;
  padding-bottom: 3rem;
}

@media (min-width: 576px) {
    .radius-container {
      border-radius: 100% 0% 50% 0% / 0% 0% 20% 100%;
      overflow: hidden;
      min-height: 640px;
      padding-bottom: 0px;
    }
} */

.origin-wrapper-container {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.widget-area.footer-1-area ul li,
.widget-area.footer-2-area ul li,
.widget-area.footer-3-area ul li,
.widget-area.footer-4-area ul li {
    padding-top: 6px;
    padding-bottom: 6px;
}

.transform-x15 {
/* 	transform: scale(1.5); */
}

.category-page-link {
	text-decoration: none;
}

.category-page-link:hover {
	/* text-decoration: none;
	font-weight: 700; */
}
.category-page-link:hover img {
/* 	transform: scale(1.2); */
}

.carousel-item-header-home {
  height: 100vh;
  max-height: 580px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* POPUP USA - CANADA */

.pum .pum-content {
  background: #000000 url(https://staging.fiorfiore-italianfood.com/wp-content/uploads/2022/06/sfondo-popup.jpg) top center no-repeat !important;
  background-size: cover !important;
  padding: 7% 2%;
  text-align: center;
  width: 100%;
  color: #ffffff;
  font-family: 'Bebas Neue', cursive;
}

  .pum .pum-content h2.mainTitle {
    color: #ffffff;
    font-family: 'Bebas Neue', cursive;
    font-size: 3.8em;
    line-height: 1em;
    width: 100%;
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-shadow: 2px 2px 30px #000000;
  }

  .pum .pum-content h3.subTitle {
    color: #ffffff;
    font-family: 'Bebas Neue', cursive;
    font-size: 3em;
    line-height: 1em;
    width: 100%;
    display: block;
    margin-top: 10px;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-shadow: 2px 2px 30px #000000;
  }

  .pum .pum-content .rowButton {
    width: 100%;
    display: block;
  }


  .pum .pum-content .rowButton a .singleButton {
    width: 350px;
    padding: 2.5% 2% 1.5% 2%;
    display: block;
    margin: 0 auto;
    color: #ffffff;
    font-family: 'Bebas Neue', cursive;
    font-size: 2.8em;
    line-height: 1em;
    text-transform: uppercase;
    text-align: center;
    border-radius: 10px;
    border: 3px solid #ffffff;
    background-color: #460d1f !important;
    text-transform: uppercase;
    position: relative;
  }

  .pum .pum-content .rowButton a:hover .singleButton {
    background-color: #300915 !important;
  }

  .pum .pum-content .rowButton a .singleButton .flagButton {
    width: 50px;
    position: absolute;
    margin-top: -40px;
    z-index: 2000000000;
    left: 0; 
    right: 0; 
    margin-left: auto; 
    margin-right: auto; 
  }

  .pum .pum-content .smallAlternative {
    text-align: center;
    color: #ffffff;
    font-size: 18px; 
  }

    .pum .pum-content .smallAlternative a {
      text-decoration: underline;
      color: #ffffff;
      font-size: 18px; 
    }

      .pum .pum-content .smallAlternative a:hover {
        text-decoration: none;
      }


      .pum .pum-content .rowButtonFlex {
        width: 60%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 2fr 1fr 2fr;
      }



      .pum .pum-content .rowButtonFlex a .singleButton {
        width: 270px;
        padding: 5.5% 2% 3.5% 2%;
        display: block;
        margin: 0 auto;
        color: #ffffff;
        font-family: 'Bebas Neue', cursive;
        font-size: 2.8em;
        line-height: 1em;
        text-transform: uppercase;
        text-align: center;
        border-radius: 10px;
        border: 3px solid #ffffff;
        background-color: #460d1f !important;
        text-transform: uppercase;
        position: relative;
      }

      .pum .pum-content .rowButtonFlex .singleButton.or {
        width: 100%;
        padding: 28px 0 0 0;
        color: #ffffff;
        font-family: 'Bebas Neue', cursive;
        font-size: 1.8em;
        text-align:center;
      }
    
      .pum .pum-content .rowButtonFlex a:hover .singleButton {
        background-color: #300915 !important;
      }
    
      .pum .pum-content .rowButtonFlex a .singleButton .flagButton {
        width: 50px;
        position: absolute;
        margin-top: -30px;
        z-index: 2000000000;
        left: 0; 
        right: 0; 
        margin-left: auto; 
        margin-right: auto; 
      }

  .pum .pum-content .footerLogo {
    width: 180px;
  }



@media (min-width: 576px) {
  .carousel-circle-menu-wrapper {
    height: 450px;
    position: absolute;
    bottom: -200px;
    left: -50px;
    right: -50px;
  }
  .carousel-circle-menu-inner {
    height: 450px;
    position: absolute;
    bottom: 0px;
    left: 0;
  }
  .carousel-circle-menu-img {
    height: 450px;
    position: absolute;
    bottom: 0px;
    left: 0;
    margin-left: 50%;
    transform: translateX(-50%);
  }
  .container-our-lines {
    margin-top: 200px;
  }
}

.display-5 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.experience-italy-at-your-table {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (min-width: 992px) {
  .home-slide-alt {
    /* margin-left: 209px; */
  }
  .experience-italy-at-your-table {
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 11;
  }
}


/* 5 column grid */

.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (min-width: 540px) {
    .col-sm-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 720px) {
    .col-md-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
  }


@media (min-width: 960px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1140px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
.values-slide-left {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.values-slide-right {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

#ff-product-archive .nav-link {
  color: #721031;
}

.footer-widgets .row > div {
  border-right: 1px solid #FFF;
}
.footer-widgets .row > div:last-child {
  border-right: 0px;
}

.searchform input[type="text"] {
  background: transparent;
  border: 1px solid #F7B500;
	color: white;
}
.searchform input[type="text"]::-webkit-input-placeholder { /* Edge */
  color: white;
}
.searchform input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}
.searchform input[type="text"]::placeholder {
  color: white;
}


.wpml-ls-legacy-list-horizontal,
.wpml-ls-legacy-list-horizontal ul,
.wpml-ls-legacy-list-horizontal ul li .wpml-ls-link {
  padding-left: 0px;
}

.zoom {
  overflow: hidden;
}
.zoom img,
.zoom .zoom-img {
  transition: all .5s;
}
.zoom:hover img,
.zoom:hover .zoom-img  {
  transform: scale(1.5);
  filter: brightness(50%);
}
.title-shadow {
  text-shadow: -1px 2px 3px #5C5C5C;
}
.title-slide-link {
  color: white;
}
.title-slide-link:hover {
  color: #F7B500;
  text-shadow: -1px 2px 3px #62152e;
}

#wpsl-search-wrap label,
#wpsl-search-wrap input[type="text"],
#wpsl-search-wrap .wpsl-dropdown {
  width: 100%!important;
}

.wpsl-search-btn-wrap {
  margin-top: 2rem !important;
}


/* Reviews custom */

.wpcr3_dotline {
  display: none;
}


@media only screen and (max-width: 760px) {

  .pum .pum-content h2.mainTitle {
    font-size: 2.5em;
  }

  .pum .pum-content h3.subTitle {
    font-size: 1.6em;
    margin-top: 10px;
    margin-bottom: 20px;
    text-shadow: 2px 2px 10px #000000;
  }

  .pum .pum-content .rowButtonFlex {
    width: 95%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
  }

  .pum .pum-content .rowButtonFlex a .singleButton {
    width: 270px;
    padding: 6.5% 2% 3.5% 2%;
    font-size: 2.2em;
  }

  .pum .pum-content .rowButtonFlex .singleButton.or {
    padding: 12px 0;
    font-size: 1.2em;
  }

  .pum .pum-content .rowButtonFlex a .singleButton .flagButton {
    margin-top: -38px;
  }

  .pum .pum-content .rowButton a .singleButton {
    width: 250px;
    padding: 6.5% 2% 1.5% 2%;
    font-size: 2.2em;
  }

}