/*
 Theme Name:   picostrap5 Child Base
 Theme URI:    https://picostrap.com
 Description:  Child theme for Picostrap5. Experience the power of SASS, merged with the WordPress Customizer. Implementing Bootstrap 5.3.3*. Please refer to the <a target="_blank" href="https://picostrap.com/documentation/">documentation</a> to get started. 
 Author:       The LiveCanvas Team
 Author URI:   https://livecanvas.com
 Version:      3.1.4
 Template: picostrap5 
 Text Domain:  picostrap5
 License: GPL-2.0
 License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/*


Do not edit this file.

To add your own CSS, edit  the file: 

sass/_custom.scss 

...and add your own CSS (or SCSS!) statements.

To recompile the SASS bundle, click the "RECOMPILE SASS" link on top.

To edit the  SCSS pipeline, view and edit the file: sass/main.scss


*/

/* COMMON */
#wpadminbar{display: none!important;}
.prime-color{color: #019EE1;}
.bg-prime-color-light{color: #F3F9FE;}
.bg-prime-color{background-color: #019EE1;}
.second-color, h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{color: #333333;}
.bg-second-color{background-color: #333333;}
.bg-gray{background-color: #F8F8F8;}
.third-color{color: #283756;}
.bg-third-color{background-color: #283756;}
.hero-section p,.div-p{font-size: 14px; color: #3C3C3B; font-weight: 600;}
p,.div-p{color: #3C3C3B;}
.text-white p{color: #FFF;}
ul{padding-left: 0;}
.fs-34{font-size: 34px;}
.fs-30{font-size: 30px;}
.fs-28{font-size: 28px;}
.fs-22{font-size: 22px;}
.fs-18{font-size: 18px;}
.fs-16{font-size: 16px;}
.fs-14{font-size: 14px;}
.fs-12{font-size: 12px;}
.pf-font{font-family: 'pf_din_text_comp_proregular', sans-serif;}
.c-pointer{cursor: pointer;}
header{ position: relative; z-index: 3; }
a{letter-spacing: .1rem;}
.btn-primary, .btn-light{border: 2px solid transparent; transition: all .25s ease-out 0s!important; letter-spacing: 0.1em;}
.btn-primary:hover{border: 2px solid #27ade6; background-color: transparent; color: #27ade6!important;}
.btn-primary:hover svg g path{fill: #27ade6!important;}
header .main-nav a:not(.btn){font-size: 16px; color: #3C3C3B!important; font-weight: 600;font-family:"pf_din_text_comp_proregular",sans-serif; text-decoration: none;}
.btn{font-family:"pf_din_text_comp_proregular",sans-serif; font-size: 16px; padding: 24px 38px;line-height: 1.5; letter-spacing: .1rem; font-weight: 600;}
.video-btn{font-family:"pf_din_text_comp_proregular",sans-serif; font-size: 16px; line-height: 1.5;}
.video-btn svg{border-radius: 50%; transition: .5s;}
.video-container:after{content: ''; position: absolute; width: 56px; height: 56px; border-radius: 50%; left: 0; top: 0; background-color: rgba(1, 158, 225, .1); transition: .8s; opacity: 0; z-index: -1;}
.video-btn:hover .video-container:after{transform: scale(1.4); opacity: 1;}
header .btn{font-family:"pf_din_text_comp_proregular",sans-serif; font-size: 14px; padding: 10px 38px;line-height: 1.5;}
header a{text-decoration: none; font-size: 14px; font-family:"pf_din_text_comp_proregular",sans-serif;}
.active.navbar-toggler svg { transform: rotate(90deg); }
.navbar-toggler svg { transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1); }
.active.navbar-toggler path:nth-child(1) { transform: translateX(9px) translateY(1px) rotate(45deg); }
.navbar-toggler path:nth-child(1) { transform-origin: 36% 40%; }
.navbar-toggler path { transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1); }
.active.navbar-toggler path:nth-child(2) { stroke-dasharray: 225 299; stroke-dashoffset: -72px; }
.navbar-toggler path:nth-child(2) { stroke-dasharray: 29 299; }
.active.navbar-toggler path:nth-child(3) { transform: translateX(9px) translateY(1px) rotate(-45deg); }
.navbar-toggler path:nth-child(3) { transform-origin: 35% 63%; }
.active.navbar-toggler path:nth-child(4) { stroke-dasharray: 225 299; stroke-dashoffset: -72px; }
.navbar-toggler path:nth-child(4) { stroke-dasharray: 29 299; }
.active.navbar-toggler path:nth-child(5) { transform: translateX(9px) translateY(1px) rotate(-45deg); }
.navbar-toggler path:nth-child(5) { transform-origin: 61% 52%; }
.active.navbar-toggler path:nth-child(6) { transform: translateX(9px) translateY(1px) rotate(45deg); }
.navbar-toggler path:nth-child(6) { transform-origin: 62% 52%; }
.btn-secondary:hover{background-color: transparent; color: #3C3C3B;}
.-z-1{z-index: -1;}
.link-indent{position: absolute; z-index: 5; top: 0; left: 0; bottom: 0; right: 0; text-indent: -99999px;}
.badge-tags{font-size: 11px; background-color: #019EE1;}
.bg-gray-gradient{background: linear-gradient(180deg, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 75%, rgba(1,158,225,1) 75%);}
#theme-main{margin-top: 103px;}
.rank-math-breadcrumb a{color: #3C3C3B; text-decoration: none; font-weight: 600;}
.rank-math-breadcrumb{text-transform: uppercase;}
.rank-math-breadcrumb .last{color: #019EE1; font-weight: 600;}
.rank-math-breadcrumb p{margin-bottom: 0;}
/* .container-fluidLeft { width: calc(((100% - 1320px) / 2) + 1320px) !important; margin-right: 0; max-width: 100%; padding-right: 0; overflow-x: hidden;} */
.btn-negative{border: 2px solid #FFF; color: #FFF; transition: .25s;}
.btn-negative:hover{background-color: #FFF; color: #3C3C3B;}
#nav-device.nav-tabs .nav-link { border: none; border-radius: 0; padding-top: 15px; padding-bottom: 15px; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
#nav-device.nav-tabs .nav-link.active { background-color: #019EE1; color: #FFF!important;}
.filter-scale .nav-link.active { -webkit-transform: scaleY(1.2); -ms-transform: scaleY(1.2); transform: scaleY(1.2); }
.bg-secondary-gradient{background: linear-gradient(180deg, rgba(60,60,59,1) 0%, rgba(60,60,59,1) 50%, rgba(255,255,255,1) 50%);}
.search-btn{background-color: #F8F8F8; color: #019EE1;}
.search-btn:hover{background-color: #F8F8F8; color: #019EE1;}
.megamenu ul.navbar-nav{flex-direction: column; margin-left: 100px;}
.megamenu ul li a span{ position: relative; }
.megamenu ul li a:hover span::after{ transform: scaleX(1); }
.dropdown-menu.megamenu{display: inherit; opacity: 1; visibility: hidden; transform: scaleY(0); transform-origin: top; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; background-color: #F8F8F8; padding: 0!important; border: none; border-radius:0;}
.dropdown-menu.megamenu.remove-anim{ transform: scaleY(1); -webkit-transition: all 0ms ease-in-out; -moz-transition: all 0ms ease-in-out; -ms-transition: all 0ms ease-in-out; -o-transition: all 0ms ease-in-out; transition: all 0ms ease-in-out; }
.dropdown-menu.megamenu.show{display: inherit; opacity: 1; visibility: visible; overflow: hidden; transform: scaleY(1); }
.dropdown-menu.megamenu.show .container{display: block;}
.dropdown-menu.megamenu .container.show{-webkit-transition: all 0ms ease-in-out; -moz-transition: all 0ms ease-in-out; -ms-transition: all 0ms ease-in-out; -o-transition: all 0ms ease-in-out; transition: all 0ms ease-in-out;}
.dropdown-menu.megamenu .container{ opacity: 1; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.dropdown-menu.megamenu p small{ font-size: 13px; }
.mega-title{color: #999999; font-size: 9px; font-weight: 600; padding-left: 0.6rem; line-height: 1.4rem; letter-spacing: .07rem; font-family: 'Source Sans Pro', sans-serif;}
.dropdown-menu .nav-item:hover a span.mega-title{color: #999999!important;}
.navbar .megamenu{ padding: 1rem; top: 100%;}
/* .nav-item.first{border-bottom: 1px solid #FFF;} */
/* .nav-item.first{transition: .5s;} */
.navbar-brand.with-shadow img{ box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.4); }
.img-max{max-width: 100%;}
.dropdown-mob .dropdown-toggle::after{opacity: 0;}
.dropdown-mob .dropdown-menu{position: relative!important; background-color: #3C3C3B;}
.rounded-150{border-radius: 150px 0 0 0;}
.rounded-150-invert{border-radius: 0 150px 0 0;}
.fw-500{font-weight: 500;}
.vantaggi-img{width: 74px!important; height: 74px!important;}
.glide__slide { display: flex; flex-direction: column; height: auto!important; }
.glide__slide > .row { display: flex; flex-direction: column; flex-grow: 1; }
.glide__slide > .row > .col { flex: 1; display: flex; align-items: center; }
.border-col{border-top: 1px solid rgba(196, 196, 196, .50);}
.top-return{ border-radius: 5px 0 5px 0; font-size: 10px; position: fixed; bottom: 30px; right: 30px; font-weight: 600; z-index: 99999999;}
.category-badge{font-family: "pf_din_text_comp_proregular",sans-serif; font-size: 12px; letter-spacing: .1rem; border-radius: 5px 0 0 0; font-weight: bold;}
.date-news{font-size: 16px; font-family: "pf_din_text_comp_proregular",sans-serif; letter-spacing: .1rem; font-weight: 600;}
.bg-img-news img{width: 100%; object-fit: cover; position: relative; border-radius: 150px 0 0 0; overflow: hidden;}
/* .news-content{position: relative; left: -30px;} */
.link-no-btn{font-size: 18px; letter-spacing: .04rem; font-family: "pf_din_text_comp_proregular",sans-serif;}


@media (max-width: 991px) {
  .nav-item.has-megamenu .dropdown-toggle::after{display: none;}
  .megamenu ul.navbar-nav{ margin-left: 0px;}
  .nav-item.has-megamenu:after{content: "\F285"; font-family: "bootstrap-icons" !important; position: absolute; right: 14px; top: calc(50% - 5px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #3C3C3B;}
  .nav-item.has-megamenu .col-xl-4{margin: 0 !important; border: none!important;}
  .dropdown-menu.megamenu, .children-megamenu.megamenu{position: fixed; top:0; width: 100%; bottom: 0; background-color: #FFF; max-width: 400px; left:-400px; -webkit-transition: left 400ms ease-in-out; -moz-transition: left 400ms ease-in-out; -ms-transition: left 400ms ease-in-out; -o-transition: left 400ms ease-in-out; transition: left 400ms ease-in-out; height: 100vh; overflow-y: scroll; }
  .dropdown-menu.megamenu.show, .children-megamenu.megamenu.show{left:0;}
  .navbar-nav .has-megamenu .nav-link{z-index: 1;}
  .dropdown-menu.megamenu.show .navbar-nav .nav-item .nav-link, .children-megamenu.megamenu.show .navbar-nav .nav-item .nav-link{color: #555D6A!important; font-size: 24px;}
  .dropdown-menu.megamenu.show .main-link, .children-megamenu.megamenu.show .main-link{color: #333!important; padding: 17px 0; margin: 10px 0; display: inline-block; width: 100%; text-transform: inherit!important; font-weight: bold!important; text-transform: uppercase!important; font-size: 16px;}
  .dropdown-menu.megamenu.show .main-link i, .children-megamenu.megamenu.show .main-link i{display: none;}
  .dropdown-menu.megamenu.show .navbar-nav .nav-item, .children-megamenu.megamenu.show .navbar-nav .nav-item{border-color: #e3e3e3;}
  .close-megamenu, .close-megamenu-mob{display: inline-block; margin-bottom: 10px; margin-top: 10px; font-size: 16px; color: #333; cursor: pointer; margin-top: 30px;}
  .offcanvas, .dropdown-menu, .children-megamenu{overflow-y: scroll!important;}
  .dropdown-menu:not(.drop-lang){margin-top: 90px!important;}
  .banner-finder{right: 0px!important; }
  .banner-finder img{max-width: 100%; object-fit: contain;}
  .dropdown-menu.children-megamenu{margin-top: 45px!important;}
}

@media (min-width: 992px) {
  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left:0; right:0; width:100%; margin-top:0; position: fixed!important; top: 106px; }
  .home header:not(.scrolled) .navbar .megamenu{top: 100px;}
  .dropdown-menu .nav-item:hover a span{color: #019EE1!important;}
  .nav-item.first.text-uppercase.active:after { position: absolute; content: ''; background: #FFF; width: 100px; height: 100%; right: -13px; }
  .nav-item.first.active{background-color: #FFF; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;}
  .nav-item.first.active span:not(.mega-title){color: #019EE1;}
  .bg-img-news{z-index: 2; background: linear-gradient(90deg, rgba(248, 248, 248, 1) 0%, rgba(248, 248, 248, 1) 75%, rgba(1, 158, 225, 1) 75%);}
}

@media (min-width: 768px) {
  .container-fluidLeft {
    width: calc(((100% - 720px) / 2) + 720px) !important;
    margin-right: 0;
    max-width: 100%;
    padding-right: 0;
  }
}

@media (min-width: 992px) {
  .container-fluidLeft {
    width: calc(((100% - 960px) / 2) + 960px) !important;
    margin-right: 0;
    max-width: 100%;
    padding-right: 0;
  }
}

@media (min-width: 1200px) {
  .container-fluidLeft {
      width: calc(((100% - 1140px) / 2) + 1140px) !important;
      margin-right: 0;
      max-width: 100%;
      padding-right: 0;
  }
}

@media (min-width: 1400px) {
  .container-fluidLeft {
      width: calc(((100% - 1320px) / 2) + 1320px) !important;
      margin-right: 0;
      max-width: 100%;
      padding-right: 0;
  }
}

/* HOME */
.professione-img{height: 450px; cursor: pointer;}
.professione-img::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #6D6D6D; mix-blend-mode: multiply; transition: background-color 0.5s ease-in-out; z-index: 2;}
.professione-img::after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: transparent; transition: background-color 0.5s ease-in-out; z-index: 3;}
.professione-img h2, .professione-img div, .professione-img p{z-index: 4; position: relative;}
.professione-img div.position-absolute{left: 50%; transform: translateX(-50%); opacity: 0; transition: 0.5s ease-in-out;}
.professione-img:hover div.position-absolute{opacity: 1;}
.professione-img:hover::after{background-color: #3C3C3B;}
.professione-line{width: 1px; height: 60px; background-color: #FFF;}
.to-left, .to-right, .to-lefts, .to-rights{cursor: pointer;}
.grid-support {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(1, 442px); grid-column-gap: 1px; grid-row-gap: 1px; background-color: #A6A6A6; }
.grid-support.grid-contact{grid-template-rows: repeat(1, auto);}
.grid-support.grid-contact .grid-content{min-height: 464px; }
.grid-support > div{ background-color: #FFF; display: flex; flex-direction: column; justify-content: center; }
.grid-support .div1 { grid-area: 1 / 1 / 1 / 1; background-color:#3C3C3B!important;}
.grid-support .div2 { grid-area: 1 / 2 / 2 / 2; background-color:#3C3C3B!important;}
.grid-support .div3 { grid-area: 1 / 3 / 2 / 3; background-color:#3C3C3B!important;}
.grid-content{ background-color: #FFF; }
.grid-content{-webkit-transition: -webkit-transform .25s ease-out 0s; -webkit-transition: transform .25s ease-out 0s; transition: transform .25s ease-out 0s;}
.grid-content img{width: 69px; height: 69px;}

.grid-download {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 442px); grid-column-gap: 1px; grid-row-gap: 1px; background-color: #A6A6A6; }
.grid-download.grid-contact{grid-template-rows: repeat(1, auto);}
.grid-download.grid-contact .grid-content{min-height: 464px; }
.grid-download > div{ background-color: #FFF; display: flex; flex-direction: column; justify-content: center; }
.grid-download .div1 { grid-area: 1 / 1 / 1 / 1; background-color:#3C3C3B!important;}
.grid-download .div2 { grid-area: 1 / 2 / 2 / 2; background-color:#3C3C3B!important;}
.grid-download .div3 { grid-area: 1 / 3 / 2 / 3; background-color:#3C3C3B!important;}
.grid-download .div4 { grid-area: 2 / 2 / 2 / 1; background-color:#3C3C3B!important;}
.grid-download .div5 { grid-area: 2 / 2 / 2 / 2; background-color:#3C3C3B!important;}
.grid-download .div6 { grid-area: 2 / 3 / 2 / 3; background-color:#3C3C3B!important;}
.grid-download .grid-content img, .grid-contact .grid-content img{width: 120px; height: 120px;}

.grid-contact{display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(1, 542px); grid-column-gap: 1px; grid-row-gap: 1px; background-color: #A6A6A6; }
.grid-contact.grid-contact .grid-content{min-height: 464px; }
.grid-contact > div{ background-color: #FFF; display: flex; flex-direction: column; justify-content: center; }
.grid-contact .div1 { grid-area: 1 / 1 / 1 / 1; background-color:#019EE1!important;}
.grid-contact .div2 { grid-area: 1 / 2 / 2 / 2; background-color:#019EE1!important;}

/* SERIE */
.hero-img img{max-width: 100%; object-fit: cover; border-radius: 20px;}
.banner-card-img{right: 82px;}
.bg-hover-card{transition: .5s;}
.bg-hover-card:hover{background-color: #FFF; box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;}
.opacity-card{opacity: 0; transition: .5s;}
.bg-hover-card:hover .opacity-card{opacity: 1;}

/* CATEGORIA */
.prodotti-template-category .hero-section{z-index: 3;}
.anchor-nav{transition: background .5s; display: inline-block;}
.anchor-nav.active { background-color: #019EE1 !important; transform: scaleY(1.5); display: inline-block; position: relative; clip-path: inset(10.6px 0 0 0); }
.anchor-nav.active span { transform: scaleY(.7); display: inline-block; } 
section.bg-gray{z-index: 2;}
.documentazione-row:after{content: ''; width: 2px; height: 100%; background-color: #3C3C3B; position: absolute; left: 50%; transform: translateX(-50%); top: 0; opacity: .2;}
.point-after:after{content: ''; width: 10px; height: 10px; border-radius: 50%; background-color: #019EE1; position: absolute; right: 0; top: 50%; transform: translateX(50%); }
.picker{width: 20px; height: 20px; display: block; border-radius: 50%; opacity: .5; cursor: pointer;}
.picker.active{opacity: 1;}
.picker-white{background-color: #FFF; border: 1px solid #3C3C3B; }
.picker-silver{background-color: #CACACA;}
.picker-red{background-color: #8F1406;}
.picker-gray{background-color: #6D6D6D;}
.picker-yellow{background-color: #F2EBBB;}
.serie-card p{letter-spacing: 0.035rem; line-height: 2; font-size: 14px;}
.serie-card p .tm{font-size: 9px; position: relative; bottom: 4px;}
.serie-card .btn{padding: 40px;}

/* PRODOTTO */
.tab-content .serie-card:hover .btn-primary{background-color: #F8F8F8; color: #019EE1!important; border-color: #019EE1;}
.img-product-rect{bottom: -50%; z-index: -1;}


/* FOOTER */
.news-title{font-size: 38px;}
.btn-news{background-color: #FFF; border: 2px solid #FFF!important; transition: .5s; color: #019EE1;}
.btn-news:hover{background-color: transparent; color: #FFF;}
#news-form input[type="email"]{background-color: transparent; border-radius: 0; border: 0; border-bottom: 2px solid #FFF; color: #FFF;}
#news-form .news-email{background-color: transparent; color: #FFF;}
.form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-control-plaintext~label::after, .form-floating>.form-select~label::after{background-color: transparent;}
.footer-link .col-md-3:first-child ul { column-count: 2; }

@media (max-width:991px){
  /* .page-template-home .hero-section .btn-primary{background-color: #3C3C3B;} */
  /* .page-template-home .hero-section .btn-primary:hover{background-color: transparent; border-color: #3C3C3B; color: #FFF!important;} */
  .grid-support, .grid-download {  display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(3, 442px); grid-column-gap: 1px; grid-row-gap: 1px; background-color: #A6A6A6; }
  .grid-support .div1, .grid-download .div1 { grid-area: 1 / 1 / 1 / 4; }
  .grid-support .div2, .grid-download .div2 { grid-area: 2 / 1 / 2 / 4; }
  .grid-support .div3, .grid-download .div3 { grid-area: 3 / 1 / 3 / 4; }
  .grid-contact {grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(2, 550px);}
  .grid-contact .div2 { grid-area: 2 / 1 / 2 / 2; }
  .grid-download .div4 { grid-area: 4 / 1 / 4 / 4; }
  .grid-download .div5 { grid-area: 5 / 1 / 5 / 4; }
  .grid-download .div6 { grid-area: 6 / 1 / 6 / 4; }
  .grid-download{grid-template-rows: repeat(6, 442px);}
  .bg-hover-card{background-color: #FFF;}
  .bg-hover-card .opacity-card{opacity: 1;}
  .grid-contact.grid-rete{border-radius: 150px 0 0 0!important;}
}

@media (min-width:1200px){
.grid-contact .div1:hover > *, .grid-contact .div2:hover > *, .grid-download .div2:hover > *, .grid-download .div3:hover > *, .grid-download .div4:hover > *, .grid-download .div5:hover > *, .grid-download .div6:hover > *, .grid .div2:hover > *,.grid .div3:hover > *,.grid .div4:hover > *,.grid .div5:hover > *,.grid .div6:hover > *,.grid .div7:hover > *, .grid-support .div1:hover > *, .grid-support .div2:hover > *, .grid-support .div3:hover > *,.grid-document .div1:hover > *, .grid-document .div2:hover > *, .grid-document .div3:hover > *, .grid-document .div4:hover > *, .grid-document .div5:hover > *, .grid-document .div6:hover > *, .grid-document .div7:hover > *, .grid-document .div8:hover > *, .grid-document .div9:hover > *{-webkit-transform: translate(1.25rem,1.25rem); -ms-transform: translate(1.25rem,1.25rem); transform: translate(1.25rem,1.25rem); box-shadow: 0 32px 64px 0 rgb(0 0 0 / 12%); z-index: 2; }
}

@media (max-width:575px){
  #theme-main a.btn{width: 100%; display: flex; align-items: center; justify-content: center;}
}