@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
    -webkit-font-smoothing: antialiased; /* Apply antialiasing in WebKit browsers */
    -moz-osx-font-smoothing: grayscale; /* Apply antialiasing in Firefox on macOS */
    text-rendering: optimizeLegibility; /* Optimize text rendering for readability */
}

:root {
	--f7-font-size: 16px;
	--f7-bars-translucent-opacity: 0.8;
	--f7-bars-translucent-blur: 20px;
}

.ios {
	--f7-font-family: "Roboto";
	font-weight: 300;
/* 	--f7-line-height: 29px; */
	--f7-block-title-large-font-weight: 500;
	--f7-block-title-large-text-color: #776D66;
	--f7-page-bg-color: #FFFFFF;
}

.title-large-text, .block-title, .navbar-inner .title  {
	font-weight: 500 !important;
	color: var(--f7-block-title-large-text-color) !important;
}

.block-title-large, .title-large-text, .block-title, .navbar-inner .title, .tabbar-label  {
	letter-spacing: 1px !important;
}

.font-80 {
	font-size: 80% !important;
}

@media only screen and (max-width: 3750px) {
	body {
		background: #00A0DE url(../media/Clinium-sterilisatieproces.jpg);
		background-size: cover;
	}
	body::before {
	    content: "";
	    position: fixed;
	    top: 0;
	    right: -20px;
	    bottom: 0;
	    left: -20px;
	    background: inherit;
	    filter: blur(10px); /* Adjust the blur radius as needed */
	    z-index: -1;
	}
	#app {
		position: relative;
		margin: 0 auto;
		max-width: 840px;
		box-shadow: 0px 0px 100px 10px rgba(0,0,0,0.3);
	}
}