/* ==========================================================================
#
# ////////////////////////////// PRINT /////////////////////////////////
#
========================================================================== */

/* ~TABLE OF CONTENTS ~
-------GENERAL-------
0.1.) Hide & Show Classes
0.2.) Display None
0.3.) Elements

-------GRID-------
1.1.) Foundation Grid
2.2.) Print Grid

------SPECIFIC-------
2.1.) General
2.2.) Logo
2.3.) Table Cart




*/ 

/* ==========================================================================
# ////////////////////////////// GENERAL /////////////////////////////////
========================================================================== */
/* ==========================================================================
0.1.)  HIDE & SHOW CLASSES
========================================================================== */
.hide-on-print { display: none !important; }
.print-only { display: block !important; }
.hide-for-print { display: none !important; }
.show-for-print { display: inherit !important; }

/* ==========================================================================
0.2.)  DISPLAY NONE
========================================================================== */
/* Header & Footer */
.header-main-large, .header-main-small, .footer-main, .footer-bottom
 {display:none !important;}

/* General Classes*/
.flex-video, .footer-bottom-bar,.footer-main,.footer-top-bar,.header-main-large,.header-main-small,.header-top-bar,
.pagination,.button{display: none !important}


/* ==========================================================================
0.3.)  ELEMENTS
========================================================================== */

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a,
a:visited { text-decoration: underline;}
a[href]:after { content: ""; }

abbr[title]:after { content: ""; }

/*// Don't show links for images, or javascript/internal links*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after { content: ""; }

pre,
blockquote {
  border: 1px solid #999999;
  page-break-inside: avoid;
}

thead { display: table-header-group; /* h5bp.com/t */ }

tr,
img { page-break-inside: avoid; }

img { max-width: 100% !important; }

@page { margin: .5cm; }

p,
h2,
h3 {orphans: 3;widows: 3;}

h2,
h3 {page-break-after: avoid; }

hr {border: 1px solid #CCC}

a {text-decoration: none!important}


.no-page-break{page-break-inside: auto;page-break-before: auto;}

/* ==========================================================================
# ///////////////////////////////// GRID /////////////////////////////////
========================================================================== */
/* ==========================================================================
1.1.)  FOUNDATION GRID
========================================================================== */

.large-1 {width: 8.33333%;}
.large-2 {width: 16.66667%;}
.large-3 {width: 25%;}
.large-4 {width: 33.33333%;}
.large-5 {width: 41.66667%;}
.large-6 {width: 50%;}
.large-7 {width: 58.33333%;}
.large-8 {width: 66.66667%;}
.large-9 {width: 75%;}
.large-10 {width: 83.33333%;}
.large-11 {width: 91.66667%;}
.large-12 {width: 100%;}


/* ==========================================================================
1.2.)  PRINT GRID
========================================================================== */

.print-2 {width: 16%!important}
.print-3 {width: 25%!important}
.print-4 {width: 33%!important}
.print-5 {width: 41%!important}
.print-6 {width: 50%!important}
.print-7 {width: 58%!important}
.print-8 {width: 66%!important}
.print-9 {width: 75%!important}
.print-10 {width: 83%!important}
.print-12 {width: 100%!important}





/* ==========================================================================
# ///////////////////////////////// SPECIFIC /////////////////////////////////
========================================================================== */
/* ==========================================================================
2.1.)  GENERAL
========================================================================== */
.callout{padding:1em;}
.callout::before{content:none;}

/* ==========================================================================
2.2.)  LOGO
========================================================================== */

.header-main-print {padding: 1em 0 0}
.header-main-print .logo {width: 250px;margin:0 auto;}


/* ==========================================================================
2.3.)  TABLE CART
========================================================================== */

.table-cart thead th:nth-child(n+2) {display:table-cell;}
.table-cart tbody td{float:none;border-right:solid 1px #EFEFEF;}
.table-cart tbody td:last-child{border-right:none;}
 

.table-cart .qty{width:75px;text-align:center;}
.table-cart .total-price{width:105px;text-align:center;}
.table-cart .product-details--columns{padding:3em 1em;}
.table-cart .qty--columns{width:auto;float:none;}
.table-cart .total-price--columns{text-align:center;width:auto;float:none;}
.table-cart .total-price--columns::before{content:none;}