/* qui regole on top al tema */


/*
    Colori:

    pink "PHYTAMIN"             #e7378c
    pink "PHYTAMIN" light       #f8d0e4

    blue "DERMOLINE"            #6c85bb
    blue "DERMOLINE" light      #d3d8eb

    green "PHARMA"              #1d9e8a
    green "PHARMA" light        #cee1dc
    

    grigio antracite da pantone: https://www.pantone.com/color-finder/Cool-Gray-11-C
    #53565A

*/

:root{
    --vebix-black: #53565A;
}


body{
    color: var(--vebix-black);
}

h1, h2, h3, h4, h5, h6{
    color: var(--vebix-black);
}


.col-phytamin{
    color: #e7378c !important;
}
.col-dermoline{
    color: #6c85bb !important;
}
.col-pharma{
    color: #1d9e8a !important;
}



.col-nutrients{
    color: orange !important;
}


.bold{
    font-weight: bold !important;
}


a:hover, a:active, a:focus{
    color: #000;
}


/* ############################### */
/* prealoder */
#preload-modal{
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background-color: #FFFFFF;
    opacity: 1;
    display: none;
    
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ie-transition: all 1s ease;
}

body.loading{
    overflow: hidden;
}
body.loading #preload-modal{
    display: block;
    z-index: 10;
}




/* ############################### */


.logo img{
    /*max-width: 140px;*/
    /*max-width: 178px;*/
    max-width: 160px;
    height: auto;
}

/* menu */
.site-nav ul li.with-bg{
    height: 180px; width: 100%; background-size: cover;
}
.sub-menu .mega-sub-menu li ul.custom-submenu{
    padding-left: 1em;
    margin-bottom: 1em;
}

/* mobile menu back icon edit */
.site-mobile-nav .dl-menu li .dl-submenu li.dl-back a::after{
    content: "\f104";
}


.header-box-topbar:not(.is-sticky) .logo-with-offcanvas-inner-wrapper{
    text-align: right; width: 64%; margin: auto;
}

.header-box-topbar.is-sticky .logo-with-offcanvas-inner-wrapper{
    width: 100% !important;
    text-align: right;
    margin: auto;
}

@media all and (max-width: 976px) {
    .header-box-topbar.is-sticky .logo-with-offcanvas-inner-wrapper,
    .header-box-topbar:not(.is-sticky) .logo-with-offcanvas-inner-wrapper{
        width: 100% !important;
    }
}


@media all and (max-width: 992px) {
    .header-box-topbar.is-sticky .header-bottom-container .logo-with-offcanvas{
        flex-basis: auto;
    }
}



/* Search */

.search-box{
    display: flex;
    align-items: center;
}

.search-box input.form-control{
    
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border-color: #222;
    
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    
}

.search-box input.form-control{
    width: 0%;
    opacity: 0;
}

.with-search-box-open .search-area-container{
    position: absolute;
    width: 100%;
    justify-content: center;
}

.with-search-box-open .search-box{
    /*min-width: 400px;*/
}

.with-search-box-open .search-box a{
    margin-right: .5em;
}

.with-search-box-open .search-box input.form-control{
    width: 100%;
    opacity: 1;
}

.with-search-box-open .vebix-main-menu{
    /*width: 0%;*/
    opacity: 0;
}

#search-overlay #autocomplete-search-results{
    display: block;
    position: relative;
    height: 40vh;
    overflow: hidden;
    width: 100%;
    padding-top: 4em;
    
    overflow-y: scroll;
}

#search-overlay #autocomplete-search-results > .ui-menu{
    top: 0px !important;
    width: 100% !important;
    display: block !important;
    
}

#search-overlay #autocomplete-search-results > .ui-menu .ui-menu-item{
    cursor: pointer;
    padding: .5em;
}


#search-close-icon > i{
    background-image: url('/theme/vebix/img/icon-close.svg');
    display: block;
    width: 40px;
    height: 40px;
}


/* menu productneeds submenus */
/*
.productneeds-menu-item .mega-sub-menu.mega-sub-menu-level-2{
    display: none;
}

.productneeds-menu-item ul.submenu > li{
    float: left;
    width: 25%;
    padding: 1em;
}
*/





.single-category__content .title a{
    font-size: 20px;
    width: 100%;
}

