/*
Theme Name: Divi Child
Theme URI: https://www.jcprod.it/
Description: Child Theme per Divi
Author: Jean
Author URI: https://www.jcprod.it/
Template: Divi
Version: 1.0.0
*/
:root {
    --h-L: 8vw;
    --h-M: 6vw;
    --h-R: 3vw;    
    --h-S: 2vw;
    --h-XS: 1.4vw;
    --p-L: 1.2vw;
    --p-M: 1vw;
    --p-S: .8vw; 
    --p-XS: .7vw; 
}
/* font-face webkit */
@font-face {
    font-family:'Josefin-regular';
    src:url('fonts/josefinsans-regular.woff2') format('woff2'),
    url('fonts/josefinsans-regular.woff') format('woff');
    font-weight:400;
    font-style:normal;
    font-display:swap
}
 @font-face {
    font-family:'Josefin-italic';
    src:url('fonts/josefinsans-italic.woff2') format('woff2'),
    url('fonts/josefinsans-italic.woff') format('woff');
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:'Josefin-thin';
    src:url('fonts/josefinsans-thin.woff2') format('woff2'),
    url('fonts/josefinsans-thin.woff') format('woff');
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:'Josefin-light';
    src:url('fonts/josefinsans-light.woff2') format('woff2'),
    url('fonts/josefinsans-light.woff') format('woff');
    font-weight:400;
    font-style:normal;
    font-display:swap
} 

@font-face {
    font-family:'Josefin-semibold';
    src:url('fonts/josefinsans-semibold.woff2') format('woff2'),
    url('fonts/josefinsans-semibold.woff') format('woff');
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:'Josefin-bold';
    src:url('fonts/josefinsans-bold.woff2') format('woff2'),
    url('fonts/josefinsans-bold.woff') format('woff');
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face {
    font-family:'Glacial Indifference';
    src:url('fonts/glacialindifference-regular.woff2') format('woff2'),
    url('fonts/glacialindifference-regular.woff') format('woff');
    font-weight:400;
    font-style:normal;
    font-display:swap
}
body{overflow-x:hidden;}
#main-content h1,#main-content h2,#back_proj_btn .et_pb_button{font-family:'Josefin-bold';}
#main-content h3,#main-content h4,footer h2{font-family:'Josefin-semibold';}
#main-content h5,#main-content h6,header #mobile_menu1 li a{font-family:'Josefin-regular';}
footer h1{font-family:'josefin-light';}
.et_pb_text p,#focus_contatti .et_pb_contact_form button,#focus_contatti .et_pb_contact_form label{font-family:'Glacial Indifference';}

/* Animations */
@keyframes menu-fixed {
    from {
        position:fixed;
    }
    to {
        position:static;
    }
}
@keyframes grad-anim {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
@keyframes image-grad {
    0% {
        background-position:100% 0%, 0% 50%;
    }
    50% {
        background-position:100% 0%, 100% 50%;
    }
    100% {
        background-position:100% 0%, 0% 50%;
    }
}
@keyframes scroll_btn1 {
    25%,75%{
        border-color:rgba(255,255,255,.2)
    }
    0%,100%{
        border-color:rgba(255,255,255,1)
    }
}
@keyframes scroll_btn2 {
    0%,50%,100%{
        border-color:rgba(255,255,255,.2)
    }
    25%{
        border-color:rgba(255,255,255,1)
    }
}
@keyframes scroll_btn3 {
    0%,25%,75%,100%{
        border-color:rgba(255,255,255,.2)
    }
    50%{
        border-color:rgba(255,255,255,1)
    }
}

/* Pseudo classi*/
header .mobile_nav::before,header .mobile_menu_bar::before,header .mobile_menu_bar::after,#focus_about .et_pb_column:last-child:before,
#focus_sezioni .et_pb_column:not(:last-child)::after,.et_pb_portfolio_item .et_pb_module_header::before,
#focus_about .et_pb_button::before,#focus_about .et_pb_button::after,#focus_contatti .et_pb_contact_form button::before,
#focus_contatti .et_pb_contact_form button::after,#focus_sezioni .blocco_sez::before, #focus_sezioni .blocco_sez::after,
.et_pb_portfolio_item::before, .et_pb_portfolio_item::after, .et_pb_portfolio_item > a::before{
    content:'';display:block;position:absolute;
}

/* HEADER */
header{position:absolute;top:0;width:100%;}
header .et_pb_menu__menu{display:none!important;}
header .et_mobile_nav_menu{display:block;}
header .mobile_nav{padding:20px 0;z-index:9999;width:100%;top:0;right:0;}

header .mobile_nav.opened{
    animation:unset;
    position:fixed;

}
header .mobile_nav.closed{
    animation:unset;
    position:fixed;
    animation:menu-fixed 0s;
    animation-delay:1s;
    animation-fill-mode:forwards;
}

header #mobile_menu1{
    display:flex!important;
    flex-wrap:wrap;
    align-content: center;
    width:35%;
    height:100vh;
    right: 0;
    top:0;
    left:auto;
    z-index:1;
    border:none;
    background:rgba(0,0,0,0.5)!important;
}
header #mobile_menu1 li{
    list-style:none;
    position:relative;
    width:80%;
    margin-left:20%;
    border-bottom:1px solid #555;
    text-align:left;
}
header #mobile_menu1 li.wpml-ls-item{
    width: auto!important;
    margin-top: 50px;
}
header #mobile_menu1 li.wpml-ls-item:last-child{
    margin-left: 30px;
}
header #mobile_menu1 .wpml-ls-current-language{
    border-bottom: 1px solid #fff;
}
header #mobile_menu1 li a{
    color:#fff;
    font-size:var(--p-L);
    padding:50px 0 10px;
}
header #mobile_menu1 li a:hover{background-color: transparent!important;}

