/* Foglio di stile per www.papelu.it */

/*FONT*/
@font-face {
  font-family: 'Fredoka';
  font-style: normal;
  font-weight: 300 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../font/fredoka.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fulbo';
  font-style: normal;
  font-weight: normal;
  font-stretch: 100%;
  font-display: swap;
  src: url(../font/fulbo-argenta.woff) format('woff');
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(../font/raleway-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../font/raleway.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Courgette';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/courgette.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {color: #1F3D79;}

/* Typography */
.fulbo-t, h1, #collane .sf-carta h2, .elenco-libri.row h3, .p-forza {font-family: Fulbo;}
.navbar, .btn, .info-papelu, .ribbon-st {font-family: Fredoka;}
.card-title, h2, #bg-slide-home h1, .firma, .t-collana, .box-verde h4, #scheda-t h4 {font-family: Courgette;}
h4 {font-size: 1.875rem;}
.box-verde h4 {margin-bottom: 43px;}
.raleway {font-family: Raleway;max-width: 100%;font-style: italic;font-size: 1.5rem;}
h1, #collane .sf-carta h2 {font-size: clamp(2.21rem, calc(1.375rem + 1.5vw), 2.813rem); line-height: 1;}
h2 {font-size: clamp(1.325rem, calc(1.325rem + .9vw), 1.438rem); max-width: 32.063rem;}
#collane .sf-carta h2 {max-width: 100%;margin-bottom: 0;}
#collane.collana-s .sf-carta h2 {margin-bottom: 51px;}
.box-verde {color:#039839;}
.card-title {font-size: 1.438rem;}
.elenco-libri.row h3{font-size: 1.125rem;}
#bg-action h1, #bg-action h2 {text-shadow: 1.2px 1.2px 6px rgba(31,61,121,0.9);}
#bg-action h3 {font-size: clamp(2.21rem, calc(1.375rem + 1.5vw),2.438rem); line-height: 1;}
#bg-action h4, .firma {font-size: 1.25rem;}
.info-papelu {font-size: 1.188rem;line-height: 1.425rem;font-weight:500;}
.info-papelu strong, .ribbon-st strong {font-weight:600;}
footer a {text-decoration: none; font-style: italic;}
footer a:hover, .box-arancio, .t-arancio, .t-arancio h2, .elenco-libri.row.t-arancio h3, .elenco-libri.row .flex-column a:hover h3,#scheda-t h4 {color:#E94F1D;}
#bg-slide-home h1, .t-collana {font-size: clamp(4rem, calc(3.6rem + 1vw), 4.625rem);color: #FDF39D;line-height: 5.55rem;margin-bottom: 0;text-shadow: 1.4px 1.4px 6px rgba(31,61,121,0.9); line-height: 1.2;}

/* Colori testo e dimensioni font*/
.elenco-libri.row h3,.navbar ul a, .navbar ul a.active, footer a, .elenco-libri.row.t-arancio .flex-column a:hover h3, .dotted-v, .step-card {color:#1F3D79;}
.navbar ul a, .navbar ul a.active {font-size: 1.2rem;}
.navbar ul a.active {border-bottom: 3px dotted #1F3D79;}

/* Spazi */
.pb-16px {padding-bottom: 16px;}

/*Trasformazioni*/
.step-card, .elenco-libri.row img, .carousel-control-prev-icon, .carousel-control-next-icon, a {transition: all 0.30s ease;}

/*Menu*/
.navbar {background: repeat-x center;background-image: linear-gradient(to right, #c1e5fa 0%, rgba(193,229,250,0) 35%, rgba(193,229,250,0) 65%, #c1e5fa 100%), url('../img/sf-menu.jpg'); background-size: auto 87px; font-weight: 500;}
.navbar-brand img {height: 46px;}
header {border-bottom: 1px solid #cae0ff !important;}
#bg-slide-home, #bg-action {background: #b4daed repeat-x center; background-image: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(180, 218, 237, 1) 100%), url('../img/sf-nuvole-new.jpg'); background-size: auto 382px;}
#social-top img {height: 37px; width: auto;}
#social-top .col-9 .col-3 {padding: 0 4px !important;}
#bg-slide-home.interno {background-position: center left;}
#bg-slide-home.interno div {padding-top: 55px; padding-bottom:62px; text-align: center;}

/*Header*/
.ribbon-st {position: absolute; right: 0; left: 0; top:-45px; color: #FFF; font-size: 1.344rem;background: url('../img/ribbon-blu-c.png') repeat-x;width: fit-content;height: 86px;background-size: auto 100%;max-width: calc(100% - 216px); line-height: 1;}
.ribbon-st.sf-orange {background-image: url('../img/ribbon-oran-c.png');}
.ribbon-st::before, .ribbon-st::after {height: 86px; width:114px; content: ''; position: absolute;display: inline-block;top: 0;}
.ribbon-st::before {background: url('../img/ribbon-blu-s.png') no-repeat right 100%; background-size: 100%; left: -114px;}
.ribbon-st.sf-orange::before {background-image: url('../img/ribbon-oran-s.png');}
.ribbon-st::after {background: url('../img/ribbon-blu-d.png') no-repeat left; background-size: 100%; right: -114px;}
.ribbon-st.sf-orange::after {background-image: url('../img/ribbon-oran-d.png');}
h2 + .ribbon-st, #libro-s .ribbon-st {position: relative; right: auto; left: auto; top:auto;margin-bottom:32px;}
.ribbon-st div {display: inline-block; height: 45px; display: flex; align-items: center;margin-top: 10px;}
h2 + .ribbon-st div, #libro-s .ribbon-st div {padding-top:10px; height:54px;margin-top:0;}
/*Disegni*/
#rana {position: absolute; background: no-repeat center url('../img/rana.png'); width: 138px; height:129px; background-size: 100% auto;right:0;top:-31px;}
#stambecco {position: absolute; background: no-repeat center url('../img/stambecco.png'); width: 137.5px; height:228px; background-size: 100% auto;left:0;top:-90px; z-index: 99;}

/*Bottoni*/
.btn,.btn.orange:hover,.elenco-libri.row .btn:hover {text-transform: uppercase;font-weight: 500;padding: 13.5px 30px;line-height:1.2;border-color: #1F3D79;background: linear-gradient(0deg,rgba(31, 61, 121, 1) 0%, rgba(32, 90, 135, 1) 100%);color: #FFF;}
.btn{margin-top: 0.088rem;}
.carousel-control-prev-icon,.carousel-control-next-icon{filter:drop-shadow(0px 1px 4px rgba(0,0,0,0.075));}
.carousel-control-prev-icon:hover{margin-right: 17px;}
.carousel-control-next-icon:hover{margin-left: 17px;}
.btn.orange,.btn:hover,.box-arancio .btn, .btn-arancio .btn, .elenco-libri.t-arancio .btn:hover {border:1px solid #E94F1D;background: linear-gradient(0deg,#E94F1D 0%, #F3920C 100%);color:#FFF;}

/*Box*/
.sf-carta {background-image: url('../img/sf-carta.jpg'); position: relative;}
.box-verde {mask: radial-gradient(39px at top,#0000 calc(100% - 1px),#000) 50%/59px 100%; background: #C4E1CD url('../img/sf-grad-verde.svg') repeat-x; background-position: top; background-size: auto; margin-top: -40px; position: relative; z-index: 3;border-bottom: 4px solid #F9F8F4;}
.box-verde02 {mask: radial-gradient(39px at top,#0000 calc(100% - 1px),#000) 50%/59px 100%;background: #F9F8F4; height: 50px; top: -5px; position: absolute; z-index: 1; left:0; right:0;}
.box-arancio {mask: linear-gradient(0,#0000 39px,#000 0), radial-gradient(39px,#000 calc(100% - 1px),#0000) bottom/59px 78px;position: relative; z-index: 2;background: linear-gradient(0deg,#FDF39D,#F9F8F4);}
.box-arancio02 {mask: linear-gradient(0,#0000 39px,#000 0), radial-gradient(39px,#000 calc(100% - 1px),#0000) bottom/59px 78px;background: #F9F8F4; height: 50px; bottom: -5px; position: absolute; z-index: 1; left:0; right:0;}
.elenco-libri.row img {margin-bottom: 24px; filter:drop-shadow(-4.2px 4.2px 7px rgba(0,0,0,0.5));}
.elenco-libri.row .btn {margin-top: 11px;}
.elenco-libri.row .flex-column {position: relative;}
#bg-action {background-position: top left;}
/*Box-Valori*/
.step-icon {width:100%; height:100%;display: flex;align-items: center;justify-content: center;margin-bottom: 1rem;}
.step-card {height: 100%;box-shadow: 0 1px 12px rgba(0,0,0,0.3)}
.step-card:hover {transform: translateY(-10px);box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.elenco-libri.row .flex-column:hover img {transform: translateY(-10px);filter:drop-shadow(-8.4px 8.4px 14px rgba(0,0,0,0.25));}
.mw-832 {max-width: 832px;}
.mw-896 {max-width: 896px; margin: 0 auto; padding-bottom: 2rem;}
.collana-s .mw-896 {padding-bottom: 45px;}

/*Chi Siamo*/
.foto-who {max-width: 625px;width: 100%;}
.foto-who, .dotted-b {border-radius: 24px; border: 2px dashed #1F3D79;}
.apetta {position: absolute; bottom:-23px;left:0;right:0;}
.apetta img {width: 100%;max-width: 152px;}

/*Collane*/
#collane .elenco-libri.row {margin-bottom: 42px;}
.elenco-libri img {width:auto;height:240px;}

/*Contatti*/
.fit-w {width: fit-content; margin: 0 auto;}

/*Footer*/
.social-footer img {height:51px; width:auto;}
.box-linea {background: url('../img/linea-footer.svg') repeat-x;background-position: top;padding-top: 34px;}
.img-footer {width:100%; max-width:461px; margin: auto;}

/*Prodotti*/
.dotted-v {border-radius: 24px; border: 2px dashed #039839; height: 100%; background-color: transparent;}
.dotted-v img {height:auto;width:100%;}
.dotted-o {border-radius: 24px; border: 2px dashed #E94F1D;}
#scheda-t {margin-bottom: 1rem;}
#tool-img {position: absolute; right: 1rem; bottom: 1rem;}
#libro-s .dotted-b {background-color: #FFF;}
.book-gallery .pag-interne .dotted-b {width: 100%; max-width: 309px; height: auto;}
.book-gallery .copertina .dotted-b {height: 100%; padding: 2.5rem;}
.book-gallery .copertina .dotted-b img {width: 100%; max-width: 445px; height: auto;}

/* MEDIA QUERIES */
@media (min-width: 1085px) and (max-width: 1200px) {
  .navbar .container {max-width: 100%;}
  .carousel-control-next,.carousel-control-prev {width: 10%;}
}
@media (min-width: 992px) and (max-width: 1085px) {
  #social-top {display: none;}
  .carousel-control-next,.carousel-control-prev {width: 10%;}
}
@media (min-width: 992px) {
  #collane-papelu {padding: 0 48px;}
  main {font-size: 1.125rem;}
  main p {line-height: 1.35rem;}
  .linea-onde-a span::before,.linea-onde-g span::before,.linea-onde-a span::after,.linea-onde-v span::before,.linea-onde-v span::after,.linea-onde-o span::before,.linea-onde-o span::after,.linea-onde-g span::after {width: 152px;}
}
@media (max-width: 991px) {
  .offcanvas {background-image: linear-gradient(to right, #c1e5fa 0%, #FFF 100%);}
  .offcanvas-title {color: #00983a;font-size: 1.5rem;}
  .navbar ul a {border-bottom: 3px dotted #1F3D79; margin-bottom: 0.25rem;}
  #social-top {margin-top: 47.8px;}
  .navbar {background-position: left;}  
  #bg-slide-home, #collane-papelu {padding: 0;}
  #collane-papelu {max-width: 100%;}
  .carousel-control-prev,.carousel-control-next{display: none;}
  .carousel-indicators {margin-bottom: 0;}
  main p {line-height: 1.2rem;}
  #tool-img {position: relative; text-align: right; bottom:0; right:auto;}
  .apetta img {max-width: 132px;}
}
@media (min-width: 768px) and (max-width: 992px) {
  .linea-onde-a span::before,.linea-onde-g span::before,.linea-onde-a span::after,.linea-onde-v span::before,.linea-onde-v span::after,.linea-onde-o span::before,.linea-onde-o span::after,.linea-onde-g span::after {width: 109px;}
}
@media (min-width: 768px) {
  .linea-onde-a span::before,.linea-onde-a span::after {background: no-repeat center url('../img/linea-onde.svg');}
  .linea-onde-v span::before,.linea-onde-v span::after {background: no-repeat center url('../img/linea-onde-v.svg');}
  .linea-onde-o span::before,.linea-onde-o span::after {background: no-repeat center url('../img/linea-onde-o.svg');}
  .linea-onde-g span::before,.linea-onde-g span::after {background: no-repeat center url('../img/linea-onde-g.svg');}
  .linea-onde-a span::before,.linea-onde-g span::before,.linea-onde-a span::after,.linea-onde-v span::before,.linea-onde-v span::after,.linea-onde-o span::before,.linea-onde-o span::after,.linea-onde-g span::after {content:"";display: inline-block;height: 20px;margin-right: 23px;vertical-align: middle;}
  .linea-onde-a span::after, .linea-onde-v span::after,.linea-onde-o span::after,.linea-onde-g span::after {margin-left: 23px; margin-right: 0;}
  .linea-onde-o span, .linea-onde-a span, .linea-onde-v span, .linea-onde-g span{display: inline-flex;align-items: center;}
  .fit-w {width: 100%; margin: inherit;}
}
@media (max-width: 575px) {
  .social-footer {margin: 0 auto;}
  .img-footer {max-width:361px; padding-left: calc(var(--bs-gutter-x) * 0.5);}
  .padding-fix {padding-right: calc(var(--bs-gutter-x) * 1);padding-left: calc(var(--bs-gutter-x) * 1);}
  .ribbon-st {font-size: 1.17rem;}
}