/*
Theme Name:     pisillo_theme
Theme URI:      http://www.studiolegalepisillo.com/
Description:    Tema per Studio Legale Pisillo
Author:         digitalaP
Author URI:     http://digitalap.eu

Version:        1.0
*/
@charset "UTF-8";
@font-face {
	font-family: 'Conv_Bodoni_SvtyTwo_OS_ITC_TT_BookIt';
	src: url('fonts/Bodoni_SvtyTwo_OS_ITC_TT_BookIt.eot');
	src: local('☺'), url('fonts/Bodoni_SvtyTwo_OS_ITC_TT_BookIt.woff') format('woff'), url('fonts/Bodoni_SvtyTwo_OS_ITC_TT_BookIt.ttf') format('truetype'), url('fonts/Bodoni_SvtyTwo_OS_ITC_TT_BookIt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Bodoni_SvtyTwo_OS_ITC_TT_Book';
	src: url('fonts/Bodoni_SvtyTwo_OS_ITC_TT_Book.eot');
	src: local('☺'), url('fonts/Bodoni_SvtyTwo_OS_ITC_TT_Book.woff') format('woff'), url('fonts/Bodoni_SvtyTwo_OS_ITC_TT_Book.ttf') format('truetype'), url('fonts/Bodoni_SvtyTwo_OS_ITC_TT_Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Bodoni_SvtyTwo_OS_ITC_TT_BoldIt';
	src: url('fonts/Bodoni_SvtyTwo_OS_ITC_TT_BoldIt.eot');
	src: local('☺'), url('fonts/Bodoni_SvtyTwo_OS_ITC_TT_BoldIt.woff') format('woff'), url('fonts/Bodoni_SvtyTwo_OS_ITC_TT_BoldIt.ttf') format('truetype'), url('fonts/Bodoni_SvtyTwo_OS_ITC_TT_BoldIt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Bodoni_SvtyTwo_OS_ITC_TT_Bold';
	src: url('fonts/Bodoni_SvtyTwo_OS_ITC_TT_Bold.eot');
	src: local('☺'), url('fonts/Bodoni_SvtyTwo_OS_ITC_TT_Bold.woff') format('woff'), url('fonts/Bodoni_SvtyTwo_OS_ITC_TT_Bold.ttf') format('truetype'), url('fonts/Bodoni_SvtyTwo_OS_ITC_TT_Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_Bodoni_SvtyTwo_OS_ITC_TT_Bold';
	src: url('fonts/Bodoni_SvtyTwo_OS_ITC_TT_Bold.eot');
	src: local('☺'), url('fonts/Bodoni_SvtyTwo_OS_ITC_TT_Bold.woff') format('woff'), url('fonts/Bodoni_SvtyTwo_OS_ITC_TT_Bold.ttf') format('truetype'), url('fonts/Bodoni_SvtyTwo_OS_ITC_TT_Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	width:100%;
	height:100%;
	position:relative;
	margin:0;
	padding:0;
}
body.overflowHidden {
  overflow: hidden;
  height: 100vh;
}
#bg-home {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(images/background-ingresso.jpg) no-repeat center top;
	position: fixed;
	z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center;
	z-index:1;
}
#bg {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(images/bg.png) no-repeat center top;
	position: fixed;
	z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#bg-studio {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(images/bg-studio.png) no-repeat center top;
	position: fixed;
	z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#bg-prof {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(images/bg-prof.png) no-repeat center top;
	position: fixed;
	z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#bg-pubblicazioni {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(images/bg-pubblicazioni.png) no-repeat center top;
	position: fixed;
	z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#bg-contact {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #FAFBFC;
	position: fixed;
	z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#header {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	float:left;
	z-index:10000;
}
#topheader {
	width:100%;
	height:53px;
	position:relative;
	top:0;
	left:0;
	background:#0B1938;
	border-bottom:2px solid #C69044;
	float:left;
}
#logo {
	width:196px;
	height:200px;
	position:relative;
	top:-2px;
	left:0;
	background:#0B1938;
	border-bottom:2px solid #C69044;
	z-index:33000;
	float:left;
}
#logo img {
	position:absolute;
	top:0;
	left:35px;
}
#logo-resp {
	display:none;
}
#sidebar-2 {
	width:100%;
	height:40px;
	position:relative;
	top:150px;
	left:0;
}
#polylang-2 {
	width:64px;
	position:absolute;
	right:50px;
	top:32px;
	color: #C69044;
	float:right;
}
#polylang-2 .screen-reader-text {
	display:none;
}
#lang_choice_polylang-2 {
	padding:0 0 2px 0;
	background: #0B1938;
	color: #C69044;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:none;
}

