/* GENERAL CLASSES */
/* colore vecchio azzurro #00698c */

/* utility */
.p0{padding: 0 !important;}
.p5{padding: 5px !important;}
.p10{padding: 10px !important;}
.p20{padding: 20px !important;}
.p30{padding: 30px !important;}

.m0{margin: 0 !important;}
.m5{margin: 5px !important;}
.m10{margin: 10px !important;}
.m20{margin: 20px !important;}
.m30{margin: 30px !important;}

.pw5{padding: 0 5px !important;}
.pw10{padding: 0 10px !important;}
.ph5{padding: 5px 0 !important;}
.ph10{padding: 10px 0 !important;}

.mw5{margin: 0 5px !important;}
.mw10{margin: 0 10px !important;}
.mh5{margin: 5px 0 !important;}
.mh10{margin: 10px 0 !important;}

.mb0{ margin-bottom: 0; } .mt0{ margin-top: 0; }
.pb0{ padding-bottom: 0; } .pt0{ padding-top: 0; }

.mb-5{ margin-bottom: 5px; }
.mb-10{ margin-bottom: 10px; } .mb-20{ margin-bottom: 20px; }
.mb-30{ margin-bottom: 30px; } .mb-40{ margin-bottom: 40px; }
.mb-50{ margin-bottom: 50px; } .mb-60{ margin-bottom: 60px; }
.mb-70{ margin-bottom: 70px; } .mb-80{ margin-bottom: 80px; }

.mt-5{ margin-top: 5px; }
.mt-10{ margin-top: 10px; } .mt-20{ margin-top: 20px; }
.mt-30{ margin-top: 30px; } .mt-40{ margin-top: 40px; }
.mt-50{ margin-top: 50px; } .mt-60{ margin-top: 60px; }
.mt-70{ margin-top: 70px; } .mt-80{ margin-top: 80px; }

.pb-10{ padding-bottom: 10px; } .pb-20{ padding-bottom: 20px; }
.pb-30{ padding-bottom: 30px; } .pb-40{ padding-bottom: 40px; }
.pb-50{ padding-bottom: 50px; } .pb-60{ padding-bottom: 60px; }
.pb-70{ padding-bottom: 70px; } .pb-80{ padding-bottom: 80px; }

.pt-10{ padding-top: 10px; } .pt-20{ padding-top: 20px; }
.pt-30{ padding-top: 30px; } .pt-40{ padding-top: 40px; }
.pt-50{ padding-top: 50px; } .pt-60{ padding-top: 60px; }
.pt-70{ padding-top: 70px; } .pt-80{ padding-top: 80px; }

.pr-20{ padding-right: 20px; }

.mb-0{ margin-bottom: 0; }
.mt-0{ margin-top: 0; }

@media (max-width: 1023px) {
.m0-sm{margin: 0 !important;} .p0-sm{padding: 0 !important;}
.mb0-sm{ margin-bottom: 0; } .mt0-sm{ margin-top: 0; }
.pb0-sm{ padding-bottom: 0; } .pt0-sm{ padding-top: 0; }

.pt60-sm{ padding-top: 60px; }
.mtb-40-sm{ padding: 40px 0; }
}

@media (max-width: 768px) {
.m0-xs{margin: 0 !important;} .p0-xs{padding: 0 !important;}
.mb0-xs{ margin-bottom: 0; } .mt0-xs{ margin-top: 0; }
.pb0-xs{ padding-bottom: 0; } .pt0-xs{ padding-top: 0; }
}