/* animazione icona mobile menu */
.home header .mobile_menu_bar{background:none;}
header .mobile_menu_bar{float:right;cursor:pointer;z-index:10;height:60px;;margin:5vw 5vw 0 0;}
.home header .mobile_menu_bar::before,.home header .mobile_menu_bar::after,header .opened .mobile_menu_bar::before,header .opened .mobile_menu_bar::after{border-color: #fff;}

header .mobile_menu_bar::before,header .mobile_menu_bar::after{width:100px;position:relative;}
header .mobile_menu_bar::before{border-top:2px solid #000;border-bottom:2px solid #000;top:0!important;height:27px;transition:all 1s}
header .mobile_menu_bar::after{border-bottom:2px solid #000;bottom:0;position:absolute;transition:all 1s;}

/*aperto*/
header .opened .mobile_menu_bar::before{transform:rotate(45deg);top:29px!important;border-bottom-color:rgba(255,255,255,0);height:0;transition:all 1s;}
header .opened .mobile_menu_bar::after{transform:rotate(-45deg);bottom:29px;transition:all 1s;}

/*Animazione mobile menu*/
header .mobile_nav::before{width:100%;height:100vh;left:0;}
header .mobile_nav.opened::before{visibility:visible;backdrop-filter:blur(30px);transition:backdrop-filter .9s;}
header .mobile_nav.closed::before{visibility:hidden;backdrop-filter:blur(0);transition:backdrop-filter .9s .6s, visibility .1s 1.5s;}
header .mobile_nav.opened #mobile_menu1{top:0;transform: translateX(0);transition:transform .6s .3s;}
header .mobile_nav.closed #mobile_menu1{top:0;transform: translateX(100%);transition:transform .6s .5s;}

header .mobile_nav.opened #mobile_menu1 li{left:0;transition:left .6s;}
header .mobile_nav.closed #mobile_menu1 li{left:100%;transition:left .6s;}

header .mobile_nav.opened #mobile_menu1 li:nth-child(1){transition-delay:.6s;}
header .mobile_nav.opened #mobile_menu1 li:nth-child(2){transition-delay:.7s;}
header .mobile_nav.opened #mobile_menu1 li:nth-child(3){transition-delay:.8s;}
header .mobile_nav.opened #mobile_menu1 li:nth-child(4){transition-delay:.9s;}
header .mobile_nav.opened #mobile_menu1 li:nth-child(5){transition-delay:1s;}
header .mobile_nav.opened #mobile_menu1 li:nth-child(6){transition-delay:1.1s;}
header .mobile_nav.opened #mobile_menu1 li.wpml-ls-item{transition-delay:1.2s;}

header .mobile_nav.closed #mobile_menu1 li:nth-child(1){transition-delay:.6s;}
header .mobile_nav.closed #mobile_menu1 li:nth-child(2){transition-delay:.5s;}
header .mobile_nav.closed #mobile_menu1 li:nth-child(3){transition-delay:.4s;}
header .mobile_nav.closed #mobile_menu1 li:nth-child(4){transition-delay:.3s;}
header .mobile_nav.closed #mobile_menu1 li:nth-child(5){transition-delay:.2s;}
header .mobile_nav.closed #mobile_menu1 li:nth-child(6){transition-delay:.1s;}
header .mobile_nav.opened #mobile_menu1 li.wpml-ls-item{transition-delay:0;}


/*sovrascrivo animazione default*/
header .et_mobile_menu,#header .opened .et_mobile_menu,#header .closed .et_mobile_menu{
    height:100vh!important;
    overflow:visible!important;
    padding-bottom:0!important;
    padding-top:0!important;
}


/*HOME*/
#home_fullscreen,#focus_last_proj,#portfolio_prw{background-image: linear-gradient(135deg,#000000 0%,#0e0e0e 100%) !important;}
#home_fullscreen{display:flex;align-items:center;position:fixed;top:0;}
#home_fullscreen .et_pb_text_inner, #focus_contatti{
    background-image:linear-gradient(-45deg, #ffd300,#ee7752,#e73c7e,#23a6d5,#23d5ab,#2df549);
    background-size: 1000% 1000%;
    animation: grad-anim 15s infinite;
    animation-direction: reverse;
    animation-timing-function: linear;
}
#home_fullscreen .et_pb_text_inner{
    padding:80px;
    background-clip: text;
    -webkit-background-clip: text;
}

#home_fullscreen .et_pb_text_inner h1 {
    font-size:11vw;
    font-family:Josefin-light;
    line-height:19vh;
    color: transparent;
}
#home_fullscreen .et_pb_text_inner h1 span{font-family:'Josefin-thin';}
#home_fullscreen .et_pb_text_inner h1 span:first-of-type{font-family:'Josefin-italic';}
#home_fullscreen .et_pb_text_inner h1 span:last-of-type{font-family:'Josefin-bold';}

