/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
body {
    font-family: "Gotham" !important;
}

#cms .page-header {
    display: none;
}

#cms .box-padding100 {
    padding: 30px 0 !important;
}

.page-header h1 {
    color: #aea8a3;

}

.breadcrumb li a {
    color: #aea8a3;
}

.sub-title-widget.sub-title-ap-column{
    color: #2a713d !important;
}

.btn-outline, .btn, .btn-primary {
    background-color: #FFFFFF !important;
    color: #13391E !important;
    border: 4px solid #13391E !important;
}

.btn-outline:hover, .btn:hover, .btn-primary:hover {
    background-color: #2a713d !important; /* #DAA14C */
    text-decoration: none !important;
    color: #FFFFFF !important;
    border: 4px solid #2a713d !important; /* #DAA14C */
}


.button .btn::after {
    color: #13391E !important;
}

.button .btn:hover:after {
    color: #FFFFFF !important;
}


/**********************************************************
* Gestione blocchi tematici (lapideo pittorico etc...) in home page
*********************************************************/


.ApImage .title_block {
    font-size: 24px !important;
    text-align: center !important;
    margin: 10px 0 40px !important;
}

.banner2-home1 .banner-content .img-banner img {
    opacity: 100 !important;
    visibility: hidden !important;
}

.banner2-home1 .banner-content .img-banner:hover img {
    opacity: 100 !important;
    visibility: hidden !important;
    transition: none !important;
}


.banner2-home1 .banner-content .img-banner .image_description {
    top: auto !important;
    bottom: 0px !important;
    padding: 20px !important;
}


.banner2-home1 .banner-content .img-banner .image_description p{
    font-weight: bold;
}

/*****************************************
* Immagine lapideo home page
*****************************************/
/*#image-form_1909744318505744{ */
.lapideo_flip {

    background-color: #FFF !important;
    background: url("https://ctsconservation.com/themes/leo_kitchor/assets/img/modules/appagebuilder/images/Icona_Lapideo_OFF.png") no-repeat;
    background-size: 100% 100%;
    width: auto;
}
/*#image-form_1909744318505744:hover { */
.lapideo_flip:hover {
    background: url("https://ctsconservation.com/themes/leo_kitchor/assets/img/modules/appagebuilder/images/Icona_Lapideo_ON.png") no-repeat;
    background-size: 100% 100%;
    width: auto;
} 
/*#image-form_1909744318505744:hover p, #image-form_1909744318505744:hover h4 { */
.lapideo_flip:hover p, .lapideo_flip:hover h4 {
    color: #FFFFFF !important;
}


/*****************************************
* Immagine pittorico home page
*****************************************/
/*#image-form_5977129181036120{*/
.pittorico_flip {
    background-color: #FFF !important;
    background: url("https://ctsconservation.com/themes/leo_kitchor/assets/img/modules/appagebuilder/images/Icona_Pittorico_OFF.png") no-repeat;
    background-size: 100% 100%;
    width: auto;
}
/*#image-form_5977129181036120:hover {*/
.pittorico_flip:hover {
    background: url("https://ctsconservation.com/themes/leo_kitchor/assets/img/modules/appagebuilder/images/Icona_Pittorico_ON.png") no-repeat;
    background-size: 100% 100%;
    width: auto;
} 
/*#image-form_5977129181036120:hover p, #image-form_5977129181036120:hover h4 {*/
.pittorico_flip:hover p, .pittorico_flip:hover h4 {
    color: #FFFFFF !important;
}

/*****************************************
* Immagine cartaceo home page
*****************************************/
/*#image-form_9542152098077744{*/
.cartaceo_flip {
    background-color: #FFF !important;
    background: url("https://ctsconservation.com/themes/leo_kitchor/assets/img/modules/appagebuilder/images/Icona_Cartaceo_OFF.png") no-repeat;
    background-size: 100% 100%;
    width: auto;
}
/*#image-form_9542152098077744:hover {*/
.cartaceo_flip:hover {
    background: url("https://ctsconservation.com/themes/leo_kitchor/assets/img/modules/appagebuilder/images/Icona_Cartaceo_ON.png") no-repeat;
    background-size: 100% 100%;
    width: auto;
} 
/*#image-form_9542152098077744:hover p, #image-form_9542152098077744:hover h4 { */
.cartaceo_flip:hover p, .cartaceo_flip:hover h4 {
    color: #FFFFFF !important;
}

/*****************************************
* Immagine archivistico home page
*****************************************/
/*#image-form_19630562397271822{*/
.archivistico_flip {
    background-color: #FFF !important;
    background: url("https://ctsconservation.com/themes/leo_kitchor/assets/img/modules/appagebuilder/images/Icona_Archivistico_OFF.png") no-repeat;
    background-size: 100% 100%;
    width: auto;
}
/*#image-form_19630562397271822:hover {*/
.archivistico_flip:hover {
    background: url("https://ctsconservation.com/themes/leo_kitchor/assets/img/modules/appagebuilder/images/Icona_Archivistico_ON.png") no-repeat;
    background-size: 100% 100%;
    width: auto;
} 
/*#image-form_19630562397271822:hover p, #image-form_19630562397271822:hover h4 {*/
.archivistico_flip:hover p, .archivistico_flip:hover h4 {
    color: #FFFFFF !important;
}

