/*
Theme Name:   	Farmaciaonline 24 Theme
Template:     	storefront
Version:      	1.0.14
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */

.woocommerce .cart-collaterals .cart_totals {
     width: 100%;
 }

.before-footer-container {
    background-color: #fff;
}

.before-footer-container>p {
    text-align: center;
    color: #333;
    padding: 20px 0;
}

.logo-mobile {
    display: none;
}

.site-branding {
    margin-bottom: 0;
}

#masthead>.col-full {
    background-color: #fff;
}

#wrap,
#content,
#masthead,
#colophon .col-full,
.content-center,
.storefront-breadcrumb,
#page-main-title,
.before-footer-container>p {
    position: relative;
    width: auto;
    margin: 0 auto;
    max-width: 980px;
}

#page-main-title {
    padding: 15px 0 5px 0;
}

#page {
    margin: 0 auto !important;
}

#page-main-title {
    margin: 0 auto;
    background-color: #fff;
}

.storefront-breadcrumb {
    background-color: #fff;
}

.main-navigation ul.menu>li>a,
.main-navigation ul.nav-menu>li>a {
    padding: 1.618em 0.85em;
}

#masthead {
    background: transparent !important;
    border: none !important;
    padding-top: 20px;
    margin-bottom: 20px;
}

#content,
#masthead {
    margin-bottom: 20px;
}

.primary-navigation {
    background: transparent;
    border: none;
}

.main-navigation ul.menu,
.main-navigation ul.nav-menu {
    margin: 0;
}

.storefront-primary-navigation .col-full {
    padding: 0;
}

#masthead .col-full {
    padding: 0;
}

.site-title a,
.site-title a:hover,
p.site-description {
    color: #fff;
    margin: 20px 0;
    line-height: 1.4em;
    text-align: left;
    font-weight: normal !important;
}

.site-title a {
    font-size: 1.04em;
}

.site-branding .site-description {
    font-size: 1.4em;
}

#site-header-cart {
    background-color: #fff;
    padding: 0 10px;
    margin-top: 15px;
}

#colophon {
    background: #333;
    padding: 20px 0px;
    color: #ffffff;
    font-size: 11px;
}

/* ----------------------------------------------------- */
/* Navigation */
/* ----------------------------------------------------- */
#site-navigation-servizi {
    display: none;
}

#site-navigation,
#site-navigation-servizi {
    background: #1e4870;
    border: 1px solid #317799;
    width: 100%;
}

.select-menu {
    display: none;
}

#site-navigation ul li,
#site-navigation-servizi ul li {
    border-left: 1px solid #275480;
    border-right: 1px solid #133557;
    float: left;
}

#site-navigation ul.sub-menu li {
    border-left: 1px solid #133557;
    border-right: 1px solid #133557;
    border-top: 1px solid #275480;
    border-bottom: 1px solid #133557;
}

#site-navigation ul li a,
#site-navigation-servizi ul li a {
    display: block;
    float: left;
    /* padding: 6px 12.5px 7px 12.5px; */
    padding: 6px 30px 7px 30px;
    text-decoration: none;
    color: #fff;
    background: #1e4870;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0 1px 1px #2a2a2a;
}

#site-navigation ul li a:hover,
#site-navigation-servizi ul li a:hover {
    background: #25598b;
}

/* Active */
#site-navigation ul li.current-menu-item a,
#site-navigation ul li.current-page-ancestor a,
#site-navigation ul li.current-menu-ancestor a,
#site-navigation-servizi ul li.current-menu-item a,
#site-navigation-servizi ul li.current-page-ancestor a,
#site-navigation-servizi ul li.current-menu-ancestor a {
    background: #25598b;
}

#site-navigation ul li.current-menu-item ul li a:hover,
#site-navigation ul li.current-page-ancestor ul li a:hover,
#site-navigation ul li.current-menu-ancestor ul li a:hover,
#site-navigation ul-servizi li.current-menu-item ul li a:hover,
#site-navigation ul-servizi li.current-page-ancestor ul li a:hover,
#site-navigation ul-servizi li.current-menu-ancestor ul li a:hover {
    background: #25598b !important;
}

