/*
Red Highlight: #B73225
Blue Minded: #004E7C
Maroon6: #591C0B
Grey Water: #5C5F58
Lighter Grey: #DCE1E3

Dark Blue: #12232E
Lighter Blue: #007CC7
Lightest Blue: #4DA8DA
Shadow of Dark Blue: #203647
Shadow of Light Blue: #EEFBFB

Bright Red: #DE354C
Deep Red: #932432
Pure Purple: #3C1874
Purpl Tinged Grey: #283747
Cloud: #F3F3F3

- Nero #000000 
- Bianco #FFFFFF 

- Verde #333c2a
- Verde Chiaro #99b47e

- Giallo #e8d28e 
- Giallo Chiaro #f2e9b8


*/
/*------------------------
           GENERALI
 -------------------------*/


body {
  color: #161514;
  background-color: #fff;
  /* background-color: #f7f8f9;*/

}


a {
  color: #333c2a
}

a:hover {
  color: #99b47e
}


hr.vetrina-hr {

  background-image: -webkit-linear-gradient(left, #f0f0f0, #d0d0d0, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #d0d0d0, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #d0d0d0, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #d0d0d0, #f0f0f0);
}


.bg-trasparente {
  background-color: transparent !important;
  border: none;
}

.bg-bianco {
  background-color: #fff !important;
  border: 1px solid #dedede;
}

.bg-grigio {
  border: 1px solid #efefef;
  background-color: #f9f9f9;
}

.bg-rosa {
  background-color: #F8E6E7 !important;
  border: 1px solid #f7d6e6 !important;

}

.bg-azzurro {
  background-color: #E7F1F8 !important;
  border: 1px solid #cfe2ff !important;
}

.page-item.active .page-link {

  background-color: #263238;
  border-color: #263238;
}

  .top-menu  .dropdown-item.active,
  .top-menu  .dropdown-item:focus,
  .top-menu  .dropdown-item:hover {
    color: #333c2a;
    text-decoration: none;
    background-color: #99b47e;
  }

.admin .dropdown-item:active,
.accedi .dropdown-item:active {
  color: #fff;
  background-color: #263238;
}

.admin .dropdown-item:hover,
.accedi .dropdown-item:hover {
  color: #fff;
  background-color: #263238;
}

.classic-title {
  border-color: #dedede !important;

}

h6.classic-title {
  border: none;

}

.classic-title span {
  color: #3c3c3c;
  border-color: #263238 !important;
}

/*---------------------
      prevendita
----------------------*/
.prevendita {

  background-color: red;
  color: #fff;
}

/*---------------------------
    BOTTONI
----------------------------*/
/*.btn-primary{
  color: #fff;
background-color: #55555e;
border-color: #55555e;}

.btn-primary:hover{
  color: #fff;
  background-color: #3f4047;
  border-color: #3f4047;
}
*/


.color {
  color: #575760;
}

.alert {
  background: #fff;
}

/*------------------------
          Admin
--------------------------*/
.copertina-vetrina-modifica {

  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  -moz-box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  -webkit-box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;


}

/*------------------------
          TOPBAR
-------------------------*/
/*vecchi stili saso
.topbar-logo{
  background-color: #fff;
  z-index: 1900;
  padding: 15px 0;
}

.topbar-nav,
.topbar-carrello{
  background-color: transparent;
}
.top-bar {
  transition: .2s;
  background-color: #fff;
  color: #000;
}
.top-bar .last {
  color: #fff;
}

.top-bar li.active {
  background-color: #fff;
}
.top-bar li.active a i{
  color: #263238;

}
.top-bar li.active a {
  color: #212529;

}

.top-bar a {
  color: #fff;

}

.top-bar .dropdown-item {

  color: #212529;

  background-color: transparent;

}
.top-menu-mobile-toggle a{ color:#000}
*/
/*------------------------
  LOGO RICERCA CARRELLO
-------------------------*/
.top-ricerca {
  /*border-color: #dee2e6 !important;*/
  background-color: transparent;

}



.ricerca-top input {
  background: #f9f9f9
}

.btn-ricerca {
  color: #495057;
  background-color: #f9f9f9;
  border-color: #ced4da;
  border-left: 0;
}

.btn-ricerca:hover {
  color: #495057;
  background-color: #f9f9f9;
  border-color: #ced4da;
}

.top-ricerca .lista-desideri {
  border-color: #f9f9f9;
}

/*------------------------
CARRELLO  TOP
------------------------*/

.top-bar .carrello-ajax-top .badge {
  background-color: #fff;
  color: #263238;
}

.carrello-ajax-top .nav-item.active>.nav-link,
.carrello-ajax-top .nav-item:active:focus>.nav-link,
.carrello-ajax-top .nav-item:active>.nav-link,
.carrello-ajax-top .nav-item:focus>.nav-link,
.carrello-ajax-top .nav-item:hover>.nav-link {
  background: transparent !important;
  color: #3c3c3c !important;
}

.prodotto .form-carrello-ajax .btn-danger i {
  color: #fff;
}

#carrello .page-item.disabled .page-link {
  background-color: transparent !important;
}

