/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/




.noti {
	padding: 10px;
	margin: 5px 0;
}

.noti.warning {
	background-color: #ECD078;
	color: #000;
}

.assisto-checkbox {
	overflow: auto;
}

#changingBg {
	min-height: 100vh;
	z-index: 0;
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
	overflow: auto;
	height: 100vh;
	width: 100%;
	background-position: center;
	background-size: cover;
	transition: all 1s linear;

}

#mainScreen {
	min-height: 75vh;
	padding-top: 10vh;
	padding-bottom: 10vh;
	background-color: transparent;
}

#newAdBtn {
	border: 2px solid #FFF;
	border-radius: 4px;
}

#mainScreen h1 span {
	padding: 8px;
	background-color: rgb(245, 245, 244);
	box-shadow: 10px 0px 0 rgb(245, 245, 244),
		-10px 0px 0 rgb(245, 245, 244);
}

#mainScreen h1 {
	color: #FFF;
	font-size: 5vh;
}

#mainScreen .middle {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

@media (max-width: 767px) {
	#mainScreen h1 {
		color: #FFF;
		font-size: 9vw;
	}
}


@media (min-width: 768px) {

	#mainScreen h1 {
		color: #FFF;
		margin-bottom: 0;
		font-size: 6vh;
	}

	#mainScreen .row {
		display: flex;
		align-items: center;
	}
}

#primary-menu-trigger .icon-reorder {
	font-size: 32px !important;
}


.mb-3 {
	margin-bottom: .75rem !important
}

.mb-4 {
	margin-bottom: 1rem !important
}

.mb-10 {
	margin-bottom: 2.5rem !important
}