/*scroll button*/
#home_fullscreen .et_pb_button_module_wrapper{
    position:absolute;
    width:100%;
    bottom:70px;
    z-index:1;
    transform:scaley(50%);
}
#home_fullscreen .et_pb_button_module_wrapper #scroll_btn{
    text-indent:-9999px;
    border-width:3px!important;
    border-top:none;
    border-left:none;
    aspect-ratio:1/1;
    transform:rotate(45deg);
    width:70px;
    padding:0!important;
    color:rgba(255,255,255,0)!important;
}
#home_fullscreen .et_pb_button_module_wrapper #scroll_btn::before,#home_fullscreen .et_pb_button_module_wrapper #scroll_btn::after{
    content:'';
    display:block!important;
    opacity:1;
    margin:0!important;
    width:100%;
    height:100%;
    border-right-width:3px;
    border-bottom-width:3px;
    border-right-style:solid!important;
    border-bottom-style:solid!important;
    
}
#home_fullscreen .et_pb_button_module_wrapper #scroll_btn::before{bottom:17px;right:17px;}
#home_fullscreen .et_pb_button_module_wrapper #scroll_btn::after{top:19px;left:19px;}

#home_fullscreen .et_pb_button_module_wrapper #scroll_btn::before{animation:scroll_btn1 1s infinite;}
#home_fullscreen .et_pb_button_module_wrapper #scroll_btn{animation:scroll_btn2 1s infinite;}
#home_fullscreen .et_pb_button_module_wrapper #scroll_btn::after{animation:scroll_btn3 1s infinite;}


/* FOCUS ABOUT */
#focus_about{min-height:100vh;margin-top:100vh;}
#focus_about, #focus_about .et_pb_row{display:flex;}
#focus_about .et_pb_row{padding:0;margin:0;}
#focus_about .et_pb_column:first-child{width:65vw;padding:7vw 12vw 0 6.5vw;margin:0;}
#focus_about .et_pb_column:last-child{
    width:35vw;
    background-image:url("https://www.jcprod.it/wp-content/uploads/2026/03/provv-prof.jpg"), linear-gradient(-45deg, #ffd300,#ee7752,#e73c7e,#967de4,#23a6d5,#23d5ab,#2df549);
    background-size:auto 100%,1000% 1000%;
    background-attachment:fixed;
    background-position:right top, center center;
    background-blend-mode:multiply;
    animation: image-grad 15s infinite;
    animation-timing-function: linear;
}

#focus_about .et_pb_text_inner h2,#focus_last_proj .et_pb_text_inner h2,#focus_contatti .et_pb_text_inner h2{
    text-transform:uppercase;
    font-size:var(--h-M);
    line-height:0.85em;
    color:#222;
    margin-bottom:70px;
    padding:0;
}

#focus_about .et_pb_text_inner p{font-size:var(--p-L);line-height: 1.2em; color:#777;margin-left:8vw;}
#focus_about .et_pb_button,#focus_contatti .et_pb_contact_form button{font-size:var(--h-XS);padding:5px 20px 8px!important;margin-top:40px;}
#focus_about .et_pb_button{color:#222;font-family:'Glacial Indifference';margin-right:-100px;border:none!important;}