/*****************************************
* Immagine fotografico home page
*****************************************/
/*#image-form_8111889155711885{*/
.fotografico_flip {
    background-color: #FFF !important;
    background: url("https://ctsconservation.com/themes/leo_kitchor/assets/img/modules/appagebuilder/images/Icona_Fotografico_OFF.png") no-repeat;
    background-size: 100% 100%;
    width: auto;
}
/*#image-form_8111889155711885:hover { */
.fotografico_flip:hover {
    background: url("https://ctsconservation.com/themes/leo_kitchor/assets/img/modules/appagebuilder/images/Icona_Fotografico_ON.png") no-repeat;
    background-size: 100% 100%;
    width: auto;
} 
/*#image-form_8111889155711885:hover p, #image-form_8111889155711885:hover h4 { */
.fotografico_flip:hover p, .fotografico_flip:hover h4  {
    color: #FFFFFF !important;
}

/**************************************
* Angoli arrotondati immagini slider prodotti/progetti pagine "conservare e achiviare" "preservare e restaurare"
***************************************/
#carousel-2627219918 .owl-item .block-carousel-image-container img {
    border-radius: 15px;
}

/**********************************************************
* Angoli arrotondati blocco immagini di settore (5 immagini)
***********************************************************/
.banner2-home1 .banner-content .img-banner, .banner3-about img {
    border-radius: 30px;
}

/*********************************************************
* gradiente orizzontale bottomnav (barra in alto)
*********************************************************/

.bottomnav {
    background: -webkit-linear-gradient(left, #479259 , #13391E);
    background: -o-linear-gradient(right, #479259 , #13391E); 
    background: -moz-linear-gradient(right, #479259 , #13391E);
    background: linear-gradient(to right, #479259 , #13391E); 
}

/*************************************************************
* colore bottone invio email in alto a destra nella barra in alto
**************************************************************/
.header-bottomnav .bottomnav-right .block_content > div:first-child {
    background-color: #479259 !important;
}

/**************************************************************
* colori bottoni e elementi "after" (freccine e simili)
***************************************************************/
.leo-megamenu .navbar-nav > li.active > a > .menu-title, .leo-megamenu .navbar-nav > li:hover > a > .menu-title, .leo-megamenu .navbar-nav > li:focus > a > .menu-title {
    border-bottom: 2px solid #479259;
}

.leo-megamenu .navbar-nav > li.active > a, .leo-megamenu .navbar-nav > li:hover > a, .leo-megamenu .navbar-nav > li:focus > a {
    color: #479259;
    letter-spacing: 2px; 
}
.leo-megamenu .navbar-nav > li > a > .menu-title {
    letter-spacing: 2px;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .title_block {
    font-family: "Gotham Bold";
    letter-spacing: 2px !important;
}

.pagina-cartaceo-blocco-scuro .title_block, .pagina-lapideo-blocco-scuro .title_block, .pagina-pittorico-blocco-scuro .title_block,
.pagina-archivistico-blocco-scuro .title_block, .pagina-fotografico-blocco-scuro .title_block {
    color: #FFFFFF !important;
}

/*****************************************************************
* Font Titoli su bianco
*****************************************************************
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .title_block, .cms-id-25 .banner1-home4 .title_block, .ApProductList .title_block {
    font-family: "Gotham Bold";
    color: #13391E !important;
    letter-spacing: 2px !important;
}
*/
/******************************************************************
* Font testi su bianco
*****************************************************************

.ApColumn .sub-title-widget, .ApColumn .sub-title-widget p, .banner2-about .sv-col,  .banner2-about .sv-col p{
    font-family: "Gotham" !important;
    color: #13391E !important;
}

/*****************************************************************
* Font Titoli riga colorata in home e pagine interne
*****************************************************************
.banner3-home1 .title_block, .banner3-home1 .sub-title-widget, .banner1-home4 .title_block, .banner-video-home1 .title_block, 
#form_8846785250530986 .banner1-home4 .title_block {
    color: #FFFFFF !important;
    letter-spacing: 2px !important;
}

/******************************************************************
* Font testi riga colorata in home e pagine interne
*****************************************************************/

.banner3-home1 .sub-title-widget, .banner3-home1 .sub-title-widget p, .banner2-about, .banner2-about p, 
.banner-video-home1 .sub-title-widget, .banner-video-home1 .sub-title-widget p, .pagina-lapideo-blocco-scuro p  {
    font-family: "Gotham" !important;
    color: #FFFFFF !important;
}


footer .title_block {
    color: #13391E !important;
}

/***************************************************************
* Spaziatura font titoli blocchi 5 settori
****************************************************************/

.banner2-home1 .title_block {
    letter-spacing: 2px !important;
}

.title-slide  .caption-contain {
    font-family: "Gotham Bold" !important;
    letter-spacing: 2px !important;
}


.text-slide  .caption-contain {
    font-family: "Gotham" !important;
    letter-spacing: 2px !important;
}


.radio-label, .product-actions .control-label {
    width: auto !important;
}

/******************************************************************
* Serve per evitare di troncare i nomi dei prodotti nell'elenco/categoria
********************************************************************/
.thumbnail-container .product-title a {
    display: block;
}

/*************************************************************
* Distanziamo i loghi delle certificazioni
*************************************************************/
#loghi_certificazioni img {
    margin: 10px 20px 10px 0;
}

/*************************************************************
* Dimensione font nelle tendine di scelta delle varianti (pagina prodotto)
************************************************************/
.product-variants > .product-variants-item select {
    font-size: 16px;
}



/****************************************
* colore products_flags tipo "Nuovo"
****************************************/
.product-flags li.product-flag.new {
    color: #fff;
    background: #479259;
}


/********************************************
* Spaziatura elementi in descrizione prodotto
********************************************/
.product-description .row {
    margin: 25px 0; 
}

/***********************************************
* gallery thumb per foto multiple prodotto
***********************************************/
/*
.product-thumb-images {
    display: block;
}

.product-thumb-images > .thumb-container {
    display: inline-block;
}
*/




.block-categories .category-sub-menu li > a , .leo-megamenu .dropdown-menu li a {
    text-transform: none;
}




.elenco_prodotti .articolo:nth-child(even) { background-color: #ebebeb; }
.elenco_prodotti .articolo:nth-child(odd) { background-color: #ffffff; }

.subcategory-meta {
    text-align: center !important;
    min-height: 65px;
}

.subcategory-name {
    text-transform: uppercase!important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 20px !important;
    display: block !important;
    color: #000 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.product-prices {
    margin-top: 10px;
    margin-bottom: 10px;
}


.table-product-discount tbody tr:last-child {
    font-weight: bold;
}


.leo-megamenu {
  font-family: "Gotham", sans-serif;
}


/*******************
* Nasconde l'elenco dei prodotti nelle categorie di primo, secondo e terzo livello
********************/
.category-depth-level-1 #products, .category-depth-level-2 #products, .category-depth-level-3 #products {
    display: none;
}



/***********************************
* regola l'altezza della fancybox "Anteprima 3d" nella pagina prodotto
************************************/

#product .fancybox-inner {
    min-height: 450px !important;
}


/********************************************************
* nasconde la disponibilita', numerica, presente in dettagli prodotto
*********************************************************/

#product-details .product-quantities {
    display: none;
}

/**********************************************************
* Rimuove l'effetto zoom dalle immagini delle pagine #cms
**********************************************************/

#cms .ApImage img:hover, #index .ApImage img:hover {
    transition: none !important;
    transform: none !important;
}

/****************************************************
* Nasconde il pulsante "invio mail" nell'header
****************************************************/
.button5-banner {
    display: none !important;
}

.header-bottomnav {
    height: 46px;
}


#cms #content .ApButton {
    margin-bottom: 35px;
    margin-top: 35px;
    position: relative;
    z-index: 1000;
}


.ApButton a span {
    z-index: 10000;
}

#cms #content .banner-content {
    margin-bottom: 30px !important;
}


