/*********************** FONT **************************************/

@font-face {
    font-family: 'Outfit';
    src: url('../fonts/Outfit/Outfit-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    color: #000!important;
}

.porto-icon-magnifier:before {
    font-size: 1rem;
    font-weight: 300!important;
}

h1, h2, h3, h4, h5, h6 {
    color: #1c1c1c!important;
    letter-spacing: 0.18em;
}

h1 {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 44px;
}
h2 {
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 25px;
}
h3 {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 26px;
    letter-spacing:normal;
}
h4 {
    font-weight: 300;
    font-size: 1rem;
    line-height: 16px;
}
h5 {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
}
h6 {
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
}

p {
    color: #000;
    font-size:1rem;
    line-height: 24px;
    letter-spacing: .14px;
}
a {
    color: #000;
}

.page-header.type20.sticky-header .header-main {
    background-color: #000!important;
    color:white;
}

header.page-header.sticky-header .nav-sections {
    background-color: #000!important;
}

.header-main {
    max-height: 125px !important;
}


@media (min-width: 992px) {
    .page-header.type20 .header-main .header-left, .page-header.type20 .header-main .header-right {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}

.product-item-name a {
    text-transform: uppercase;
    letter-spacing: 0.18em;
}


.page-header.type20 .search-area.show-icon a.search-toggle-icon {
    font-size: 18px !important;
}

.page-header.type20 .header-contact .my-account i, .page-header.type20 .header-contact .wishlist i {
    font-size: 18px !important;
}

.page-header.type20 .header-contact .my-account i, .page-header.type20 .header-contact .wishlist i {
    font-size: 18px !important;
}

.minicart-wrapper .action.showcart .minicart-icon {
    font-size: 18px !important;
}

/*avvicinamento icona di ricerca */
.search-area.show-icon a.search-toggle-icon {
    margin-bottom: 6px;
    margin-right: -20px;
}

/*HOME*/


.custom-block-news{
    padding-top: 30px;
}


.icon-mail-leica{
    max-height: 80px;
    border-radius: 50%;
    background-color: #e20612;
    background-position: center;
    background-size: 24px;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border: 4px solid #fff;
}

.footer, .footer p {
    line-height: 25px;
    letter-spacing: 0;
}
.footer .widgettitle, .footer .widget-title {
    font-size: .9375rem;
    font-weight: 700;
}
.footer-top .custom-block:before,.footer-top .custom-block:after {
    margin-bottom: 0;
    border: none;
    margin-top: 0;
}

.footer-middle > .container::before {
    border-top: 1px solid #222529;
    content: '';
    display: block;
    position: static;
    left: 10px;
    top: 0;
    right: 10px;
    margin-bottom: 2.5rem;
}

.footer .block.newsletter .form.subscribe {
    margin-bottom: 10px;
}
.footer .newsletter input {
    height: 3rem;
    padding-left: 1.25rem;
    background: #f4f4f4;
    border-radius: 0;
}
.footer .newsletter .action.subscribe {
    height: 3rem;
    font-weight: 600;
    border-radius: 0;
    border: none;
    letter-spacing: .15em;
}


.footer-middle > .container::after {
    border-color: #222529;
    margin-top: .625rem;
    position: static;
    padding-top: 0;
    padding-bottom: 0;
}

.footer-bottom address {
    text-align: center;
}
.footer-bottom {
    font-size: 1em;
}

.footer-bottom a {
    cursor: pointer;
}

.footer-heading::before  {
    content: "";
    display: block;
    width: 38px;
    height: 2.5px;
    background-color: #777;
    margin-bottom: 13px;
}

.footer-heading  {
    color: #777 !important;
}

.footer .follow-us .share-links a {
    color:#777!important;
    font-size:20px;
    border: 1px solid #777;
}

.footer .follow-us .share-links a:hover {
    background: #777;
    color: #222428!important;
}

.custom-block-bottom-leica{
    min-width: 100% !important;
}



.custom-div-footer-bootom-leica{
    border: 2px solid #777;
    padding:10px;
}


.custom-div-footer-bootom-leica .contact-title {
    width: 100%;
    text-align: left;
    padding: 10px 0;
    margin-top: 20px;
    color: white;
    font-size: 12px;

}

@media (max-width: 767px) {

    .custom-div-footer-bootom-leica .col-sm-6 {
        width: 100%;
    }
}

.custom-text-footer-bottom {
    line-height: 22px;
    color:#777;
}

.action.showcart{
   /* display: none !important; */
}

.block.block-search.show {
    display: none !important;
}

.search-area.show-icon > .search-toggle-icon.open {
    display: none !important;;
}

.container-fluid {
    padding-right: 3.125em !important;
    padding-left: 3.125em !important;
}

@media (min-width: 992px){
    .page-header.type6 {
        margin: 0 0 0px 0 !important;
    }
}


.custom-newsletter-container-fluid{
    padding: 20px;
    background-color: black !important;
}

.newsletter-title {
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 25px;
    margin: 0 0 10px 0;
    color: white!important;
    text-align: center;
    font-style: normal;
}

.newsletter-input {
    border-radius: 10px !important;
    background-color: black !important;
    color: white !important;
    border: 1px solid gray !important;
}


h3.widget-title.leica-f-t{
    font-size: 1em;
    letter-spacing: 0.03rem;
    color: white !important;
    text-transform: none;
}

.footer .widget>div>ul li {
    margin-bottom: 0;
}

.page-header.type20.sticky-header .header-main {
    background-color: #000;
    color:white;
}

header.page-header.sticky-header .nav-sections {
    background-color: #000;
}


.blog-post-more-link{
    text-decoration: underline !important;
    color: black !important;
    font-size: 0.9rem;
}

.newsletter-submit{
    border-radius: 20px !important;
    background-color: #fff!important;
    padding: 10px 40px!important;
    color: #000!important;
    border: 1px solid white!important;
    cursor: pointer;
}

@media (min-width: 481px) and (max-width: 767px) {
    .newsletter-submit {
        padding: 10px 20px!important;
    }



}

h3.widget-title.leica-f-t {
    margin-top: 20px;
}

.newsletter-submit:hover{
    border: 1px solid white!important;
    background-color: transparent!important;
    color:white!important;
}


.newsletter-container {
    max-width: 605px;
    margin: auto;
    padding: 20px;
    border-radius: 10px;
}

.newsletter-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.newsletter-header img {
    margin-right: 10px;
}

.newsletter-description {
    margin: 0;
    font-size: 14px;
}

.newsletter-form {
    display: flex;
}

.newsletter-input {
    flex-grow: 1;
    padding: 10px;
    margin-right: 10px;
    border: none;
    border-radius: 20px;
}

p.newsletter-text {
    color:#fff;
    text-align: center;
}


/*BLOG*/

a:visited, .alink:visited {
    color: #000;
    text-decoration: none;
}

.blog-post-view .blog-post-inner {
    box-shadow: none!important;
    border-bottom: none!important;

}

.blog-post-list .pages .item.current .page, .blog-post-listing .blog-post-more-link, .blog-carousel .blog-post-more-link, .blog-post-view .blog-post-social > span, .blog-searchform button, .blog-tags a:hover, .blog-carousel .owl-dots .owl-dot.active span, .blog-carousel .owl-dots .owl-dot:hover span {
    background: none!important;
    /*margin-left: -12px;*/
}

.blog-post-listing, .blog-post-view .blog-post-inner, .blog-block .block-block-content, .blog-tabs .blog-post-listing, .blog-recentcomments {
    box-shadow: none!important;
    border-bottom: none!important;
}
.blog-carousel .blog-post-more-link:hover, .blog-post-listing .blog-post-more-link:hover {
    text-decoration: none!important;
}

.blog-post-listing .blog-post-box-title a:hover, .blog-post-meta a:hover, .blog-post-view .blog-post-author .blog-author-name a:hover, .blog-block a:hover, .blog-categories li.current > a {
    color: #333!important;
}

.blog-carousel .blog-post-box-title, .blog-post-listing .blog-post-box-title {
    text-transform: uppercase;
}


.mgz-blog.page-layout-2columns-left .column.main, .mgz-blog.page-layout-2columns-right .column.main {
    width: 100% !important;
}

.page-layout-2columns-right .column.main {
    width: 100% !important;
}

div.blog-post-image img{
    object-fit: cover;
    max-height: 500px;
    width: -webkit-fill-available;
}

h1.page-title{
    text-transform: uppercase;
}

.blog-post-box-title.link-post-title {
    margin-top: 20px;
    font-weight: 500;
    font-size: 1.2rem;
    letter-spacing: 0.1rem;
    line-height: 28px;
    text-transform: uppercase;
    text-align: left !important;
    padding-top: 10px !important;
    min-height: 50px;
}

.blog-post-box-title.link-post-title a:visited,
.blog-post-box-title.link-post-title .alink:visited {
    color: black;
}

.blog-post-meta {
    color: #000!important;
    text-align: left;
}


.blog-post-list .pages .item.current .page {
    color: #000!important;
    padding: 0px!important;
}

.pages strong.page, .pages a.page, .pages .action {

    line-height: 2.1em!important;

}

.mgz-parallax.t90tx9h-p .mgz-parallax-inner {
    background-image: url(https://magento2.it-dev.icnetwork.it/media/leica/img-copertina-blog.jpg) !important;
}


.s4129ej.mgz-element.mgz-child.mgz-element-heading .mgz-element-heading-text {
    display: none !important;
}

/*SIDEBAR*/


/*SEARCH*/
.mstInPage__viewAll {
    color: #000;
}

button.button-view-all-results {
    margin: 10px 0px;
    border-radius: 20px!important;
    color: #000!important;
    border: 1px solid #000!important;
}

button.button-view-all-results:hover {
    color:#fff!important;
    background-color: #000!important;
    border: 1px solid #000!important;
}

/*MENU MOBILE*/

@media (max-width: 991px) {
    .navigation {
        color: 000;
        background: #f2f2f2;
        box-sizing: border-box;
    }

    header.page-header .nav-sections-item-content {
        margin-top: 0px!important;
    }

    .ninjamenus-hamburger-active .menu-trigger-inner {
        background-color: #f2f2f2!important;
        color: #000000!important;
    }
    .ninjamenus-hamburger-active .menu-trigger-inner .line {
        background: #000!important;
    }

    .ninjamenus .opener {

        font-size: 10px!important;

    }

    .ninjamenus.ninjamenus-mobile .level0 > a .title {
        font-weight: 300;
        color: #000;
    }

    .cms-index-index.page-layout-cms-full-width .nav-sections {
        margin-bottom: 0;
        background-color: #f2f2f2;
    }

    .ninjamenus-hamburger-trigger .menu-trigger-inner:hover {
        background-color: #f2f2f2!important;
        color: #000!important;
    }
    .ninjamenus.ninjamenus-mobile .item-submenu {
        border-top: 0;
    }

    .navigation .level0.active > a:not(.ui-state-active), .navigation .level0.has-active > a:not(.ui-state-active) {
        border-color: #000!important;
    }

    .ninjamenus .level0 > a > span.title {
        font-size: 0.625rem;

    }

}

@media (max-width: 991px) and (min-width: 480px) {
    .nav-open .nav-sections {
        background-color: #f2f2f2;
    }
    .navigation a {
        padding-top: 0!important;
        padding-bottom: 0px!important;
    }

    div#link-c1, #link-c2, #link-c2, #link-c3, #link-c4, #link-c5 {
        width: 100%!important;
    }

    div#img-menu {
        width: 100%!important;
    }

}


@media (min-width: 992px) {
    header.page-header.sticky-header .navigation {
        padding: 0 0px!important;
    }
}

.form-contact-pdp{
    padding: 5px;
}

.heidipay-inline-wrapper{
    display: none !important;
}



.block-minicart .block-content > .actions > .primary .action.primary {
    border-radius: 40px!important;
}

.cart-summary .checkout-methods-items .action.primary.checkout, .cart-summary .checkout-methods-items .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary.checkout, .cart-summary .checkout-methods-items .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary.checkout {
    border-radius: 40px;
}

button.action.primary.checkout{
    border-radius: 40px;
    margin-bottom:10px;
}

html .action.primary, html .btn {
    border-radius: 40px;
}

.block-minicart .subtitle {
    margin-top:5px;
 }

 .cart-empty .btn-go-shop {
    border-radius: 40px;
    padding: 16px; 
}
 

/*button:not(.primary) {
    height: auto!important;
}*/
  
/*.fieldset > .field .action :hover{
    color: #fff;
}*/

.fieldset > .legend {
    color: #000!important;
}
.fieldset > .field input.input-text {
    line-height: normal;
}

.modal-popup .modal-header {
    margin-top: 2rem;
}

/*modal per fare il checkout previa registrazione*/
.modal-slide .action-close {
    margin-top: 15px;
}


.popup-authentication .modal-inner-wrap {
    width: 40%;
}


.block.block-reorder{
    display: none !important;
}


button#send2.action.action-login.secondary{
    border-radius: 40px;
    line-height: 8px;
    font-weight: 400;
}


