/*!
 * FCRF_MAIN – components.css
 * Reusable UI components (cards, buttons overrides, etc.)
 */


 /* BACK TO TOP
-------------------------------------*/


.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  z-index: 1000;
  padding: 10px 15px;
  font-size: 20px;
  border-radius: 20px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}


/* BOTTONI
-------------------------------------*/

.btn {font-family: 'Be Vietnam Pro', sans-serif;}

.btn-outline-light {
  text-transform:uppercase;
  font-size:13px;
  font-weight:bold;
  padding: 15px 30px;
}


/* hover del pulsante */
.btn-outline-light:hover{
  border: 1px solid transparent;
  background: #C9974D ;
  color:#fff;
}


/* pulsanti missioni */

.btn-primary-in1 {
  /*background-image: linear-gradient(to right, #09346A , #E23B93);*/
  background: #f0910b;
  font-size: 1rem;
  padding: 11px 39px;
  border: none;
  font-weight: 500;
  border: none;
  border-radius:50px;
  color: #fff;
}


.btn-primary-in1:hover {
  color: #fff;
}

.btn-outline-primary-in1 {
  background: transparent;
  font-size: 1rem;
  padding: 11px 39px;
  border: 2px solid #f0910b;
  font-weight: 500;
  border-radius: 50px;
  color: #f0910b;
}

.btn-outline-primary-in1:hover {
  background: #f0910b;
  color: #fff;
}

.btn-primary-in2 {
  background: #db0010;
  font-size: 16px;
  border-radius: 0px;
  padding: 11px 39px;
  border: none;
  font-weight: 500;
  border: none;
  border-radius: 50px;
  color: #fff;
}

.btn-primary-in2:hover {
  background: #db0010;
  padding: 11px 39px;
  border: none;
  border-radius:50px;
  color: #fff;
}

.btn-outline-primary-in2 {
  background: transparent;
  font-size: 1rem;
  padding: 11px 39px;
  border: 2px solid #db0010;
  font-weight: 500;
  border-radius: 50px;
  color: #db0010;
}

.btn-outline-primary-in2:hover {
  background: #db0010;
  color: #fff;
}

.btn-primary-in3 {
  background: #3598bb;
  font-size: 1rem;
  border-radius: 0px;
  padding: 11px 39px;
  border: none;
  font-weight: 500;
  border: none;
  border-radius: 50px;
  color: #fff;
}

.btn-primary-in3:hover {
  background: #3598bb;
  padding: 11px 39px;
  border: none;
  border-radius:50px;
  color: #fff;
}

.btn-outline-primary-in3 {
  background: transparent;
  font-size: 1rem;
  padding: 11px 39px;
  border: 2px solid #3598bb;
  font-weight: 500;
  border-radius: 50px;
  color: #3598bb;
}

.btn-outline-primary-in3:hover {
  background: #3598bb;
  color: #fff;
}

.btn-primary-in4 {
  background: #4d935f;
  font-size: 1rem;
  border-radius: 0px;
  padding: 11px 39px;
  border: none;
  font-weight: 500;
  border: none;
  border-radius: 50px;
  color: #fff;
}

.btn-primary-in4:hover {
  background: #4d935f;
  padding: 11px 39px;
  border: none;
  border-radius:50px;
  color: #fff;
}

.btn-outline-primary-in4 {
  background: transparent;
  font-size: 1rem;
  padding: 11px 39px;
  border: 2px solid #4d935f;
  font-weight: 500;
  border-radius: 50px;
  color: #4d935f;
}

.btn-outline-primary-in4:hover {
  background: #4d935f;
  color: #fff;
}


.btn-secondary {
  background:#655e59;
  border-color:#655e59;}

.btn-iscriviti {border-radius: 0px 6px 6px 0px !important;}


.btn-outline-primary-header {
  border:2px solid #333;
  padding: 10px 30px;
  color:#fff !important;
  border-radius: 50px !important;
}


.prop-body-alt .btn-outline-primary-header {
  border:2px solid #fff;
  padding: 10px 30px;
  color:#fff !important;
  border-radius: 50px !important;
  font-size: 18px;
  text-decoration: none;
}


.btn-outline-primary {
  border:2px solid #7F1F1C;
  color:#7F1F1C !important;
  border-radius: 50px !important;
}


.btn-outline-primary:hover {
  background:#7F1F1C;
  border:2px solid #7F1F1C;
  color:#fff !important;
}

.btn-secondary {
  background: #80715D;
  border:none;
}

.btn-secondary:hover {
  background: #80715D;
}

.btn-outline-secondary {
  border:2px solid #fff;
  padding: 9px 20px;
  color:#fff !important;
  border-radius: 4px !important;
}

.btn-outline-secondary:hover {
  border:2px solid #fff;
  background: #fff;
  padding: 9px 20px;
  color:#333 !important;
  border-radius: 4px !important;
}

.btn-light {
  padding: 0 !important;
}

.btn-light.menu-custom a  {color:#333 !important;}


.btn-link {
  color: #222 !important;
  text-decoration: none !important;
  font-size: 18px;
}

.btn-link-alt {
  color: #222 !important;
  text-decoration: none !important;
  font-size: 18px;
  margin-top: -10px;
  border:2px solid #222;
  min-width: 120px;
  border-radius:20px;
}

.btn-link-alt:hover {
  color:#222;
  border:2px solid #222;
}

.btn-link-alt2 {
  color: #7F201C !important;
  text-decoration: none !important;
  background: transparent;
  margin-top: -10px;
  min-width: 140px;
  border-radius:50px;
  border: 2px solid #7F201C;
}

.btn-link-alt2:hover {
  color:#7F201C;
  background: transparent;
  border: 2px solid #7F201C;
}

.btn-home {
  color: #1d223f !important;
  padding: 0;
}

.btn-dx {
  float:right;
}