:root {
  --system-ui: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --color-black:		#434343;
  --color-white:		#fff;
  --color-hyperlink:	#0D6EFD;
  --font-size: 			1.5rem;
}

html {
	font-size:62.5%;
	scroll-behavior: smooth;
}

html,
body{
	overflow-x: hidden;
	min-height:100vh;
}

body{
	font-family: var(--system-ui);
	font-size:var(--font-size);
	line-height:1.7;
	padding-top:90px;
	background-color:var(--color-white);
	color:var(--color-black);
	position:relative;
}

a{
	color:var(--color-black)
}

a,
a:hover,
.btn,
.video .img img {
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
	transition: all 0.8s;
	cursor: pointer;
}

.form-control,
.form-select,
.btn{
  font-size: var(--font-size)!important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p{
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:30px;
    padding:0;
	color:var(--color-black);
	font-size:100%;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-weight:600;
}

ul{
	margin-bottom:30px;
	margin-left:30px;
}

a,
a:hover{
	text-decoration:none!important
}

label{
	font-weight:bold;
}

input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

hr{
	margin-top:120px;
	margin-bottom:120px;
}

.btn-lg{
	padding:15px 30px;
}

.error{
	color:red;
}

.badge{
	font-size:1.2rem;
	font-weight:400;
}

.navbar{
	border-bottom:1px solid #eee;
}

.navbar-brand {
	font-size:2.0rem;
	font-weight:bold;
	text-transform:uppercase;
}

.navbar-brand img{
	height:32px;
}

.navbar-toggler-icon {
  width: 2.5em;
  height: 2.5em;
}

.dropdown-menu{
	font-size:var(--font-size);
}	

.main{
	padding-bottom:120px;
}

.font-600{
	font-weight:600;
}

.title{
	font-size:2.4rem;
}


.img{
	position:relative;
	width:100%;
	border-radius: 8px;
	overflow:hidden;
	display:block;
}

.img-wide{
	padding-top: 56.25%;
}

.img img{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:-1;
	height:100%;
	width:100%;
	object-fit: cover;
}

.img .caption{
	position:absolute;
	z-index:9;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	
	text-align:center;
}

.img .caption h3{
	color:#fff;
	text-transform:uppercase;
	font-size:3.0rem;
	text-shadow: 2px 2px #000;
	margin-bottom:0;
}	

.img .caption i{
	color:#fff;
}

.nav-back{
	width:45px;
	display:inline;
}

.nav-title{
	width:calc(100% - 45px);
	display:inline;
}	

.list-group-item{
	padding-top:12px!important;
	padding-bottom:12px!important;
}
/*
.video .img img{
	opacity:0.7;
}

.video:hover .img img{
	opacity:1.0;
}
*/
.video-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	padding-top: 30px; 
	height: 0; 
	overflow: hidden;
	border-radius:15px;
}	

.video-container iframe, 
.video-container object, 
.video-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

.box-details{
	position:relative;
	background-color:rgba(0, 0, 0, 0.05);
	border-radius:15px;
	margin-top:15px;
	padding:30px;
}

.box-details p{
	margin-bottom:0;
}

.box-edit{
	position:absolute;
	top:15px;
	right:15px;
}

.dataTables_filter{
	margin-bottom:15px;
}

table.dataTable tbody td{
	padding-top:24px!important;
	padding-bottom:24px!important;
}

.table > :not(caption) > * > *{
	border-bottom:0!important;
}

.list-group-header{
	background-color: RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1)) !important;
	
}

.list-group-header-title{
	color:#fff!important;
}

.list-group-item{
	padding-top:15px;
	padding-top:15px;
}

.list-group-item:first-child{
	border-radius:8px 8px 0 0;
}

.list-group-item:last-child{
	border-radius:0 0 8px 8px;
}

.footer{
	margin-top:60px;
	padding-bottom:5px;
	
	position:absolute;
	bottom:0;
	width:100%;
	
	font-size:1.2rem;
	text-align:center;
}

/****************************************************************
******** RESPONSIVE *********************************************
****************************************************************/

@media screen and (max-width: 991.98px) {
	/* Medium and smaller / md */
	
	body{
		font-size:1.8rem;
		padding-top:0;
	}

	
	.fixed-top {
		position: relative;
	}
	
	.navbar-nav{
		margin-top:15px;
	}
	
	.nav-link{
		padding-top:15px;
		padding-bottom:15px;
	}
	
	.dropdown-item{
		padding-top:15px;
		padding-bottom:15px;
		padding-left:30px;
		padding-right:30px;
	}
	

}

@media screen and (min-width: 992px){
	/* Large and bigger / md */
}

@media (min-width: 576px) and (max-width: 767.98px){
	/*Small / sm */	
}

@media (min-width: 768px) and (max-width: 991.98px){
	/*Medium / md */
}

@media (min-width: 992px) and (max-width: 1199.98px)  {
	/*Large / lg */
}

@media (min-width: 1200px) and (max-width: 1399.98px)  {
	/* Extra large / xl */

}

@media (min-width: 1400px) {
	/* Extra extra large / xxl */


}