@media only screen and (max-width: 991px){
    .lapideo_flip, .pittorico_flip, .cartaceo_flip, .archivistico_flip, .fotografico_flip {
        max-height: 478px !important;
    }
}



#product .delivery-information {
    font-weight: bold;
}

.product-add-to-cart .wishlist .btn {
    padding: 0 10px !important;
    text-transform: uppercase !important;
}


/*********************************************
*
*********************************************/
.thumbnail-container .product-title {
    text-transform: none !important; 
}



/************************************************
* Bold categoria selezionata
*************************************************/
.current_cate a{
    color:#479259 !important; 
    font-weight: bolder !important; 
} 



#index .thumbnail-container .product-price-and-shipping .price {
    display: none;
}

/**********************************************************
 * BOX colorato per inserire i voucher durante il checkout
***********************************************************/

.block-promo {
  text-align: center;
  background-color: #479259;
  padding: 10px 10px;
  display: block;
  margin: 20px;
}

.cart-voucher a {
    color: white;
    font-weight: bolder;
}

.block-promo .promo-input {
    margin-bottom: 15px;
}

.promo-code-button {
    margin-top: 15px;
    color: #479259 !important;
    font-weight: bolder;
}
 

/********************************
* Pagina sostenibilita
**********************************/
.cms-id-40 .imballaggi, .cms-id-40 .stoccaggio, .cms-id-40 .energia, .cms-id-40 .logistica, .cms-id-40 .smaltimento_rifiuti {
  padding: 25px 50px;
}

.cms-id-40 .punti_di_forza h1, .cms-id-40 .imballaggi .title_block, .cms-id-40 .stoccaggio .title_block, .cms-id-40 .energia .title_block, .cms-id-40 .logistica .title_block, .cms-id-40 .smaltimento_rifiuti .title_block {
  font-size: 26px;
}

/***********************
* Elenco prodotti senza immagini per le categorie riservate
**************************/
.leo-plist-style-elenco_senza_immmagini .product-meta {
  width: 100% !important;
}