#focus_about .et_pb_button::before,#focus_about .et_pb_button::after,#focus_contatti .et_pb_contact_form button::before,
#focus_contatti .et_pb_contact_form button::after,#focus_sezioni .blocco_sez::before, #focus_sezioni .blocco_sez::after,
.et_pb_portfolio_item::before, .et_pb_portfolio_item::after{
    opacity:1;
    border-style:solid;
    margin:0;
    box-sizing:border-box;
}
#focus_about .et_pb_button::before,#focus_about .et_pb_button::after,#focus_contatti .et_pb_contact_form button::before,
#focus_contatti .et_pb_contact_form button::after{
    width:20px;
    height:20px;
    border-color:#222;
}
#focus_about .et_pb_button::before,#focus_contatti .et_pb_contact_form button::before,
#focus_sezioni .blocco_sez::before,.et_pb_portfolio_item::before{
    bottom:0;
    left:0;
    border-width:0 0 1px 1px;
}
#focus_about .et_pb_button::after,#focus_contatti .et_pb_contact_form button::after, #focus_sezioni .blocco_sez::after, 
.et_pb_portfolio_item::after{
    top:0;
    right:0;
    border-width:1px 1px 0 0;
}
#focus_sezioni .blocco_sez::before, .et_pb_portfolio_item::before{border-width: 0 0 5px 5px;}
#focus_sezioni .blocco_sez::after, .et_pb_portfolio_item::after{border-width:5px 5px 0 0;}
#focus_about .et_pb_button:hover, #focus_contatti .et_pb_contact_form button{background:none;}
#focus_about .et_pb_button:hover::before,#focus_about .et_pb_button:hover::after,#focus_contatti .et_pb_contact_form button:hover::before,
#focus_contatti .et_pb_contact_form button:hover::after, #focus_sezioni .blocco_sez:hover::before, #focus_sezioni .blocco_sez:hover::after{
    width:100%;
    height:100%;
    transition:all .5s
}

/* Focus SEZIONI */
#focus_sezioni .et_pb_column{width:27%;margin:0 9.5% 0 0;}
#focus_sezioni .blocco_sez{aspect-ratio:1/1;}
#focus_sezioni .blocco_sez{height:100%;display:flex;align-items:center;border:1px solid #333;}
#focus_sezioni .blocco_sez::before, #focus_sezioni .blocco_sez::after,.et_pb_portfolio_item::before, .et_pb_portfolio_item::after{border-color:#ccc;width:40px;height:40px;transition:all .5s;}
#focus_sezioni .graphic:hover::before, #focus_sezioni .graphic:hover::after{border-color:#f7a529;}
#focus_sezioni .web:hover::before, #focus_sezioni .web:hover::after{border-color:#28e57a;}
#focus_sezioni .product:hover::before, #focus_sezioni .product:hover::after{border-color:#bf5db1;}

#focus_sezioni .blocco_sez .et_pb_code_inner{height:33.333%;overflow:hidden;flex:1;}
#focus_sezioni .cont-block{height:200%;position:relative;}

#focus_sezioni .icona,#focus_sezioni .cont-tit{width:100%;height:50%;}
#focus_sezioni .cont-tit h3{flex:1;font-family:'Josefin-light';font-size:var(--h-S);color:#f7a529;padding:0;text-align:center;}
#focus_sezioni .web .cont-tit h3{color:#28e57a;}
#focus_sezioni .product .cont-tit h3{color:#bf5db1;}

#focus_sezioni .graphic .icona,#focus_last_proj .post-meta a[title="graphic"]{background-image:url("img/graph-icon.png");}

#focus_sezioni .web .icona,#focus_last_proj .post-meta a[title="web"]{background-image:url("img/web-icon.png");}

#focus_sezioni .product .icona,#focus_last_proj .post-meta a[title="product"]{background-image:url("img/prod-icon.png");}

#focus_sezioni .icona{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:auto 100%;
    transform-origin: center;
    opacity:1;
    transition:opacity 0.3s;
    transition-delay:0.2s;
}
#focus_sezioni .et_pb_column:hover .icona{opacity:0;transition-delay:0s;}

#focus_sezioni .cont-tit{display:flex;align-items:center;position:absolute;top:50%;transition:top 0.5s;}
#focus_sezioni .et_pb_column:hover .cont-tit{top:0;}


/* Focus ULTIMI PROGETTI */
#focus_last_proj .et_pb_row:last-child,#portfolio_prw .et_pb_row{
    width:calc(100% - 120px);
    max-width:calc(100% - 120px);
}
#focus_last_proj .et_pb_text,#focus_contatti .et_pb_text:first-child{padding:7vw 0 0 6.5vw;}
#focus_last_proj .et_pb_text_inner h2{color:#fff;}