.w-button{ display: inline-block; color: #fff; border: 2px solid #fff; border-radius: 16px; padding: 5px 16px; }
.w-button:hover { color: #ddd; }

.light-grey{
	background-color: #f9f9f9 !important;
}
.text-white{ color: #fff; }
.text-justify{ text-align: justify; }

address{ font-style: normal; }

.custom-btn.light-color{ color: #fff; border-color: #fff; }

.btn-link{ color: #666; }


#footer li > a { color: #333 !important; }
#footer li { color: #666 !important; }

/* HEADER */
#header-logo{
	background-image: url('../../../img/website/logo.png');
	background-size: 100%;
}
#header-logo{
	height: 80px;
	width: 218px;
}

#headline{ padding: 30px 0; }
#page-title{ margin:0; font-weight: 400;}

@media(max-width: 991px){
	#header-logo{ height: 60px; width: 165px; }
	#navigation li{ margin-left: 10px; }
	#navigation li a{ font-size: 12px; }
}
@media(max-width: 768px){
	#header{
		padding-top: 10px;
	}
	#header-logo{
		height: 70px;
		background-image:  url('../../../img/website/logo-white.png');
	}
	#header .speed-contact{ padding: 7px 0; background-color: #404040; top: 70px; height: 28px  }
	#header .speed-contact a{ color: #fff !important; font-weight: 300; }

	#page-title{ font-size: 23px; margin-top: 25px; text-align: center;}

	.footer-item{ text-align: center; }
	.footer-logo{ margin-bottom: 50px; }

	.submenu { background: #2f2f2f; }
}

/* MENU NAVIGAZIONE */
@media(min-width: 769px){
	#navigation .submenu{
		width: 255px;
		margin-left: -54px;
	}
	#navigation .submenu.langs{ width: 47px; margin-left: -30px; }
	#navigation .submenu.langs a{ padding: 12px; }

	#navigation .submenu ul{
		padding-top: 0;
		padding-bottom: 0;
	}
	#navigation .submenu a{ font-size: 13px; line-height: 16px; font-weight: 300; }
	/* .footer-logo{ margin-top: 30px; } */

	.footer-item.address{ float: right; }
}

/* HOME PAGE */

.blog-slider{ margin-top: 30px; }

/* @media(min-width: 992px){ .logo-home{ margin-top: 25px; } .logo-home img{padding:25px} } */

@media(min-width: 769px) and (max-width: 1199px){
	.intro-home{ padding-top: 0px; }
	.side-studio{ margin-top: 20px;	}
	.side-studio img{ padding:0; }
}

