@charset "UTF-8";
/*!
* Start Bootstrap - Bare v5.0.7 (https://startbootstrap.com/template/bare)
* Copyright 2013-2021 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-bare/blob/master/LICENSE)
*/
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */ 



*{
	
--background-color: #ffffff; /*default:#ffffff*/
--text-color: #121212; /*default:#121212*/
--link-color: #0fd65f; /*default:#0fd65f*/
--linkhover-color: #20a041; /*default:#20a041*/
--bottontext-color: #ffffff; /*default:#ffffff*/
--navbar-color: rgba(32,160,65,0.95); /*default:rgba(32,160,65,0.95)*/
--navbarshadow-color: rgba(0,0,0,0.1); /*default:rgba(0,0,0,0.1)*/
--responsivemenuicon: rgba(32,160,65,0.95); /*default:rgba(32,160,65,0.95)*/
--textmenu-color: #ffffff; /*default:#ffffff*/
--textmenu2-color: #1B1B1B; /*default:#1B1B1B*/
--textmenu2hover-color: rgba(15,214,95,0.10); /*default:rgba(15,214,95,0.10)*/
--textmenuhover-color: rgba(255,255,255,0.90); /*default:rgba(255,255,255,0.90)*/
--cardaction1-color: #f3f3f7; /*default:#f3f3f7*/
--cardaction2-color: #509d2a; /*default:#509d2a*/
--textbottonpresentationcard-color: #ffffff; /*default:#ffffff*/
--sidemenubackground1-color: #263238; /*default:#263238*/
--sidemenubackground2-color: #37474F; /*default:#37474F*/
--sidemenutext-color: #ffffff; /*default:#ffffff*/
--titleboxprice-color: #151515; /*default:#151515*/
--footerbackground1-color: #2C3E50; /*default:#2C3E50*/
--footerbackground2-color: #233140; /*default:#233140*/
--footertext1-color: #ffffff; /*default:#ffffff*/
--footertext2-color: #ffffff; /*default:#ffffff*/
--footersocial-color: #ffffff; /*default:#ffffff*/
--textsummary-color: #ffffff; /*default:#ffffff*/

}


body {
  background-color: var(--background-color);
  color: var(--text-color);
}


/* ============ link testi ============ */

a {
  color: var(--link-color);
  text-decoration: none;
}
a:hover {
  color: var(--linkhover-color);
}
/* =================================== */



/* ============ Bottone primario ============ */
.btn-primary {
  color: var(--bottontext-color);
  background-color: var(--link-color);
  border-color: var(--link-color);
}
.btn-primary:hover {
  color: var(--bottontext-color);
  background-color: var(--linkhover-color);
  border-color: var(--linkhover-color);
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: var(--bottontext-color);
  background-color: var(--linkhover-color);
  border-color: var(--linkhover-color);
  box-shadow: none;
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: var(--bottontext-color);
  background-color: var(--linkhover-color);
  border-color: var(--linkhover-color);
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-primary:disabled, .btn-primary.disabled {
  color: var(--bottontext-color);
  background-color: var(--link-color);
  border-color: var(--link-color);
}
/* ============================================== */



/* ============ Barra top ============ */

.navbar-custom {
  background-color: var(--navbar-color);
  box-shadow: 0 2px 4px 0.2px var(--navbarshadow-color);
  
}

/* Usare questo stile se si vuole la barra con gradiente
.navbar-custom {
background-image: linear-gradient(white, gray);
}
*/

.navbar-dark .navbar-nav .nav-link {
  color: var(--textmenu-color);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: var(--textmenuhover-color);
}

/* ============ Submenù barra top ============ */

.dropdown-item {
  color: var(--textmenu2-color);
  background-color: transparent;

}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--textmenu2-color);       
  background-color: var(--textmenu2hover-color);
}

.dropdown-menu > li:hover {
    background-color: var(--textmenu2hover-color);
}

/* ================================= */


/* ============ Sidebar ============ */
.sidebar .nav-link {
  color: var(--textmenu2-color);
  background-color: trasparent;
}
.sidebar .nav-link:hover {
  color: var(--linkhover-color);
  background-color: rgba(255, 255, 255, 0);
}
/* ================================= */



/* ============ Card Action ============ */

.card-header-action {
  background-color: var(--cardaction1-color);
}

.card-body-action {
  background-color: var(--cardaction1-color);
  border-top: 1.5px solid var(--cardaction2-color);
  border-left: 1.5px solid var(--cardaction2-color);
  border-right: 1.5px solid var(--cardaction2-color);
}


.card-title-action {
  color: var(--cardaction2-color);
}

.card-text-action {
  color: var(--cardaction2-color);
}

.card-footer-action {
  background-color: var(--cardaction1-color);
  border-bottom: 1.5px solid var(--cardaction2-color);
  border-left: 1.5px solid var(--cardaction2-color);
  border-right: 1.5px solid var(--cardaction2-color);
}

/* ================================= */

/* ============ Sidemenu Index ============ */

#sidebarAll header {
  background-color: var(--sidemenubackground1-color);
}

#sidebarAll {
  background: var(--sidemenubackground2-color);
}

.navAll2 li {
  color: var(--sidemenutext-color);
}

.SideTitle2 {
  color: var(--sidemenutext-color);
}

.SideTitle3 {
  color: var(--sidemenutext-color);
}

/* ================================= */


/* =========== Price ============ */


.boxPrezzo {
  border: 4px solid var(--link-color);
}

.TitlePrice {
  color: var(--titleboxprice-color);
  
}
/* ================================= */

/* ========= Button dowload ========== */

.card-bt-download {
  border-bottom: 1px solid var(--link-color);
}

/* =========icona menù responsive========= */
.navbar-toggler {
  background-color: var(--responsivemenuicon);
}

/* ===========Colori Background Footer============ */
#divFooterUp {
  color: var(--footertext1-color);
  background-color: var(--footerbackground1-color);
}
#divFooterDown {
  color: var(--footertext2-color);
  background-color: var(--footerbackground2-color);
}

.socialfooter {
  color: var(--footersocial-color);
}
         
      
/* ====== FAQ ====== */
summary {	
    background-color: var(--link-color);
    color: var(--textsummary-color);
    border-bottom: 2px solid var(--linkhover-color);
}

details[open] summary {
    border-bottom: 2px solid var(--linkhover-color);
}
      
/** Presentation card **/

.presentation {
 background-color: var(--cardaction1-color);
}

.btnclick {
  background-color:  var(--link-color);
  color: var(--textbottonpresentationcard-color);
  border: 1px solid transparent;
}

.btnclick:hover {
  background-color: var(--linkhover-color);
  color: var(--textbottonpresentationcard-color);
}