#polylang-2 ul {
	list-style:none;
	color: #C69044;
	background: #0B1938;
	float:right;
	width:100%;
	padding:0 0;
	margin:0 0;
}
#polylang-2 ul li {
	float:left;
	margin:0 4px;
	color: #C69044;
	width:24px;
	height:16px;
}
#polylang-2 ul li a {
	float:left;
	margin:0 4px;
	color: #C69044;
	width:24px;
	height:16px;
}
#polylang-2 ul li a img {
	width:100%;
	height:auto;
}
#site-navigation {
  width: 100%;
  position: relative;
  padding: 1rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav-menu {
  list-style: none;
  display: flex;
  gap: 2rem;
  margin: 0;
  padding: 10px 0;
}

.nav-menu li a {
  text-transform:uppercase;
  font-size:18px;
  color:#E2DED7;
  font-weight:500;
  text-decoration:none;
}
.nav-menu li {
  font-family: 'Open Sans', sans-serif;
  display: inline;
  margin:0 24px;
  padding:0;
}
.nav-menu li a:hover {
  color:#C69044;

}
/* Hamburger */
.hamburger {
  display: none;
  flex-direction: column;
  gap: 6px;
  position: absolute;
  top:33px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 1001;
}
.hamburger span {
  width: 30px;
  height: 3px;
  background-color: white;
  display: block;
  transition: 0.3s;
}
.overflowHidden {
  overflow: hidden;
  margin: 0;
  touch-action: none;
  height: 100vh; /* OK */
  /* elimina position: fixed */
}
.show {
	display:block!important
}
#slide {
	width:100%;
	max-height:500px;
	float:left;
	position:relative;
	top:80px;
	border-bottom:2px solid #C69044;
	border-top:2px solid #C69044;
	z-index:100;
}
#cyclone-slider-widget-2 {
	float:left;
	width:100%;
	height:auto;
}
#cyclone-slider-widget-3 {
	display:none;
}
#slide img {
	max-width:100%;
	height:auto;
	float:left;
}
#b-left {
	height:100%;
	width:8px;
	background:#0B1938;
	z-index:10;
	top:0;
	left:0;
	position:fixed;
}
#b-right {
	height:100%;
	width:8px;
	background:#0B1938;
	z-index:10;
	top:0;
	right:0;
	position:fixed;
}
#b-bottom {
	height:8px;
	width:100%;
	background:#0B1938;
	z-index:10;
	bottom:0;
	left:0;
	position:fixed;
}
#main {
	float:left;
	width:100%;
	position:relative;
	font-family: 'Open Sans', sans-serif;
	top:76px;
	padding:0 0 50px 0;
}
#main-cont {
	background:#DDE1E7;
	width:878px;
	position:relative;
	left:50%;
	top:0;
	margin:0 0 60px -439px;
	float:left;
	
}
#bordoro {
	float:left;
	border:2px solid #C69044;
	width:874px;
	height:auto;
	padding:25px 0 25px 0;
}

#page-title {
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	letter-spacing:1px;
	width:100%;
	font-size:40px;
	color:#0B1938;
	position:relative;
	margin:75px 0 80px 0;
	border-top:4px solid #0B1936;
	border-bottom:4px solid #0B1936;
	background: #DDE1E7;
	padding:10px 0;
	font-weight:400;
	text-transform:uppercase;
}

p a {
	text-decoration:none;
	color: #1d1d1d;
}
p a:hover {
	color: #C69044;
}

#page-title-codice-etico {
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	letter-spacing:1px;
	width:100%;
	font-size:40px;
	color:#0B1938;
	position:relative;
	margin:75px 0 60px 0;
	padding:0 0;
	font-weight:400;
	text-transform:uppercase;
	float:left;
}
#page-title-codice-etico span {
	width:100%;
	float:left;
	text-align:center;
	margin:0;
	padding:0;
	}
