/*

Template Name: NQ Arena by Mustard.com.br
Theme URI: http://mustard.com.br
Author: Israel Lalli, Márcio Brandão e Cristiano Braga em Mustard.com.br
Author URI:  http://mustard.com.br

*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rye&display=swap');


body * {
	/*box-shadow: inset 0 0 0 1px rgba(255, 0, 0, .5);*/
	color: #1c2567;
}

html {
  scroll-behavior: smooth;
}

body {
	font-family: 'Poppins', sans-serif;
}

p::selection {
	color: #ef8d00;
	background-color: #404e9b;
}


::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .2);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, .3);
}

.font-rye {
	font-family: 'Rye', cursive;
}

.full-h {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}

.bg-circo {
	background-image: url(../img/fundo_circo.jpg);
	background-position: center center;
	background-size: cover;
}


.logo-porteiro img {
	width: 80vw;
}




a {
	font-weight: 600;
	color: #ef8d00;
}

a:hover {
	background-color: #404e9b;
	color: #ef8d00;
}

.swal2-styled.swal2-confirm,
.btn-primary {
	background-color: #404e9b!important;
	border: none!important;
	color: white!important;
}

.swal2-styled.swal2-confirm:hover,
.btn-primary:hover {
	background-color: #404e9b!important;
	box-shadow: 0 0 0 .5rem #404e9b!important;
}

.btn-secondary {
	background-color: #ef8d00;
	border: none;
	color: white;
}

.btn-secondary:hover {
	background-color: #ef8d00;
	box-shadow: 0 0 0 .5rem #ef8d00;
}

.bg-primary {
	background-color: #404e9b !important;	
}


.swal2-popup {
	border-radius: 1rem!important;
}


.enfeite-borda-claro {
	border-radius: 1rem;
	border:  none;
	box-shadow: 0 0 0 .5rem #5192f1,
							0 0 0  1rem #404e9b,
							0 1rem 1rem  1rem rgba(10,20,75,.8);
}

.enfeite-borda-claro .modal-header .btn-close {
	margin: 0 0 0 auto;
}

.bg-papelzinho {
	background: rgb(241,235,222);
	background: radial-gradient(circle, rgba(241,235,222,1) 0%, rgba(246,222,199,1) 100%);
	background-position: center center;
	background-attachment: fixed;
}

.nav-home {
	display: flex;
	flex-direction: row;
	grid-gap: 2rem;
	flex-flow: wrap;
	justify-content: center;
}

.btn-circo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height: 100%;
	position: relative;
	padding: 2vh 4vh;
	font-size: 2vh;
	z-index: 1;
	background-color: white;
	border-radius: .5rem;
	box-shadow: 0 0 0 .25rem #5192f1,
							0 0 0  .5rem #404e9b,
							0 .5rem .5rem  .5rem rgba(10,20,75,.8);
	text-decoration: none;
	font-family: 'Rye', cursive;
	text-transform: uppercase;
	letter-spacing: .1rem;
	color: #404e9b;
	transition: all ease .8s;
	border: none;
	font-weight: bold;
}

.btn-circo:hover {
	transform: scale(1.1);
	background-color: white;
	box-shadow: 0 0 0 .25rem #5192f1,
							0 0 0  .5rem #404e9b,
							0 1rem 1rem  .5rem rgba(10,20,75,.6);
	transition: all ease .2s;
}

.btn-circo:after {
	content: "";
	position: absolute;
	top: -5%;
	left: -5%;
	width: 110%;
	height: 110%;
	background-color: white;
	z-index: -1;
	border-radius: 100%;
}

.btn-circo:before {
	content: "";
	position: absolute;
	top: -10%;
	left: 25%;
	width: 50%;
	height: 120%;
	background-color: white;
	z-index: -3;
	border-radius: 100%;
}

.sticky-dia {
	padding: 1rem 0;
	position: sticky;
	top: 0;
	backdrop-filter: blur(20px);
	background-color: rgba(241,235,222,.8);
}

.sticky-hora {
	padding: 1rem 0;
	position: sticky;
	top: 3rem;
}

.cola-topo {
	position: sticky;
	top: 0;
	z-index: 1;
}


/*-----------------Tela grande-----------------*/
@media (min-width: 992px) {

	.full-lg-h {
	  min-height: 100vh;
	  min-height: calc(var(--vh, 1vh) * 100);
	}

	.min-lg-80-h {
		min-height: calc(var(--vh, 1vh) * 80);
	}

	.min-lg-80-w {
		min-width: 80vw;
	}

	.max-lg-400 {
		max-width: 400px;
	}

	.max-lg-960 {
		max-width: 960px;
	}


	.logo-porteiro img {
		width: 50vw;
		max-height: 80vh;
		object-fit: contain;
	}

	.header-circo .logo-porteiro img {
		width: 20vw;
		margin: 1vh 0;
	}

	.home-page .logo-porteiro img {
		width: auto;
		height: 60vh;
		margin-bottom: 10vh;
	}

	.nav-home {
		max-width: 80%;
	}

}





/*Suhdo*/
.dataTables_wrapper .dataTable {
    display: table!important;
    overflow-x: auto;
}