@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:wght@400;700&display=swap');
html,
body {
  height: 100%;
  font-family: 'Fira Sans', sans-serif;
}

.page {
    background-color: #FFF;
}

main .container {
    background-color: #FFF;
    padding-top: 1em;
    
}
.navbar-brand img {max-height: 70px;}

.card, .btn, .form-control, .badge{ border-radius: 0; }

.bg_testata { background-color: #db2f36;}
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.9);
}

#page-content {
  flex: 1 0 auto;
}

#page-footer {
  flex-shrink: none;
  background-color: #DDD;
}

/* homepage */
.carousel-caption {bottom: 3rem;z-index: 10;}
.carousel-item {height: 22rem;}
.carousel-item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 100%;
}

@media only screen and (max-width: 600px) {
    .box-elenco img { height: auto; }
    .carousel-caption { bottom: 0.2rem; }
    .carousel-caption h1 { line-height: 1.1em; font-size: 1.6rem; }
    .carousel-caption p { line-height: 1.1em; }
    .carousel-item { height: 10rem; }
    .carousel-item p { margin-bottom: .5rem; }
    .carousel-item .btn-lg { font-size: 0.8rem; padding: .2rem .5rem;}
    .carousel-indicators li { border-bottom: 0; }
}


h3.hp { font-size: 1.2rem; font-weight: 800;/*background-color: #efefef;*/ padding:8px 5px}
h3.hp.novita, h3.hp.in_evidenza { color: #db2f36; border-top:0px solid #db2f36; border-bottom: 3px solid #db2f36; }
h3.hp.piu_venduti, h3.hp.prossime_uscite  { font-size: 1.2rem; color: #649dcd; border-top:0px solid #649dcd; border-bottom: 3px solid #649dcd; }
h3.hp.da_riscoprire{ font-size: 1.2rem; color: #FFF; border-bottom: 3px solid #FFF; }
h3.hp.percorsi_lettura{ font-size: 1.2rem; color: rgba(12,77,29,1); border-bottom: 3px solid rgb(12, 77, 29); }
h3.hp.riviste{ font-size: 1.2rem; color: #ef7723; border-bottom: 3px solid rgb(0, 0, 0); }

/* BOX HP DA RISCOPRIRE */
#hp_da_riscoprire, #hp_da_riscoprire a { color: #FFF;}
#hp_da_riscoprire small {
    font-size: 85%;
}
/* BOX HP PROSSIME USCITE */
#prossime_uscite, #prossime_uscite a { color: #000;}

#frm_search input {
    border: 0 none !important;
    border-radius: 20px 0 0 20px ;
}
#frm_search .btn_search {
    background-color: #FFF;
}
#frm_search .input-group-append > button{
    border-radius: 0 20px 20px 0;
}

.articolo_box {height:90%;}
.articolo_box p {line-height: 1.1rem;}
.articolo_box .titolo {font-size: 1rem; font-weight: 700; margin-bottom: .3rem;}
.articolo_box .titolo a {color:#000;}
.articolo_box .titolo a:hover {color:#db2f34;}

.articolo_box a.articolo_link {display:block;color:#333; font-size: .8rem;}
.articolo_box small {display:block;line-height: 1.3em;}

.articolo_container h2{
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.1;
}
.articolo_container p.autori {font-size: 13px;}
ol.breadcrumb {background-color: transparent}
ol.breadcrumb > li > a {text-transform: capitalize;}

.link-condivisione {
    padding: 30px 0;
}
.articoloMainTabContainer {
    padding-top: 20px;
}
.tab-sommario, .tab-descrizione, .tab-jolly {
    padding: 20px 0;
}
.box_ordine {
    font-size: 80%;
}

/* pagina catalogo */
.table-lista-articoli td, .table-lista-articoli th {
    padding: 0;
}
.tab-embed_sfogliabile {margin-bottom: 40px;}
.estratto {
    padding: 10px 0 10px 0;
    margin-bottom: 40px;
}
.estratto h4 {
    font-weight:700;
}
.praise_container {
    margin: 40px 0;
    padding: 20px 10px;
    background-color: #efefef;
}
.praise {
    margin: 15px 0;
}
.praise p { 
    margin: 5px 0;
    color: #333;
}

#sottocollane-content h2 {
    background-color: #28a745;
    color: #FFF;
    text-align: center;
    padding: 5px;
    margin-bottom: 1em;
}
#sottocollane-content .testo_sottocollana {
    margin-bottom: 2em;
}
#sottocollane-content .nav-tabs, #sottocollane-content .nav-link {        
    background-color: transparent;
    color: #007bff;
}

#sottocollane-content .nav-tabs.active, #sottocollane-content .nav-link.active{
    color: #000;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}


/* autori */
.box-elenco, .box-elenco-autore { min-height: 88px; }
.box-elenco a, .box-elenco-autore a, .box-elenco-autore h5 a { color:#000;}
.box-elenco a:hover, .box-elenco-autore a:hover, .box-elenco-autore h5 a:hover {color:#db2f34;}

.autore_curatore {
    width:100%;
}
.autore_curatore h5 {
    font-weight: 700;
}
.autore_curatore img {
    max-width:120px;
    margin-right: 20px;
}
.autore_curatore a {
    color:#666;
}
.autore_curatore i:hover{
    transform: scale(1.2);
    transition: opacity .3s, transform .3s;
}

/* .box-elenco img {height: 125px;} */


.barrato {text-decoration: line-through;}


.form-control.is-invalid, .form-control:invalid {
    border-color: #e3342f;
}


img.lazy {
    min-height: 105px;
    min-width: 105px;
    background-image: url('../../img/loading.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.cover_container {
    position: relative;
    width: 100%;
}

.overlay_cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .3s ease;
}
.cover_container:hover .overlay_cover {
    opacity: 0.5;
}
.link_icon {
    color: white;
    font-size: 55px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.link_icon:active,  .link_icon:hover{
    color: white;
} 

.lista-iniziali a {
    color: #000;
}

.lista-iniziali a.active {
    color: #db2f34;
    font-weight: bold;
    background-color: rgb(248, 249, 250);
}

/* puntosostenibile */
div.hp_puntosostenibile { background-color: #efefef; }
div.ps_container a:link {color:#000; text-decoration: none;}
div.ps_container a:visited {color:#333; text-decoration: none;}
div.ps_container a:hover {color:#333; text-decoration: none;}
div.ps_container a:active {color:#333; text-decoration: none;}
div.ps_articolo .card-body {min-height: 180px;}

.main_ps_text h5 {
    font-size: 2.2rem;
}
.main_ps_text {
    margin: -160px 60px 0 60px;
    position: relative;
    background-color: #FFF;
    padding: 5px;
    border-top: 5px solid #db2f34;
}
.ps_tipo_data {
    display: flex;
    justify-content: space-between;
}

.btn-ps {background:#649dcd;}


@media (max-width: 768px) {

    #main-carousel {

        display: none;

    }

    .main_ps_text {
        margin: 0;
    }
    
}