#under-tit {
	float:left;
	width:100%;
	height:50px;
	position:relative;
}
#under-tit img{
	position:absolute;
	top:0;
	width:30px;
	left:50%;
	margin:0 0 0 -15px;
}

#page-title-coll {
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	letter-spacing:1px;
	width:100%;
	font-size:28px;
	color:#0B1938;
	position:relative;
	margin:35px 0 40px 0;
	padding:10px 0;
	font-weight:400;
	text-transform:uppercase;
}
#page-title-coll:after {
	width:34px;
	position:absolute;
	left:50%;
	margin:0 0 0 -17px;
	top:40px;
	content:url(images/title-bottom-gold.png);
}
#page-title-contact {
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	letter-spacing:1px;
	width:100%;
	font-size:40px;
	color:#0B1938;
	position:relative;
	margin:75px 0 80px 0;
	padding:10px 0;
	font-weight:400;
	text-transform:uppercase;
}
#main-contact {
	width:878px;
	position:relative;
	left:50%;
	top:0;
	margin:0 0 60px -439px;
	float:left;
}
#main-contact p {
	float:left;
	color:#0B1938;
	width:90%;
	margin:6px 5%;
	font-size:20px;
	line-height:1.4;
}
#main-cont p {
	float:left;
	color:#58585A;
	width:90%;
	margin:6px 5%;
	font-size:18px;
	line-height:1.4;
}
#main-cont-cat {
	width:1002px;
	position:relative;
	left:50%;
	top:0;
	margin:-50px 0 0 -501px;
	z-index:100;
	float:left;
	padding:0 0 5% 0;
}
#main-left {
	width:250px;
	float:left;
	margin:7px 0 0 32px;
}
#main-right {
	width:590px;
	float:right;
	margin:0 0 0 0;
}
#titprof {
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	letter-spacing:1px;
	width:100%;
	font-size:40px;
	color:#DDE1E7;
	position:relative;
	font-weight:900;
	margin:75px 0 80px 0;
	border-top:2px solid #C69044;
	border-bottom:2px solid #C69044;
	background: #0B1936;
	padding:10px 0;
	font-weight:400;
	text-transform:uppercase;
}


#main-cont-cat h1 {
	font-weight:bold;
	font-size:20px;
	width:100%;
	padding:10px 0;
	line-height:1;
	margin:0 0 0 0;
	text-align:center;
	color:#F7F7F7;

}
#main-cont-cat h1 a {
	color:#404040;
	text-decoration:none;
}
#main-cont-cat h1 a:hover {
	color:#000;
}


#main-cont-cat #aree-box {
	float:left;
	width:270px;
	height:70px;
	vertical-align:middle;
	text-align:center;
	border: 2px solid #C69044;
	background: #DDE1E7;
	margin:15px 15px;
	padding:15px 15px;
	display: table;
}
#main-cont-cat #aree-box a {
	color:#404040;
	text-decoration:none;
	display: table-cell;
    vertical-align: middle;
}
#main-cont-cat #aree-box a:hover {
	color:#000;
}


.alignright {
	float:left;
	margin:4px 0 2px 10px;
}
.alignleft {
	float:left;
	margin:4px 10px 2px 0;
}
#main-contact .aligncenter {
	position:relative;
	left:50%;
	margin:5px 0 -10px -38px;
}
#footer {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height:30px;
	background: #0B1938;
    border-top: 2px solid #C69044;
	z-index: 10000;
}
#footer p {
	font-family: 'Open Sans', sans-serif;
	width:100%;
	color:#EFEFEF;
	font-size:12px;
	text-align:center;
	padding:0;
	margin:6px 0 0 0;
	
}
@media screen and (max-width:1025px) {
#header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    float: left;
    z-index: 10000;
}
#topheader {
    width: 100%;
    height: 85px;
    position: relative;
    top: 0;
    left: 0;
    background: #0B1938;
    border-bottom: 2px solid #C69044;
    float: left;
}
#logo {
	display:none;
}
#logo-resp {
	display:block;
    background: #0B1938;
    border-bottom: 2px solid #C69044;
    z-index: 30000;
	position:relative;
	left:0;
	top:0;
	width:85px;
	height:110px;

}
#b-left, #b-right {
	display:none;
}
#logo-resp img {
    position: absolute;
    top: 15px;
    left: 8px;
}

  .hamburger {
    display: flex;
  }

  .nav-menu {
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #0B1938;
    display: none;
    padding: 4rem 0;
    z-index: 1000;
	border-bottom: 2px solid #C69044;
	transition: all 0.3s ease-in-out;
  }

