@font-face {
    font-family: 'ColourSans';
    src: url('/public/assets/css/font/ColourSans.woff2') format('woff2'),
         url('/public/assets/css/font/ColourSans.woff') format('woff'),
         url('/public/assets/css/font/ColourSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
* {
    font-family: 'ColourSans', sans-serif !important;
}
/* Restaura a fonte original do Font Awesome */
.fa, .fas, .far, .fal, .fab, .fad,
[class^="fa-"], [class*=" fa-"] {
    font-family: 'Font Awesome 6 Free', 
                 'Font Awesome 6 Brands',
                 'Font Awesome 5 Free',
                 'Font Awesome 5 Brands' !important;
}

/* Custom Animations for Modals */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in {
    animation: fadeIn 0.3s ease-out forwards;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.animate-zoom-in {
    animation: zoomIn 0.3s ease-out forwards;
}

/* Custom Scrollbar */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Modal Z-Index Fix - Standardizing high values for the entire portal */
.modal,
#postModal,
#uploadModal {
    z-index: 99999999 !important;
}

.modal-backdrop {
    z-index: 99999998 !important;
}

#feedPostViewer {
    z-index: 999999999 !important;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.animate-spin {
    animation: spin 1s linear infinite;
}


.sabetudo#quiz-question{
    background-image: url('../../../public/assets/images/bg_quiz-question.png');
    background-position: top center;
    background-size: 100% 100%;
    padding: 90px 50px 50px 50px;
    color: #FFF;
    max-width: 420px;
    margin-top: 50px;
}

@media screen and (max-width: 430px) {
	#mobile_header, #main-wrapper{
		max-width: 430px;
    	display: block;
	}
	#edit-outer-container{
		padding: 0px !important;
    	zoom: 0.75;
		border:0px;
	}
	#edit-main-container{
		border:0px;
	}
	.mobile-menu-item-wrapper{
		zoom: 1.35;
	}
	.carousel-inner .carousel-item .object-cover{
		object-fit: contain !important;
		margin-bottom: -25px;
	}
	
	#quiz-question{
		
	}
	
}

@media screen and (max-width: 412px) {
	#mobile_header, #main-wrapper{
		max-width: 412px;
    	display: block;
	}
	#edit-outer-container{
		padding: 0px !important;
    	zoom: 0.75;
		border:0px;
	}
	#edit-main-container{
		border:0px;
	}
	.mobile-menu-item-wrapper{
		zoom: 1.35;
	}
}

@media screen and (max-width: 390px) {
	#mobile_header, #main-wrapper{
		max-width: 390px;
    	display: block;
	}
	#edit-outer-container{
		padding: 0px !important;
    	zoom: 0.75;
		border:0px;
	}
	#edit-main-container{
		border:0px;
	}
	.mobile-menu-item-wrapper{
		zoom: 1.35;
	}
}

@media screen and (max-width: 360px) {
	#mobile_header, #main-wrapper{
		max-width: 360px;
    	display: block;
	}
	#edit-outer-container{
		padding: 0px !important;
    	zoom: 0.75;
		border:0px;
	}
	#edit-main-container{
		border:0px;
	}
	.mobile-menu-item-wrapper{
		zoom: 1.35;
	}
}