/*!
Theme Name: Tullio Marchetti
Theme URI: http://underscores.me/
Author: Duovision
Author URI: https://www.duovision.it/
Description: Thems for Borboni Fotografo
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: borboni
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

borboni is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}body{margin:0;padding:0;overflow-x:hidden}address{font-style:normal}a{text-decoration:none;color:#000}a:hover{text-decoration:none;color:#000}a:visited{color:#000}a:focus{outline:none}:focus{outline:none}img{width:100%;height:auto}body{font-family:"Nunito",sans-serif;font-weight:400;font-size:18px;line-height:1.4em;color:#000;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.visuallyhidden{position:absolute;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(0px 0px 99.9% 99.9%);clip-path:inset(0px 0px 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}.titoloh1{font-family:"Libre Baskerville",serif;font-weight:400;font-size:27px;text-transform:uppercase;line-height:1.4em;margin-bottom:16px}.titoloh2{font-family:"Nunito",sans-serif;font-weight:500;font-size:20px;text-transform:uppercase;line-height:1.4em}.label{font-weight:400;font-size:28px;color:#fff}.link{text-decoration:underline}.button-page{display:inline-flex;font-size:18px;line-height:1.1em;position:relative;align-items:center;transition:all .3s ease;margin-top:32px;padding-left:32px}.button-page::after{content:"";height:1px;width:0;background-color:#000;position:absolute;top:88%;transition:all .4s ease}.button-page:hover::after{width:calc(100% - 32px)}.button-page .arrow{display:inline-block;position:absolute;left:0;top:-4px;height:22px;width:15px;background:url(img/arrow_black.svg) no-repeat;background-position:0 -7px;transition:all .3s ease;transform:rotate(-45deg)}.button{display:inline-flex;position:relative;align-items:center;transition:all .3s ease}.button::after{content:"";height:1px;width:0;background-color:#fff;position:absolute;top:88%;transition:all .4s ease}.button:hover::after{width:100%}#header{width:100%;position:relative;z-index:10;padding:24px 0 24px 0}#header .container{display:grid;grid-template-columns:auto auto}#header .container .logo{grid-column:1/2;justify-self:start;align-self:center;margin-left:48px;margin-top:4px}#header .container .logo svg{height:40px;width:auto}#header .container .logo svg .st0{fill:#000}#header .container .menu-header{grid-column:2/3;justify-self:end;align-self:center;margin-right:48px}#header .container .menu-header nav ul{margin:0;padding:0}#header .container .menu-header nav ul li{display:inline-block;margin-left:16px;margin-bottom:16px}#header .container .menu-header nav ul li a{color:#000;text-decoration:none;position:relative;font-size:20px;font-weight:400;font-style:normal;text-transform:uppercase}#header .container .menu-header nav ul li a:after{content:"";width:0%;height:1px;background:#fff;display:block;position:absolute;top:95%;z-index:10;transition:all .4s ease}#header .container .menu-header nav ul li a:hover:after{width:100%;opacity:1}#header .container #toggle-menu{width:28px;height:28px;cursor:pointer;grid-column:2/3;justify-self:end;align-self:center;padding-top:22px;margin-right:48px;display:none}#header .container #toggle-menu .bar,#header .container #toggle-menu .bar:before,#header .container #toggle-menu .bar:after{width:100%;height:2px;background:#000}#header .container #toggle-menu .bar{position:relative;transition:all .3s .3s ease}#header .container #toggle-menu .bar:before{content:"";position:absolute;bottom:10px;transition:all .3s .3s ease,transform .3s 0s ease}#header .container #toggle-menu .bar:after{content:"";position:absolute;top:10px;transition:all .3s .3s ease,transform .3s 0s ease}#header .container #toggle-menu .bar.animate{background:rgba(255,255,255,0) !important;transition:all .3s 0s ease}#header .container #toggle-menu .bar.animate:before{bottom:0;transition:all .3s 0s ease,transform .3s .3s ease;transform:rotate(45deg)}#header .container #toggle-menu .bar.animate:after{top:0;transition:all .3s 0s ease,transform .3s .3s ease;transform:rotate(-45deg)}@media screen and (max-width: 1100px){#header .container #toggle-menu{display:block}#header .container .menu-header{display:none}}@media screen and (max-width: 768px){#header .container .logo svg{height:25px}#header{padding:24px 0 32px 0}#header .container #toggle-menu{align-self:start}#header .container .logo{margin-left:24px}#header .container #toggle-menu{margin-right:24px}}@media screen and (max-width: 370px){#header .container .logo svg{height:21px}}body.show{overflow:hidden}body.show #header .container #toggle-menu .bar,body.show #header .container #toggle-menu .bar:before,body.show #header .container #toggle-menu .bar:after{background:#fff}#off-canvas{position:fixed;width:100%;top:0;right:-100%;bottom:0;background:#000;z-index:9;transition:all .4s ease;overflow:hidden}#off-canvas nav{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#off-canvas nav ul{margin:0;padding:0;text-align:center}#off-canvas nav ul li{margin:24px 0;padding:0;display:block;list-style:none;left:4rem;transition:all .4s 0s ease;opacity:0;position:relative}#off-canvas nav ul li a{font-size:27px;text-decoration:none;display:inline-block;position:relative;color:#fff;transition:all .4s ease;font-weight:400;font-style:normal}#off-canvas.show{right:0}#off-canvas.show nav ul li{left:0;opacity:1;-webkit-backface-visibility:hidden;backface-visibility:hidden}#off-canvas.show nav ul li:nth-child(1){transition:all .8s .5s ease}#off-canvas.show nav ul li:nth-child(2){transition:all .8s .6s ease}#off-canvas.show nav ul li:nth-child(3){transition:all .8s .7s ease}#off-canvas.show nav ul li:nth-child(4){transition:all .8s .8s ease}#off-canvas.show nav ul li:nth-child(5){transition:all .8s .9s ease}#off-canvas.show nav ul li:nth-child(6){transition:all .8s .9s ease}#off-canvas.show nav ul li:nth-child(7){transition:all .8s .9s ease}#footer{padding:64px 48px 0 48px;background-color:#fff}#footer .grid{display:grid;grid-template-columns:50% 20% 30%}#footer .grid .azienda{margin-right:10%}#footer .grid .menu ul{list-style-type:none;margin:0;padding:0}#footer .grid .menu ul li{margin-bottom:4px}#footer .grid .menu ul li a{color:#000;display:inline-flex;position:relative;align-items:center;transition:all .3s ease}#footer .grid .menu ul li a::after{content:"";height:1px;width:0;background-color:#000;position:absolute;top:88%;left:0;transition:all .4s ease}#footer .grid .menu ul li a:hover::after{width:100%}#footer .grid .menu ul li a:visited{color:#000}#footer .grid .contatti a{margin-bottom:4px}#footer .grid h4{font-size:30px;line-height:1.3em;font-weight:600;margin-bottom:24px;font-family:"Libre Baskerville",serif}#footer .footer-credits{display:grid;grid-template-columns:60% 40%;padding:80px 0 32px 0}#footer .footer-credits .copyright{grid-column:1/2}#footer .footer-credits .credits{grid-column:2/3;text-align:right}#footer .button-footer{display:inline-flex;position:relative;align-items:center;transition:all .3s ease}#footer .button-footer::after{content:"";height:1px;width:0;background-color:#000;position:absolute;top:88%;transition:all .4s ease}#footer .button-footer:hover::after{width:100%}@media screen and (max-width: 1100px){#footer{padding:48px 24px 0 24px}#footer .grid{grid-template-columns:100%}#footer .grid .azienda{margin-right:0;margin-bottom:24px}#footer .grid .menu{margin-bottom:24px}}.page-template-home #about .grid{display:grid;grid-template-columns:50% 50%;grid-template-rows:auto;position:relative}.page-template-home #about .grid .img{grid-column:1/2;grid-row:1/2;z-index:1;margin-top:100px;height:calc(100vh - 100px);position:relative}.page-template-home #about .grid .img .bg{position:absolute;top:0;left:0;background:#000;background:linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(253, 29, 29, 0) 50%, rgba(0, 0, 0, 0.6) 100%);height:100%;width:100%;opacity:.5;z-index:2}.page-template-home #about .grid .img .immagine{width:100%;height:100%;z-index:1}.page-template-home #about .grid .img .immagine img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.page-template-home #about .grid .descrizione{grid-column:2/3;grid-row:1/2;margin:144px 48px 0 80px}.page-template-home #about .grid .descrizione h1{margin-top:10%}.page-template-home #about .grid .descrizione .p{margin-right:40px}.page-template-home #about .grid .descrizione .scroll-home{cursor:pointer;position:absolute;z-index:2;bottom:32px;width:100%;font-family:"Libre Baskerville",serif;font-size:18px;text-transform:uppercase}.page-template-home #about .grid .descrizione .scroll-home p{display:inline-block;margin-left:32px}.page-template-home #about .grid .descrizione .scroll-home .arrow{float:left;position:relative;z-index:3;left:0;bottom:0;height:44px;width:30px;background:url(img/arrow_big.svg) no-repeat;filter:invert(1);-webkit-animation:arrow .5s .2s infinite ease-out alternate;animation:arrow .5s .2s infinite ease-out alternate}.page-template-home #about .grid-2{padding:160px 48px;display:grid;grid-template-columns:65fr 35fr;-moz-column-gap:80px;column-gap:80px}.page-template-home #about .grid-2 .desc1{font-size:22px;line-height:1.3em;font-family:"Libre Baskerville",serif}.page-template-home #about .grid-2 .desc2{font-size:16px;line-height:1.3em}.page-template-home #attivita{background-color:#000;color:#fff;padding:64px 48px 0 48px}.page-template-home #attivita .p{width:60%}.page-template-home #attivita .punti{margin-top:64px}.page-template-home #attivita .punti .numero{font-size:16px;line-height:1.3em;font-family:"Libre Baskerville",serif;margin-bottom:16px}.page-template-home #attivita .punti .grid{display:grid;grid-template-columns:40fr 60fr;-moz-column-gap:80px;column-gap:80px;padding-bottom:48px;border-bottom:1px solid #979797;margin-bottom:48px}.page-template-home #attivita .punti .grid .titolo h3{font-size:16px;line-height:1.3em;text-transform:uppercase}.page-template-home #attivita .punti .grid .desc{font-size:15px;line-height:1.3em}.page-template-home #attivita .punti .grid:last-child{margin-bottom:0;border-bottom:none}.page-template-home #contatti{background-color:#000;color:#fff}.page-template-home #contatti .grid{display:grid;grid-template-columns:50% 50%;padding:120px 0}.page-template-home #contatti .grid .contatti{margin:0 48px;grid-column:1/2}.page-template-home #contatti .grid .contatti div{margin-bottom:8px}.page-template-home #contatti .grid .contatti div a{color:#fff}.page-template-home #contatti .grid .contatti div a:visited{color:#fff}.page-template-home #contatti .grid .mappa{grid-column:2/3}.page-template-home #header{position:absolute;top:0}.page-template-home #header .container .menu-header nav ul li a{color:#000}.page-template-home #header .container .menu-header nav ul li a:after{background-color:#000}@-webkit-keyframes arrow{0%{bottom:0px}100%{bottom:10px}}@keyframes arrow{0%{bottom:0px}100%{bottom:10px}}@media screen and (max-width: 1100px){.page-template-home #about .grid{grid-template-columns:100%;grid-row:auto auto}.page-template-home #about .grid .img{grid-column:1/2;grid-row:1/2;height:60vh}.page-template-home #about .grid .descrizione{grid-column:1/2;grid-row:2/3;margin-top:64px;margin-bottom:64px;margin-left:48px}.page-template-home #about .grid .descrizione h1{margin-top:0}.page-template-home #about .grid .scroll-home{display:none}.page-template-home #attivita .grid{padding:80px 48px;grid-template-columns:100%}.page-template-home #attivita .grid .descrizione{grid-column:1/2}.page-template-home #attivita .grid .punti{grid-column:1/2;margin-left:0;margin-top:32px;margin-right:0}.page-template-home #attivita .grid .punti .attivita .cta-accordion{padding-right:16px}.page-template-home #attivita .grid .punti .attivita .cta-accordion .x{width:20px;height:20px}.page-template-home #contatti .grid{padding:0;grid-template-columns:100%;padding-top:8px}.page-template-home #contatti .grid .contatti{grid-column:1/2;margin-bottom:64px}.page-template-home #contatti .grid .mappa{grid-column:1/2}.page-template-home #contatti .grid .mappa iframe{transform:translateY(8px)}}@media screen and (max-width: 768px){.page-template-home #about .grid .descrizione .p{margin:0}.page-template-home #about .grid .img .scroll{margin-left:24px}.page-template-home #about .grid .descrizione{margin:64px 24px}.page-template-home #attivita .grid{padding:64px 24px}.page-template-home #contatti .grid .contatti{margin:24px 24px;margin-bottom:64px}.page-template-home #about .grid-2{grid-template-columns:1fr;row-gap:40px;padding:0 24px 80px 24px}.page-template-home #attivita{background-color:#000;color:#fff;padding:64px 24px 0 24px}.page-template-home #attivita .p{width:auto}.page-template-home #attivita .punti{margin-top:48px}.page-template-home #attivita .punti .numero{font-size:16px;line-height:1.3em;font-family:"Libre Baskerville",serif;margin-bottom:16px;transform:translateY(38px)}.page-template-home #attivita .punti .grid{grid-template-columns:1fr;row-gap:24px;padding:0 0 56px 32px;border-bottom:1px solid #979797;margin-bottom:16px}.page-template-home #attivita .punti .grid .titolo h3{font-size:16px;line-height:1.3em;text-transform:uppercase}.page-template-home #attivita .punti .grid .desc{font-size:15px;line-height:1.3em}.page-template-home #attivita .punti .grid:last-child{margin-bottom:0;border-bottom:none}}.page-template-professionisti #studio{min-height:100vh;display:flex;flex-direction:column}.page-template-professionisti #studio .grid{display:grid;grid-template-columns:40fr 60fr;-moz-column-gap:160px;column-gap:160px;margin-top:200px;margin-bottom:120px}.page-template-professionisti #studio .grid .titolo{margin:0 0 0 48px}.page-template-professionisti #studio .grid .desc{margin:0 48px 0 0}.page-template-professionisti #studio .grid:nth-child(2){margin-top:120px;margin-bottom:120px}.page-template-professionisti #studio .scroll{margin-top:auto;position:relative;font-family:"Libre Baskerville",serif;font-size:18px;text-transform:uppercase;padding-left:48px;margin-left:48px;margin-bottom:40px}.page-template-professionisti #studio .scroll .arrow{display:inline-block;position:absolute;z-index:3;left:0;top:-16px;height:44px;width:30px;background:url(img/arrow_big.svg) no-repeat;filter:invert(1)}.page-template-professionisti #avvocati{background-color:#000;color:#fff}.page-template-professionisti #avvocati .descrizone{padding:56px 48px}.page-template-professionisti #avvocati .descrizone .p{width:60%;font-size:16px;line-height:1.3em}.page-template-professionisti #avvocati .descrizone h2{margin-top:80px}.page-template-professionisti #avvocati .punti{padding:0 48px}.page-template-professionisti #avvocati .punti .avvocato{display:grid;grid-template-columns:30% 70%;padding-bottom:80px}.page-template-professionisti #avvocati .punti .avvocato .img{grid-column:1/2;margin-right:10%}.page-template-professionisti #avvocati .punti .avvocato .descrizione{margin-left:10%;margin-right:48px}.page-template-professionisti #avvocati .punti .avvocato .descrizione .cta-accordion{padding:0 0 48px 0;position:relative;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.page-template-professionisti #avvocati .punti .avvocato .descrizione .cta-accordion h3{font-size:21px;font-weight:500;margin-right:16px}.page-template-professionisti #avvocati .punti .avvocato .descrizione .content{padding-bottom:56px;margin-right:5%;font-size:16px;line-height:1.3em}.page-template-professionisti #area-clienti{background-color:#000;color:#fff;padding:80px 48px}.page-template-professionisti #area-clienti .grid{display:grid;grid-template-columns:50% 50%;grid-row:auto auto}.page-template-professionisti #area-clienti .grid .codici{grid-column:1/2;grid-row:1/2}.page-template-professionisti #area-clienti .grid .privacy{grid-column:2/3;grid-row:1/2;margin-left:6%}.page-template-professionisti #area-clienti .grid ul{list-style:none;margin:0;padding:0}.page-template-professionisti #area-clienti .grid ul li{margin:24px 0;width:80%;min-width:400px}.page-template-professionisti #area-clienti .grid ul li a{color:#fff;position:relative;display:block}.page-template-professionisti #area-clienti .grid ul li a p{display:inline-block;position:relative}.page-template-professionisti #area-clienti .grid ul li a p::after{content:"";height:1px;width:0%;background-color:#fff;position:absolute;top:88%;left:0;transition:all .4s ease}.page-template-professionisti #area-clienti .grid ul li a .arrow{display:inline-block;position:absolute;right:0;top:3px;height:22px;width:15px;background:url(img/arrow.svg) no-repeat;background-position:0 -7px;transition:all .3s ease}.page-template-professionisti #area-clienti .grid ul li a .arrow.animate{transform:rotate(180deg);height:22px !important;background-position:0 -7px !important}.page-template-professionisti #area-clienti .grid ul li a:hover .arrow{height:30px;background-position:0px 0px}.page-template-professionisti #area-clienti .grid ul li a:hover p::after{width:100%}.page-template-professionisti #area-clienti .grid ul li a:visited{color:#fff}.page-template-professionisti #area-clienti .grid h3{margin-top:24px}.page-template-professionisti #area-clienti .grid h2{margin-bottom:32px}.page-template-professionisti #area-clienti .grid .link-clienti{grid-column:1/2;grid-row:2/3;padding-top:80px}.page-template-professionisti #area-clienti .grid .link-clienti ul li{margin:16px 0}.page-template-professionisti #header{position:absolute;top:0}.page-template-professionisti #header .container .logo svg .st0{fill:#000}@media screen and (max-width: 1100px){.page-template-professionisti #studio{display:block;min-height:auto}.page-template-professionisti #studio .grid{grid-template-columns:1fr;margin-top:200px;margin-bottom:40px}.page-template-professionisti #studio .grid .titolo{margin:0 48px 0 48px}.page-template-professionisti #studio .grid .desc{margin:0 48px 0 48px}.page-template-professionisti #studio .grid:nth-child(2){margin-top:64px;margin-bottom:40px}.page-template-professionisti #studio .scroll{margin-top:80px}.page-template-professionisti #area-clienti{padding-top:32px}.page-template-professionisti #area-clienti .grid{grid-template-columns:100%;grid-template-rows:auto auto auto}.page-template-professionisti #area-clienti .grid .codici{grid-column:1/2;grid-row:1/2}.page-template-professionisti #area-clienti .grid .privacy{grid-column:1/2;grid-row:2/3;margin-left:0}.page-template-professionisti #area-clienti .grid .link-clienti{grid-column:1/2;grid-row:3/4}}@media screen and (max-width: 768px){.page-template-professionisti #studio .grid{margin-top:120px}.page-template-professionisti #studio .grid .titolo{margin:0 24px 0 24px}.page-template-professionisti #studio .grid .desc{margin:0 24px 0 24px}.page-template-professionisti #studio .scroll{display:none}.page-template-professionisti #area-clienti{padding:64px 24px}.page-template-professionisti #avvocati .descrizone{padding-left:24px;padding-right:24px}.page-template-professionisti #avvocati .descrizone .p{width:auto}.page-template-professionisti #avvocati .punti{padding:0 24px}.page-template-professionisti #avvocati .punti .avvocato{display:flex;flex-direction:column-reverse}.page-template-professionisti #avvocati .punti .avvocato .descrizione{margin:0}.page-template-professionisti #avvocati .punti .avvocato .descrizione .cta-accordion{padding-bottom:32px}.page-template-professionisti #avvocati .punti .avvocato .img{margin:0}.page-template-professionisti #area-clienti .grid ul li a .arrow{display:none}.page-template-professionisti #area-clienti .grid ul li{min-width:0px}.page-template-professionisti #area-clienti .grid ul li a p::after{display:none}}