.btn-light {
  color: #212529;
  background-color: #fff;
  border-color: #dae0e5;
}

/*------------------------
          NAVBAR
-------------------------*/

.argomenti.mm-spn {
  background-color: #263238 !important;
  color: #fff !important;
}

.argomenti.mm-spn ul {
  background-color: #fff !important;
  color: #3c3c3c !important;
}



#top-navigazione .btn-link,
.btn-link {
  color: #3c3c3c
}

.btn-link:hover {
  color: #263238
}

.top-menu {
  background-color: #fff;

}

.top-menu .navbar {
  border-color: #D3D3D3;
}


.top-menu .nav-link,
.top-menu .active .nav-link,
.top-menu .nav-link:hover {
  color: #000;
  text-decoration: none;
}


.top-menu .navbar li.active::after,
.top-menu .navbar li:hover::after {
  background-image: linear-gradient(to right, #263238, #000);
}





/*------------------------
      SWIPER
-------------------------*/
.swiper-button-prev,
.swiper-button-next {
  color: #3c3c3c;
}

.swiper-pagination-bullet-active {
  background-color: #263238;
}

/*------------------------
      CAROSELLO
-------------------------*/
/* Slide captions*/
#top-carosello .slide-captions {
  color: #fff;
}

#top-carosello .slide-captions .current-title {
  background: #025098;
}

#top-carosello h3 {
  color: #fff;
}

#top-carosello .slide-captions .current-subtitle {
  /* background: #f9f9f9;*/
  color: #3c3c3c;
}

#top-carosello .slide-captions .current-subtitle span {
  background-color: #fff;

}



/*-------------------------
      TOP Eventi
--------------------------*/
.top-eventi {
  background: #dedede;
}

.top-eventi h1 {
  color: #fff;
}

.top-eventi h2 {
  color: #263238;
}

.eventi-standard .etichetta {
  background: #3c3c3c;
  color: #fff !important;

}

.eventi-standard .data {
  background-color: #fff;
  border-color: #f0f1f2;
}

.eventi-standard .data .giorno {
  border-color: #db0d22;
}

/*-----------------------
    PAGINA Eventi
------------------------*/


/*EVENTI
------------------------------*/


#eventi .card-text {
  color: #8b8d94;
}

.evento .etichetta,
.eventi .etichetta {
  background: #3c3c3c;
  color: #fff !important;

}

.evento .data,
.eventi .data {
  background-color: #fff;
}

.evento .data .giorno,
.eventi .data .giorno {
  border-color: #db0d22;
}


/*----------------------------------------
SIDEBAR macrosettori
-------------------------------------------*/
#macrosettori-sidebar .card-header {
  padding: 0;
  background-color: #fff;
}

#macrosettori-sidebar .card {
  background-color: transparent;
}

#macrosettori-sidebar .collapsed {
  background-color: #fff;
  color: #000;
}

#macrosettori-sidebar .collapsed .btn-link {
  background-color: transparent;
  color: #000;
}

#macrosettori-sidebar .btn.focus,
#macrosettori-sidebar .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 .0rem rgba(167, 3, 3);
}

#macrosettori-sidebar .btn-link {
  color: #000;

}

#macrosettori-sidebar .btn-link,
#macrosettori-sidebar .collapsed .btn-link:hover {
  background-color: #263238;
  color: #fff;
}

#macrosettori-sidebar .card-header.collapsed {
  border: 1px solid rgba(0, 0, 0, .125);

}

#macrosettori-sidebar .card-header {
  border: 1px solid #263238;
}

#macrosettori-sidebar .card-body {
  border-left: 1px solid rgba(0, 0, 0, .125);
  border-right: 1px solid rgba(0, 0, 0, .125);
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}

/*------------------------
      CLASSIFICA
-------------------------*/
.classifica .classifica-1 {
  background-color: #e1e1e1;
}

.classifica-posizione {
  color: #961311;

}

/*-------------------------
ORDINE conferma
-------------------------*/

.ordine-conferma .alert-info {
  color: #fff;
  background-color: #5eb5e5;
  border-color: #5eb5e5;
}