/* #focus_last_proj .et_pb_ajax_pagination_container{
    grid-template-areas:
    'a a b b c c c c'
    'a a b b c c c c'
    'a a d d c c c c'

} 
#focus_last_proj #post-588{grid-area:a;}
#focus_last_proj #post-585{grid-area:b;}
#focus_last_proj #post-582{grid-area:c;}
#focus_last_proj #post-651{grid-area:d;}
#focus_last_proj #post-579{grid-area:e;}
#focus_last_proj #post-643{grid-area:f;}
#focus_last_proj #post-649{grid-area:g;}
#focus_last_proj #post-658{grid-area:h;}
#focus_last_proj #post-653{grid-area:i;}
#focus_last_proj #post-655{grid-area:l;}
#focus_last_proj #post-655{grid-area:l;}
*/

/* Ordine Home */
#focus_last_proj #post-1863,#focus_last_proj #post-2374{order:1;}
#focus_last_proj #post-655,#focus_last_proj #post-2477{order:2;}
#focus_last_proj #post-658,#focus_last_proj #post-2589{order:3;}
#focus_last_proj #post-585,#focus_last_proj #post-2462{order:4;}
#focus_last_proj #post-653,#focus_last_proj #post-2550{order:5;}
#focus_last_proj #post-1780,#focus_last_proj #post-2384{order:6;}
#focus_last_proj #post-588,#focus_last_proj #post-2499{order:7;}
#focus_last_proj #post-651,#focus_last_proj #post-2547{order:8;}
#focus_last_proj #post-649,#focus_last_proj #post-2537{order:9;}
#focus_last_proj #post-579,#focus_last_proj #post-2313{order:10;}
#focus_last_proj #post-643,#focus_last_proj #post-2517{order:11;}
#focus_last_proj #post-582,#focus_last_proj #post-2554{order:12;}
#focus_last_proj #post-1804,#focus_last_proj #post-2514{order:13;}
#focus_last_proj #post-2036,#focus_last_proj #post-2545{order:14;}
#focus_last_proj #post-2039,#focus_last_proj #post-2346{order:15;}
#focus_last_proj #post-2020,#focus_last_proj #post-2552{order:16;}

/* Ordine Graphic Design */
.graphic_prw .et_pb_ajax_pagination_container{
    grid-template-areas:
    'a a b b c c d d'
    'a a b b c c d d'
    'a a e e c c f f'
    'g g e e h h f f'
    'g g e e h h i i'
    'm m n n l l i i'
    'm m n n l l o o'

}
.graphic_prw #post-1863,.graphic_prw #post-2374{grid-area:a;}
.graphic_prw #post-1780,.graphic_prw #post-2384{grid-area:b;}
.graphic_prw #post-585,.graphic_prw #post-2462{grid-area:c;}
.graphic_prw #post-655,.graphic_prw #post-2477{grid-area:d;}
.graphic_prw #post-649,.graphic_prw #post-2537{grid-area:e;}
.graphic_prw #post-1804,.graphic_prw #post-2514{grid-area:f;}
.graphic_prw #post-2039,.graphic_prw #post-2346{grid-area:g;}
.graphic_prw #post-588,.graphic_prw #post-2499{grid-area:h;}
.graphic_prw #post-643,.graphic_prw #post-2517{grid-area:i;}
.graphic_prw #post-579,.graphic_prw #post-2313{grid-area:o;}

/* Portfolio Module */
.et_pb_ajax_pagination_container{
  display:grid;
  grid-template-columns:repeat(8,1fr);
  /* gap:20px; */
  grid-auto-flow:dense;
}
.et-fb-root-ancestor .et_pb_portfolio_item{
    width: 25%!important;
    float: left;
}
.et_pb_portfolio_item{
    width:auto!important;
    margin:0!important;
    overflow:hidden;
    display:flex;
    justify-content:center;
    /* border:1px solid #333; */
    padding:10px;

    grid-column:span 2;
    grid-row:span 2;
    aspect-ratio: 1/1;
    border:none;
}
.et_pb_portfolio_item img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.project_category-vertical{
    grid-column:span 2;
    grid-row:span 3;
    aspect-ratio: 2/3;
}
.project_category-horizontal{
    grid-column:span 4;
    grid-row:span 2;
    aspect-ratio: 4/2;
}

