/* CSS for Natural Capital Assessments vertical tabset wizard */

/* Body */
.page-best-practice .card {margin-bottom:20px;}

.bp-popover {cursor:pointer; text-decoration:underline dotted;}

/* Circle */
#themes {position:relative; width:350px; height:350px; background-color:#fff; border:0.1875em solid #081f2c; border-radius:350px; margin:80px 70px; padding:0;}
#themes .satellite {position:absolute; width:140px; height:140px; border-radius:140px; cursor:pointer; display:flex; justify-content:center; align-items:center;}
#themes .satellite.disabled {background-color:#ccc;}
#themes .satellite:hover {box-shadow: 0px 0px 10px 3px rgba(107,187,174,1);}
#themes .satellite.disabled:hover {box-shadow:none;}
#themes .satellite-title {padding:5px; text-align:center; color:#fff;} /* filter: drop-shadow(3px 3px 3px #000000); */

/* Table */
.clickable {cursor:pointer;}

/* Wizard */
#bs-wizard a.nav-link {text-decoration:none; text-wrap:nowrap;}
#bs-wizard .bg-intro {background-color:#081f2c; color:#fff;}
#bs-wizard .nav-pills .nav-link {margin-bottom:5px; color:#fff; border-radius:0;}
#bs-wizard .nav-pills .nav-link.active,
 #bs-wizard .nav-pills .show > .nav-link,
  #bs-wizard a.nav-link:focus {
   outline: 2px solid #6bbbae;
}
#bs-wizard a.nav-link:hover {
   box-shadow: 0px 0px 10px 3px rgba(107,187,174,1);
}

summary.h3 {font-family:'Aleo Regular' !important;}

@media print {
   .print-fullwidth {width:100% !important;}
   .breadcrumbs {display:none;}
}