.category-header-subtitle{
    font-size: 2em;
    max-width: 90%;
    margin: auto;
    display: block;
    text-align: center;
    
    color: #000;
}





/* categorie in home */

.product-category-container .single-category .single-category__image{
    /*opacity: .3;*/
    opacity: 1;
    transition: all 1s;
}
/*.product-category-container .single-category:hover .single-category__image{*/
.product-category-container:not(.product-category-container-ALT) .single-category:hover .single-category__image{
    /*opacity: 1;*/
    opacity: .3;
    /*transform: translateY(-100px);*/
}


.product-category-container.product-category-container-ALT2 .single-category .single-category__content.single-category__content--three{
    justify-content: center;
}

.product-category-container.product-category-container-ALT2 .single-category .single-category__content.single-category__content--three .title{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product-category-container.product-category-container-ALT2 .single-category .single-category__content.single-category__content--three .title a{
    white-space: nowrap;
    width: auto;
    min-width: 40%;
    text-align: center;
    margin-left: 10%;
}

/* altezza del secondo blocco dermoline limitata */

@media all and (min-width: 768px) {
    .product-category-container .with-height-1{
        height: 285px;
    }
}



.product-category-container .single-category .vebix-btn-more-container{
    position: absolute;
    right: -100px;
    top: 0px;
    height: 100%;
    width: 200px;
    
    
    -moz-transition: right 800ms ease;
    -webkit-transition: right 800ms ease;
    -o-transition: right 800ms ease;
    transition: right 800ms ease;
    
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.product-category-container .single-category .vebix-btn-more-container .btn-more{
    /*
    position: absolute;
    right: -100px;
    top: 0px;
    height: 100%;
    width: 80px;
    */
    
    /*background-image: url('/theme/vebix/img/icon-right-circle.svg');*/
    /*background-image: url('/theme/vebix/img/right-arrow-angle.svg');*/
    /*background-image: url('/theme/vebix/img/chevron-right.svg');*/
    background-image: url('/theme/vebix/img/chevron-right-fill.svg');
    background-repeat: no-repeat;
    background-position: center center;
    /*background-size: contain;*/
    /*background-size: 20px 20px;*/
    background-size: 60px 60px;
    
    
    width: 60px;
    height: 60px;
    display: block;
    
    /*border: solid 2px #222;*/
    /*border-radius: 40px;*/
}

.product-category-container .single-category:hover .vebix-btn-more-container{
    right: 2em;
}


/* ######################### */


/* 2023 */

/* megamenu desktop 3 colonne invece di 4 */
nav.site-nav > ul > li ul.mega-menu-column-4 > li
{
    -ms-flex: 0 0 25%;
    flex: 0 0 33%;
}


#home-section-top img{
  width: 100%;
  height: auto;
}


.programmi-vebix-home-cols a{
    position: relative;
    display: block;
    width: 100%;
}
.programmi-vebix-home-cols a > .hover-modal{
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    opacity: 1;
    background-color: rgba(255,255,255,.5);
    transition: opacity 600ms ease;
}

.programmi-vebix-home-cols a:hover > .hover-modal{
    opacity: 0;
}

.programmi-vebix-home-cols a span{
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    text-align: center; font-size: 1.6em;
    color: #FFFFFF;
    text-transform: uppercase;
    -moz-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    
}


body.home .section-title.section-title--one{
    position: relative;
    overflow: hidden;
    width: 80%;
    margin-left: 10%;
}

body.home .section-title.section-title--one > h1{
    display: inline-block;
    position: relative;
    background-color: #FFFFFF;
    padding-left: 1em;
    padding-right: 1em;
}

body.home .section-title.section-title--one::before{
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  height: 1px;
  background: #333;
  opacity: .5;
  -moz-transform: translateY(20px);
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
}

@media all and (max-width: 640px)
{
    body.home .section-title.section-title--one::before{
        display: none;
    }
}




/* **** */








.single-product__floating-badges span.vebix-cat{
    width: auto !important;
    height: auto !important;
    border-radius: 0px !important;
    padding-left: .5em;
    padding-right: .5em;
    text-transform: uppercase;
}


.single-product__content{
    width: 100%;
}

.single-product__content .title > a::before{
    content: '›';
}


.single-product__content .title > a{
    font-size: 1em;
    line-height: 1em;
}




span.vebix-cat.PHYTAMIN{
    /*background-color: #e7378c;*/
    background-color: #f8d0e4;
    color: #e7378c;
}
span.vebix-cat.DERMOLINE{
    /*background-color: #6c85bb;*/
        background-color: #d3d8eb;
        color: #6c85bb;
    /*background: linear-gradient(to bottom, #6c85bb 0%, #6c85bb, 95%, #d3d8eb);*/
}
span.vebix-cat.PHARMA{
        /*background-color: #1d9e8a;*/
    background-color: #cee1dc;
    color: #1d9e8a;
}



/* 1.0 */

body{
    overflow-x: hidden;
}

/* header, menu */

header.header{
    background-color: #fefefe;
}


.header-box-topbar .header-bottom-container .header-bottom-navigation{
    margin-top: 10px;
}




/* home, categoire in evidenza */

.single-category__image::after{
    /*border-color: #333333;*/
    border-color: #000;
}

.single-category__content--three .title > p{
    /*border: solid 1px;*/
    text-transform: uppercase;
    text-align: center;
    /*width: 100%;*/
    width: 75%;
    /*display: inline-block;*/
    display: block;
    /*background-color: white;*/
    font-size: 28px;
    padding: .2em .5em;
    
    border-bottom: solid 2px;
    
    color: #333333;
    margin: auto;
    
    white-space: nowrap;
    
    /*transform: scale(.5, .5) translateX(-50%);*/
    
}


@media all and (min-width: 993px) and (max-width: 1999px) {
    
    .single-category--three .single-category__content--three{
        left: 10px !important;
        width: calc(100% - 20px);
    }
    
}

@media all and (min-width: 993px) and (max-width: 1400px) {
    .single-category__content--three .title > p{
        font-size: 1.2em;
    }
    
    .single-category__content--three .title > a{
/*        font-size: 1.2em;
        line-height: 1.5em;*/
        font-size: 1em;
        line-height: 1.2em;
    }
    
}








/* griglia prodotti */

/* default vedi pagina categoria */
#category_product_view{
    padding-left: 1em;
}