.et_pb_portfolio_item > a::before{
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:1;
}
.et_pb_portfolio_item .et_pb_module_header,.et_pb_portfolio_item .post-meta{
    position:absolute;
    color:#fff;
    margin:0px;
}
.et_pb_portfolio_item .et_pb_module_header{
    font-family:josefin-light;
    text-transform: uppercase;
    font-size:var(--h-XS);
    text-align:center;
    padding:30px 30px 0;
    max-width:80%;
    top:100%;
    opacity: 0;
    transition:all .5s .3s;
}
.et_pb_portfolio_item .et_pb_module_header::before{
    width:100%;
    height:1px;
    background-color:#999;
    left:0;
    top:0;
    transform:scalex(0%);
    transition:transform .3s 0s;
}
.et_pb_portfolio_item .post-meta{
    padding:0;
    transform:translateY(calc(-100% - 15px));
    top:0%;
    opacity: 0;
    transition:all .5s .3s;
    font-size: 0;
}
.post-meta{visibility:hidden;}
.post-meta a{
    visibility:visible;
    font-family:'Josefin-regular';
    font-size: var(--p-M);
    color:#fff!important;
}
#focus_last_proj .post-meta a{
    text-indent:-9999px;
    width:100px;
    height:100px;
    background-size:100% auto;
    display:none;
}
#focus_last_proj .post-meta a[title="graphic"],#focus_last_proj .post-meta a[title="web"],#focus_last_proj .post-meta a[title="product"]{display:inline-block;}
.post-meta a[title="ultimi progetti"]{display:none;}

.et_pb_portfolio_item a, .et_pb_portfolio_item span{width:100%;height:100%;}
.et_portfolio_image{overflow:hidden;}
.et_pb_portfolio_item img{
    object-fit:cover;
    height:100%;
    width:100%;
    filter:blur(0px) brightness(1);
    transition:filter .5s, transform .5s;
}

/* animazione hover */
.et_pb_portfolio_item::before{bottom:10px;left:10px;}
.et_pb_portfolio_item::after{top:10px;right:10px;}
.et_pb_portfolio_item::before, .et_pb_portfolio_item::after{
    opacity:0;
    transition:opacity 0s .6s,width .5s,height .5s;
    pointer-events:none;
    z-index: 1;
}
.et_pb_portfolio_item:hover::before, .et_pb_portfolio_item:hover::after {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  opacity:1;
  transition:width .5s .3s,height .5s .3s;
}

.et_pb_portfolio_item:hover .et_pb_module_header::before{transform:scalex(100%);transition:transform .3s .5s;}
.et_pb_portfolio_item:hover .et_pb_module_header,.et_pb_portfolio_item:hover .post-meta{top:50%;opacity:1;transition:all .5s;}

.et_pb_portfolio_item:hover .et_portfolio_image img{filter:blur(5px) brightness(0.4);transform:scale(102%);transition:filter .5s, transform .8s;}

/* Focus CONTATTI */
#focus_contatti .et_pb_text_inner h2{color:#fff;}
#focus_contatti .et_pb_text_inner p{float:right;text-align:right;width:50%;margin-top:50px;}
#focus_contatti .et_pb_contact_form{margin:7vw 10vw 7vw 0;}
#focus_contatti .et_pb_contact_field{margin-bottom:30px;}
#focus_contatti .et_pb_contact_form .input{font-size:var(--p-M);background:none;color:#fff;border-bottom:1px solid #fff;}
#focus_contatti .et_pb_contact_form textarea{resize:none;}
#focus_contatti .et_pb_contact_form button{border:none;color:#fff;margin-top:20px;}
#focus_contatti .et_pb_contact_form button::before, #focus_contatti .et_pb_contact_form button::after{border-color:#fff;}
#focus_contatti .et_pb_contact_field_checkbox label i{background:transparent;border:1px solid #fff;padding:15px;margin-right:15px;}
#focus_contatti .et-pb-contact-message{padding: 5%;font-size: var(--p-M);color: #fff;font-family:'Josefin-regular';}

/* PAG INTERNE */
@keyframes top_pag {
    from {
        height:0;
    }
    to {
        height:60vh;
    }
}
#top_pag {display:flex/* ;animation:top_pag .7s forwards ease-out; */}
#top_pag > section{align-self:end;}
#top_pag .et_pb_fullwidth_header_container{max-width:50%;margin-left:5%;}
#top_pag h1{font-size:var(--h-L);}
#top_pag h2{font-size:var(--h-M);}
#top_pag .et_pb_module_heading{text-transform:uppercase;color:#000;}
#corpo_pag{padding-bottom: 150px;}

/* Pag About */
#corpo_pag.pag_about h5{text-transform: uppercase;font-size: var(--h-R);color:#000!important;}
#corpo_pag.pag_about .et_pb_toggle, .et_pb_toggle_close{
    border:none;
    background-color: transparent;
}
#corpo_pag.pag_about .et_pb_toggle_title::before{
    content:'+';
    font-family: 'Josefin-thin'!important;
    font-size:var(--h-M);
    line-height: 100px;
    margin-top:-50px;
    color:#000!important;
}
.et_pb_toggle_content p{font-size: var(--p-M);}
/* #corpo_pag.pag_about .et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title::before{display: block;content: '-';font-size:120px;} */


