/*
 * Author: Luca Arzilli, ALSolutions
 *
 * Project Name: Sogelma
 *
 */

/* FONT */

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

@font-face {
    font-family: 'ArchivoExpanded';
    src: url('../fonts/ArchivoExpanded-Thin.eot');
    src: url('../fonts/ArchivoExpanded-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArchivoExpanded-Thin.woff2') format('woff2'),
        url('../fonts/ArchivoExpanded-Thin.woff') format('woff'),
        url('../fonts/ArchivoExpanded-Thin.ttf') format('truetype'),
        url('../fonts/ArchivoExpanded-Thin.svg#ArchivoExpanded-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


input:focus {
    outline:none;
}

.navbar {
	margin:0px;
	padding:0px;
	background-color:#26374f;
}

.navbar-toggler {
	border: 0px;
	margin-top: 0px;
	padding: 0px !important;
	width: auto;
	height: auto;
	position: static;
	transform: none;
	left: auto;
	top: auto;
	margin-left: 0;
	margin-right: auto;
	color:#FFF;
	border-radius:0px;
}
.navbar button:hover,.navbar button:focus, .navbar button:active {
	background-color:transparent;
	border:0px !important;
}
.navbar-toggler-icon {
	color:#FFF;
}
.nav-item {
	padding:40px 0px;
}
.navbar-collapse {
	padding:0px;
}

.dropdown-menu {
	background-color:#26374f;
	border:0px;
	width:300px;
}
.dropdown-menu img {
	border-radius:5px;
	max-width:95%;
	transition: opacity 0.3s ease;
}

a#navbarDropdown.nav-link.dropdown-toggle.show {
	color:#FFF !important;
}

.container-fluid {
	padding:0% 7vw;
}

body {
  	background-color: #eaedf1;
    font-family: "Inter", sans-serif;
    font-size: clamp(15px, 2vw, 21px);
	line-height: 140%;
    color: #2A3C51;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

strong {
	font-weight:600;
}

::selection {background:#618ECA;color:#FFF;}
::-moz-selection {background:#618ECA;color:#FFF;}

.nav-link, .dropdown-item {
	font-size: clamp(15px, 2vw, 17px);
	line-height:140%;
	color:#FFF;
	padding:0 10px !important;
	font-family: "Inter", sans-serif;
	font-weight:300;
	padding:0px 16px !important;
}
.dropdown-item {
	line-height:32px !important;
}
.nav-link:active, .nav-link:hover, .nav-link:focus, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus, .dropdown a:active, .dropdown a:hover, .dropdown a:hover {
	text-decoration:underline;
	color:#618ECA;
}
.dropdown-item:hover {
	background-color:#26374f;
}
.navbar-brand {
	padding-right: 20px;
	padding-left:2.4vw;
}
.prenota-link {
	background-color:#618ECA;
	border-bottom-left-radius: 25px 25px;
}
.prenota-link .nav-link {
	padding-right:2.4vw !important;
}
.contatti-link .nav-link {
	padding-right:3vw !important;
}
.prenota-link .nav-link:active, .prenota-link .nav-link:hover, .prenota-link .nav-link:focus{
	color:#26374f;
}
.prenota-link-mobile {
	background-color: #618ECA;
	border-radius: 0px;
	border-bottom-left-radius: 25px 25px;
	margin:0px;
	padding: 25px 35px !important;
	color: #FFF;
	text-decoration: none;
	font-size: clamp(15px, 2vw, 17px);
	font-weight: 300;
}
.prenota-link-mobile:hover, .prenota-link-mobile:focus, .prenota-link-mobile:active {
	background-color: #618ECA !important;
	color: #26374f;
}
.navbar-toggler:focus,
.navbar-toggler:active {
    outline: none !important;
    box-shadow: none !important;
}

.btn-grey {
	background-color: #E0E0E0;
	border:1px solid #3D3D3D;
	color:#3D3D3D;
}
button {
	background-color:#618ECA;
	font-size: clamp(15px, 1.8vw, 18px);
  	line-height: 140%;
	color:#FFF;
	padding:15px 25px !important;
	border:0px;
	border-radius:30px;
	margin-top:10px;
}
button:active, button:hover {
    background-color: #26374F !important;
    color: #E0E0E0;
    text-shadow: none !important;
}
.btn-1 {
	background-color: transparent !important;
	border: 1px solid #26374F !important;
	color:#26374F;
	margin-left:20px;
}
section {
	padding:120px 0px;
}
.bg-blue {
	background-color:#26374F;
	border-radius:25px;
}
.bg-2 {
	background-image:url('../img/bg/bg-2.svg');
	background-size:contain;
	background-repeat: no-repeat;
}
.bg-3 {
	background-image:url('../img/bg/bg-3.svg');
	background-size:contain;
	background-repeat: no-repeat;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
    font-family: "ArchivoExpanded";
    font-weight:250;
    letter-spacing:-3%;
}

input, textarea {
    margin-bottom: 20px;
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    padding: 0px 20px 0px 20px;
    border: solid 1px #E0E0E0;
    border-radius:25px;
    height: 50px !important;
}
input[type="checkbox"] {
	width:auto;
	display:inline;
	margin-left:0px;
	margin-right:2px;
	margin-bottom:5px;
}
textarea {
	height: 100px;
}

#contactform-phone button, #contactform-email button {
	margin-top:0px !important;
}

select {
    background: #FFF;
    width: 100%;
    padding: 0px 10px 0px 10px;
    font-size: 16px;
    margin-top: 10px;
    border: 1px solid #FFF;
    height: 32px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color: #2d432b;
}

#scrolltop a {
	display:inline-block;
	width:40px;
	height:40px;
	border-radius:20px;
	border:1px solid #618ECA;
	font-size: 20px;
	color: #618ECA;
	line-height:34px;
	text-align:center;
	text-decoration:none;
	background:#F4FAFC;
	margin-top:12px;
	margin-right:4px;
	margin-left:4px;
	margin-bottom:5px;
	padding-top:0px;
	z-index:999;
}

#scrolltop a:hover, #scrolltop a:focus {
	text-decoration:none;
	color: #618ECA;
}

#scrolltop {
	display:none;
	position:fixed;
	bottom:7%;
	right:3%;
}

