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

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


:root {
	--cnvs-header-height: 135px;
	--cnvs-header-height-sm: 60px;
	--cnvs-header-height-md: 80px;
	--cnvs-header-height-lg: 120px;
	--cnvs-header-height-shrink: 120px;
	--cnvs-side-header-width: 260px;
}

@media (min-width: 991px) {
	.boxed-slider {
		padding-top: 75px;
	}
}

.fslider {
	border-radius: 15px;
	aspect-ratio: 30 / 13;
}

.mfp-img {
	max-width: 1000px !important;
}

.weather-container {
	transition: .4s opacity;
}

@media (min-width: 1024px) {
    #logo {
        width: 452px;
    }
    .weather-container {
        width: 324px;
    }

    .header-misc {
        width: 324px;
    }
}

body:not(.device-up-xs) .header-misc {
    order: 6;
}

.rounded-corners {
	border-radius: 5px;
}

#content {
	height: auto !important;
}