/* la stessa view in home per i prodotti in evidenza/vetrina */
body.home #category_product_view{
    padding-left: 15px;
    padding-right: 15px;
}


#category_product_view .single-product{
    position: relative;
    overflow: hidden;
}

#category_product_view .single-product .category-color-dot{
    position: absolute;
    z-index: 2;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -ie-transition: all 500ms ease;
    
    /* cerchio */
    top: .5em; left: .5em;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    
    
}


/* 1 simbolo per categoria di root, category-color-dot-1 , 2 , 3, 4 
dermocosmesi, integratori, insettor., disinfett. */

/* integratori */
#category_product_view .single-product .category-color-dot.category-color-dot-2{
    top: .5em; left: .5em;
    width: 12px; height: 12px;
    border-radius: 0px;
    
}

#category_product_view .single-product .category-color-dot.category-color-dot-3{
    top: .5em; left: .5em;
    width: 12px; height: 12px;
    top: -6px; left: -6px;
    transform: rotate(45deg);
    border-radius: 0px;
}

#category_product_view .single-product .category-color-dot.category-color-dot-4{
    top: .5em; left: .5em;
    width: 12px; height: 12px; 
    border-radius: 0px;
    transform: rotate(45deg);
}




#category_product_view .single-product:hover .category-color-dot{
    /*transform: rotate(-45deg);*/
    transform: rotate(180deg);
    top: 0px; left: 0px; width: 100%;
    height: 100%;
    /*opacity: .1;*/
    opacity: 0;
}

#category_product_view .single-product:hover .category-color-dot > a{
    display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;
}


.single-product__content .title h3{
    text-align: center;
}

.single-product .single-product__content .title > a{
    width: 100%;
    text-align: center;
}


.section-title p.subtitle--deep{
    color: var(--vebix-black);
}



/* Category */

.single-sidebar-widget--list--category .seconds{
    padding-left: 1em;
}
.single-sidebar-widget--list--category .seconds .thirds{
    padding-left: 1em;
}

.single-sidebar-widget--list--category ul.category-tree-submenu{
    margin-top: 10px;
    margin-bottom: 30px;
}
/*.single-sidebar-widget--list--category ul.category-tree-submenu .entry-level-3{
    display: none;
}*/