.nav-menu li a {
    display: block;
    width: 100%;
    padding: 10px 0;
	font-size:24px;
}
.nav-menu li {
	 display: block !important; /* Forza blocco verticale */
 width: 100%;
    text-align: center;
    margin: 20px 0 0 0;
}
.nav-menu li a:hover {
  color:#C69044;

}
  .nav-menu.show {
    display: flex;
  }


#slide {
    width: 100%;
    max-height: auto;
	height: auto;
    float: left;
    position: relative;
    top: 45px;
    border-bottom: 2px solid #C69044;
    border-top: none;
    z-index: 100;
}
#page-title-codice-etico {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
    width: 100%;
    font-size: 30px;
    color: #0B1938;
    position: relative;
    margin: 40px 0 55px 0;
    padding: 10px 0;
    font-weight: 400;
    text-transform: uppercase;
}
#main-cont {
    background: #DDE1E7;
    width: 94%;
    position: relative;
    left: 3%;
    top: 0;
    margin: 0 0 60px 0;
    float: left;
	border: 1% solid #C69044;
}
#bordoro {
    float: left;
    border: none;
    width: 98%;
    height: auto;
    padding: 25px 0 25px 0;
}
#main-cont-cat {
    width: 96%;
    position: relative;
    left: 2%;
    top: 0;
    margin: 0 0 0 0;
    z-index: 100;
    float: left;
    padding: 0 0 5% 0;
}
#main-cont-cat #aree-box {
    float: left;
    width: 89%;
    height: 70px;
    vertical-align: middle;
    text-align: center;
    border: 1% solid #C69044;
    background: #DDE1E7;
    margin: 15px 0;
    padding: 15px 5%;
    display: table;
}
#main-cont iframe {
	max-width:100%;
	height:auto;
	float:left;
	position:relative;
}
#main-cont p a {
	text-decoration:none;
	font-weight:bold;
	color:#58585A;
}
#cyclone-slider-widget-2 {
	display:none;
}
#cyclone-slider-widget-3 {
	float:left;
	width:100%;
	height:auto;
	display:block;
}
#main-cont p {
	text-align:justify;
	letter-spacing:-1px;
	float: left;
    color: #58585A;
    width: 92%;
    margin: 6px 0 0 5%;
    font-size: 18px;
    line-height: 1.4;
}
#footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #0B1938;
    border-top: 2px solid #C69044;
    z-index: 10000;
}
#footer p {
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    color: #EFEFEF;
    font-size: 10px;
    text-align: center;
    padding: 6px 0;
    margin: 6px 0 0 0;
}
#footer p a {
	text-decoration:none;
	color: #FEFEFE;
	font-weight:400;
}
}
@media screen and (max-width:767px) {
#main-left {
	width:92%;
	float:none;
	margin:7px 0 0 5%;
}
#main-left img {
	width:100%;
	height:auto;
}
#main-right {
	width:100%;
	float:none;
	margin:7px 0;
}
#polylang-2 {
	width:64px;
	position:absolute;
	right:14px;
	top:34px;
	color: #C69044;
	float:right;
}
#polylang-2 .screen-reader-text {
	display:none;
}
#lang_choice_polylang-2 {
	padding:0 0 2px 0;
	background: #0B1938;
	color: #C69044;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:none;
}

#polylang-2 ul {
	list-style:none;
	color: #C69044;
	background: #0B1938;
	float:right;
	width:100%;
	padding:0 0;
	margin:0 0;
}
#polylang-2 ul li {
	float:left;
	margin:0 4px;
	color: #C69044;
	width:24px;
	height:16px;
}
#polylang-2 ul li a {
	float:left;
	margin:0 4px;
	color: #C69044;
	width:24px;
	height:16px;
}
#polylang-2 ul li a img {
	width:100%;
	height:auto;
}
}