html body #wrap li.current_page_item ul li a {
    background-color: #ffffff;
}

html body #site-navigation ul.sub-menu li,
#site-navigation ul.sub-menu li a {
    background: none;
    border: none !important;
    padding: 0;
    margin: 0;
}

html body #site-navigation ul.sub-menu li a {
    display: block !important;
    padding: 8px 10px 7px 10px;
    width: 100%;
    font-weight: 400;
    border-bottom: 1px solid #efefef !important;
}

html body #site-navigation ul.sub-menu li:last-child a,
html body #site-navigation ul.sub-menu li:last-child ul li:last-child a {
    border-bottom: none !important;
}

html body #site-navigation ul.sub-menu li:last-child ul li a {
    border-bottom: 1px solid #efefef !important;
}

#site-navigation ul li ul li ul {
    margin-left: 200px;
    margin-top: -35px;
}

#site-navigation ul li ul li ul li {
    padding: 0;
    border-bottom: 1px solid #efefef;
}

#menu-header-menu {
    border: none;
    width: 100%;
    margin: 0;
}

.main-navigation ul.menu ul.sub-menu,
.main-navigation ul.nav-menu ul.children {
    width: 240px;
    z-index: 9999;
    background: #1e4870 !important;
    border-top: 0;
    padding: 10px 20px;
}

.site {
    overflow-x: visible;
}

.sub-menu li {
    width: 100%;
}

/* checkout */

.woocommerce-shipping-fields__field-wrapper p,
.woocommerce-billing-fields__field-wrapper p {
    margin-bottom: 15px;
}

.site-footer a:not(.button):not(.components-button) {
    color: #fff;
}

#content {
    margin: 30px auto;
}

.button {
    background-color: #3498DB !important;
    border-radius: 0 !important;
}

.list .gridlist-buttonwrap .button {
    width: auto;
}

.list .gridlist-buttonwrap {
    margin-top: 15px;
}

.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail,
.woocommerce-placeholder.wp-post-image {
    margin-bottom: 15px;
}

.product.type-product .single_add_to_cart_button {
    width: 75%;
    padding: 13px 0;
}

.product.type-product .tabs.wc-tabs {
    display: none;
}

.product.type-product #tab-description {
    width: 100%;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
    outline: none !important;
}

.cart_totals.calculated_shipping {
    width: 100%;
}

.site-footer .widget .widget-title {
    color: #fff;
}

.site-header .site-branding img {
    max-width: 450px;
}

.footer-widgets.col-4 {
    width: 100%;
}

.footer-widgets .image.wp-image-91.attachment-full.size-full {
    background-color: #fff;
    padding: 5px;
}

.zoid-outlet {
    width: 100%!important;
}

#content.site-content p {
    margin: 0 0 1.41575em;
}

#content.site-content ul {
    margin: 0 0 1.41575em 3em;
    padding: 0;
    list-style: disc;
}

#secondary .widget_product_categories ul.product-categories {
    margin: 0;
}

.storefront-handheld-footer-bar a {
    color: #333 !important;
}

@media screen and (min-width: 768px) {
    .woocommerce-active .site-header .site-branding {
        width: 64.913%;
    }

    .woocommerce-active .site-header .site-header-cart {
        width: 30.739%;
    }

    .site-header-cart .cart-contents {
        text-align: right;
    }

    .site-header-cart .cart-contents::after {
        margin-left: 10px;
    }
}