.nopadding {
	padding:0px;
}
.nomargin {
	margin:0px;
}

.error {
	color:#cd0c0c;
}

footer {
	background-color:#26374F;
	border-top-left-radius: 50px 50px;
	padding-top:40px;
	padding-bottom:30px;
}

footer .main {
	min-height:320px;
}

footer .info {
	border-top:1px solid #FFF;
	padding-top:30px;
}
footer .info p {
	color:#FFF;
	font-size:13px;
	line-height:13px;
	margin-bottom:0px;
}

footer h3 {
	color:#618ECA;
	font-size: clamp(35px, 2vw, 50px);
	line-height: 120%;
	font-weight:100;
}

footer img {
	margin-bottom:30px;
}

footer a {
	text-decoration:none;
	color:#FFF;
	padding:10px 0px;
}
footer ul {
	list-style-type: none;
	padding:0px;
	margin-top:40px;
	margin-bottom:30px;
}
footer li {
	padding:20px 0px;
}
footer a:hover, footer a:focus, footer a:active {
	font-weight:bold;
}
footer .man {
	background-image:url('../img/footer-man.png');
	background-size:contain;
	background-position:bottom;
	background-repeat:no-repeat;
}
footer .social img {
	max-width:30px;
	margin-top:45px;
	margin-right:10px;
}
footer .social h3{
	margin-top:50px;
}

footer button {
	margin-top:165px;
}
.man img, .whatsapp-mobile img {
	max-width:30px;
	margin:0px !important;
}
.whatsapp-mobile {
	display: none;
}
.whatsapp-mobile button {
	margin: 20px 0px;
}

.terapie-links {
	margin-top: 30px;
	padding: 0 20px;
}

.terapie-links a {
	display: block;
	color: #2A3C51;
	text-decoration: none;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 15px;
	transition: color 0.3s ease;
}

.terapie-links a:hover {
	color: #618ECA;
}

/* END CSS MENU */

@media (max-width: 1200px) {
	.btn-lang {
		display:block;
		margin-top:10px;
		text-align:center;
	}
}

@media (max-width: 450px) {
	#scrolltop {
		bottom:7%;
	}
	#scrolltop a {
		margin-right:0px;
	}
	.info-2 {
		text-align:left;
		margin-top:10px;
	}
	.form-footer {
  		padding-left: 0px;
  		margin-top:50px;
	}
	footer ul {
		margin-top:0px;
		margin-bottom:0px;
	}
	footer h3, footer .social h3 {
		margin:20px 0px;
	}
	footer .social img {
		margin-top:0px;
		margin-bottom:50px;
	}
	footer .man {
		display: none;
	}
	.whatsapp-mobile {
		display: block;
	}
	.navbar-toggler img {
		transition: opacity 0.3s ease;
	}
}

@media (max-width: 1199.98px) {
    .navbar-collapse {
        background-image: url('../img/bg/bg-menu-mobile.svg');
        background-position: bottom right;
        background-size: cover;
        background-repeat: no-repeat;
		padding:40px 0px;
		min-height: 100vh;
    }
    .navbar-collapse .nav-link {
        font-size: 30px;
    }
	.nav-item {
		padding:15px 0px;
	}
	.terapie-menu, .terapie-menu li, .terapie-menu a {
		background-color: transparent !important;
	}
	.terapie-menu a {
		font-size:24px;
	}
	.terapie-menu li {
		padding:5px 0px;
	}
	.navbar-collapse .nav-link:focus,
    .navbar-collapse .nav-link:active,
    .navbar-collapse .dropdown-toggle:focus,
    .navbar-collapse .dropdown-toggle:active {
        outline: none;
        box-shadow: none;
    }
}