.single-sidebar-widget--list--category ul.category-tree-submenu .entry-level-3{
    display: block;
    padding-bottom: 0px;
}

.single-sidebar-widget--list--category a{
    padding: .2em .5em;
    display: block; width: 100%;
    text-decoration: none;
    /*white-space: nowrap;*/
}
.single-sidebar-widget--list--category a::after{
    display: none !important;
    content:'';
}

.single-sidebar-widget--list--category .entry-level-1 > a,
.single-sidebar-widget--list--category .entry-level-2 > a
{
    color: #FFFFFF;
    text-transform: uppercase;
}






/* Scheda Prodotto */

.breadcrumb-list__item a{
    color: var(--vebix-black);
}

.breadcrumb-list .breadcrumb-list__item i.ti-home::before,
i.ti-home::before
{
    content:'';
}

.breadcrumb-list .breadcrumb-list__item i.ti-home,
i.ti-home
{
    background-image: url('/theme/vebix/img/icon-home.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 18px;
    height: 18px;
    display: inline-block;
    
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    transform: translateY(4px);
}

.ion-ios-arrow-thin-right{
    background-image: url('/theme/vebix/img/chevron-right-fill.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 18px;
    height: 18px;
    display: inline-block;
    
}
.ion-ios-arrow-thin-right::before{
    content: '';
    display: none;
}


.breadcrumb-title{
    line-height: 1em;
    font-size: 40px;
}
.breadcrumb-title .category-name-level-1, 
.breadcrumb-title .category-name-level-2,
.breadcrumb-title .category-name-level-3
{
    display: inline-block;
}

.breadcrumb-title .category-name-level-1, 
.breadcrumb-title .category-name-level-2{
    text-transform: uppercase;
    font-size: .7em;
}

.breadcrumb-title .category-name-level-1{
    margin-bottom: 1em;
    padding: .2em .5em;
    background-color: rgba(255,255,255,.8);
    
}

.breadcrumb-title .category-name-level-1:not(.category-name-alone){
    transform: scale(.5,.5) translateX(-50%);
    -moz-transform: scale(.5,.5) translateX(-50%);
    -webkkit-transform: scale(.5,.5) translateX(-50%);
    -o-transform: scale(.5,.5) translateX(-50%);
}

.breadcrumb-title .category-name-level-1.category-name-alone{
    margin: auto;
}



.breadcrumb-title .category-name-level-2{
    margin-bottom: .5em;
}
.breadcrumb-title .category-name-level-3{
    font-size: 1em;
}


.single-record-breadcrumb-area{
    margin-top: 25px;
    margin-bottom: 25px;
}

.single-record-header-image{
    width: 100%; 
    padding-top: 50px;
    padding-bottom: 50px;
    
    cursor:pointer;
    background-size: contain;
}

/*
.single-record-header-image:not(.category-level-1){
    background-size: contain;
}
*/

@media all and (max-width: 768px) {
    .single-record-header-image:not(.category-level-1){
        background-size: cover;
    }
}


.product-category-badge{
    text-transform: uppercase;
    padding: 2px 1em;
    color: #FFFFFF;
    display: inline-block;
}

.single-info .quickview-value span.comma:last-child{
    display: none;
}

.vebix-link{
    text-decoration: none;
}
.vebix-link:hover{
    text-decoration: underline;
    color: #333;
}
.vebix-link span{font-weight: bold;}


.quickview-title{
    color: var(--vebix-black);
}

.quickview-title[data-toggle="collapse"]{
    
}
.quickview-title[data-toggle="collapse"] .fa{
    margin-left: .5em;
    display: none;
}
.quickview-title[data-toggle="collapse"] .fa.fa-caret-down{
    display: inline-block;
}
.quickview-title[data-toggle="collapse"][aria-expanded="true"] .fa.fa-caret-down{
    display: none;
}
.quickview-title[data-toggle="collapse"][aria-expanded="true"] .fa.fa-caret-up{
    display: inline-block;
}

.quick-view-other-info .price-btn{
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    border-radius: .6em;
    background-color: #000000;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.2em;
    white-space: nowrap;
    
    
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ie-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.quick-view-other-info .price-btn > span{
    display: none;
    opacity: 0;
    
    -moz-transition: opacity 500ms ease;
    -webkit-transition: opacity 500ms ease;
    -ie-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
}
.quick-view-other-info .price-btn > small{
    font-size: .5em;
    line-height: 1em;
    text-align: center;
    
    width: 0%; opacity: 0;
    display: none;
    
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ie-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.quick-view-other-info .price-btn.toggled{
    width: auto;
    /*padding-left: .2em;*/
    /*padding-right: .2em;*/
    padding: .2em;
    
    height: auto;
}
.quick-view-other-info .price-btn.toggled > span{
    display: inline-block;
    opacity: 1;
}

.quick-view-other-info .price-btn.toggled > small{
    width: 100%;
    opacity: 1;
    display: block;
}



.shop-product__navigation .prev-product,
.shop-product__navigation .next-product
{
    width: .5em; height: .5em;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.shop-product__navigation .prev-product{
    background-image: url('/theme/vebix/img/chevron-right-fill.svg');
    transform: rotate(180deg);
}
.shop-product__navigation .next-product{
    background-image: url('/theme/vebix/img/chevron-right-fill.svg');
}



/* sidebar nella scheda prodotto */

a.sidebar-closer{
    color: var(--vebix-black);
    
    -o-transition: all 800ms ease;
    -webkit-transition: all 800ms ease;
    -moz-transition: all 800ms ease;
    transition: all 800ms ease;
}
a.sidebar-closer:hover, a.sidebar-closer:active, a.sidebar-closer:focus{
    color: #000;
}

#product-sidebar-modal-mask{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    
    opacity: 0;
    display: none;
    z-index: 4;
    
    background-color: rgba(0,0,0,.6);
    
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

body.with-sidebar #product-sidebar-modal-mask{
    display: block;
    opacity: 1;
}

#product-sidebar{
    position: absolute;
    width: 33%;
    background: #FFF;
    /*height: 100%;*/
    height: auto;
    z-index: 4;
    background-color: #FFFFFF;
    
    -webkit-box-shadow: #e7e7e7 2px 1px 1px;
    -moz-box-shadow: #e7e7e7 2px 1px 1px;
    box-shadow: #e7e7e7 2px 1px 1px;
    
    top: 0;
    left: -100%;
    
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}

@media all and (max-width: 920px) {
    #product-sidebar{
        width: 80%;
    }
}


body.with-sidebar #product-sidebar{
    left: 0px;
}










/* footer */

.footer-nav-container nav ul li{
    padding: 6px 0px;
}

.footer-nav-container nav ul li a{
    color: var(--vebix-black);
}

.footer .footer__copyright-text span{
    color: var(--vebix-black);
}

/* custom submenu ul > li nel footer vedi per area riservata */
.footer-nav-container ul > li > ul{
    display: none;
}

.footer-nav-container ul > li.with-children > a::before{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -15px;
    content: "\f107";
    font-family: fontAwesome;
    color: #D0D0D0;
}

.footer-nav-container ul > li:hover > ul{
    position: absolute;
    display: block;
    padding-left: .5em;
    padding-top: 1em;
    background-color: #f8f8f8;
}


/* form newsletter */
form#mc-form .form-step-2{
    display: none;
}
form#mc-form input[type="checkbox"] {
    width: auto;
}

