/*
 Theme Name:   Sapremo
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&family=Oswald:wght@200..700&display=swap');

body {
	background-color: #172039!important;
	color: #fff;
	font-weight: 300;
	font-size: 18px;
	letter-spacing: 1px;
}
strong {
    font-weight: 700;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 700!important;
	color:#ffd768;
}
img {
	max-width: 100%;
	max-height: auto;
}
.content-area {
	min-height: calc(100vh - 360px);
}

.btn-xs {
	--bs-btn-padding-y: 0.25rem;
	--bs-btn-padding-x: 0.5rem;
	--bs-btn-font-size: 0.75rem;
}

.btn-xxs {
	--bs-btn-padding-y: 0.15rem;
	--bs-btn-padding-x: 0.5rem;
	--bs-btn-font-size: 0.65rem;
}

.spazio-superiore {
	margin-top: 15px;
}
.spazio-inferiore {
	margin-bottom: 15px;
}
.nome-utente {
	color: #ffd768;
	font-size: 85%;
}
.pannello {
	padding: 20px;
/*	border: 1px solid #666;*/
	border-radius: 8px;
	background-color: #222;
	margin-bottom: 20px;
}
.pannello h1, .pannello h2, .pannello h3, .pannello h4 {
    margin-top: 0px;
    margin-bottom: 11px;
}
label {
    font-weight: 400!important;
}
button, input, optgroup, select, textarea {
    font-weight: 600!important;
}

/* Checkbox */
input.faChkRnd, input.faChkSqr {
  visibility: hidden;
}

input.faChkRnd:checked:after, input.faChkRnd:after,
input.faChkSqr:checked:after, input.faChkSqr:after {
  visibility: visible;
  font-family: FontAwesome;
  font-size: 25px;
  height: 17px;
  width: 17px;
  position: relative;
  top: -6px;
  left: 0px;
  background-color: #000;
  display: inline-block;
	color: #fff;
}

input.faChkRnd:checked:after {
  content: '\f058';
}

input.faChkRnd:after {
  content: '\f10c';
}

input.faChkSqr:checked:after {
  content: '\f14a';
}

input.faChkSqr:after {
  content: '\f096';
}

.votanti {
	font-size: 85%;
	line-height: 100%;
}

.sala {
	text-align: center;
	background-color: #333;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 8px;
	font-size: 14px;
}
.sala i {
	margin-left: 2px;
	margin-right: 2px;
}
.sala .spazio {
	margin-right: 10px;
	margin-left: 10px;
}
.sala hr {
	border-top: 5px solid #999;
	width: 150px;
	margin-bottom: 40px;
}
.sala p.info {
	font-size: 85%;
	line-height: 100%;
	margin-top: 20px;
}
.tooltipstered i {
	color: #ffd768;
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box {
	background: #ffd768;
	border: none;
	border-radius: 6px;
	box-shadow: 5px 5px 2px 0 rgba(0,0,0,0.4);
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content {
	color: #fff;
	padding: 8px;
}

.progress {
	background-color: transparent!important;
	border: 1px solid #333;
	margin-top: 0px;
}
.progress-bar {
	font-size: 12px!important;
	font-weight: bold;
	background-color: #666!important;
}

.pulsazione {
    -webkit-animation: pulsazione 2s linear infinite;
    -moz-animation: pulsazione 2s linear infinite;
    -ms-animation: pulsazione 2s linear infinite;
    -o-animation: pulsazione 2s linear infinite;
    animation: pulsazione 2s linear infinite;
}

.has-error label {
    color: red !important;
}
.has-success {
    color: green;
}
.help-block {
    color: red;
    font-size: 85%;
}

@-webkit-keyframes pulsazione {
    0% { opacity: 1; }
    50% { opacity: 0.25; }
    100% { opacity: 1; }
}

@-moz-keyframes pulsazione {
		0% { opacity: 1; }
    50% { opacity: 0.25; }
		100% { opacity: 1; }
}

@-ms-keyframes pulsazione {
    0% { opacity: 1; }
    50% { opacity: 0.25; }
    100% { opacity: 1; }
}

@-o-keyframes pulsazione {
    0% { opacity: 1; }
    50% { opacity: 0.25; }
    100% { opacity: 1; }
}

@keyframes pulsazione {
    0% { opacity: 1; }
    50% { opacity: 0.25; }
    100% { opacity: 1; }
}

@media (max-width: 480px) {
	/* smartphones, Android phones, landscape iPhone */
	.nav-link {
		font-size: 200%;
	}
}
.nav-link {
	text-transform: uppercase;
	font-weight: 900;
	color: rgba(255, 255, 255, 0.85);

}
.nav-link:hover {
	color: rgba(255, 255, 255, 0.5);
}
.nav-link:active {
	color: rgba(255, 215, 104, 1.0);
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
	color: rgba(255, 215, 104, 1.0);
}
.acf-field {
	margin-bottom: 20px!important;
	border-top: none!important;
	padding: 0px!important;
}
.af-submit {
	padding: 0px!important;
}
.af-submit-button {
	background-color: #ffd768;
	color: #000;
	border: none;
	border-radius: 8px;
	padding: 10px 40px;
	font-size: 18px;
	font-weight: 700;
	margin-top: 30px;
}