/* BEGIN Framework Helpers + Theme Customizations */
@font-face { font-family: "Roboto"; font-weight: 300; font-display: swap; src: url(/static/fonts/Roboto/Roboto-Light.woff2) format("woff2"), url(/static/fonts/Roboto/Roboto-Light.woff) format("woff"); }
@font-face { font-family: "Roboto"; font-weight: 400; font-display: swap; src: url(/static/fonts/Roboto/Roboto-Regular.woff2) format("woff2"), url(/static/fonts/Roboto/Roboto-Regular.woff) format("woff"); }
@font-face { font-family: "Roboto"; font-weight: 500; font-display: swap; src: url(/static/fonts/Roboto/Roboto-Medium.woff2) format("woff2"), url(/static/fonts/Roboto/Roboto-Medium.woff) format("woff"); }
:root, html {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Roboto", Helvetica, Arial, "Lucida Grande", sans-serif;
}

textarea:focus, input:focus, button:focus, select:focus {
    outline: none !important;
    border-color: #F99A25;
    box-shadow: none;
}

/* :root { --main-color: #F99A25; } */
.bg-main { background-color: #F99A25; } /* was #F5B340 */
.fg-main { color: #F99A25; }
.bg-main-hover:hover { background-color:  #F99A25; }
.fg-main-hover:hover { color: #F99A25; }
.bg-darker { background-color: #555; }
.fg-darker { color: #555; }
.bg-dark { background-color: #666; }
.fg-dark { color: #666; }
.bg-light { background-color: #EEEEEE; }
.fg-light { color: #EEEEEE; }

/* ToDo: creare classe già pronta per CTA? */
/* ToDo: creare helpers per BORDI, HOVER e TRANSITION */
.bg-white-hover:hover { background-color: white;}
.bg-none-hover:hover { background-color: transparent;}
.bg-opaque-hover:hover { background-color: #FFFFFF88;}

.bor-none { border: none; }
.bor-main { border-color: #F99A25; }
.bor-d { border-color: #dddddd; }
.bor-b { border-color: #bbbbbb; }
.bor-a { border-color: #aaaaaa; }
.bor-w1 { border-style: solid; border-width: 1px; }

.bor-top-w1 { border-top-style: solid; border-top-width: 1px; }
.bor-bottom-w1 { border-bottom-style: solid; border-bottom-width: 1px; }
.bor-left-w1 { border-left-style: solid; border-left-width: 1px; }
.bor-right-w1 { border-right-style: solid; border-right-width: 1px; }

.bor-w-custom { border-style: solid; border-width: 1.5px; }
.bor-w2 { border-style: solid; border-width: 2px; }
.bor-w4 { border-style: solid; border-width: 4px; }
.bor-w8 { border-style: solid; border-width: 8px; }
.bor-r3 { border-radius: 3px; }
.bor-r5 { border-radius: 5px; }
.bor-r6 { border-radius: 6px; }
.bor-r7 { border-radius: 7px; }
.bor-r9 { border-radius: 9px; }
.bor-r10 { border-radius: 10px; }
.bor-r12 { border-radius: 12px; }
thead.bor-r6 tr th:first-child {
    border-radius: 6px 0 0 6px;
}
thead.bor-r6 tr th:last-child {
    border-radius: 0 6px 6px 0;
}


/* END Framework Helpers + Theme Customizations */

/* BEGIN Alphawax General UI - Menu */
html {
    scroll-padding-top: 6rem;
}
#menu {
    z-index: 999;
}
#menu #logo {
	height: 4rem;
}
/* #menu #links a { */
.navLink {
	line-height: 2.5rem;
}
/* END Alphawax General UI - Menu */


/* BEGIN AlphaWax Home - Hero */
/* .video-gradient-overlay {
    background: #ffffff99;
} */
/* #background-video {
    z-index: -1;
} */
#video-bg-box-mobile {
    display: none;
}
@media (max-width: 992px) {
    #video-bg-box { display: none; }
    #video-bg-box-mobile { display: block; max-height: 55vh; }
    #video-bg-box-mobile img { height: unset; }

    @media (orientation: landscape){
        #video-bg-box-mobile img { height: 55vh; object-fit: cover; object-position: center; }
    }
}
/* END AlphaWax Home - Hero */

/* BEGIN AlphaWax Home - Category Tiles */
.categoryTile {
    height: 11rem;
}
.categoryTileImgWrapper {
    height: 8rem;
}
.categoryTileLink {
    height: 3rem;
}

.categoryTile:hover .categoryTileImg {
    transform: scale(1.1);
}
.categoryTile:hover .categoryTileLink {
    color: #F99A25;
}

/* END AlphaWax Home - Category Tiles */

/* BEGIN AlphaWax Home - Pillar Icons */
.pillarIcon {
    fill: #F99A25;
    width: 3.5rem;
    height: 3.5rem;
}
/* END AlphaWax Home - Pillar Icons */

/* START AlphaWax Home - Sustainability */
#sustainabilityIcon {
    height: 14rem;
}
/* END AlphaWax Home - Sustainability */


/* START AlphaWax Home - Contacts */
.socialIcons i {
    color: #666666;
}
.twitter:hover i { color: #1DA1F2; }
.linkedin:hover i { color: #0077B5; }
.facebook:hover i { color: #4267B2; }
.instagram:hover i { color: #F56040; }

.awaxLogoWrapper {
    cursor: pointer;
}
.awaxLogoWrapper:hover span {
    opacity: 0;
}
.awaxLogo {
    height: 1.25rem;
}
/* END AlphaWax Home - Contacts */

/* START AlphaWax General UI - Swiper Carousel Customization */
.swiper {
    /* fix per loading glitch delle immagini, viene settata opacità dall'init-js */
    opacity: 0;
    transition: all 300ms;
}
.swiper-slide {
    display: flex;
}
.swiper-pagination {
    opacity: 0;
    bottom: 0px !important;
}
.swiper-pagination.relative {
    position: relative;
}
.swiper:hover .swiper-pagination,
.swiper:hover + .swiper-pagination,
.swiper-pagination:hover {
    opacity: 1;
}
.swiper-pagination-bullet-active {
    background-color: black !important;
}
.carousel__image {
    display: block;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: auto;
    
    -webkit-filter: grayscale(100%) brightness(50%);
    filter: grayscale(100%) brightness(50%);
    transition: all 300ms;
}
.carousel__image:hover {
    -webkit-filter: none;
    filter: none;
}
/* END AlphaWax General UI - Swiper Carousel Customization */

/* START AlphaWax - Catalog */
.productTitle {
    height: 2.9rem; /* (2 rows * 1.2 rem) + 0.5 rem */
}
.productTitle span {
    line-height: 1.2rem;
    align-self: center;
}
.productDescription {
    font-size: 0.8rem;
    line-height: 1.2rem;
    height: 6rem; /* 5 rows * 1.2 rem */
    overflow-y: auto;
    padding-right: 0.25rem;
}
.productsSpecs {
    font-size: 0.85rem;
    line-height: 1rem;
}
.productsSpecsRow {
    padding-left: 0.25rem;
    height: 2rem;
    display: flex;
    border-bottom: solid 1px #E6E6E6;
    overflow: hidden;
}
.productsSpecsRow:last-child {
    border-bottom: none;
}

.productsSpecsRow span {
    align-self: center;
}

.langFlag {
    height: 2rem;
    width: 3.5rem;
    object-fit: cover;
    cursor: pointer;
    transition: filter 300ms;
    filter: grayscale(1) brightness(1);
    opacity: 1;
}
.langFlag:hover {
    filter: grayscale(0) brightness(1.2);
    opacity: 0.9;
}
.activeFlag {
    filter: grayscale(0) brightness(1);
    opacity: 1;
    cursor: default;
}
/* END AlphaWax - Catalog */

/* START AlphaWax - Catalog JS Select2 */
.select2-container {
    width: 100% !important;
}
li.select2-results__option {
    line-height: unset !important;
    margin: unset !important;
}
.select2-results__option--highlighted {
    background: #F99A25 !important;
}
.select2-search__field {
    padding-left: 0.25rem !important;
}
/* END AlphaWax - Catalog JS Select2 */

/* START AlphaWax - News */
.newsCard img {
    transition: all 300ms;
}
.newsCard:hover img {
    filter: brightness(1.1);
    transform: scale(1.05);
}
.newsCard {
    cursor: pointer;
    width: 100%;
}
.newsCard #newsTitleWrapper {
    height: 3rem;
}
.newsCard:hover h3 {
    color: #F99A25;
}
/* END AlphaWax - News */

/* START SER - Home */
.hm50s {
    min-height: 50vh;
}
.h50s {
    height: 50vh;
}
.h55s {
    height: 55vh;
}
.h60s {
    height: 60vh;
}
.hm45s {
    min-height: 45vh;
}
.h45s {
    height: 45vh;
}
/* END SER - Home */

/* SER - Striped Tables */
.striped tr:nth-child(even) {
    background-color: #f2f2f2;
    border-radius: 6px;
}
/* END SER - Striped Tables */