a.action.action-register.primary {
    line-height: 8px;
    height: 40px;
    font-weight: 400;
    text-transform: capitalize;
}

@media (max-width: 768px) {
  
   
a.action.action-register.primary {
    margin-top: 20px;
}

.block-authentication .block-title strong {
    font-size: 20px;
    font-weight: 300;
}

    
  }

/* anagrafica cliente */

.field.street.required .control .field.primary label {
    display: none !important;
}

.field-tooltip.toggle{
    display: none !important;
}

/*modal rimozione prodotto dal minicart*/

button.action-secondary.action-dismiss{
   border-radius: 40px;
   line-height: 15px;
    font-size: 15px;
}

button.action-primary.action-accept{
    line-height: 15px;
    font-size: 15px;
    border-radius: 40px;
    color: #fff;
    background-color: #000;
   /* width: 110px;*/
    margin-left: 10px;
 }

 /* applica codice sconto */
button.amcoupons-apply.action.primary{
    height: 40px;
    border-color: #737272;
    color: #737272;
    background-color: white;
    font-size: 14px;
}

#discount-coupon-form #coupon_code {
    height: 40px;
}

div#block-discount.block.discount{
    border-bottom: 1px solid #e7e7e7;
}


.cart-totals {
    margin-top: 10px;
}


button.action.reload.captcha-reload:hover{
    color:white!important;
}

.field.choice.persistent{
    display: none  !important;
}