@media(min-width: 769px) and (max-width: 991px){
	
	.side-studio img{ margin-bottom:40px; }
	hr.too-long{ width: 140%; border-top:1px solid #bbb; }
	.services-container.services-style-4{ margin-top: 40px; }
}

.logo-home img{max-width: 250px;}
.intro-home{ padding-top:20px; padding-bottom: 75px; }

/* .info-studio address{ width: 195px; margin: 0 auto; } */

@media(max-width: 991px){
	.side-studio{ text-align:left;  }
	.info-studio{ margin-bottom: 30px; }
}
@media(max-width: 768px){
	.blog-slider{ margin-top: 45px; }
	.side-studio{ text-align:center;  }
	.info-studio{ margin-top: 15px; padding: 20px 15px; border: 2px solid #ddd; text-align: center; }
	.side-studio img{margin: 0 auto;}
	.blog-container .blog-item .date-post + .title{ margin-bottom: 0px; }
	.blog-container .blog-item{ margin-bottom: 10px; }
	.blog-container h2{ text-align: center; }
}


.blog-container .blog-item .img-wrap{
	opacity: 1;
}
section.news .description a.custom-btn{
	padding: 0;
}
/* ABOUT US PAGE */
section.about-us-page{
	padding-top: 50px;
}
.team-container.team-style-3 .team-item{
	padding-bottom: 50px;
	background-color: transparent;
	color: #333 !important;
}
.special-section .b-about{
	text-align: left;
	padding-left: 20px;
}
@media(max-width: 991px){
	.special-section .item.second > div{
		height: 400px;
	}
}

/*COLUMNS*/
.blog-container--inner .timeline .item h4{ margin-top: 0; }
#sidebar .widget-categories  li a.current{ color: #00698c; }

/* SERVICES PAGE */
.link-anchor{
	color: initial;
}
.link-anchor:hover{
	cursor: pointer;
}
.link-anchor .inner h3.title{
	font-size: 15px;
}
.services-container.services-style-1 .service-item{
	padding-left: 45px;
	margin-bottom: 40px;
	height: 50px;
}
.services-container.services-style-1 .service-item i.ico{
	margin-left: -40px;
	width: 50px;
	display: none;
}
.services-container.services-style-1 .service-item i.ico[class*="ico"]:before{
	width: 45px;
	height: 45px;
}
.service-detail h2{
	font-size: 22px;
}

.service-img img {max-height: 500px; }

/* TEAM LIST PAGE */
/* SEZ COUNSEL */
.portfolio-container .portfolio-item .img-wrap{
	opacity: 1;
}
.portfolio-container .portfolio-item:hover .inner:hover{
	background: none;
	opacity: 1
}
.contact-info-counsel{
	margin-top: 10px;
}
.contact-info-counsel p{
	float: left;
	margin-right: 7px;
	font-size: 12px;
}
.contact-info-counsel p i{
	margin-right: 3px;
}
.description h3{
	font-size: 18px;
}
.description h4{
	font-size: 13px;
	font-weight: 300;
	text-transform: uppercase;
	margin: 5px 0;
}
.description a.custom-btn{
	padding: 5px;
	margin-top: 15px;
}
@media(max-width: 768px){
	.contact-info-counsel p{
		font-size: 12px;
		margin-right: 8px;
	}
}

@media (max-width: 991px){

	.team-members .img-text{ padding-left: 8px; }
	.team-members .element{ padding: 10px; }
	.team-members .img-profile{ width: 28%; }
 }

/* AVVOCATI */ 
.element{
	padding: 20px;
	transition: all 0.3s;
}

.img-profile{
	width: 35%;
	float: left;
}
.img-text{
	padding: 10px 0px 10px 30px;
	float: left;
}
.img-text h3{
	font-size: 18px;
	margin-bottom: 5px;
}
.img-text h4{
	text-transform: uppercase;
	font-weight: 400;
	font-size: 13px;
	margin-top: 0;
}
.contact-info{
	padding: 0;
	font-size: 13px;
}
.img-text .contact-info p{
	margin-top: 5px;
	margin-bottom: 0;
	line-height: 22px;
	font-size: 12px;
}
.img-text .contact-info p i{
	margin-right: 5px; 
	font-size: 18px;
}
.custom-btn.small{
	min-width: 100px;
}
.img-text .custom-btn.dark-color{
	padding: 5px;
}
.contact-info p{ margin-top: 0; margin-bottom: 0; }
.team-intro h4{ margin-bottom: 0; }
.team-intro .img-text{ padding-left: 0; }
.team-intro h1{ margin-top: 0; }
.team-intro h3{ color: #999; }
.img-text a{ white-space: nowrap;
    text-overflow: ellipsis;
    width: 80%;
    display: inline-block;
    overflow-wrap: break-word;}

@media(max-width: 768px){
	/* .team-members .element{
		padding: 0;
	} */
	.team-members .img-profile{
		width: 30%;
	}
	.team-members .img-text .contact-info p i{
		font-size: 15px;
		margin-right: 1px;
	}
}

/* SINGLE MEMBER PROFILE */
#s-single-post .team-intro img{
	max-height: 500px;
	margin: 0 auto;
}

#s-single-post h1{ font-size: 24px; }

section.breadcrumbs{
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #f0f0f0;
}
section.breadcrumbs ul{
	float: right;
}
section.breadcrumbs li{
	float: left; 
	font-size: 12px;
}
section.breadcrumbs li.current{
	color: #00698c;
}
section.breadcrumbs li span{
	margin: 0 5px;
}
section.breadcrumbs li a{
	color: #333;
}
section.breadcrumbs li a:hover{
	cursor: pointer;
	color: #00698c;
	transition: all 0.3s;
}


/* CONTACT PAGE */ 
section#s-contact{
	padding-top: 50px;
	padding-bottom: 50px;
}
section#s-contact .g_map{
	margin-top: 0;
}

@media(max-width: 768px){

	#s-contact img{ margin: 0 auto; }
	#s-contact .office{ text-align: center; }
}

.location-info{ padding: 40px 0; }


/*PAGINATION*/
.pagination{ margin-top: 50px; }
.pagination li{ display: inline-block; }
.pagination li a, .pagination li span{ padding: 8px 14px; border: 1px solid #aaa; min-width: 10px; }
.pagination li.active span{ background-color: #00698c; color: #fff; }
