/*
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


#f8fbfb
#afc9ce
#273437
#fbe880

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


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

}



.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;
}



.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
--------------------------*/
footer {color:#fff; background-color:#263238;}
footer a{color: #59a7db}
footer a:hover{color: #8cb7db}

footer p {color:#CCC;}

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

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

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

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

.footer-social li a { color:#fff; }
.footer-social li a i {
  color: #fff;
  }
/*-------------------------
        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) {}

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


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

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

/* 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 */