/* ! Importa il font da CDN o effettuando un download */
@import url('https://fonts.googleapis.com/css2?family=Amiko:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

@font-face {
  font-family: 'aAtos';
  src: url('/public/css/fonts/aatos-webfont.woff2') format('woff2'),
    url('/public/css/fonts/aatos-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

/* ! Reset variabili */
:root {
--bs-pink-dark: #e73674;
--bs-pink-light: #ec6f80;
--bs-orange: #e79546;
--bs-blue: #4cc1f0;
--bs-blue-dark: #009fde;
--bs-yellow-dark: #e8bd1b;
--bs-yellow: #ffff00;
--bs-purple: #b24a9f;
--bs-purple-dark: #5b5f9c;
--bs-purple-green: #0fa494;

--bs-blue-gradient: #009fde;
--bs-yellow-gradient: #ffef41;


  /* da cancellare */
  --bs-orange-bg: #FF9329;
  --bs-viol: #ee6b66;
  --bs-viol-bg: #c45e89;

  --bs-blue-bg: #445680;
  /* /da cancellare */

  --bs-font-encode-sans: 'Encode Sans', sans-serif;
  --bs-font-poppins: 'Poppins', sans-serif;
  --bs-font-lora: 'Lora', serif;

  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #000;
  --bs-body-bg: #fff;

  --bs-link-color: #fff;

  --bs-link-hover-color: var(--bs-blue);



}

/* ! SELECTION COLOR */
::-moz-selection {
  /* Code for Firefox */
  color: #fff;
  background: var(--bs-blue-bg);
}

::selection {
  color: #fff;
  background: var(--bs-blue-bg);
}

/* END SELECTION COLOR */

.font-poppins {
  font-family: var(--bs-font-poppins);
}

.font-lora {
  font-family: var(--bs-font-lora);

}


/* ! Header */


/* ! Main */

.min-h-200{
  min-height: 200px!important;
}


#contentPage{
  background-color: rgba(255, 255, 255, 0.9);
  padding: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

/* ! Footer */
#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  z-index: 5;
}

#footer-top a{
  color: var(--bs-blue) !important;
  transition:0.5 all;
  -webkit-transition:0.5 all;
  -moz-transition:0.5 all;
  -ms-transition:0.5 all;
  -o-transition:0.5 all;
}

#footer-top a:hover{
  color: #fff !important;
}

#footer-bot a{
  color: #282828;
  transition:0.5 all;
  -webkit-transition:0.5 all;
  -moz-transition:0.5 all;
  -ms-transition:0.5 all;
  -o-transition:0.5 all;
}

#footer-bot a:hover{
  color: #4cc1f0 ;
}

#footer-top p {
  font-size: 1.8rem;
}

#builder-import_export .btn-primary.active{
  background-color: #5100ff!important;
}