.ordine-conferma .alert-info a {
  color: #f9dd94;
}

.ordine-conferma .alert-heading {
  color: #f9dd94;
}

.ordine-conferma ol li::marker {
  color: #f9dd94;
}

.ordine-conferma .alert-info li strong {
  color: #f9dd94;
}

/*------------------------
      VETRINA
-------------------------*/
/*#fascia-2 .vetrina  {

  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  border: 1px solid rgba(0,0,0,.085);
}*/



.vetrina-0 {
  border: 1px solid rgba(0, 0, 0, .085);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}


.copertina-ombra {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  -moz-box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  -webkit-box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}


/* ombre copertine
.bs0  {box-shadow: 0 0 1px #333;-moz-box-shadow: 0 0 1px #333;-webkit-box-shadow: 0 0 3px #333;}
.bs1{box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.bs2{box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.bs3{box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;}
.bs4{box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;}
.bs5{box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;}
.bs6{box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;}
.bs7{box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;}
.bs8{box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;}
.bs9{box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;}
*/
.vetrina-info .titolo a {
  color: #3c3c3c;
}

.vetrina-info .autore {
  color: #666;
}


.vetrina-prezzo .prezzo-vecchio {
  color: #666;
}


/*------------------------
      PRODOTTO SCHEDA
-------------------------*/


.prodotto .prodotto-copertina img,
.copertina {
  box-shadow: 0 1px 1px #333 !important;
  -moz-box-shadow: 0 1px 1px #333 !important;
  -webkit-box-shadow: 0 1px 1px #333 !important;

  border-color: #dedede !important;
  background: #fff
}


.prodotto .titolo {
  color: #3c3c3c;
}

.prodotto .autore {
  color: #3c3c3c;
}

.prodotto .editore {
  color: #3c3c3c;
  /*  text-transform: uppercase;*/
}

.prodotto .prezzo-vecchio {
  color: #878787;
}

.prodotto .prezzo-arianna {
  color: #3c3c3c
}

.prodotto .prezzo-libreria {
  color: #db0d22
}


.prodotto .prodotto-prezzo .sconto {
  color: #fff;
  background: #db0d22;
}

.prodotto .titolo a {
  color: #3c3c3c;
}

.prodotto .autore a {
  color: #3c3c3c
}

.prodotto .editore a {
  color: #3c3c3c;
}


/*----------------------------------------
PRODOTTO SCHEDA TABS
--------------------------------------------*/
#prodotto-scheda .nav-tabs .nav-link:focus,
#prodotto-scheda .nav-tabs .nav-link:hover {
  border-color: transparent;
}

#prodotto-scheda .nav-tabs .active:focus,
#prodotto-scheda .nav-tabs .active:hover {
  border-color: #e9ecef #e9ecef transparent;
}


.prodotto .descrizione .tab-content {
  background: #fff;
  border-color: #dee2e6;
  border-color: #dee2e6;
  border-color: #dee2e6;
}

/*-----------------------
 modal stesso autore
 -----------------------*/
.autore-titoli .prodotto img {
  box-shadow: 0 1px 1px #333;
  -moz-box-shadow: 0 1px 1px #333;
  -webkit-box-shadow: 0 1px 1px #333;
  border-color: #dedede;
}

/*------------------------------------------*/
/* RICERCA-RISULTATO:
----------------------------------------- */






/*----------------------------
			 P A G I N A Z I O N E
-------------------------------*/




/*----------------------------
			 SCOLASTICO
-------------------------------*/

.scuola .nav-pills .nav-link.active,
.scuola .nav-pills .show>.nav-link {
  color: #000;
  background-color: #263238;
}

/*----------------------------
			 B A N N E R
-------------------------------*/

.banner-centrali a:hover .small-box-footer {
  color: #fff;
  background: rgba(0, 0, 0, 0.15);
}

.banner-reparti {
  background-color: #f5f5f5;
}

.banner.background-no {
  background-color: transparent;
}

.small-box {

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.small-box.bg-bianco {
  box-shadow: none;
}

.small-box.bg-bianco .small-box-footer {
  display: none;
}

.small-box>.small-box-footer {
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  background: rgba(0, 0, 0, 0.1);
}

.small-box>.small-box-footer:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.15);
}


.small-box p>small {
  color: #f9f9f9;
}

.small-box h2,
.small-box p {
  color: #fff;
}

.small-box.bg-bianco h2,
.small-box.bg-bianco p {
  color: #3c3c3c;
}


.small-box .icon {
  color: rgba(0, 0, 0, 0.15);
}

