/*------------------------------------*\
    
    Global Print CSS

    You can include block or page specific print styling within its respective CSS stylesheet

\*------------------------------------*/


 @media print {

    /* Reset*/
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        filter: none !important;
        -webkit-filter: none !important;
        text-shadow: none !important;
    }

    h2, h3 {
        /* Avoid a paragraph being detached from the heading immediately preceding it */
        page-break-after: avoid;
    }

    figure, table {
        /* Avoid breaking figure or table into 2 pages */
        -webkit-column-break-inside: avoid;
            -moz-column-break-inside: avoid;
                break-inside: avoid;
        page-break-inside: avoid;
    }

    p {
        /* Prevent single line at the end of a page and a single line at the top the next page */
        orphans: 2;
        widows: 2;
    }

    a::after {
        content: ' <'attr(href)'>';
        text-transform: none;
    }

    /* Grid Styling */

    .container { width: auto; }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }

    .col-sm-12 { width: 100%; }
    .col-sm-11 { width: 91.66666666666666%; }
    .col-sm-10 { width: 83.33333333333334%; }
    .col-sm-9 { width: 75%; }
    .col-sm-8 { width: 66.66666666666666%; }
    .col-sm-7 { width: 58.333333333333336%; }
    .col-sm-6 { width: 50%; }
    .col-sm-5 { width: 41.66666666666667%; }
    .col-sm-4 { width: 33.33333333333333%; }
    .col-sm-3 { width: 25%; }
    .col-sm-2 { width: 16.666666666666664%; }
    .col-sm-1 { width: 8.333333333333332%; }

    /* Slick Slider - remove if not using slick slider */

    .slick-slider .slick-arrow,
    .slick-slider .slick-dots {
        display: none !important; /* we usually don't need to show slider navigation for print */
    }

    /* For sliders you want to display full width for print.
      Update ".slick-slider" with your specific slider names. */
    .slick-slider,
    .slick-slider .slick-list,
    .slick-slider .slick-track,
    .slick-slider .slick-slide {
        width: 100% !important;
        height: auto !important;
    }

    /* For sliders where you only want to show the 1st image of that slider.
      Update ".slick-slider" with your specific slider names. */
    .slick-slider .slick-slide 				{ display: none !important; }
    .slick-slider .slick-slide.slick-active { display: block !important; }

    /* Show Only Active Thumbnails */
    .slick-slider .slick-cloned {
        display: none;
    }

    /* Reset adaptiveHeight */
    .slick-list {
        height: auto !important;
    }

    /* Remove Scrollbars */
    .slick-track {
        width: auto !important;
        height: auto !important;
        -webkit-transform: none !important;
                transform: none !important;
    }

    .slick-track.slick-slide {
        width: auto !important;
    }

    /* Global */
    body.admin-bar {
        margin-top: 0;
    }

    .overlay,
    .mobile-fixed-nav,
    .header-bottom,
    .normal-search,
    .toggle-menu,
    .logo a::after,
    .bottom-footer,
    .footer-logo a::after,
    .back-top-btn {
        display: none;
    }

    .lazyload {
        display: block;
    }

    footer {page-break-before: always;}

    /* Header */
    .fx-page-header.js-scrolled,
    .fx-page-header {
        position: relative;
    }

    /* Single Product */
    .product-details-gallery .tab_area,
    .single-products .masthead,
    .single-products .cta-bar,
    .gallery-image-col a::after,
    .product-print,
    .product-print-share,
    .single-products .fx-accordion__panel__toggle::after {
        display: none;
    }

    .fl-row.product-intro-row > .fl-row-content-wrap {
        padding-bottom: 20px;
    }

    .product-intro-col {
        width: 100%;
    }

    .fl-col.product-intro-col > .fl-col-content {
        padding-left: 0;
    }

    .product-details-btn .btn {
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
    }
    
    .single-product-mobile-heading {
        margin-top: 40px;
    }

    .single-products .fx-accordion__panel__toggle {
        padding-top: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .single-products .fx-accordion__panel__content {
        padding-right: 0;
        padding-left: 20px;
    }

    /* Footer */
    .footer-wrap {
        display: block;
    }

    .left-footer {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .left-footer > div {
        display: block;
    }
    
    .right-footer {
        padding-top: 40px;
        padding-left: 0;
        width: 100%;
        max-width: 100%;
    }

    .right-footer ul {
        padding-top: 20px;
        column-count: 1;
        text-align: center;
    }

    .social-media ul {
        display: block;
    }

    .social-media ul li {
        padding: 20px 0;
        margin: 0;
    }

    .social-media ul li a {
        padding-left: 0;
        width: 100%;
    }

    .social-media ul li a::after {
        display: block;
        margin: 20px 0;
    }

    .bottom-footer__right {
        display: none;
    }

    .bottom-footer__wrap {
        display: block;
    }
}