/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

::selection {color: white; background-color: #62554f;}
::-webkit-selection {color: white; background-color: #62554f;}
::-moz-selection {color: white; background-color: #62554f;}
::-o-selection {color: white; background-color: #62554f;}
::-ms-selection {color: white; background-color: #62554f;}

.block-categories .category-sub-menu li > a.selected {font-weight:bold;color:#9DB222}

.blocco-index {display: none;}
#index .blocco-index {display: block;}
.blocco-interno {display: block;}
#index .blocco-interno {display: none;}

.blocco-desktop {display: block;}
.blocco-mobile {display: none;}

.bottomnav #blocco-header-principale.blocco-desktop.ApRow {display: flex;}
.bottomnav #blocco-header-principale.blocco-mobile.ApRow {display: none;}

@media screen and (max-width: 991px) {
	#page .blocco-desktop {display: none;}
	#page .blocco-mobile {display: block;}
	#page .bottomnav #blocco-header-principale.blocco-desktop.ApRow {display: none;}
	#page .bottomnav #blocco-header-principale.blocco-mobile.ApRow {display: block;}
}

#header .bottomnav {background-color: transparent !important;}

/* banner nav */

.header-nav .topnav {background: #f9f9f9;}
#colonna-banner-nav .block_content > div {font-size: 13px; font-weight: 500;}
#colonna-banner-nav .text-top a {font-weight: 700; text-transform: uppercase;}
#colonna-banner-nav .text-top a > i {font-size: 15px; margin-left: 5px;}

/* header */

.colonna-header-principale .header_logo > a {padding: 7px 0px; text-align: center;}

.colonna-header-principale #leo_search_block_top #leosearchtopbox {left: 0px; top: 60px;}
.colonna-header-principale #leo_search_block_top #leo_search_top_button {right: -25px; top: -1px;}
.colonna-header-principale #leo_search_block_top .block_content #leo_search_top_button {height: 47px;}
.colonna-header-principale #leo_search_block_top .block_content .leoproductsearch-result .search_query {height: 45px;}
.colonna-header-principale #leo_search_block_top .title_block {
    border: 1px solid #9db222;
    width: 45px;
    height: 45px;
    margin-bottom: 0;
    line-height: 28px;
    border-radius: 50%;
    color: white;
    background: #9db222;
}

#colonna-destra .popup-over.leo_block_top.popup-over a.popup-title {margin-bottom: 8px;}
#colonna-destra #_desktop_cart .cart-preview .shopping-cart, #colonna-destra.top-right-header i {color: #62554f;}
.popup-content.dropdown-menu .row {margin: 0px;}
.popup-content.dropdown-menu .row .col-xs-6 {margin: 0px; padding: 0px; width: 100%;}
.popup-content.dropdown-menu .row .col-xs-6 ul.user-info {
    margin: 20px 0px 5px;
    border-top: 1px solid #f0f0f0;
    padding-top: 15px;
}
.popup-over .popup-content li {text-transform: capitalize;}

.header-nav .bottomnav {border-color: #f0f0f0;}

@media screen and (max-width: 991px) {
	div.popup-over a.popup-title {padding: 0px !important; margin-top: -3px;}
	div.header-top {background: #f9f9f9;}
	div.header-top .row .top-right-header, div.header-top .row .ApMegamenu {text-align: left;}
	nav.leo-megamenu .navbar-header .navbar-toggler {margin: 5px 0px;}
}

@media screen and (max-width: 767px) {
	#colonna-sinistra.colonna-header-principale #leo_search_block_top .title_block {line-height: 36px;}
}

/* banner categoria */

.colonna-banner-categorie {text-align: center; margin-bottom: 30px;}
.colonna-banner-categorie .image_description h3 {text-transform: uppercase; font-weight: 500; font-size: 13px; line-height: 20px; margin: 0px; letter-spacing: 3px;}
.colonna-banner-categorie .image_description h2 {
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 3px 0px 30px;
	color: #62554f;
}
.colonna-banner-categorie .image_description p {margin: 0px;}
.colonna-banner-categorie .image_description p a.btn {
    color: #62554f;
    border: 1px solid #62554f;
    padding: 10px 30px;
	background: white;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 3px;
    border-radius: 50px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.colonna-banner-categorie .image_description p a.btn:hover, .colonna-banner-categorie .image_description p a.btn:focus {
	background: #9db222; border-color: #9db222; color: white;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* testo tea world */

#blocco-tea-world {text-align: center;}
#blocco-tea-world > .ApColumn {float: none; display: inline-flex; vertical-align: middle;}
#blocco-tea-world .colonna-tea-testo {text-align: left;}
#blocco-tea-world .colonna-tea-testo .block_content h2 {
    color: white;
    text-transform: uppercase;
    margin: 15px 0px;
    font-weight: 700;
    font-size: 17px;
    line-height: 20px;
}
#blocco-tea-world .colonna-tea-testo .block_content p {
    color: white;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
}

@media screen and (max-width: 991px) {
	div#blocco-tea-world {max-width: 500px; margin: auto;}
	div#blocco-tea-world > .ApColumn {display: block;}
}

/* vetrina */

h4.title_block {margin-bottom: 5px;}
div.sub-title-widget {color: #999 !important; font-size: 15px; margin-bottom: 45px; text-transform: none;}

div.owl-theme .owl-buttons div.owl-prev:before {margin-right: 2px;}
div.owl-theme .owl-buttons div.owl-next:before {margin-left: 2px;}

div.thumbnail-container .product-image .product-thumbnail {padding: 0px 10px;}
div.product-list-default .thumbnail-container .product-meta {text-align: center;}
div.category-default a {
    color: black;
    font-size: 11px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
}
div.thumbnail-container .product-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #000 !important;
    font-size: 17px;
    font-family: "Raleway";
    line-height: 20px;
    height: 45px;
    font-weight: 400;
}
div.product-list-default .hover-group {display: none;}
div#back-top a:hover {color: white;}

/* icone categorie */

.colonna-icone-categorie .block {margin-bottom: 40px; text-align: center;}
.colonna-icone-categorie .block img {width: 150px !important; margin-bottom: 30px;}
.colonna-icone-categorie .block .image_description h3 {text-transform: uppercase; font-weight: 500; font-size: 13px; line-height: 20px; margin: 0px; letter-spacing: 3px; color: white;}
.colonna-icone-categorie .block .image_description h2 {
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0px 0px 30px;
	color: white;
}
.colonna-icone-categorie .block .image_description p {margin: 0px;}
.colonna-icone-categorie .block .image_description p a.btn {
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 30px;
	background: none;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 3px;
    border-radius: 50px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.colonna-icone-categorie .block .image_description p a.btn:hover, .colonna-icone-categorie .block .image_description p a.btn:focus {
	background: #9db222; border-color: #9db222; color: white;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* CMS */

#main .page-header {text-align: center; font-size: 20px; font-weight: 200; line-height: 20px;}
#main .page-header h1 {font-weight: 200; color: black; margin-bottom: 0px;}

section#content.page-cms p, section#content.page-cms div {margin: 0px; text-align: justify;}
section#content.page-cms h2 {color: black; text-transform: uppercase; font-weight: 700; font-size: 20px; line-height: 20px; margin: 15px 0px;}
section#content.page-cms h3 {font-size: 17px; font-weight: 700; margin: 10px 0px; text-transform: uppercase;}
section#content.page-cms ul {list-style-type: disc;}
section#content.page-cms ol {list-style-type: decimal;}
section#content.page-cms ul, section#content.page-cms ol {
	margin: 10px 0px;
    padding-left: 30px;
    line-height: 25px;
    font-weight: 300;
    font-size: 15px;
}

/* contatti */

div.contact-rich h4 {font-size: 35px; line-height: 35px; margin-bottom: 10px; color: black; font-weight: 200; letter-spacing: 0px;}
div.contact-rich p.sub-title {margin-top: 15px; line-height: 20px; font-weight: 300; color: black; font-size: 15px; letter-spacing: 0px; max-width: 660px;}
div.contact-rich .block .data {font-size: 17px; line-height: 23px; color: black; font-weight: 300; text-align: center;}

#contact #wrapper #content-wrapper {width: 100%;}
#contact section#content.page-content.card {padding: 0px;}
#contact section#content.page-content.card .contact-form > div.col-md-6 {width: 100%; float: none; max-width: 700px; margin: auto;}
#contact section#content.page-content.card .contact-form .form-fields .col-md-9.col-md-offset-3 {width: 100%; text-align: center;}
section.contact-form h3 {font-weight: 200; font-size: 35px; line-height: 35px; padding: 0px; margin: 0px;}
#contact .form-fields .form-group .offset-md-3 {margin-left: 15px;}
#gdpr_consent .custom-checkbox label {font-size: 12px; font-weight: 500;}

/* categoria */

#category #wrapper #content-wrapper {padding-top: 30px;}
form button.btn.btn-product.add-to-cart.leo-bt-cart {min-width: 111px; min-height: 34px;}

.product_list.list .thumbnail-container .product-meta, .product_list.list .thumbnail-container .product-title a {text-align: left;}
div#grid i.fa.fa-th {vertical-align: 1px;}

/* pagina prodotto */

.product-additional-info .social-sharing {display: none !important;}
.description-short h2, .description-short h4.p1, .description-short p, .description-short div, .description-short ul, .description-short ol, .product-description h3, .product-description p, .product-description div, .product-description ol, .product-description ul {font-weight: 400; font-size: 15px; line-height: 25px; color: black; margin: 0px 0px 10px;}

#main.product-detail .row div section#content.page-content {margin-bottom: 40px;}

/* cart */

.leo-dropdown-cart.dropdown.show {margin-top: 15px;}

#cart header#header {margin-bottom: 50px;}
#cart section.featured-products.clearfix.block {display: none;}

.block-promo .promo-code-button.cancel-promo {margin-bottom: 0px; margin-top: 10px; padding: 0px; font-size: 13px; font-weight: 400; text-transform: uppercase;}

/* account */

#authentication .header-container .header-top {border-bottom: 1px solid #ebebeb;}
#authentication #main header.page-header h1 {margin-top: 30px;}
#authentication .input-group .input-group-btn > .btn[data-action="show-password"] {padding: 16px;}
#authentication #content.page-content.card.card-block p {font-weight: 300; letter-spacing: 0px;}
#authentication #content-wrapper > #main > #content.page-content.card.card-block > hr {border: none !important;}
#authentication .custom-checkbox label {font-weight: 500; font-size: 12px; line-height: 20px;}

#my-account .header-container .header-top {border-bottom: 1px solid #ebebeb;}
#my-account.page-my-account #content .links a span.link-item {padding: 0px !important; box-shadow: none !important;}
#my-account .container .breadcrumb {display: none;}
#my-account #main .page-header {margin-bottom: 20px; margin-top: 10px;}
#my-account #main .page-footer {margin-bottom: 90px;}
#my-account.page-my-account #content .links a {text-align: center; display: block; font-size: 20px; font-weight: 300; text-transform: none; color: black; margin: 20px auto; float: none; width: 100%; max-width: 800px;}

#identity .radio-inline {margin: 9px 0px 0px;}
#history #main > #content.page-content > h6 {margin-top: 0px; margin-bottom: 15px; font-size: 17px; font-weight: 300;}

body#module-pssocialconnect-socialconnect #main > .page-content {padding-bottom: 0px;}
.socialconnect-facebook-right.col-xs-3.col-md-2.col-lg-2, .socialconnect-google-right.col-xs-3.col-md-2.col-lg-2 {text-align: right;}

#main > #mywishlist > h2, body#module-ps_emailalerts-account #main > #content.page-content.card.card-block > h2 {font-weight: 200; color: black; font-size: 35px; line-height: 35px;}
body#module-ps_emailalerts-account #main > #content.page-content.card.card-block > h2 {margin-top: 0px;}

/* footer */

.footer-top {background: #f9f9f9;}
.footer-top div#blockEmailSubscription_displayFooter {margin-bottom: 10px;}
.footer-top .custom-checkbox label {margin-top: 10px; margin-bottom: 0px; margin-left: 2px; font-size: 11px; font-weight: 500;}
.footer-top .custom-checkbox input[type="checkbox"] + span, .footer-top .custom-checkbox input[type="radio"] + span {vertical-align: -3px;}

.footer-center .block_content > p {font-size: 13px; line-height: 20px; margin: 0px; font-weight: 400; color: black;}
div.block-social {margin: 15px 0px 0px;}
div.block-social li a {padding: 0px 20px 0px 0px; width: auto; height: auto;}
div.block-social li a:hover {background: none !important;}
div.block-social li {margin: 0px !important;}

div.block.copyright.ApRawHtml {
    color: black !important;
    font-size: 11px;
    font-weight: 500;
    text-align: center;
}

@media screen and (max-width: 1200px) {
	.indicazioni-contatto.ApColumn {margin-bottom: 20px;}
	div.footer-center {padding: 50px 5px 0px;}
	div.footer-center .ApColumn, .footer-container .title_block, .footer-center .block_content > p, .block-social ul {text-align: center !important;}
	div.footer-bottom {padding-bottom: 100px;}
	.indicazioni-contatto div.block-social li a {padding: 0px 10px;}
}

/* deliverycount */
.deliverycount {
    background: #9db222;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
}

span.ifdc-remaining-price {
    font-size: 18px;
}

/* blocco rassicurativo */

.blockreassurance_product {
    box-shadow: 2px 2px 11px 0px rgb(0 0 0 / 10%);
    background-color: white;
    border: 1px solid #eaeaea;
	padding: 0.9375rem;
	border: 1px solid rgba(0, 0, 0, 0.125);
}

/* lg cookies */

/* #lgcookieslaw_banner.lgcookieslaw-banner-floating {
	width: 30%;} */

#lgcookieslaw_fixed_button {
 color: #ebebeb !important;
 background: unset;
 box-shadow: unset;
 -webkit-box-shadow: unset;
 top: -5px;
 position: relative;
 cursor: pointer;
}

.inner #lgcookieslaw_banner.lgcookieslaw-banner-floating {
    padding: 20px;
    border-radius: 10px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.inner .lgcookieslaw-banner-close-button {
    background: #b2b2b2;
    border-radius: 50%;
    margin: 10px 10px 0px 0px;
}

.inner .lgcookieslaw-banner-message p {
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    font-family: 'Poppins';
}

.inner #lgcookieslaw_banner .lgcookieslaw-link-container {
    text-align: center;
}

.inner .lgcookieslaw-banner-message div.lgcookieslaw-link-container {
    margin: 5px 0px;
}

.inner .lgcookieslaw-banner-message div.lgcookieslaw-link-container a {
    font-weight: 700;
    font-family: 'Poppins';
    font-style: italic;
    font-size: 13px !important;
    text-transform: uppercase;
}

.inner .lgcookieslaw-banner-floating .lgcookieslaw-reject-button,
.inner .lgcookieslaw-banner-floating .lgcookieslaw-accept-button {	
	font-family: 'Poppins';
    font-weight: 600;
    font-size: 14px;
    border: none !important;
    border-radius: 50px;
}

.fancybox-opened .fancybox-skin {
    border-radius: 10px !important;
    padding-top: 5px;
}

div.lgcookieslaw-modal-body-content {
    font-family: 'Poppins';
    font-weight: 400;
    color: black !important;
}

.lgcookieslaw-modal-header .lgcookieslaw-modal-header-title {
    color: black !important;
    font-style: italic;
}

.lgcookieslaw-section .lgcookieslaw-section-name {
    font-size: 15px;
    font-weight: 500;
    color: black;
    padding: 0px;
    font-family: 'Poppins';
}

.lgcookieslaw-section .lgcookieslaw-section-purpose-button .lgcookieslaw-section-purpose-button-title {
    font-size: 13px;
    font-weight: 400;
    font-family: 'Poppins';
}

div.lgcookieslaw-section-purpose-content-description {
    font-size: 12px;
    line-height: 17px;
}

.lgcookieslaw-section-purpose-content-cookies-table thead>tr>th,
.lgcookieslaw-section-purpose-content-cookies-table thead>tr>td,
.lgcookieslaw-section-purpose-content-cookies-table tbody>tr>th,
.lgcookieslaw-section-purpose-content-cookies-table tbody>tr>td,
.lgcookieslaw-section-purpose-content-cookies-table tfoot>tr>th,
.lgcookieslaw-section-purpose-content-cookies-table tfoot>tr>td {
    font-size: 11px !important;
    line-height: 15px !important;
}

div.lgcookieslaw-modal-footer {
    font-family: 'Poppins';
}

.lgcookieslaw-modal-footer .lgcookieslaw-button {
    font-size: 13px !important;
    font-weight: 700 !important;
    border-radius: 5px !important;
    font-style: italic;
    text-transform: uppercase;
}

.lgcookieslaw-modal-header {
    border-top: 0px !important;
}

.lgcookieslaw-slider:before {
    border-radius: 50%;
    height: 16px;
    width: 16px;
    left: 6px;
    bottom: 4px;
}

.lgcookieslaw-switch {
    height: 24px;
    width: 55px;
}

.lgcookieslaw-slider-option-left,
.lgcookieslaw-slider-option-right {
    line-height: 26px;
}

.lgcookieslaw-slider {
    border-radius: 50px;
}

/* end lg cookies */