form#mc-form .form-step-2 a{
    font-size: .9em;
    text-decoration: underline;
}

#newsletter_footer_form_response{
    margin-top: .5em;
}

#newsletter_footer_form_response .response-error{
    color: red;
}

#newsletter_footer_form_response .response-success{
    color: green;
}



.privacy-link-container{
    text-align: right;
}

@media all and (max-width: 768px) {
    .privacy-link-container{
        text-align: center;
    }
}


a.scroll-top{
    background-color: var(--vebix-black);
    background-image: url('/theme/vebix/img/icon-up-arrow.svg');
    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
}
a.scroll-top::after{
    content:'';
    display: none;
}
a.scroll-top:hover{
    color: #FFFFFF;
}




/* page builder */
.pb-contents > div{
    padding-left: 0px;
    padding-right: 0px;
}

.pb-contents figure{
    overflow: hidden;
}

.pb-contents figure img{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    
    width: 100%;
    height: auto;
}

.pb-contents figure.with-zoom-hover:hover img{
    transform: scale(1.15,1.15);
}

body.entity-Pages.action-view .pb-contents h1{
  font-weight: bold;
}
body.entity-Pages.action-view .pb-contents h3{
    font-style: italic;
}
body.entity-Pages.action-view .pb-contents > [pb-section]{
    margin-bottom: 2em;
}
body.entity-Pages.action-view .pb-contents ul{
    list-style: circle;
}



