/*! @@@@@@@@@@@@@@@@@@@@@@
Template Name: sosavvocato
Author: See You srl
@@@@@@@@@@@@@@@@@@@@@@ */

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

/* font */
body {
	font-family: 'Quicksand', sans-serif;
}

strong {
  font-weight: bold;
}

/* classi generiche */
.mb15 {margin-bottom:15px !important;}

/* i link sono neri */
body a:link {color:black;text-decoration:underline;}
body a:visited {color:black;text-decoration:underline;}
body a:hover {color:black;text-decoration:none;}

/* tags */
.tags{ font-weight:bold; }
.tags li{margin-right:15px !important;}

/* riduzione padding header perchè il logo è più alto */
header{padding:9px 15px;}

body.admin-bar header{top:30px;}
 
/* foto box avvocati */
.strip figure img{width:auto;max-width:none;height:100%;}

/* form contatto scheda avvocato */

#contenitore_form_contatto {
font-size: 10px;
}

#contenitore_form_contatto label {
	width: 100%;
}

#contenitore_form_contatto input {
	font-size: 12px;
	padding: 5px;
	width: 100%;
}

#contenitore_form_contatto textarea {
	font-size: 12px;
	padding: 5px;
	width: 100%;
}

#contenitore_form_contatto input.btn_1 {
	font-size:14px;
	padding:15px;
}

/* spazi sul form richiesta scheda avvocato */
.box_booking .head {
	padding-bottom: 0px !important;
} 

/* banner lungo in basso nella home */
@media (min-width: 992px) {
	.col-lg-5 {
		max-width: 100%;
	}
}

/* search box */
.search_box form{display:flex;flex-direction:row;gap:10px;}
.search_box input, .search_box select{
	border: 0;
	height: 50px;
	padding: 10px 10px 10px 20px;
	font-weight: 600;
	font-size: 1rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

.search_box button:hover {
  background-color: #FF3A65;
}
.search_box button{
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	font-size: 1rem;
	border: 0;
	padding: 0 25px;
	height: 50px;
	cursor: pointer;
	outline: none;
	width: 100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	background-color: #1f2f6a;
	margin-right: -1px;
}

/* immagine nel widget cononna destra */
.widget .alignleft img {
	object-fit:cover;
}

/* mappa */
.osmap{height:100%;}
.leaflet-popup-content p {
	color:#444;
}

/* box newsletter */
#newsletter .wpcf7{position:relative;}
#newsletter input[type='email']{width: 100%;}
#newsletter input[type='submit'] {
  position: absolute;
  right: 0;
  color: #fff;
  font-size: 24px;
  font-size: 1.4rem;
  top: 0;
  border: 0;
  padding: 0 10px;
  height: 40px;
  cursor: pointer;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  background-color: #FF3A65;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none;
	width: 42px;
}
#newsletter input[type='submit']:hover {
  background-color: #1f2f6a;
}

/* attachments */
.my-attachment {
	margin-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom: 1px solid gray;
}

/* stile 2024 */

/* centra il form in home */

.search_box {
	display: flex;
	justify-content: center;
}

/* togliere la riga sotto i collegamenti */
.main-menu > ul > li > a {
	text-decoration:none;
}

/* 
	Sopra pulsante trova il professionista con sfondo verde sostituire con
	colore fuxia del portale #ff184e sempre attivo e nero quando sopra
*/
ul#top_menu > li a.btn_access.green {
	background-color: #ff184e;
	text-decoration:none;
}
ul#top_menu > li a.btn_access.green:hover {
	background-color: #000;
}

/* riduzione hero in altezza e form di ricerca centrato */
.hero_single.version_2 {
	height: 350px;
}

/* pulsante trova in home */
.search_box button {
	background-color: #ff184e;
}
.search_box button:hover {
  background-color: #fff;
	color:#000;
}
a.btn_1:hover, .btn_1:hover {
	background: #000;
	color:#fff;
	text-decoration:none;
}
body a.btn_1:visited {
	color:#fff;
	text-decoration:none;
}
a.btn_1.medium, .btn_1.medium, body a.btn_1, body .btn_1 {
	text-decoration:none;
}

/* font */
body{
	font-family:'Jost';
}

/* mobile */
@media (max-width: 767px) {
	.search_box form{
		display:block;
	}
	.search_box form input, .search_box form select {
		width:100%;
	}
	.hero_single .opacity-mask h1 {
		font-size:1.8rem;
	}
	.hero_single .opacity-mask p{
		font-size:1rem;
	}
}

@media (max-width: 991px) {
	a.btn_map {display:block !important;}
}