/* Pag portfolio preview */
#portfolio_prw .et_pb_row{
    padding-top: 100px;
    padding-bottom: 200px;
}
#intro_prw_prog{
    font-size: var(--p-L);
    padding-bottom:6em;
}
/* #portfolio_prw .et_pb_row{
    width: calc(100% - 30px);
    max-width: 100%;
    margin: 0 0 0 30px;
}
#portfolio_prw .et_pb_ajax_pagination_container{
    display: flex;
    flex-flow: column wrap;
    max-height: 1400px;
    width: 100%;
}
#portfolio_prw .et_pb_ajax_pagination_container .project{
    width: calc(25% - 30px) !important;
    margin: 0 0 30px 0!important
} */

#portfolio_prw .post-meta a[title="graphic"],#portfolio_prw .post-meta a[title="product"],#portfolio_prw .post-meta a[title="horizontal"],#portfolio_prw .post-meta a[title="vertical"]{
    display:none;
}
/* Web Prw */
.web_prw .et_pb_ajax_pagination_container{
    display: flex;
    flex-direction: column;
    align-items: center;
    /* flex-wrap: wrap;
    gap: 50px; */
}
.web_prw .project{
    grid-column: none;
    grid-row: none;
    aspect-ratio: auto;
    width:auto!important;
    margin-bottom: 1em!important;
    cursor: pointer;
}
.web_prw .et_pb_module_header,.web_prw .et_pb_portfolio_item:hover .et_pb_module_header{
    top: 0;
    max-width: 100%;
    position: relative;
    padding: 0;
    font-size: var(--h-S);
}
.web_prw .et_pb_module_header a{
    display: block;
    padding: 1.1em 1em 1em 1em;
}
.web_prw .project > a,.web_prw .et_pb_portfolio_item:hover .et_pb_module_header::before{
    display: none;
}
.web_prw .et_pb_module_header,.web_prw .et_pb_portfolio_item::before,.web_prw  .et_pb_portfolio_item::after{
    opacity: 1;
}

/* Pag Progetto */
#intro_prog .et_pb_row{
    display: flex;
    align-items: center;
}
#intro_prog h3{
    text-transform: uppercase;
    font-size: var(--h-S);
    margin-top: 1em;
}
#intro_prog p{
    font-size: var(--p-M);
}
#back_proj_btn{
    position: fixed;
    bottom: 50px;
    z-index: 10;
    opacity: 0;
    transition: all .5s;
    padding: 0;
}
#back_proj_btn.visible{
    opacity: 1;
}
#back_proj_btn .et_pb_button{
    color: #000;
    text-transform: uppercase;
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}
#back_proj_btn .et_pb_button:hover{
    color:#fff;
    background-color: #000;
}
#back_proj_btn .et_pb_button::after{
    opacity: 1;
    left:0!important;
    right: auto!important;
}

