/* compiled by scssphp v0.0.12 on Sun, 08 Apr 2018 22:41:00 +0200 (0.2554s) */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* Empty Basket */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*Nexus 10*/ /* Show the table cells as a block level element */ [data-samera-cart-isempty] { padding: 0 0 5% 0; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* Basket */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ } [data-samera-cart-isempty] h4 { margin: 0 0 20px 0; } body:not(.woocommerce-cart) { /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* Basket CTA Row */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ } body:not(.woocommerce-cart) .main-content h3.formular-intro { margin: 50px 0 10px 0; } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw { empty-cells: show; max-width: 100%; width: 100%; border-collapse: collapse; width: 100%; border: 0; padding: 0; background: #fff; border: 0 none; } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw tr, body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td, body:not(.woocommerce-cart) .main-content .wk-table.tablesaw th { background: transparent; border: 0 none; } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw th, body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td { vertical-align: top; text-align: left; font-style: normal; font-weight: normal; text-transform: none; color: #666; padding: 5px 10px; font-size: 13px; } @media only screen and (min-width: 30em) { body:not(.woocommerce-cart) .main-content .wk-table.tablesaw th, body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td { font-size: 15px; } } @media only screen and (min-width: 68.75em) { body:not(.woocommerce-cart) .main-content .wk-table.tablesaw th, body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td { padding: 20px; } } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw th { color: #fff; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 700; letter-spacing: 1px; line-height: 1; background: #c8c3bc; } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td { background: #fff; /*end td*/ /*start tfoot*/ } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td .tablesaw-cell-content { text-align: center; float: none; /*wk-image*/ } @media only screen and (min-width: 68.75em) { body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td .tablesaw-cell-content { text-align: left; } } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td.wk-image-container { width: 100%; /*headlines*/ } @media only screen and (min-width: 68.75em) { body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td.wk-image-container { width: 300px; } } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td.wk-image-container .wk-image { width: 100%; } @media only screen and (min-width: 68.75em) { body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td.wk-image-container .wk-image { width: 300px; } } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td h3 { text-align: center; font-size: 22px; line-height: 1; font-family: 'Montserrat', sans-serif; letter-spacing: -1px; font-weight: 700; margin: 10px 0 20px 0; } @media only screen and (min-width: 68.75em) { body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td h3 { text-align: left; margin: 0 0 20px 0; } } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td h4 { font-size: 15px; text-transform: none; font-weight: 700; font-family: 'Montserrat', sans-serif; margin: 0; letter-spacing: 1px; /*table*/ } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td .wk-description-infos { max-width: 90%; empty-cells: show; border-collapse: collapse; border: 0; padding: 0; width: 60%; margin: 0 auto; /*wk-price*/ } @media only screen and (min-width: 68.75em) { body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td .wk-description-infos { width: 100%; margin: 0; } } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td .wk-description-infos tr td { text-align: center; display: block; } @media only screen and (min-width: 68.75em) { body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td .wk-description-infos tr td { padding: 0 0 5px 0; text-align: left; } } @media only screen and (min-width: 90.0625em) { body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td .wk-description-infos tr td { display: table-cell; } } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td .wk-description-infos tr td:first-child h4 { min-width: 230px; } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td .wk-description-infos tr td:last-child { width: 100%; padding: 0 0 10px 0; } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td .wk-description-infos tr td ul { margin-bottom: 20px; margin-left: 0; } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td .wk-description-infos tr td ul li { list-style-type: none; } @media only screen and (min-width: 68.75em) { body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td .wk-description-infos tr td ul li { margin: 0 0 7px 0; background: url(../assets/icn-ok.svg) no-repeat 0 2px; background-size: 14px auto; padding: 0 0 0 22px; } } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td.wk-price { white-space: nowrap; vertical-align: top; text-align: center; /*wk-btn*/ } @media only screen and (min-width: 68.75em) { body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td.wk-price { text-align: right; } } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td.wk-price.samera-isbusy { color: red; animation: pulse 0.3s infinite alternate; transform-origin: center; } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td.wk-btn { white-space: nowrap; text-align: center; vertical-align: top; /*standard-text*/ } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td.wk-btn a { width: 20px; height: 20px; cursor: pointer; display: inline-block; } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td.wk-btn a.samera-isbusy { transform-origin: center; transform: scale(0.7); opacity: 0.5; } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td.wk-btn a.wk-btn-update-add { background: url(../assets/basket/icn-update-add.svg) repeat 50% 50%; } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td.wk-btn a.wk-btn-update-add:hover { background: url(../assets/basket/icn-update-add-hover.svg) repeat 50% 50%; } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td.wk-btn a.wk-btn-update-remove { background: url(../assets/basket/icn-update-remove.svg) repeat 50% 50%; } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td.wk-btn a.wk-btn-update-remove:hover { background: url(../assets/basket/icn-update-remove-hover.svg) repeat 50% 50%; } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td.wk-btn a.wk-btn-delete { background: url(../assets/basket/icn-delete.svg) repeat 50% 50%; } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td.wk-btn a.wk-btn-delete:hover { background: url(../assets/basket/icn-delete-hover.svg) repeat 50% 50%; } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td.wk-btn a span { display: none; } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td .standard-text ul li { color: #282828; font-size: 15px; } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td strong { display: block; text-align: center; font-size: 1.3rem; text-transform: none; } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td em { font-weight: bold; font-style: normal; } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw td.tablesaw-cell-label { display: none; } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw tfoot tr td { padding: 20px 20px 0 20px; } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw tfoot tr td .total-price-header { margin: 10px 0; float: none; text-align: center; } @media only screen and (min-width: 30em) { body:not(.woocommerce-cart) .main-content .wk-table.tablesaw tfoot tr td .total-price-header { float: left; text-align: left; } } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw tfoot tr td .total-price-header h3 { text-align: center; margin: 0 0 5px 0; } @media only screen and (min-width: 30em) { body:not(.woocommerce-cart) .main-content .wk-table.tablesaw tfoot tr td .total-price-header h3 { text-align: left; } } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw tfoot tr td .total-price { margin: 10px 0; float: none; text-align: center; } @media only screen and (min-width: 30em) { body:not(.woocommerce-cart) .main-content .wk-table.tablesaw tfoot tr td .total-price { text-align: right; float: right; } } body:not(.woocommerce-cart) .main-content .wk-table.tablesaw tfoot tr td .total-price h3 { text-align: center; margin: 0 0 5px 0; } @media only screen and (min-width: 30em) { body:not(.woocommerce-cart) .main-content .wk-table.tablesaw tfoot tr td .total-price h3 { text-align: right; } } .basket-cta-row { text-align: center; margin: 20px 0 0 0; /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* Pulse */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ } @media only screen and (min-width: 68.75em) { .basket-cta-row { text-align: left; } } .basket-cta-row span { font-style: italic; font-family: 'Playfair Display', serif; padding: 0; display: block; margin: 20px 0; } @media only screen and (min-width: 68.75em) { .basket-cta-row span { padding: 0 20px; margin: 0; display: inline; } } @keyframes pulse { /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* Mobile first styles: Begin with the stacked presentation at narrow widths */ /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ to { opacity: 0.4; } } @media only all { .tablesaw-stack tr { clear: both; display: table-row; } .tablesaw-stack td, .tablesaw-stack th { /* Make the label elements a percentage width */ display: block; } .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: block; text-align: left; float: left; display: none; /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */ } .tablesaw-stack td .tablesaw-cell-label-top, .tablesaw-stack th .tablesaw-cell-label-top { display: block; padding: 0.4em 0; margin: 0.4em 0; } .tablesaw-stack .wk-description .tablesaw-cell-label { display: none; } .tablesaw-stack tfoot .tablesaw-cell-label { display: none; } .tablesaw-stack tfoot .tablesaw-cell-content { max-width: 100%; display: block; } } @media (max-width: 1023px) { /* Media query to show as a standard table at 560px (35em x 16px) or wider */ .tablesaw-stack thead td, .tablesaw-stack thead th { display: none; } .tablesaw-stack tbody td, .tablesaw-stack tbody th { clear: left; float: left; width: 100%; } .tablesaw-stack .tablesaw-cell-label { vertical-align: top; } .tablesaw-stack .tablesaw-cell-content { max-width: 67%; max-width: 50%; display: inline-block; } .tablesaw-stack .wk-description .tablesaw-cell-content { max-width: 100%; display: block; } .tablesaw-stack td:empty, .tablesaw-stack th:empty { display: none; } .tablesaw-stack .wk-btn a { width: 40px; height: 40px; } .tablesaw-stack .wk-btn a.wk-btn-delete { background: url(../assets/basket/icn-delete.svg) repeat 50% 50%; background-size: contain; } .tablesaw-stack .wk-btn a.wk-btn-delete:hover { background: url(../assets/basket/icn-delete-hover.svg) repeat 50% 50%; background-size: contain; } .tablesaw-stack .additional-extras-list li a { float: none; display: block; width: auto; } .tablesaw-stack .additional-extras-list li:nth-child(3n-1) a { margin: 0 0 15px 0; } } @media (min-width: 1024px) { .tablesaw-stack tr { display: table-row; /* Show the table header rows */ } .tablesaw-stack td, .tablesaw-stack th, .tablesaw-stack thead td, .tablesaw-stack thead th { display: table-cell; /* Hide the labels in each cell */ margin: 0; } .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label, .tablesaw-stack thead td .tablesaw-cell-label, .tablesaw-stack thead th .tablesaw-cell-label { display: none; } }