@media screen and (max-width: 768px) {

    #content.site-content ul {
        margin-left: 0!important;
        padding: 0;
        list-style: disc;
    }

    #colophon {
        padding: 15px;
    }

    .storefront-handheld-footer-bar ul.columns-3 li a {
        background-color: #00b5cb;
    }

    #site-navigation ul li,
    #site-navigation ul li a {
        width: 100%;
        display: block;
    }

    #masthead .menu {
        background: #1e4870;
    }

    .site-title {
        visibility: hidden;
        height: 0;
    }

    #site-navigation,
    #site-navigation-servizi {
        background-color: transparent;
        border: none;
    }

    .logo-mobile {
        display: block;
        height: 50px;
        width: auto;
    }

    button.menu-toggle {
        margin: 0 !important;
        padding: 21px !important;
        width: 40px;
        height: 40px;
        display: block;
        float: right;
        background: #00b5cb;
        border: none;

    }

    #site-navigation ul li a,
    #site-navigation ul li,
    #site-navigation-servizi ul li {
        float: none;
    }

    .main-navigation ul.menu ul.sub-menu {
        padding: 0;
    }

    .main-navigation ul.menu ul.sub-menu,
    .main-navigation ul.nav-menu ul.children {
        width: auto;
    }

    button.menu-toggle::after,
    button.menu-toggle::before,
    button.menu-toggle span::before {
        background-color: #fff;
    }

    .woocommerce-loop-product__link img {
        width: 100%;
    }
}

#menu-item-298, #menu-item-300, #menu-item-302, #menu-item-411 {
    display: none;
}

.site-main ul.grid.products.columns-3 .gridlist-buttonwrap {
    margin-bottom: 0;
    margin-top: auto;
    position: absolute;
    bottom: 10px;
    /*! width: 100%; */
    left: 10px;
    right: 10px;
    display: block;
}
.storefront-sorting {
    background: #fff;
    padding: 20px;
    margin-bottom: 15px;
}
.site-main ul.products.columns-3 {
    background: transparent!important;
}
.site-main ul.products.columns-3 li.product {
    background: #fff;
}
#content.site-content ul.products.columns-3.list {
    margin: 0;
}
ul.products.list li.product img {
    margin-bottom: 0;
}
ul.products.list li.product {
    padding: 15px;
    margin-bottom: 2%;
    margin-right: 0 !important;
}
ul.products.list li.product .gridlist-buttonwrap .button {
    margin-top: 5%;
}
.site-main ul.grid.products.columns-3 li.product {
    width: 32%;
    float: left;
    margin-right: 2%;
    min-height: 460px;
    position: relative;
    margin-bottom: 2%;
    padding: 15px;
}
#content.site-content .products.columns-3.grid {
    margin-left: 0;
}
#secondary {
    background: #fff;
    padding: 0;
    margin-top: 25px;
    padding: 20px;
    margin-right: 0;
    width: 24%;
    /*! height: 100%; */
}
#page-main-title {
    background: #fff;
    padding: 10px;
}
#page-main-title h1 {
    margin: 0;
}
#primary {
    margin-right: 0;
    padding: 25px 0 25px 0;
    /*! width: ; */
}
.woocommerce-result-count {
    float: right;
}
.woocommerce-pagination {
    width: 100%;
    text-align: right;
}
#secondary #woocommerce_product_categories-2 {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .gridlist-buttonwrap {
        position: relative;
        left: 0;
        right: 0;
        margin-top: 30px;
    }
    
    #secondary {
        width: 100%;
    }
}

#content .col-full {
    padding: 0;
}


.single-product div.product .woocommerce-product-gallery {
    background: #fff;
}
#main {
}
.single.single-product #main {
    background: #fff;
    padding: 20px;
}
.related.products .products {
    margin: 0 !important;
}
.onsale {
    background-color: #d87fac;
    color: #fff;
    border-color: #fff;
}

body #content {
    padding:0;
    margin: 0 auto;
}

@media (min-width: 768px) { 
    .col-full {
        max-width: 980px;
    }
}

ul.products li.product .button {
    width: 100%;
}

.gamma.widget-title {
    font-size: 20px;
    line-height: 1.3em;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 15px;
    padding: 0;
}
.site-footer p {
    font-size: 14px;
}

.site-footer #text-2 a {
    color: #218dd8;
    text-decoration: none;
}

.archive .woocommerce-products-header,
.page-template.page-template-template-fullwidth #main {
    background-color: #fff;
    padding: 20px;
}