@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
	--primary: #d7282d;
	--secondary: #1c3555;
	--success: #198754;
	--white: #ffffff;
	--black: #000000;
	--dark-grey: #2d2926;
	--red:#d7282d;
	--dark-blue: #1c3555;
	--blue: #0b55af;
	--font-color: #5b6770;
	--font-body: "Inter", sans-serif;
	--font-body-weight: 400;
	--font-italic-heading: "Inter", sans-serif;
	--font-italic-heading-bold: "Inter", sans-serif;
	--font-heading: "Inter", sans-serif;
	--font-heading-weight: 700; 
	--font-heading-bolder: "Inter", sans-serif; 
	--font-heading-weight-bolder: 900;
}

/* ---------------------------------------------------- */
/* 						Styling							*/
/* ---------------------------------------------------- */
.container{
	max-width: ;
}
 
body{
	font-size: .9rem !important;
    letter-spacing: .5px;
    line-height: 24px;
    color: #474747;
    overflow-x: hidden;
	font-family: var(--font-body);
	font-weight: var(--font-body-weight);
}


/* ---------------------------------------------------- */
/* 					Links/Buttons						*/
/* ---------------------------------------------------- */
a{
	color: ;
}

a:hover{
	color: ;
}

.btn{
	font-family: var(--font-heading-bolder);
	font-weight: var(--font-heading-weight-bolder);
	border-radius: ;
	text-transform: ;
	cursor:;
	font-size: ;
	text-align: ;
	letter-spacing: 0;
	line-height: ;
	padding: ;
	font-weight:;
}

.btn-sm{
	line-height: ;
}

.btn-lg{
	font-size: ;
	letter-spacing: ;
	line-height: ;
}

.btn-primary{
	background: #db2b25;
	border-color:  #db2b25; 
	color: #fff;
} 

.btn-primary:hover{
		background-color: #db2b25;
    border-color: #db2b25;
    color: #ffffff;
}

.btn-secondary{
		background-color: #3152ce;
    border-color: #3152ce;
    color: #FFFFFF;
}

.btn-secondary:hover{
		background-color: #3152ce;
    border-color: #3152ce;
    color: #FFFFFF;
}

.btn-outline-primary{
	color:#db2b25;
	background:transparent;
	border-color:  #db2b25;
}
.btn-outline-primary:hover{
	color:#db2b25;
	background: transparent;
	border-color:  #db2b25;
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
	background-color:;
	border-color: ;
}


/* make btn-primary look like btn-success */
.btn-primary {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-primary:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

/* Radio buttons */

.btn-group.btn-group-toggle .btn-outline-success {
	border-color: #474747;
	color: #474747;
}

/* ---------------------------------------------------- */
/* 						H Tags							*/
/* ---------------------------------------------------- */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family: var(--font-heading);
	font-weight: var(--font-heading-weight);
	color: ;
}

h1, .h1{
	font-family: var(--font-heading-bolder);
	font-weight: var(--font-heading-weight-bolder);
}

h2, .h2{
	
}

h3, .h3{
	
}


h4, .h4{
	
}

h5, .h5{
	
}

h6, .h6{
	
}


@media (min-width: 768px) {
	#kioskWrap h1, .h1{
		font-size: 1.8rem;
	}
	
	h2, .h2{
		
	}
	
	h3, .h3{
		
	}
	
	h4, .h4{
		
	}
	
	h5, .h5{
		
	}
	
	h6, .h6{
		
	}
}

@media (min-width: 1024px) {
	h1, .h1{
	}
	
	h2, .h2{
		
	}
	
	h3, .h3{
		
	}
	
	h4, .h4{
		
	}
	
	h5, .h5{
		
	}
	
	h6, .h6{
		
	}
}
@media (min-width: 1440px) {
	h1, .h1{
		
	}
	
	h2, .h2{
		
	}
	
	h3, .h3{
		
	}
	
	h4, .h4{
		
	}
	
	h5, .h5{
		
	}
	
	h6, .h6{
		
	}
}

@media (min-width: 1920px) {
	h1, .h1{
		
	}
	
	h2, .h2{
		
	}
	
	h3, .h3{
	}
	
	h4, .h4{
		
	}
	
	h5, .h5{
		
	}
	
	h6, .h6{
		
	}
}
/* ---------------------------------------------------- */
/* 									Sticky Footer												*/
/* ---------------------------------------------------- */

html,body{
	height: 100%;
	min-height: 100%;
}

#wrapper {
  	min-height: 100%;
  	margin-bottom: -40px; 
}

#wrapper:after {
	content: "";
	display: block;
}

/* ---------------------------------------------------- */
/* 						Header							*/
/* ---------------------------------------------------- */
#header{
	background: #fff;
	border-bottom: 0px;
}
#header .logo{
	position: relative;
}
#header .logo a{
	display:block;
	position: absolute;
	width: 200px;
}

#header .logo svg {
 	fill: #142d61;
 	width: 100%;
}

#header .logo svg path:nth-child(1), #header .logo svg path:nth-child(2){
    fill: #e72d2d;
}

/* ---------------------------------------------------- */
/*						Footer							*/
/* ---------------------------------------------------- */
#footer{
	font-size: .75rem;
	border-top: 0;
	background-color: #1c1e25;
	color: #b0b2b7;
}

#footer, footer, #wrapper:after {
  height: 40px; 
}

/* ---------------------------------------------------- */
/* 						Form Fields						*/
/* ---------------------------------------------------- */
.card{
	/*background: #f5f5f5;
	border-color: #e3e3e3;*/
}

.col-form-label{
	font-size: 16px;
}
.form-control{
	background-color: ;
	height: ;
	padding: ;
	color: ;
}

.form-control-lg {
    text-align: left;
    margin: 0;
}

.form-group {
    margin-bottom: .5rem;
}

@media (min-width: 768px) {
	#header{
		height: ;
	}
	
	#header .logo img{
		height: ;
	}
	
}


.card.card-hover:hover, .card.active{
	/*background-color: #db2b25;
    border-color: #db2b25;*/
    background-color: #28a745;
    border-color: #28a745;
    color: #ffffff;
}

/* bootstrap smaller than sm */
@media (max-width: 576px) {  
	#header .logo a {
		width: 140px;
	}
	#header .btn {
		font-size: .75rem;
	}
	#header .lan-flag {
		height: 40px;
	}
}