@charset "UTF-8";


.titolo-per-embed
{
    color: #020202;
    font-family: "Noto Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px;
    margin-bottom: 24px;
}


.immagine-copertina,
.immagine-copertina-footer
{
    height: 550px;
    padding: 61px 96px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.immagine-copertina-footer
{
    background: url(../../res/img/sfondo_footer_servizi.jpg) lightgray 0px / cover no-repeat;
    background-position: center center;
    margin-bottom: 200px;
    height: 650px;
}

.immagine-copertina-footer.cosa-boooks
{
    margin-bottom: 80px;
}


.immagine-copertina.copertina-contatti
{
    background: url(../../res/img/sfondo_contatti.jpg) lightgray 0px / cover no-repeat;
}

.immagine-copertina.copertina-servizi-editore,
.immagine-copertina.copertina-servizi-libreria,
.immagine-copertina.copertina-servizi-cosa-boooks
{
    background: url(../../res/img/sfondo_servizi.jpg) lightgray 0px / cover no-repeat;
    background-position: center center;
}

.immagine-copertina img
{
    width: 275px;
    margin-bottom: 35px;
}

.immagine-copertina div
{
    color: #FFF;
    text-align: center;
    font-family: "Noto Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    max-width: 200px;
}


.testo-pagina,
.testo-pagina1
{
    margin-top: 66px;
    margin-bottom: 80px;
}

.testo-pagina1
{
    margin-bottom: 200px;
}

.testo-pagina h1,
.testo-pagina1 h1
{
    color: #020202;
    font-family: "Noto Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
}

.row-servizi-editore h1,
.row-servizi-libreria h1,
.row-servizi-cosa-boooks h1
{
    color: #020202;
    font-family: "Noto Sans";
    font-size: 56px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px;
}

.row-servizi-editore h2,
.row-servizi-libreria h2,
.row-servizi-cosa-boooks h2
{
    color: #020202;
    font-family: "Noto Sans";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
}

.row-servizi-cosa-boooks h2
{
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
}

.row-servizi-editore .col-lg-12:first-child p,
.row-servizi-libreria .col-lg-12:first-child p,
.row-servizi-cosa-boooks .col-lg-12:first-child p
{
    color: #3D3D3D;
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-top: 42px;
}

.row-servizi-cosa-boooks .col-lg-12:first-child p
{
    margin-top: 24px;
}

.testo-pagina .row-contatti .contatti-dettagli
{
    margin-top: 42px;
}


.testo-pagina .row-contatti .contatti-dettagli
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 42px;
}


.testo-pagina .row-contatti .contatti-dettagli div.riga div:first-child
{
    color: #3D3D3D;
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.testo-pagina .row-contatti .contatti-dettagli div.riga div span,
.testo-pagina .row-contatti .contatti-dettagli div.riga div:not(:first-child)
{
    color: #3D3D3D;
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}


.testo-pagina .row-contatti .contatti-dettagli div.riga div:last-child img
{
    width: 24px;
    height: 24px;
}

.testo-pagina .row-contatti .contatti-dettagli div.riga div:last-child
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.testo-pagina .row-contatti
{
    padding: 0px 60px;
}


.testo-pagina .row-contatti .form-fields
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
}


.testo-pagina .row-contatti .form-fields div:not(.check-container)
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
}


.testo-pagina .row-contatti .form-fields div label
{
    color: #000;
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}


.viewport-xs .testo-pagina .row-contatti .form-fields,
.viewport-sm .testo-pagina .row-contatti .form-fields,
.viewport-md .testo-pagina .row-contatti .form-fields
{
    margin-top: 42px;
}

.viewport-xs .testo-pagina .row-contatti,
.viewport-sm .testo-pagina .row-contatti,
.viewport-md .testo-pagina .row-contatti,
.viewport-lg .testo-pagina .row-contatti
{
    padding: 0px 30px;
}


.check-container
{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}

.check-container label
{
    color: #3D3D3D;
    font-family: "Noto Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.form-check-input.accetta
{
    width: 24px;
    height: 24px;
}

.testo-pagina .btn-primary-boooks
{
    padding: 8px 16px;
}

.btn-invia-richiesta-contatto
{
    width: 100%;
}



.row-servizi-editore,
.row-servizi-libreria,
.row-servizi-cosa-boooks
{
    padding: 0px 212px;
}


.row-servizi-editore .col-lg-12.offerta-container,
.row-servizi-libreria .col-lg-12.offerta-container,
.row-servizi-cosa-boooks .col-lg-12.offerta-container
{
    margin-top: 42px;
}

.row-servizi-editore .col-lg-12.offerta-container p,
.row-servizi-libreria .col-lg-12.offerta-container p,
.row-servizi-cosa-boooks .col-lg-12.offerta-container p
{
    color: #3D3D3D;
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}


.row-servizi-editore .col-lg-12 .servizi-offerti,
.row-servizi-libreria .col-lg-12 .servizi-offerti,
.row-servizi-cosa-boooks .col-lg-12 .servizi-offerti
{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 14px
}

.row-servizi-editore .col-lg-12 .servizi-offerti > div,
.row-servizi-libreria .col-lg-12 .servizi-offerti > div,
.row-servizi-cosa-boooks .col-lg-12 .servizi-offerti > div
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.row-servizi-editore .col-lg-12 .servizi-offerti > div div,
.row-servizi-libreria .col-lg-12 .servizi-offerti > div div,
.row-servizi-cosa-boooks .col-lg-12 .servizi-offerti > div div
{
    color: #3D3D3D;
    font-family: "Noto Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.row-servizi-editore .col-lg-12 .servizi-offerti div i,
.row-servizi-libreria .col-lg-12 .servizi-offerti div i
{
    font-size: 22px;
    color: #28A745;
}

.row-servizi-editore .col-lg-12 .servizi-offerti div i.grey,
.row-servizi-libreria .col-lg-12 .servizi-offerti div i.grey
{
    color: #E3E3E3;
}

.testo-pagina .contattaci-info
{
    color: #3D3D3D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-top: 42px;
    margin: 0 auto;
    text-align: center;
}



.viewport-xs .row-servizi-editore,
.viewport-xs .row-servizi-libreria,
.viewport-xs .row-servizi-cosa-boooks
{
    padding: 0px 30px;
}

.viewport-sm .row-servizi-editore,
.viewport-md .row-servizi-editore,

.viewport-sm .row-servizi-libreria,
.viewport-md .row-servizi-libreria,

.viewport-sm .row-servizi-cosa-boooks,
.viewport-md .row-servizi-cosa-boooks 
{
    padding: 0px 60px;
}


.badge-warning
{
    color: #000000;
    background: #F4D35E;
    margin-left: 10px;
}


.paragrafo-btn-space
{
    padding-top: 52px;
    margin: 0 auto;
    text-align: center;
}

.paragrafo-btn-space .btn-primary-boooks
{
    padding: 8px 16px;
}


/* CONTATTI */


.error-field
{
    border: 1px solid #dc3545;
}

.err-message-field
{
    font-weight: 500;
    font-size: 13px;
    margin-top: -5px;
    display: none;
}

.error-check
{
    margin-top: -15px;
}

.check-container label
{
    font-size: 14px !important;
}

.check-container a
{
    text-decoration: underline;
}

/* MODALE CONTATTACI */


.richiesta-contattaci-container
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.richiesta-contattaci-container img
{
    width: 50px;
    height: 50px;
}

.richiesta-contattaci-container span
{
    color: #020202 !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: normal !important;
}


/* --- */