/* FOOTER */
footer .et_pb_section_0_tb_footer {
    padding: 3vw 0 1vw 0;
}
footer h1, footer h2{
    color:#ccc;
    font-size: var(--h-S)!important;
    text-transform: uppercase;
    padding:0;
}
footer h2{
    font-size: var(--h-S)!important;
}
footer a{color:#777;}

/*----- OTTIMIZZAZIONE MOBILE -----*/
/* Tutti mobile fino IPAD portrait */
@media only screen and (max-width:980px) {
    :root {
        --h-L: 16vw;
        --h-M: 11vw;
        --h-R: 8vw;    
        --h-S: 6.5vw;
        --h-XS: 5.5vw;
        --p-L: 4.5vw;
        --p-M: 4vw;
        --p-S: 3vw; 
        --p-XS: 2vw; 
    }
    #page-container{overflow-x: hidden;position: relative;}
    .et_pb_row{width: 80%!important;max-width: 80%!important;margin: 0 auto!important;}
    header .et_pb_row{width: 100%!important;max-width: 100%!important;}
    header #mobile_menu1{width: 70%;}
    header #mobile_menu1 li a{padding-top: 30px;}

    #home_fullscreen{max-width: 100vw;}
    #home_fullscreen .et_pb_text_inner,#focus_contatti .et_pb_contact_field{padding: 0;}
    #home_fullscreen .et_pb_text_inner h1{
        font-size: 15vw;
        line-height: 18vw;
    }
    #home_fullscreen .et_pb_button_module_wrapper{bottom: -100px;}

    #focus_about .et_pb_row,#focus_last_proj .et_pb_row,#focus_contatti .et_pb_row{
        padding: 12% 0!important;
    }
    #focus_about .et_pb_column:first-child,#focus_last_proj .et_pb_text, #focus_contatti .et_pb_text:first-child{padding: 0!important;}
    #focus_about .et_pb_text_inner p,#focus_sezioni .et_pb_column,#focus_contatti .et_pb_contact_form{margin: 0;}
    #focus_about .et_pb_button{margin-right: 0;}
    #focus_about .et_pb_text_inner h2, #focus_last_proj .et_pb_text_inner h2, #focus_contatti .et_pb_text_inner h2{
        margin-bottom: 1em;
    }

    #focus_sezioni .et_pb_column{padding: 10%;}
    #focus_sezioni .blocco_sez .et_pb_code_inner,#focus_sezioni .cont-block{height: 100%;}
    #focus_sezioni .cont-tit{
        top: 60%;
        height: 20%;
    }
    #focus_sezioni .et_pb_column:hover .cont-tit{top: 40%;}
    #focus_sezioni .cont-tit h3{color:#fff!important;}
    #focus_sezioni .blocco_sez:hover .cont-tit h3{transition: color .5s;}
    #focus_sezioni .graphic:hover .cont-tit h3{color: #f7a529!important;}
    #focus_sezioni .web:hover .cont-tit h3{color: #28e57a!important;}
    #focus_sezioni .product:hover .cont-tit h3{color: #bf5db1!important;}
    #focus_sezioni .icona{
        position: relative;
        top: 20%;
        height: 40%;
    }

    #focus_last_proj .et_pb_row:first-child,#focus_last_proj,#focus_contatti .et_pb_column,.et_pb_row_0_tb_footer{padding-bottom:0!important;}
    #focus_last_proj .et_pb_row:last-child,.project_category-siti_web .et_pb_module_header{padding-top:0!important;}
    #focus_last_proj .et_pb_row,#portfolio_prw .et_pb_row{width:90%!important;max-width:90%!important;}

    #focus_contatti .et_pb_text_inner p{margin:0;width: 100%;}

    .et_pb_ajax_pagination_container{display: block;}
    .project_category-horizontal{aspect-ratio: 4/3;}
    .et_pb_portfolio_item .post-meta{transform:translateY(-100%);}
    .et_pb_portfolio_item .et_pb_module_header{padding:15px 0 0;}
    .web_prw .et_pb_module_header, .web_prw .et_pb_portfolio_item:hover .et_pb_module_header{font-size: var(--h-XS);}
    .web_prw .et_pb_module_header a{padding: 1em;}
    
    #top_pag{padding: 16vh 0 0;}
    #top_pag .et_pb_column{margin:0;}
    #top_pag .et_pb_row{padding: 0;}
    .et_pb_toggle{padding-left: 0;padding-right: 0;}
    #corpo_pag,#intro_prw_prog{padding:0 0 100px;}
    #intro_prog .et_pb_row{display: block;}
    #intro_prog ~ .et_pb_section .et_pb_row,#back_proj_btn .et_pb_row{width: 100%!important;max-width: 100%!important;}
    #back_proj_btn .et_pb_button{font-size:var(--p-M);}

    .et_pb_row_1_tb_footer .et_pb_column,.et_pb_row_0_tb_footer .et_pb_column{width:auto!important;margin-bottom:0;}
    .et_pb_row_1_tb_footer .et_pb_column:last-child{float:right;}

}
/* IPAD PORTRAIT */
@media only screen and (min-width :810px) and (max-width : 980px) and (orientation: portrait) {
    :root {
        --h-L: 16vw;
        --h-M: 11vw;
        --h-R: 8vw;    
        --h-S: 5vw;
        --h-XS: 4vw;
        --p-L: 3vw;
        --p-M: 2.5vw;
        --p-S: 1vw; 
        --p-XS: .8vw; 
    }
    .et_pb_column{width: 100%!important;}
}
/* Recaptcha hide badge */
.grecaptcha-badge {visibility: hidden!important;}
/* Complianz */
#cmplz-document{max-width:100%;}
/*nascondo tasto attiva tutti cookies recaptcha e google maps*/
body .attiva-cookies{background-color:red;width:100%;text-align:center;padding:5px;font-size:16px;color:#fff!important;font-weight:600!important;margin-bottom:10px;}
body .attiva-cookies button{box-shadow:none;width:100%;text-align:center!important;background-color:transparent;font-size:16px;}
body .attiva-cookies .cmplz-custom-accept-btn{text-transform:uppercase;text-decoration:underline;}
body .attiva-cookies .cmplz-custom-accept-btn a, body .attiva-cookies button{color:#fff!important;}
body.cmplz-marketing .attiva-cookies{display:none;}
.cmplz-google-recaptcha .attiva-cookies{display:none;}
.cmplz-google-recaptcha button.cmplz-blocked-content-container.cmplz-blocked-content-notice.cmplz-wpforms {
    display: none;
}