.small-box:hover {
  color: #f9f9f9;
}




.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fucsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active {
  color: #fff !important;
}


.bg-bianco {
  background-color: #fff !important;

}

.bg-trasparente {
  background-color: transparent !important;
}

.bg-gray-light {
  background-color: #f7f7f7;
}

.bg-black {
  background-color: #111111 !important;
}

.bg-red {
  background-color: #db0d22 !important;
}

.bg-yellow {
  background-color: #f39c12 !important;
}

.bg-aqua {
  background-color: #00c0ef !important;
}

.bg-blue {
  background-color: #0073b7 !important;
}

.bg-light-blue {
  background-color: #3c8dbc !important;
}

.bg-green {
  background-color: #00a65a !important;
}

.bg-navy {
  background-color: #001f3f !important;
}

.bg-teal {
  background-color: #39cccc !important;
}

.bg-olive {
  background-color: #3d9970 !important;
}

.bg-lime {
  background-color: #01ff70 !important;
}

.bg-orange {
  background-color: #ff851b !important;
}

.bg-fucsia {
  background-color: #f012be !important;
}

.bg-purple {
  background-color: #605ca8 !important;
}

.bg-maroon {
  background-color: #d81b60 !important;
}

.bg-black-active {
  background-color: #000000 !important;
}

.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
  background-color: #d33724 !important;
}

.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
  background-color: #db8b0b !important;
}

.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
  background-color: #00a7d0 !important;
}

.bg-blue-active {
  background-color: #005384 !important;
}

.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
  background-color: #357ca5 !important;
}

.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
  background-color: #008d4c !important;
}

.bg-navy-active {
  background-color: #001a35 !important;
}

.bg-teal-active {
  background-color: #30bbbb !important;
}

.bg-olive-active {
  background-color: #368763 !important;
}

.bg-lime-active {
  background-color: #00e765 !important;
}

.bg-orange-active {
  background-color: #ff7701 !important;
}

.bg-fuchsia-active {
  background-color: #db0ead !important;
}

.bg-purple-active {
  background-color: #555299 !important;
}

.bg-maroon-active {
  background-color: #ca195a !important;
}


/*----------------------------
        E V E N T I
-------------------------------*/


/*-------------------------
        F O O T E R
--------------------------*/

#btn-back-to-top {

  color: #333c2a;
  background-color: #99b47e;
  border-color: #99b47e;
}

footer {
  color: #fff;
  background-color: #333c2a;
}

footer a {
  color: #e8d28e
}

footer a:hover {
  color: #f2e9b8
}

footer p {
  color: #e8d28e;
}

.footer-ul li a {
  color: #e8d28e;
}

.footer-ul li a:hover {
  color: #f2e9b8;
}

footer .border-bottom {
  border-color: #e8d28e !important;
}

.footer-bottom-ul li a {
  color: #e8d28e;
}

.footer-social li a {
  color: #e8d28e;
}

.footer-social li a i {
  color: #e8d28e;
}

.footer-social li a:hover i {
  color: #f2e9b8;
}

/*-------------------------
        MEDIA QUERY
--------------------------*/
/* Extra small devices (portrait phones, less than 576px)
 No media query since this is the default in Bootstrap */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

  .topbar-nav,
  .topbar-carrello {
    background-color: #263238;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .top-bar a {
    color: #e8d28e;
  }

  .top-bar a:hover {
    color: #f2e9b8;
  }

  .top-bar .dropdown-menu a {
    color: #3E3C39;
  }

  .top-bar .dropdown-menu .dropdown-item:hover,
  .top-bar .dropdown-menu .dropdown-item:active,
  .top-bar .dropdown-menu .dropdown-item:focus,
  .top-bar .dropdown-menu .dropdown-item.active {
    color: #fff;
    background-color: #263238;
  }

  .link li.active {
    background-color: #fff;
  }

  .link li.active a {
    color: #3E3C39;
    /* border-top: 2px solid #263238; */
  }

  .carrello-utente .active .fa-user-circle {

    color: #333c2a;
  }

  .carrello-utente li.active .nav-link {
    background: #fff;
    color: #161514;

  }

  .social li:last-child {
    border-right: 1px solid #e8d28e;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {


  .top-bar {
    transition: .2s;
    /* border-top: 3px solid #e0a800; */
    background-color: #333c2a;
    color: #fff;
  }

  .topbar-logo {
    background-color: transparent;
    padding: 0;
  }

  .top-bar-logo {
    background-color: #263238;
  }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}

/* Extra large devices (large desktops)
   No media query since the extra-large breakpoint has no upper bound on its width */