.section-il-gruppo-vebi{
  min-height: 120px;
  display: flex;
  align-items: center;
  background-color: #46c1a5;
  background-image: linear-gradient(to right,#46c1a5,#8686c4);
}

.section-il-gruppo-vebi a{
  display: block;
  width: 100%; 
  font-size: 2em;
  color: white;
}


@media all and (max-width: 768px) {
  .section-with-gruppo .row > div{
    width: 50% !important;
  }
} 



p.vebix-payoff{
    
}

header.is-sticky p.vebix-payoff{
    font-size: .7em;
    text-align: center;
}

header.is-sticky .logo-with-offcanvas > .logo{
    text-align: center;
}


.section-with-gruppo-alt img{
    width: 24px;
    height: auto;
    margin-left: .5em;
}

.section-with-gruppo-alt .col-md-6{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.section-with-gruppo-alt figure{
    margin-bottom: .5em;
}



.entity-Category.action-view h1.category-title-level-3{
    font-size: 24px;
    line-height: 1.5em;
}

header .logo-with-offcanvas{
    text-align: center !important;
}

p.vebix-payoff {
    line-height: 1.2em;
    font-size: .8em;
    text-align: center;
    margin-top: 1em;
}


header.is-sticky .logo-with-offcanvas > .logo {
    width: 24px;
    height: auto;
    margin-left: .5em;
}

header.is-sticky p.vebix-payoff {
    text-align: center;
    font-size: .7em;
}

/*
.category-view-head-text-container{
  text-align: justify;
}
*/


/* custom form */

form .cf-left-col {
    width: 49.4%;
    float: left;
    margin-right: 1.2%;
}

form .cf-right-col {
    width: 49.4%;
    float: left;
}

@media all and (max-width: 768px) {
    form .cf-left-col, 
    form .cf-right-col{
        width: 100%;
        display: block;
        margin: 0;
    }
    
}


.reserved-area-overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #ffffff;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    z-index: 999999;
}

.reserved-area-overlay.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.reserved-area-overlay .search-close-icon {
    position: absolute;
    top: 30px;
    right: 30px;
}

.reserved-area-overlay .reserved-area-overlay-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.reserved-area-overlay .reserved-area-overlay-content h2{
    text-transform: uppercase;
    margin-bottom: .5em;
}
.reserved-area-overlay .reserved-area-overlay-content h4{
    margin-bottom: 1em;
    font-size: .9em;
}

.reserved-area-overlay .contents-for-company,
.reserved-area-overlay .contents-for-pharma{
    display: none;
}

.reserved-area-overlay.active.active-company .contents-for-company{
    display: block;
}
.reserved-area-overlay.active.active-pharma .contents-for-pharma{
    display: block;
}


/* materials */

.material-rendered-content ul{
    list-style-type: none !important;
}

.material-rendered-content .content-index li{
    text-transform: uppercase;
}

.entry-content-letter-single ul li{
    float: left; width: 23%; margin-right: 1.8%;
    margin-bottom: 1em;
}

.material-rendered-content .content-index > li > a,
.material-rendered-content .content-index > li > span
{
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: solid 1px;
    margin-bottom: .5em;
    font-weight: bold;
    display: block;
}


.material-rendered-content .single-entry-content-description{
    display: none;
}


@media all and (max-width: 768px) {
    .material-rendered-content .content-index > li{
        display: inline-block;
    }
    
    .entry-content-letter-single ul li{
        width: 30%;
    }
}


#generic-popup-overlay{
    position: fixed; top: 0; left: 0;
    width: 100%; height: 100%;
    display: none;
    opacity: 0;
    
    background-color: #e7e7e7;
    flex-direction: column;
    
    align-items: center;
    justify-content: center;
    
    -moz-transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

#generic-popup-overlay .generic-popup-content{
    width: 100%; max-width: 600px;
    padding: 2em;
    border: solid 1px #e7e7e7;
    background-color: #FFFFFF;
}

#generic-popup-overlay.active{
    display: flex;
    opacity: 1;
}