/* FILE: styles.css */ /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package default_blank * @copyright Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Reset ================================================================================= */ * { margin:0; padding:0; } body { background:#fff; font:12px/1.35 Arial, Helvetica, sans-serif; color:#000; text-align:center; } img { border:0; vertical-align:top; } a { color:#05c; text-decoration:underline; } a:hover { text-decoration:none; } :focus { outline:0; } /* Headings */ h1 { font-size:20px; font-weight:normal; line-height:1.15; } h2 { font-size:18px; font-weight:normal; line-height:1.25; } h3 { font-size:16px; font-weight:bold; line-height:1.25; } h4 { font-size:14px; font-weight:bold; } h5 { font-size:12px; font-weight:bold; } h6 { font-size:11px; font-weight:bold; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ strong { font-weight:bold; } address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:1em; } sup { font-size:1em; vertical-align:top; } /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* ======================================================================================= */ /* Layout ================================================================================ */ .wrapper {} .page { width:1000px; margin:0 auto; padding:10px 0; text-align:left; } .page-print { background:#fff; padding:20px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .main-container {} .main { margin:10px 0; } /* Base Columns */ .col-left { float:left; width:230px; border:1px solid #ddd; padding:5px 5px 0; } .col-main { float:left; width:736px; border:1px solid #ddd; padding:5px; } .col-right { float:right; width:230px; border:1px solid #ddd; padding:5px 5px 0; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main { width:484px; margin-left:10px; } .col3-layout .col-wrapper { float:left; width:748px; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .col-narrow { width:33%; } .col2-set .col-wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; } input.input-text,select,textarea { background:#fff; border:1px solid #ddd; } input.input-text,textarea { padding:2px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option { border-bottom:1px solid #ddd; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.button span { float:left; height:21px; background:transparent url(https://www.faber.co.uk/skin/frontend/faber/default/images/bkg_button.gif) 0 0 no-repeat; padding:0 0 0 8px; font:bold 12px/21px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; } button.button span span { background-position:100% 0; padding:0 12px 0 4px; } button.disabled {} button.disabled span {} button.btn-checkout span {} button.btn-checkout.no-checkout {} p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#efefef; }*/ /* Form lists */ /* Grouped fields */ /*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/ .form-list li { margin:0 0 8px; } .form-list label { float:left; color:#111; font-weight:bold; position:relative; z-index:0; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; color:#eb340a; position:absolute; top:0; right:-8px; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right:6px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } /*.form-list li.fields { margin-right:-15px; }*/ .form-list .input-box { display:block; clear:both; width:260px; } .form-list .field { float:left; width:275px; } .form-list input.input-text { width:254px; } .form-list textarea { width:254px; height:10em; } .form-list select { width:260px; } .form-list li.wide .input-box { width:535px; } .form-list li.wide input.input-text { width:529px; } .form-list li.wide textarea { width:529px; } .form-list li.wide select { width:535px; } .form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list li.how-did-you-hear-members .field {float: none; margin: 20px auto 0;} .form-list li.how-did-you-hear-members .field label {display: block; float: none; margin-bottom: 10px; text-align: center;} .form-list .input-range input.input-text { width:74px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .name-middlename { width:70px; } .form-list .name-middlename input.input-text { width:49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width:140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } .buttons-set { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; } .buttons-set .back-link { float:left; } .buttons-set button.button { float:right; } .buttons-set p.required { margin:0 0 5px; } .buttons-set-order {} .fieldset { border:1px solid #ddd; background:#fefefe; padding:22px 25px 12px 33px; margin:28px 0; } .fieldset .legend { float:left; font-weight:bold; font-size:13px; border:1px solid #fefefe; background:#dedede; color:#333; margin:-33px 0 0 -10px; padding:0 8px; position:relative; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(https://www.faber.co.uk/skin/frontend/faber/default/images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; } .validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; } .validation-passed {} p.required { font-size:10px; text-align:right; color:#f00; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#f00; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 10px; } .messages li li { margin:0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 9px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:11px !important; font-weight:bold !important; } .error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(https://www.faber.co.uk/skin/frontend/faber/default/images/i_msg-error.gif); color:#df280a; } .success-msg { border-color:#446423; background-color:#eff5ea; background-image:url(https://www.faber.co.uk/skin/frontend/faber/default/images/i_msg-success.gif); color:#3d6611; } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(https://www.faber.co.uk/skin/frontend/faber/default/images/i_msg-note.gif); color:#3d6611; } /* BreadCrumbs */ .breadcrumbs { padding:10px; margin:0 0 10px; border:1px solid #ddd; } .breadcrumbs li { display:inline; } /* Page Heading */ .page-title { border-bottom:1px solid #ddd; padding:0 0 5px; margin:0 0 10px; } .page-title h1, .page-title h2 { font-size:18px; color:#000; } .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; } .title-buttons { text-align:right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .subtitle, .sub-title { clear:both; } /* Pager */ .pager { border:1px solid #ddd; padding:5px; margin:5px 0; text-align:center; } .pager .amount { float:left; } .pager .limiter { float:right; } .pager .pages { margin:0 135px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; } .pager .pages .current {} /* Sorter */ .sorter { border:1px solid #ddd; padding:5px; margin:5px 0; } .sorter .view-mode { float:left; } .sorter .sort-by { float:right; } .sorter .link-feed {} /* Toolbar */ .toolbar {} .toolbar .pager {} .toolbar .sorter {} .toolbar-bottom {} /* Data Table */ .data-table { width:100%; } .data-table th { padding:5px; border:1px solid #ddd; font-weight:bold; white-space:nowrap; } .data-table td { padding:5px; border:1px solid #ddd; } .data-table thead { background-color:#f2f2f2; } .data-table tbody {} .data-table tfoot {} .data-table tr.first {} .data-table tr.last {} .data-table tr.odd {} .data-table tr.even { background-color:#f6f6f6; } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f6f6f6; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:bold; background-color:#f6f6f6; } .data-table td.value {} /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(https://www.faber.co.uk/skin/frontend/faber/default/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -53px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#dae1e4; color:#626465; } tr.summary-details-first td { border-top:1px solid #d2d8db; } tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(https://www.faber.co.uk/skin/frontend/faber/default/images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -53px; } /* Class: std - styles for admin-controlled content */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std ul.disc { list-style:disc outside; padding-left:18px; margin:0 0 10px; } .std dl dt { font-weight:bold; } .std dl dd { margin:0 0 10px; } .std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } /* Misc */ .links li { display:inline; } .links li.first { padding-left:0 !important; } .links li.last { background:none !important; padding-right:0 !important; } .link-cart { font-weight:bold; color:#f00; } .link-wishlist { font-weight:bold; } .link-reorder { font-weight:bold; } .link-compare { font-weight:bold; } .link-print { background:url(https://www.faber.co.uk/skin/frontend/faber/default/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; } .link-rss { background:url(https://www.faber.co.uk/skin/frontend/faber/default/images/i_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; } .btn-remove { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://www.faber.co.uk/skin/frontend/faber/default/images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-remove2 { display:block; width:16px; height:16px; font-size:0; line-height:0; background:url(https://www.faber.co.uk/skin/frontend/faber/default/images/btn_trash.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-edit { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(https://www.faber.co.uk/skin/frontend/faber/default/images/btn_edit.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { margin:0 3px; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#ddd; text-indent:-999em; overflow:hidden; } /* Noscript Notice */ .noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:1000px; margin:0 auto; padding:12px 0 12px; background:url(https://www.faber.co.uk/skin/frontend/faber/default/images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin:0; } /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; text-align:center; color:#fff; } /* Cookie Notice */ .notice-cookie { border-bottom:1px solid #cfcfcf; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .notice-cookie .notice-inner { width:870px; margin:0 auto; padding:12px 0 12px 80px; background:url(https://www.faber.co.uk/skin/frontend/faber/default/images/i_notice.gif) 20px 25px no-repeat; text-align:left; } .notice-cookie .notice-inner p { margin:0 0 10px; border:1px dotted #cccc73; padding:10px; } .notice-cookie .notice-inner .actions { } /* ======================================================================================= */ /* Header ================================================================================ */ .logo { float:left; } .header-container {} .header { padding:10px; border:1px solid #ddd; } .header .logo { float:left; text-decoration:none !important; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .header h1.logo { margin:0; padding:0; } .header .welcome-msg { font-weight:bold; text-align:right; } .header .welcome-msg a {} .header .links { float:right; } .header .form-search { text-align:right; } .header .form-search .search-autocomplete { z-index:999; } .header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; } .header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.selected {} .header .form-language { clear:both; text-align:right; } .header-container .top-container { clear:both; text-align:right; } /********** < Navigation */ .nav-container {} #nav { border:1px solid #ddd; padding:5px 0; margin:10px 0; font-size:13px; } /* All Levels */ #nav li { text-align:left; position:relative; } #nav li.over { z-index:998; } #nav li.parent {} #nav li a { display:block; text-decoration:none; } #nav li a:hover { text-decoration:none; } #nav li a span { display:block; white-space:nowrap; cursor:pointer; } #nav li ul a span { white-space:normal; } /* 1st Level */ #nav li { float:left; } #nav li a { float:left; padding:5px 10px; font-weight:bold; color:#888; } #nav li a:hover { color:#000; } #nav li.over a, #nav li.active a { color:#000; } /* 2nd Level */ #nav ul, #nav div { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #ddd; background:#fafafa; } #nav div ul { position:static; width:auto; border:none; } /* 3rd+ leven */ #nav ul ul, #nav ul div { top:7px; } #nav ul li { float:none; border-bottom:1px solid #ddd; } #nav ul li.last { border-bottom:0; } #nav ul li a { float:none; padding:3px 9px; font-weight:normal; color:#888 !important; } #nav ul li a:hover { color:#000 !important; } #nav ul li.active > a, #nav ul li.over > a { color:#000 !important; } /* Show menu */ #nav li ul.shown-sub, #nav li div.shown-sub { left:0; z-index:999; } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left:100px; } /********** Navigation > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { border:1px solid #ddd; margin:0 0 10px; } .block .block-title { border-bottom:1px solid #ddd; padding:3px 10px; } .block .block-title strong { font-size:14px; font-weight:bold; } .block .block-title strong span {} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { font-size:13px; font-weight:bold; } .block .block-content { padding:10px; } .block .block-content li.item { padding:5px 0; } .block .btn-remove, .block .btn-edit { float:right;} .block .actions { text-align:right; } .block .actions a { float:left; } .block .empty {} .block li.odd {} .block li.even { background-color:#f6f6f6; } /* Mini Products List */ .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:50px; padding:5px; border:1px solid #ddd; } .mini-products-list .product-details { margin-left:75px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } .block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small { word-wrap:break-word; } .block-cart .mini-products-list .product-details .nobr { white-space:normal !important; } /* Block: Account */ .block-account {} /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav {} .block-layered-nav dt { font-weight:bold; } .block-layered-nav .currently {} .block-layered-nav .btn-remove { float:left; margin:2px 3px 0 0; } /* Block: Cart */ .block-cart {} .block-cart .summary {} .block-cart .amount {} .block-cart .subtotal { text-align:center; } .block-cart .actions .paypal-logo { float:left; width:100%; margin:3px 0 0; text-align:right; } .block-cart .actions .paypal-logo .paypal-or { clear:both; display:block; padding:0 55px 5px 0; } /* Block: Wishlist */ .block-wishlist {} /* Block: Related */ .block-related {} .block-related li { padding:5px 0; } .block-related input.checkbox { float:left; margin-right:-20px; } .block-related .product { margin-left:20px; } .block-related .product .product-image { float:left; margin-right:-65px; } .block-related .product .product-details { margin-left:65px; } /* Block: Compare Products */ .block-compare {} .block-compare li { padding:5px 0; } /* Block: Recently Viewed */ .block-viewed {} /* Block: Recently Compared */ .block-compared {} /* Block: Poll */ .block-poll label {} .block-poll input.radio { float:left; margin:1px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll li { padding:3px 9px; } .block-poll .actions { margin:5px 0 0; } .block-poll .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe {} /* Block: Reorder */ .block-reorder {} .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .product-name { margin-left:20px; } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Login */ .block-login label { font-weight:bold; color:#666; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } /* Paypal */ .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .sidebar .paypal-logo a { float:none; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { border:0; margin:0 0 7px; } .category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center; } .category-image img {} .category-description { margin:0 0 10px; } .category-products {} /* View Type: Grid */ .products-grid { border-bottom:1px solid #ddd; position:relative; } .products-grid.last { border-bottom:0; } .products-grid li.item { float:left; width:138px; padding:12px 10px 80px; } .products-grid .product-image { display:block; width:135px; height:135px; margin:0 0 10px; } .products-grid .product-name { margin:0 0 5px; font-weight:bold; font-size:13px; } .products-grid .product-name a {} .products-grid .price-box { margin:5px 0; } .products-grid .availability { line-height:21px; } .products-grid .actions { position:absolute; bottom:12px; } .col2-left-layout .products-grid, .col2-right-layout .products-grid { width:632px; margin:0 auto; } .col1-layout .products-grid { width:790px; margin:0 auto; } /* View Type: List */ .products-list li.item { border-bottom:1px solid #ddd; padding:12px 10px; } .products-list li.item.last { border-bottom:0; } .products-list .product-image { float:left; width:135px; height:135px; margin:0 0 10px; } .products-list .product-shop { margin-left:150px; } .products-list .product-name { margin:0 0 5px; font-weight:bold; font-size:13px; } .products-list .product-name a {} .products-list .price-box { float:left; margin:3px 13px 5px 0; } .products-list .availability { float:left; margin:3px 0 0; } .products-list .desc { clear:both; padding:6px 0 0; margin:0 0 15px; line-height:1.35; } .products-list .desc .link-learn { font-size:11px; } .products-list .add-to-links { clear:both; } .products-list .add-to-links li { display:inline; } .products-list .add-to-links .separator { display:inline; margin:0 2px; } /* ======================================================================================= */ /* Product View ========================================================================== */ /* Rating */ .no-rating { margin:0; } .ratings { font-size:11px; line-height:1.25; margin:7px 0; } .ratings strong { float:left; margin:1px 3px 0 0; } .ratings .rating-links { margin:0; } .ratings .rating-links .separator { margin:0 2px; } .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(https://www.faber.co.uk/skin/frontend/faber/default/images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(https://www.faber.co.uk/skin/frontend/faber/default/images/bkg_rating.gif) 0 100% repeat-x; } .ratings .rating-box { float:left; margin-right:3px; } .ratings .amount {} .ratings-table th, .ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; } .ratings-table th { font-weight:bold; padding-right:8px; } /* Availability */ .availability { margin:0; } .availability span { font-weight:bold; } .availability.in-stock span {} .availability.out-of-stock span { color:#d83820; } .availability-only { margin:0 0 7px; } .availability-only a { background:url(https://www.faber.co.uk/skin/frontend/faber/default/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong {} .availability-only-details { margin:0 0 7px; } .availability-only-details th { background:#f2f2f2; font-size:10px; padding:0 8px; } .availability-only-details td { border-bottom:1px solid #ddd; font-size:11px; padding:2px 8px 1px; } .availability-only-details tr.odd td.last {} /* Email to a Friend */ .email-friend {} /* Alerts */ .alert-price {} .alert-stock {} /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box {} .price-box .price { font-weight:bold; } /* Regular price */ .regular-price {} .regular-price .price { font-weight:bold; } /* Old price */ .old-price {} .old-price .price-label { white-space:nowrap; } .old-price .price { font-weight:bold; text-decoration:line-through; } /* Special price */ .special-price {} .special-price .price-label { font-weight:bold; white-space:nowrap; } .special-price .price { font-weight:bold; } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { font-weight:bold; white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label {} .minimal-price-link .price { font-weight:normal; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:bold; } /* Configured price */ .configured-price {} .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* FPT */ .weee { display:block; font-size:11px; color:#444; } .weee .price { font-size:11px; font-weight:normal; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from {} .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to {} .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } .price-box-bundle {} /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:bold; } .tier-prices .benefit {} .tier-prices-grouped {} /* Add to Links */ .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { float:left; margin-right:5px; } .add-to-cart .qty { float:left; } .add-to-cart button.button { float:left; margin-left:5px; } .add-to-cart .paypal-logo { clear:left; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } .product-view .add-to-cart .paypal-logo { margin:0; } /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { float:left; } .product-view {} .product-essential {} .product-collateral .box-collateral { margin:0 0 15px; } /* Product Images */ .product-view .product-img-box { float:left; width:267px; } .col3-layout .product-view .product-img-box { float:none; margin:0 auto; } .product-view .product-img-box .product-image { border:1px solid #ddd; } .product-view .product-img-box .product-image-zoom { position:relative; width:265px; height:265px; overflow:hidden; z-index:9; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(https://www.faber.co.uk/skin/frontend/faber/default/images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; } .product-view .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(https://www.faber.co.uk/skin/frontend/faber/default/images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; } .product-view .product-img-box .more-views ul { margin-left:-4px } .product-view .product-img-box .more-views li { float:left; padding:1px; background-color:#ddd; margin:0 0 8px 4px ; } .product-image-popup { margin:0 auto; } .product-image-popup .buttons-set { float:right; clear:none; border:0; margin:0; padding:0; } .product-image-popup .nav { margin:0 100px; text-align:center; } .product-image-popup .image { display:block; } .product-image-popup .image-label {} /* Product Shop */ .product-view .product-shop { float:right; width:445px; } .col1-layout .product-view .product-shop { float:right; width:700px; } .col3-layout .product-view .product-shop { float:none; width:auto; } .product-view .product-name {} .product-view .short-description {} /* Product Options */ .product-options { padding:10px; margin:10px 0 0; border:1px solid #ddd; background-color:#f6f6f6; } .product-options dt label { font-weight:bold; } .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { vertical-align:middle; } .product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin:10px 0; } .product-options dl.last dd.last {} .product-options dd input.input-text { width:98%; } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:100%; } .product-options .options-list {} .product-options .options-list input.radio { float:left; margin:3px -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:3px -20px 0 0; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { padding:15px 0 0; } .product-options-bottom { padding:10px; border:1px solid #ddd; border-top:0; } .product-options-bottom .price-box { margin:10px 0; } /* Grouped Product */ .product-view .grouped-items-table {} /* Block: Description */ .product-view .box-description {} /* Block: Additional */ .product-view .box-additional {} /* Block: Upsell */ .product-view .box-up-sell {} .product-view .box-up-sell .products-grid td { width:25%; } /* Block: Tags */ .product-view .box-tags {} .product-view .box-tags .form-add label { float:left; } .product-view .box-tags .form-add .input-box { float:left; width:260px; margin:0 5px; } .product-view .box-tags .form-add input.input-text { width:254px; } .product-view .box-tags .form-add p { clear:both; } /* Block: Reviews */ .product-view .box-reviews {} .product-view .box-reviews .form-add {} /* Send a Friend */ .send-friend {} /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size:1em; font-weight:normal; } .product-name a {} /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .advanced-search {} .advanced-search-amount {} .advanced-search-summary {} /* CMS Home Page */ .cms-home .subtitle {} .homepage-index-index .subtitle {} /* Sitemap */ .page-sitemap .links { text-align:right; margin:0 8px -22px 0; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .links a:hover { text-decoration:underline; } .page-sitemap .sitemap { margin:12px; } .page-sitemap .sitemap a {} .page-sitemap .sitemap li { margin:3px 0; } .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; } .page-sitemap .sitemap li.level-0 a {} /* RSS */ .rss-title h1 { background:url(https://www.faber.co.uk/skin/frontend/faber/default/images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; } .rss-table .link-rss { display:block; line-height:1.35; background-position:0 2px; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart {} /* Checkout Types */ .cart .checkout-types { float:right; text-align:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } .cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; } .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:3px 55px 8px 0; line-height:1.0; font-size:11px; } /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding:25px 0 0; } .cart .cart-collaterals .col2-set { float:left; width:700px; } .cart .crosssell {} .cart .crosssell h2 { font-size:13px; font-weight:bold; } .cart .crosssell .product-image { float:left; width:75px; height:75px; border:1px solid #ddd; } .cart .crosssell .product-details { margin-left:90px; } .cart .crosssell li.item { margin:12px 0; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping {} /* Shopping Cart Totals */ .cart .totals { float:right; } .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding:5px; } .cart .totals table th { font-weight:bold; } .cart .totals table tfoot th {} /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:30px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li { margin:0 0 5px; } .sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:0.5em 0 1em; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .please-wait { float:right; margin-right:5px; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .btn-close a { display:block; margin:0 0 0 auto; width:15px; height:15px; background:url(https://www.faber.co.uk/skin/frontend/faber/default/images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; text-indent:-999em; overflow:hidden; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages {} .gift-messages-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-messages-form { position:relative; } .gift-messages-form label { float:none !important; position:static !important; } .gift-messages-form h4 {} .gift-messages-form .whole-order {} .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; } .gift-messages-form .item .details { margin-left:90px; } .gift-messages-form .item .details .product-name {} .gift-message-link { display:block; background:url(https://www.faber.co.uk/skin/frontend/faber/default/images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:6px; } /* Centinel */ .centinel {} .centinel .authentication { border:1px solid #ddd; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } /* Generic Info Set */ .info-set {} /********** Common Checkout Styles > */ /* One Page Checkout */ .block-progress {} .block-progress dt { font-weight:bold; } .block-progress dt.complete, .block-progress dd.complete { background-color:#f6f6f6; } .opc { border-bottom:1px solid #ddd; position:relative; } .opc li.section { border:1px solid #ddd; border-bottom:0; } .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:21px; line-height:21px; } .opc .step-title { background-color:#f6f6f6; padding:0 5px; text-align:right; } .opc .step-title .number { float:left; line-height:22px; margin-right:5px; } .opc .step-title h2 { float:left; } .opc .step-title a { display:none; float:right; } .opc .allow .step-title { cursor:pointer; } /*.opc .allow .step-title a { display:block; }*/ .opc .active {} .opc .active .step-title { background-color:#ccc; cursor:default; } /*.opc .active .step-title a { display:none; }*/ .opc .step { border-top:1px solid #ddd; padding:10px; position:relative; } .opc .step .tool-tip { right:10px; } .opc .order-review {} .opc .order-review .authentication {} .opc .order-review .warning-message {} /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#000; color:#000; } .multiple-checkout { position:relative; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .grand-total big {} .multiple-checkout .grand-total .price {} /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login {} .account-login .new-users {} .account-login .registered-users {} .account-create {} /* Account Login/Create Pages ============================================================ */ /* Captcha */ .captcha-note {} .captcha-image { float:left; position:relative; } .captcha-img { border:1px solid #ccc; } .registered-users .captcha-image {} #checkout-step-login .captcha-image {} .captcha-reload { position:absolute; top:2px; right:2px;} .captcha-reload.refreshing { animation:rotate 1.5s infinite linear; -webkit-animation:rotate 1.5s infinite linear; -moz-animation:rotate 1.5s infinite linear; } @-webkit-keyframes rotate { 0% { -webkit-transform:rotate(0); } 0% { -webkit-transform:rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform:rotate(0); } 0% { -moz-transform:rotate(-360deg); } } @keyframes rotate { 0% { transform:rotate(0); } 0% { transform:rotate(-360deg); } } /* Remember Me Popup ===================================================================== */ .window-overlay { background:url(https://www.faber.co.uk/skin/frontend/faber/default/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; } .remember-me label {} .remember-me-popup {} .remember-me-popup h3 {} .remember-me-popup .remember-me-popup-head {} .remember-me-popup .remember-me-popup-head .remember-me-popup-close {} .remember-me-popup .remember-me-popup-body {} .remember-me-popup .remember-me-popup-body a {} /* Remember Me Popup ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard {} .dashboard .welcome-msg {} /* Block: Recent Orders */ .dashboard .box-recent { margin:10px 0; } /* Block: Account Information */ .dashboard .box-info {} /* Block: Reviews */ .dashboard .box-reviews .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#ddd; } .dashboard .box-reviews .details { margin-left:20px; } /* Block: Tags */ .dashboard .box-tags .number { float:left; font-size:10px; font-weight:bold; line-height:1; color:#fff; margin:3px -20px 0 0; padding:2px 3px; background:#ddd; } .dashboard .box-tags .details { margin-left:20px; } /********** Dashboard > */ /* Address Book */ .addresses-list {} .addresses-list-additional li.item {} /* Order View */ .order-info { border:1px solid #ddd; padding:5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info dt { font-weight:bold; } .order-date { margin:10px 0; } .order-info-box {} .order-items { width:100%; overflow-x:auto; } .order-additional { margin:15px 0; } /* Order Gift Message */ .gift-message dt strong { color:#666; } .gift-message dd { font-size:13px; margin:5px 0 0; } /* Order Comments */ .order-about dt { font-weight:bold; } .order-about dd { font-size:13px; margin:0 0 7px; } .tracking-table { margin:0 0 15px; } .tracking-table th { font-weight:bold; white-space:nowrap; } .tracking-table-popup { width:100%; } .tracking-table-popup th { font-weight:bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages */ .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* My Reviews */ .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px; } .product-review .product-img-box .label { font-size:11px; margin:0 0 3px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 3px; } .product-review .product-details { margin-left:150px; } .product-review .product-name { font-size:16px; font-weight:bold; margin:0 0 10px; } .product-review h3 {} .product-review .ratings-table { margin:0 0 10px; } .product-review dt { font-weight:bold; } .product-review dd { font-size:13px; margin:5px 0 0; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer { border:1px solid #ddd; padding:10px; } .footer p { text-align:right; } .footer address { text-align:right; } .footer ul {} .footer ul li { display:inline; } .footer-container .bottom-container { text-align:center; } /* ======================================================================================= */ /* Clears ================================================================================ */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-view .box-tags .form-add:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* ======================================================================================= */ /* FILE: widgets.css */ /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magento.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magento.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2006-2016 X.commerce, Inc. and affiliates (http://www.magento.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://www.faber.co.uk/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://www.faber.co.uk/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://www.faber.co.uk/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://www.faber.co.uk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://www.faber.co.uk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://www.faber.co.uk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://www.faber.co.uk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://www.faber.co.uk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://www.faber.co.uk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ /* FILE: magnific-popup.css */ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* Fade */ /* overlay at start */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* FILE: faber_members.css */ .members-pdp-modal { position:relative; background:#FFF; padding:20px; width:auto; max-width:650px; margin:20px auto; line-height: 20px; font-family: 'Swiss721BT-Light'; letter-spacing: 1px; } .members-pdp-modal em.sprite.ffcircle { float: left; margin: 0 20px 20px 0; } .members-pdp-modal button.button { font-weight: normal; padding: 8px 14px 5px; width: auto; background: #FFF; color: #666; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; margin: 10px 0; display: inline-block; text-align: center; box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } .members-pdp-modal button.button span { display: block; width: 100%; padding: 0; background: transparent; color: #666; } .members-pdp-modal button.button:hover { opacity: 1; background: #DED9D9; } #opc-login .col-1 fieldset { width:300px; } #opc-login .col-1 fieldset p { padding:0 5px; width:258px; text-align:center; } #opc-login .col-1 .input-box { width:188px; margin:0; float:left; } #opc-login .form-list label { float: none !important; display: inline-block; padding: 4px 0 !important; } #opc-login .col-1 .form-list label, #opc-login .col-2 .form-list label { text-align:left !important; width:80% !important; font-weight: normal; } #opc-login .form-list li.control label { float: none; font-weight: normal; text-align: left; } #opc-login .form-list li.control .input-box { width:auto; } #opc-login .form-list li.control input { margin:0 8px 0 0; } #opc-login .col-1 .buttons-set { margin-top: 0; } #opc-login .col-1 { float:left !important; } #opc-login .col-2 { float:right !important; } #opc-login .col-1 .buttons-set { width: 50%; } #opc-login .col-2 .input-text, #opc-login .col-1 .input-box { width: 100%; margin-bottom: 10px; } #opc-login .col-1 .gdpr .input-box { width: 20px; } /* Responsive */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Tablets */ #opc-login .form-list li.fields, #opc-login form .form-list li.wide, #opc-login form .form-list li.control { margin-left: 0; } .opc #member-login-promo { right: 0 !important; } #checkout-step-login .buttons-set { margin-top: 0 !important; } } @media only screen and (max-width: 767px) { /* Smartphones to Tablets */ div#member-login-promo h2 { font-size: 22px !important; } .members-pdp-modal button.button { margin: -2px 0 0; width: 100%; } .members-pdp-modal button.button span { font-size: 9px !important; line-height: 18px !important; letter-spacing: 1px !important; } } /* FILE: normalise.css */ /*! normalize.css v2.0.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /* * Corrects `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /* * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for `hidden` attribute not present in IE 8/9. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* * 1. Sets default font family to sans-serif. * 2. Prevents iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Removes default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /* * Addresses `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /* * Addresses `h1` font sizes within `section` and `article` in Firefox 4+, * Safari 5, and Chrome. */ h1 { font-size: 2em; } h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; } /* * Addresses styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /* * Addresses styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* * Addresses styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /* * Corrects font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * Sets consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /* * Addresses inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /* * Removes border when inside `a` element in IE 8/9. */ img { border: 0; vertical-align: bottom; } /* * Corrects overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* * Addresses margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * Define consistent border, margin, and padding. */ fieldset { border: 0; margin: 0; padding: 0; } /* * 1. Corrects color not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /* * 1. Corrects font family not being inherited in all browsers. * 2. Corrects font size not being inherited in all browsers. * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /* * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Corrects inability to style clickable `input` types in iOS. * 3. Improves usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /* * Re-set default cursor for disabled elements. */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to `content-box` in IE 8/9. * 2. Removes excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Removes inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE 8/9. * 2. Improves readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* FILE: faber.css */ /*---------------------------------------------------------------------------------------------------- @GLOBAL ----------------------------------------------------------------------------------------------------*/ /* Remove Borders */ .header, #nav, .breadcrumbs, .col-main, .block, .block .block-title, .products-grid, .footer { border: 0; } /* Main Styles */ body { background: #FFF; font-family: 'Swiss721BT-Roman', arial, sans-serif; } .wrapper { background: #E6E6E5; overflow: hidden; } @font-face { font-family: 'FF_Icons'; src: url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/FF_Icons.eot'); src: url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/FF_Icons.eot?#iefix') format('embedded-opentype'), url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/FF_Icons.woff2') format('woff2'), url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/FF_Icons.woff') format('woff'), url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/FF_Icons.ttf') format('truetype'), url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/FF_Icons.svg#FF_Icons') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Albertus-Italic'; src: url("https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/AlbertusMTPro-Italic.otf") format("opentype"); } @font-face { font-family: 'Albertus-Light'; src: url("https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/AlbertusMTPro-Light.otf") format("opentype"); } @font-face { font-family: 'Albertus'; src: url("https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/AlbertusMTPro.otf") format("opentype"); } /* Remove button background image */ button.button span { background: #CCC; background-image: none; font-weight: normal; display: inline-block; } .buttons-set { border: 0; } /* Links */ a { color: #000; text-decoration: none; opacity: 1; transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; } a:hover { opacity: 0.7; } /* Messages */ ul.messages a { text-decoration: underline; } .error-msg, .success-msg, .note-msg, .notice-msg { min-height: 0 !important; padding: 20px 8px 16px 80px !important; font-weight: normal !important; font-family: 'Swiss721BT-Light', arial, sans-serif; font-size: 13px !important; letter-spacing: 1px; margin: 0 0 20px !important; text-align: left; } .error-msg { border-color: #CB2C3D; background-color: transparent; color: #CB2C3D; background-image:url(https://www.faber.co.uk/skin/frontend/faber/default/images/i_msg-error.png); } .success-msg { border-color: #93A640; background-color: transparent; color: #93A640; background-image:url(https://www.faber.co.uk/skin/frontend/faber/default/images/i_msg-success.png); } .note-msg, .notice-msg { border-color: #157695; background-color: transparent; color: #157695; background-image:url(https://www.faber.co.uk/skin/frontend/faber/default/images/i_msg-note.png); } .noscript .noscript-inner, .notice-cookie .notice-inner { border-color: #157695; background-color: transparent; color: #157695; background-image:url(https://www.faber.co.uk/skin/frontend/faber/default/images/i_notice.png); } .homepage-index-index li.success-msg { margin: 15px 0 0 !important; } /* Bold styles */ h1, h2, h3, h4 { font-family: 'Swiss721BT-Medium', arial, sans-serif !important; font-weight: normal !important; } .data-table th, .data-table .regular-price .price, strong, .form-list label, .sp-methods dt, b, h4 { font-weight: normal !important; font-family: 'Swiss721BT-Medium', arial, sans-serif !important; } /* Forms */ .main input.input-text { height: 26px; padding-left: 10px; } /*---------------------------------------------------------------------------------------------------- @HEADER ----------------------------------------------------------------------------------------------------*/ .header-container { width: 300%; margin-left: -100%; height: 126px; background: #FFF; color: #000; } .header-container .header-block img { max-width: 100px; } div.header-container p.header-block { top: 15px; margin-left: 35px; } div.header-container.nav-up p.header-block, div.header-container.nav-up-fixed p.header-block { top: 45px; margin-top: 20px; margin-left: 44px; } div.header-container.nav-up p.header-block img, div.header-container.nav-up-fixed p.header-block img { max-width: 60px; } .header-container ul.socials { position: absolute; top: 54px; } .header, .header .logo { float: none; text-align: center !important; } .header a.logo { margin-top: 23px; display: inline-block; position: relative; z-index: 9; } .header a.logo img { height: 40px; width: auto; } .cms-members .header > a.logo { margin-top: 33px; } .cms-members .header a.logo img { height: 70px; width: auto; margin-top: -10px; } .global-message { padding: 14px 20px; background-color: #e7ebf4; border-bottom: 2px solid #D3DBE4; } .global-message + .wrapper .header-container { transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; } @media (max-width: 767px) { .cms-members .header-container .header a.logo img { top: -25px; height: 60px; } } @media (max-width: 360px) { .cms-members .header-container .header a.logo img { top: -20px; height: 50px; } } .header ul.links a { color: #000; transition: color .15s ease-in-out; -moz-transition: color .15s ease-in-out; -webkit-transition: color .15s ease-in-out; } .header ul.links a:hover { color: #555; opacity: 1; } .header ul.links li.first a { background:none !important; overflow: hidden; width:23px; height:28px; display:block; float: right; margin-right: 8px; text-align: center; color: #333; } .header ul.links li.first a:after { content: "1"; font-family: "FF_Icons"; text-indent: 0; position: absolute; display: block; font-size: 37px; margin: -35px 0 0 2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .header ul.links li.first .label { display: none; } .header ul.links li.first .num { display: block; margin-top: 10px; } .header ul.links li.last a { background:none !important; overflow: hidden; text-indent: -9999px; width:28px; height:28px; display:block; float: left; margin-right: 20px; } .header ul.links li.last a:after { content: "0"; font-family: "FF_Icons"; text-indent: 0; position: absolute; display: block; font-size: 38px; margin: -25px 0 0 5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .quick-access { margin: -31px 0 20px 0; } @media only screen and (max-width: 960px){ .quick-access { margin: -31px 0 20px 0; } } /* Search */ #search_mini_form { float: right; position: relative; width: 37px; height: 28px; } .header .search.sprite { display: inline-block; cursor: pointer; margin-left: 10px; background:none !important; } .header #search_mini_form.search-out .search.sprite, .header #search_mini_form button.button, .header #search_mini_form.search-out button.button span { display: none; } .header #search_mini_form.search-out button.button { display: inline-block; background:none !important; overflow: hidden; text-indent: -9999px; width:27px; height:27px; margin-right:-10px; border-bottom: 1px solid #000; padding-bottom: 33px; } input#search { position: absolute; right: 0; height: 25px; padding: 0 0 8px 0; border: 0; border-bottom: 1px solid #000; -webkit-appearance: none; border-radius: 0; z-index: 99; } .header #search_mini_form #search_autocomplete { width: 215px; } .header .search.sprite:after, .header #search_mini_form.search-out button.button:before { content: "2"; font-family: "FF_Icons"; text-indent: 0; position: absolute; display: block; font-size: 36px; margin: -9px 0 0 5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .header #search_mini_form.search-out button.button:before { margin: 15px 0 0 5px; top: 0; line-height: 0; } .header .form-search .search-autocomplete li { text-align: left; } @media (max-width: 1200px) { div.header-container p.header-block { margin-left: 0; } div.header-container.nav-up p.header-block, div.header-container.nav-up-fixed p.header-block { margin-left: 50px; } } /*---------------------------------------------------------------------------------------------------- @MENU ----------------------------------------------------------------------------------------------------*/ /* See phase 2 nav.scss */ /*---------------------------------------------------------------------------------------------------- @MAIN ----------------------------------------------------------------------------------------------------*/ /* Breadcrumbs */ .breadcrumbs { padding: 5px 0; } .breadcrumbs li { position: relative; font-size: 10px; letter-spacing: 1px; } .breadcrumbs li a { color: #898282; } .breadcrumbs li span { text-indent: -30px; display: inline-block; overflow: hidden; width: 10px; } .breadcrumbs li a:after { display:block; width:11px; height:16px; position:absolute; right:0; top: 0; content: "\f105"; font-family: 'fontawesome'; font-size: 11px; } /* Main Container */ .main-container { margin-top: 0; z-index: 1; position: relative; background: #E6E6E5; } /*---------------------------------------------------------------------------------------------------- @CATEGORY ----------------------------------------------------------------------------------------------------*/ /* See phase 2 phase2.scss */ /* Authors list */ .category-authors .main, .onix-contributor-list .main { margin: 38px 0 10px; } ul.products-grid.authors .product-name { padding-bottom: 5px; } ul.products-grid.authors li.item .overlay-wrap { padding-top: 5px; } ul.products-grid.authors .share { height: 30px; } .category-authors .display-options, .onix-contributor-list .display-options { width: 100%; margin: 30px auto 13px; padding: 16px 0 0; background: transparent; } .authors-filter { text-align: center; width: 86% !important; } .authors-filter a { margin: 0 2px 15px -1px; display: inline-block; border-right: 1px solid #BBB; padding: 0 12px; color: #111; } .authors-filter a:last-child { border: 0; } .authors-filter a.current-filter { cursor: default; text-decoration: underline; font-style: italic; } /* Authors Media Posts */ #media-contents { visibility: visible; } #media-contents header.entry-header.clearfix { padding: 10px 14px 5px; } #media-contents .entry-title { font-weight: normal; font-family: 'Swiss721BT-Medium'; font-size: 14px; padding: 0 0 5px; color: #444; letter-spacing: 1px; line-height: 16px; } #media-contents .entry-meta span, #media-contents .entry-meta a:link, .entry-meta a:visited { text-transform: capitalize; color: #555; font-family: 'Swiss721BT-Light'; letter-spacing: 1px; text-decoration: none; font-size: 12px; display: inline-block; } #media-contents .entry-meta a:link, #media-contents .entry-meta a:visited { padding: 0 0 10px; } #media-contents .entry-meta span:last-child { padding-left: 2px; } #media-contents .entry-excerpt { color: #000; padding: 15px; line-height: 19px; font-family: 'Swiss721BT-Light'; letter-spacing: 1px; font-size: 12px; border-bottom: 1px solid #e6e6e6; } #media-contents .entry-title a:hover { color: #000; text-decoration: none; } #media-contents .entry-thumb img { width: 100%; height: auto; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; } #media-contents .inner { text-align: left; padding: 4px; background: #FFF; margin: 20px 8% 15px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } #media-contents .entry-footer { padding: 10px 6px 6px; } #media-contents .entry-footer .cat-name { font-family: 'Swiss721BT-Medium', arial, sans-serif; color: #000; text-transform: uppercase; letter-spacing: 2px; font-size: 10px; margin: 2px 8px 1px; position: absolute; padding-top: 6px; } #media-contents .link-source { background-color: #047CAC; } #media-contents .entry-quote blockquote { background-color: #DE5F85; } #media-contents .entry-footer .sprite, #media-contents .entry-footer .sprite.news { width: 23px; height: 24px; background-position: -236px -1435px; } #media-contents .entry-footer .sprite.news, #media-contents .entry-footer .sprite.daily { background: none; } #media-contents .entry-footer .sprite.news:after, #media-contents .entry-footer .sprite.daily:after { content: "5"; font-family: "FF_Icons"; text-indent: 0; position: absolute; display: block; font-size: 32px; margin: -9px 0 0 4px; font-style: normal; color: #CDCCCB; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #media-contents p.no-media { text-align: center; padding: 10px 0; } .entry-wrapper .entry-thumb { margin-bottom: 35px; } .entry-wrapper .entry-thumb img { width: 100%; height: 100%; max-width: 350px; margin-top: 10px; } .featured .entry-wrapper .entry-thumb img { max-width: 100%; } /*---------------------------------------------------------------------------------------------------- @DETAILS ----------------------------------------------------------------------------------------------------*/ .product-essential { background: #FFF; margin: 10px 0 18px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .col1-layout .product-view .product-shop { text-align: center; margin: 40px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-left: 1px solid #CCC; padding: 0 6%; } .product-shop .product-name h1 { margin: -10px 0 8px; font-family: 'Swiss721BT-Light' !important; font-size: 26px; color: #333; } .product-shop .author { margin-bottom: 6px; font-family: 'Swiss721BT-Light'; font-size: 18px; color: #555; } .product-shop .price-box .price { font-weight: normal; margin-bottom: 25px; font-family: 'Swiss721BT-Light'; font-size: 18px; color: #444; letter-spacing: 1px; display: block; } .product-shop .price-box .old-price .price-label, .product-shop .price-box .special-price .price-label { display: none; } .product-shop .price-box .special-price .price { color: #CB2C3D; } .product-shop .price-box .old-price, .product-shop .price-box .special-price { display: inline-block; margin-left: 5px; } .product-shop .short-description { line-height: 19px; position: relative; font-family: 'Swiss721BT-Light'; letter-spacing: 1px; display: block; margin-bottom: 30px; padding-bottom: 10px; } .product-shop .short-description .std { max-height: 60px; overflow: hidden; position: relative; transition: all .9s ease-out; -moz-transition: all .9s ease-out; -webkit-transition: all .9s ease-out; } .product-shop .short-description .std p { margin: 0; } .product-view .short-description ul { text-align: left; } .product-shop .short-description .std.expanded { max-height: 700px; padding-bottom: 13px; transition: all .9s ease-in; -moz-transition: all .9s ease-in; -webkit-transition: all .9s ease-in; } .product-shop .short-description .std:after { font-weight: bold; opacity: 1; content: ""; text-align: right; width: 24px; height: 22px; position: absolute; bottom: 0; right: 0; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 27%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(27%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 27%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out; } .product-shop .short-description .std.expanded:after { opacity: 0; transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; } .product-shop .short-description .readmore { position: absolute; bottom: -28px; background: #FFF; left: 50%; z-index: 9999; margin-left: -40px; cursor: pointer; font-size: 11px; } .product-shop .short-description .readmore.expanded { background: transparent; } .product-shop .short-description .readmore.expanded span.less, .product-shop .readmore span.more { display: inline-block; } .product-shop .short-description .readmore span.less, .product-shop .short-description .readmore.expanded span.more { display: none; } .product-shop .short-description .readmore span span { background: #CCC; padding: 2px 3px 3px 5px; border-radius: 100%; font-size: 14px; margin-left: 5px; } .product-shop .short-description .readmore.expanded span span { padding: 0px 7px 2px 8px; font-size: 16px; margin-left: 7px; } .product-shop .short-description .readmore span.more, .product-shop .short-description .readmore span.less { padding-top: 10px; margin-top: 5px; } .product-shop .add-to-cart label, .product-shop .add-to-cart input { display: none; } .product-shop .add-to-cart, .product-shop .add-to-cart button.button { float: none; margin: 25px auto 10px; } .product-shop .add-to-cart .button { background: #9D852D; padding: 0 0 25px; box-shadow: 1px 1px 0px 0px #867228; -webkit-box-shadow: 1px 1px 0px 0px #867228; -moz-box-shadow: 1px 1px 0px 0px #867228; height: 66px; width: 246px; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } .product-shop .add-to-cart .button:hover { background: #B39115; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } .product-shop .add-to-cart .button span { background: transparent; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; padding: 0; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); width: 100%; position: relative; } .product-shop .add-to-cart .button span span:before { content: ""; background:none; width:25px; height:28px; display: block; margin: 0 auto 2px; } .product-shop .add-to-cart .button span span:after { color: #FFF; left: 50%; content: "1"; font-family: "FF_Icons"; text-indent: 0; position: absolute; display: block; font-size: 37px; margin: -46px 0 0 -9px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .product-shop .add-to-box .add-to-links { float: none; } .link-wishlist, .checkout-link { font-weight: normal; padding: 8px 0; width: 246px; background: #E7E7E7; color: #666; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; margin: 10px 0; display: inline-block; box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } .checkout-link { opacity: 0; } .checkout-link:after { content: "\f105"; font-family: fontawesome; margin-left: 10px; } .link-wishlist:hover, .checkout-link.shown:hover { opacity: 1; background: #DED9D9; } .links-set { display: table; width: 100%; margin-top: 30px; } .links-set > div { width: 30%; display: table-cell; vertical-align: bottom; position: relative; } .links-set > div.expanded > i, .links-set > div.expanded > span { opacity: 0; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } .links-set i.sprite { display: block; margin: 0 auto 15px; z-index: 9; position: relative; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; overflow: hidden; } .links-set i.sprite.share:after { content: "J"; font-family: "FF_Icons"; text-indent: 0; position: absolute; display: block; font-size: 29px; margin: -8px 0 0 2px; font-style: normal; color: #444; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .links-set i.sprite:hover { opacity: 0.8; } .links-set div.share { border: 1px solid #BBC5C8; border-top: 0; border-bottom: 0; } .links-set div.share:first-child { border-left: none; } .links-set div.share:last-child { border-right: none; } .links-set i { cursor: pointer; } .links-set i.share { margin-bottom: 24px; background: none; } .links-set > div > span { font-size: 11px; font-family: 'Swiss721BT-Medium'; margin: 0 20%; display: block; line-height: 16px; } .links-set > div .rollover { opacity: 0; position: absolute; bottom: 0; left: -1000%; background: #FFF; height: 100%; width: 120%; padding: 0 0 0 18%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-family: 'Swiss721BT-Light'; letter-spacing: 1px; font-size: 11px; text-align: left; line-height: 18px; transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; } .links-set > div.expanded .rollover { opacity: 1; z-index: 9; left: 0; transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; } .links-set > div.share .rollover { width: 100%; padding: 7%; } .links-set > div .rollover strong { padding-right: 3px; } .links-set .sprite a { padding: 10px; display: block; position: relative; z-index: 10; } .links-set > .rewards .rollover { width: 100%; text-align: center; padding: 7%; } .rollover li.sprite { display: inline-block; margin: 0 0 7px 23%; width: 22px !important; } .divs-2 .rollover li.sprite { margin: 0 0 7px 16%; } .divs-1 .rollover li.sprite, .divs-1 .rollover li.sprite.email { margin: 0 0 7px 11%; } .rollover li.sprite.email { margin-left: 44%; } .rollover span { display: table; } .rollover li.sprite:after { font-family: "FontAwesome"; position: absolute; display: block; text-indent: 0; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .rollover li.sprite.googleplus:after { margin: -15px 0 0 0; } .close-overlay { position: absolute; background: #CCC; padding: 1px 4px 2px 5px; border-radius: 100%; font-size: 13px; left: 48%; bottom: -30px; cursor: pointer; } .share .close-overlay { left: 45%; } .rewards a { text-decoration: underline; } .links-set .ffcircle { background: none } i.sprite.ffcircle { background: #9E8521; border-radius: 100%; } .links-set .ffcircle:after { content: "3"; font-family: "FF_Icons"; text-indent: 0; position: absolute; display: block; font-size: 32px; margin: 2px 0 0 15px; font-style: normal; color: #FFF; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .infocircle { background: none !important; } .infocircle:after { content: "L"; font-family: "FF_Icons"; text-indent: 0; position: absolute; display: block; font-size: 62px; margin: -16px 0 0 7px; font-style: normal; color: #444; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .box-up-sell h4 { text-align: center; text-transform: uppercase; letter-spacing: 2px; margin: 50px 0 20px; padding: 0 0 20px; border-bottom: 1px solid #BFBDBD; font-size: 15px; color: #333; } .share-toolbar { opacity: 0; background: #FFF; position: absolute; bottom: -79px; width: 100%; left: -1000%; padding: 20px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; } .share-toolbar.visible { opacity: 1; left: -10%; } .share-toolbar li { margin: 0 10px; display: inline-flex; width: 10px !important; height: 20px !important; } .share-toolbar li a { padding: 10px; display: block !important; position: absolute; z-index: 9; width: auto !important; } .share-toolbar .facebook:after, .share-toolbar .twitter:after, .share-toolbar .pinterest:after, .share-toolbar .email:after, .share-toolbar .googleplus:after { margin: -1px 0 0 0 !important; z-index: 0; } .share-toolbar .twitter:after { margin: -3px 0 0 -2px !important; } .share-toolbar .email:after { margin: -4px 0 0 1px !important; } ul.products-grid li.item .actions a.visible { opacity: 0.4; cursor: default; } .stock-message { color: #EB5050; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 5px; } /* Authors */ #authors h4 { text-align: center; text-transform: uppercase; letter-spacing: 2px; margin: 50px 0 20px; padding: 0 0 20px; border-bottom: 1px solid #BFBDBD; font-size: 15px; color: #333; } #authors a.author-image { width: 33%; display: block; height: 100%; } #authors li img { float: left; margin: 14px 0; width: 100%; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); } #authors .entry-content { position: relative; padding: 10px 40px 30px; line-height: 20px; font-family: 'Swiss721BT-Light'; letter-spacing: 1px; min-height: 200px; overflow: hidden; column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; column-gap: 42px; -webkit-column-gap: 42px; -moz-column-gap: 42px; column-fill: balance; -webkit-column-fill: balance; -moz-column-fill: balance; } #authors .entry-content p { padding-bottom: 20px; } a.more-author { color: #007CAE; position: absolute; bottom: 0; left: 0; margin-left: 40px; width: 50%; } a.more-author:after { content:""; position: absolute; bottom: -10px; left: 90%; width: 100%; height: 110px; background: -moz-linear-gradient(top, rgba(230,230,229,0) 0%, rgba(230,230,229,1) 70%, rgba(230,230,229,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,230,229,0)), color-stop(70%,rgba(230,230,229,1)), color-stop(100%,rgba(230,230,229,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(230,230,229,0) 0%,rgba(230,230,229,1) 70%,rgba(230,230,229,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(230,230,229,0) 0%,rgba(230,230,229,1) 70%,rgba(230,230,229,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(230,230,229,0) 0%,rgba(230,230,229,1) 70%,rgba(230,230,229,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(230,230,229,0) 0%,rgba(230,230,229,1) 70%,rgba(230,230,229,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e6e6e5', endColorstr='#e6e6e5',GradientType=0 ); /* IE6-9 */ } .product-view #authors .entry-content { display: flex; } .product-view #authors .entry-content .author-img-wrap .author-image { width: 100%; } .catalog-product-view .product-view #authors .author-img-wrap { border-radius: 100%; position: relative; overflow: unset; width: auto; height: auto; padding: 0; display: inline-block; margin: 3% 6% 6%; } .product-view #authors .entry-content .author-img-wrap .img { background-position: center; background-repeat: no-repeat; background-size: cover; height: 400px; width: 400px; border-radius: 100%; } @media screen and (max-width: 959px) { .product-view #authors .entry-content { flex-direction: column; } .product-view #authors .entry-content .author-img-wrap .img { height: 350px; width: 350px; margin: auto; } } @media screen and (max-width: 480px) { .product-view #authors .entry-content .author-img-wrap .img { height: 250px; width: 250px; } } /*---------------------------------------------------------------------------------------------------- @AUTHOR DETAILS ----------------------------------------------------------------------------------------------------*/ /* Post */ .onix-contributor-view #content { float: left; width: 700px; background: #FFF; padding: 30px; margin: 30px 0 15px; text-align: left; min-height: 500px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .onix-contributor-view .products-grid li.item { width: 44%; margin: 20px 2% 15px 4%; } .onix-contributor-view #content h1 { padding-bottom: 28px; } .onix-contributor-view #content img { margin-bottom: 20px; max-width: 100%; width: 100%; } .onix-contributor-view .entry-content { line-height: 19px; font-family: 'Swiss721BT-Light'; letter-spacing: 1px; font-size: 12px; } .onix-contributor-view .entry-content p { margin: 0 0 10px 0; } .onix-contributor-view #content .entry-footer { border-top: 0; border-bottom: 1px solid #E9E1E1; padding: 0 0 50px; } .onix-contributor-view .entry-footer .entry-tags a { padding: 3px 10px; background: #74A1C7; margin-right: 10px; color: #FFF; font-family: 'Swiss721BT-Light'; letter-spacing: 1px; font-size: 12px; text-transform: capitalize; } .onix-contributor-view .entry-tags a:before { content: "# "; } .all-books-link { font-weight: normal; padding: 8px 012px; background: #E7E7E7; color: #666; text-align: center; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; margin: 10px 0; display: inline-block; box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } /* Share box */ .onix-contributor-view #share-box { position: relative; margin-left: -20px; } .onix-contributor-view #share-box .links-set { width: 100px; text-align: center; } .onix-contributor-view #share-box .links-set.author-link-incl { width: 200px; } .onix-contributor-view .links-set i.sprite.globe { display: block; margin: 0px auto 10px; z-index: 8; position: relative; padding: 11px 0 0; background: none !important; } .onix-contributor-view .links-set i.sprite.globe:after { content: "K"; font-family: "FF_Icons"; text-indent: 0; position: absolute; display: block; font-size: 37px; margin: -21px 0 0 6px; font-style: normal; color: #222; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .onix-contributor-view .auth-link span { line-height: 15px; font-size: 11px; } .onix-contributor-view #share-box .links-set div.share { border: 0; } .onix-contributor-view #share-box .links-set > div.share .rollover { width: 240px; padding: 24px 0 0 30px; } .onix-contributor-view #share-box .links-set .rollover li.sprite { margin: 0 25px 7px 0; } .onix-contributor-view #share-box .links-set .share .close-overlay { right: -24px; left: auto; bottom: 32px; } /* Sidebar */ .onix-contributor-view #sidebar { float: right; width: 480px; } .onix-contributor-view .sidebar { margin-top: 30px; float: right; width: 480px; padding: 0 0 20px 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .onix-contributor-view .sidebar > h3 { color: #555; font-size: 12px; font-family: 'Swiss721BT-Medium'; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; text-align: left; margin: 0 0 15px 20px; border-bottom: 1px solid #BFBDBD; padding: 5px 0 15px; } .onix-contributor-view .sidebar > h3 > span { margin: -28px 0 10px 52px; display: block; } .onix-contributor-view .sidebar #selected-wrapper, .onix-contributor-view .sidebar #upsell-wrapper { margin-bottom: -30px; } .onix-contributor-view .sidebar .booklarge { background: none !important; } .onix-contributor-view .sidebar .booklarge:after { content: "9"; font-family: "FF_Icons"; text-indent: 0; position: absolute; display: block; font-size: 46px; margin: -8px 0 0 8px; font-style: normal; color: #00669B; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*---------------------------------------------------------------------------------------------------- @HOMEPAGE ----------------------------------------------------------------------------------------------------*/ .homepage-index-index .homepage-message { width: 100%; background: #AD9931 url(https://www.faber.co.uk/skin/frontend/faber/default/images/pattern.png) no-repeat; color: #FFF; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .homepage-index-index .homepage-message h2 { text-transform: uppercase; letter-spacing: 2px; font-size: 14px; line-height: 26px; font-family: 'Swiss721BT-Light' !important; text-align: center; padding: 9px 0; margin: 30px 0 10px; } .homepage-index-index .col1-layout .products-grid { padding: 0; } .homepage-index-index ul.products-grid li.item { list-style: none; } .homepage-index-index .std ul ul { margin: 0; padding: 0; } .homepage-index-index .products-grid li.item.promo { width: 36.95% !important; } .homepage-index-index .ffbig { margin: 20% auto; display: block; background: none !important; } .homepage-index-index .ffbig:after { content: "3"; font-family: "FF_Icons"; text-indent: 0; position: absolute; display: block; font-size: 58px; margin: -9px 0 0 0; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .homepage-index-index .products-grid h4 { text-transform: uppercase; letter-spacing: 2px; font-size: 14px; text-align: center; padding: 0 10%; margin: 0 0 40px; line-height: 22px; } .homepage-index-index #newsletter-validate-detail2 .block-content { background: #81AACF url(https://www.faber.co.uk/skin/frontend/faber/default/images/pattern.png) 50% 0; color: #FFF; margin: -4px; padding-bottom: 12px; } .homepage-index-index #newsletter-validate-detail2 .form-subscribe-header { text-transform: uppercase; letter-spacing: 2px; text-align: center; line-height: 22px; font-size: 11px; padding: 25px 10% 15px; } .homepage-index-index #newsletter2 { background: #7EADD6; color: #FFF; font-size: 11px; letter-spacing: 1px; padding: 1px 5%; margin: 0 5%; border: 1px solid #FFF; width: 79%; border-radius: 2px; text-align: center; } .homepage-index-index #newsletter-validate-detail2 .button { background: #A18930; padding: 3px 0 2px; width: 90%; margin: 15px auto 0; display: block; position: relative; box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } .homepage-index-index #newsletter-validate-detail2 .button span { background: transparent; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; padding: 0; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); width: 100%; text-align: center; } .homepage-index-index #newsletter-validate-detail2 .button:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #a18930 transparent ; position: absolute; left: 45%; float: left; top: -8px; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } .homepage-index-index #newsletter-validate-detail2 .button:hover { background: #B39115; } .homepage-index-index #newsletter-validate-detail2 .button:hover:before { border-color: transparent transparent #B39115 transparent; } .homepage-index-index .entry-excerpt { display: none; } body.homepage-index-index #homepage-blog-posts #posts-list #standard .left:last-child { display: block; } /*---------------------------------------------------------------------------------------------------- @FOOTER ----------------------------------------------------------------------------------------------------*/ .footer-container { width: 300%; margin-left: -100%; background: #FFF; color: #000; } .bottom-container { margin-top: 105px; padding-top: 20px; position: relative; } #form-validate-register-homepage .control { width: 100%; } #form-validate-register-homepage .control.gdpr { padding: 5px 0; color: #000000; font-family: "Source Serif Pro"; font-size: 12px; letter-spacing: 0.14px; line-height: 16px; text-align: left; } #form-validate-register-homepage .control.gdpr a { color: #5E61A5; text-transform: capitalize; font-family: "Source Serif Pro"; text-decoration: underline; } #form-validate-register-homepage .control label { display: inline; } #form-validate-register-homepage .control .input-box input { box-shadow: none; } #is_subscribed, #is_subscribed_faber { display: none; } div.footer-container .bottom-container .account-create:after { height: 488px; } .block-subscribe { position: absolute; width: 100%; margin-top: -105px; background: #86B5E0 url(https://www.faber.co.uk/skin/frontend/faber/default/images/pattern.png) no-repeat 50% 0; color: #FFF; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } #advice-validate-email-newsletter { position: absolute; width: 200px; margin-top: -92px; background: #FFF; padding: 10px; box-shadow: 1px 1px 1px rgba(0,0,0,0.2); z-index: 9999; } .validation-failed { color: #000 !important; } .block-subscribe .form-subscribe-header, .block-subscribe .input-box { display: inline-block; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; line-height: 26px; font-family: 'Swiss721BT-Light'; } .block-subscribe input#newsletter { background: #88B4DB; color: #FFF; font-size: 11px; letter-spacing: 1px; padding: 6px 10px; margin: 0 15px; border: 1px solid #FFF; width: 170px; border-radius: 2px; } .block-subscribe .button { background: #A18930; padding: 3px 40px 2px; box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } .block-subscribe .button:hover { background: #B39115; } .block-subscribe .button span { background: transparent; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; padding: 0; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); float: none; } .block-subscribe .button:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 10px 7px 0; border-color: transparent #a18930 transparent transparent; position: relative; left: -49px; float: left; top: 3px; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } .block-subscribe .button:hover:before { border-color: transparent #B39115 transparent transparent; } .footer ul { width: 20%; display: block; float: left; } .footer ul:after { clear: both; } .footer ul li, ul.socials li, ul.socials li a { display: block; position: relative; z-index: 9; overflow: visible; } ul.socials li { float: left; margin: 0 20px 0 0; opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } ul.socials li:hover { opacity: 0.7; } ul.socials li:after, .share-toolbar ul li:after { font-family: "FontAwesome"; position: absolute; display: block; text-indent: 0; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .facebook, .twitter, .pinterest, .youtube, .soundcloud, .tumblr, .email, .googleplus { background: none !important; } .facebook:after { content: "\f09a"; font-size: 18px; margin: -19px 0 0 -1px; } .twitter:after { content: "\f099"; font-size: 21px; margin: -21px 0 0 -1px; } .pinterest:after { content: "\f231"; font-size: 19px; margin: -19px 0 0 0; } .youtube:after { content: "\f16a"; font-size: 22px; margin: -22px 0 0 1px; } .soundcloud:after { content: "\f1be"; font-size: 22px; margin: -22px 0 0 0; } .tumblr:after { content: "\f174"; font-size: 19px; margin: -20px 0 0 0; } .email:after { content: "\f003"; font-size: 21px; margin: -20px 0 0 0; } .googleplus:after { content: "\f0d5"; font-size: 21px; margin: -24px 0 0 0; } .footer address { text-align: left; clear: both; margin: 20px 0; padding: 20px 0 0; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; } .footer ul li { padding: 4px 0; font-size: 10px; } .footer a { text-decoration: none; color: #000; text-transform: uppercase; letter-spacing: 2px; background: none; } a.lewis:after { content: "A"; font-family: "FF_Icons"; text-indent: 0; position: absolute; display: block; font-size: 33px; margin: -30px 0 0 13px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .footer-container .footer a.logicspot { font-size: 10px; } /*---------------------------------------------------------------------------------------------------- @CART ----------------------------------------------------------------------------------------------------*/ .checkout-cart-index .col-main { background: #FFF; margin: 40px 0 18px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .checkout-cart-index .col-main { padding: 30px; position: relative; } .checkout-cart-index .page-title { border: 0; } .checkout-cart-index .page-title h1 { text-align: center; width: 100%; text-indent: -9999px; } .checkout-cart-index .page-title h1:after { display: block; content: ""; background:url(https://www.faber.co.uk/skin/frontend/faber/default/images/icons-sprite.png) 0 0 no-repeat; width:159px; height:158px; background-position:-10px -348px; position: relative; left: 50%; margin: -20px 0 25px -80px; } #checkout-links { position: absolute; left: 50%; margin-left: -185px; margin-top: -55px; } #checkout-links a { color: #000; text-transform: uppercase; letter-spacing: 2px; font-size: 10px; padding: 0 8px; } .cart .title-buttons .checkout-types { width: 100%; border-top: 1px solid #CCC; margin-top: 35px; padding: 20px 0 4px; } .cart .title-buttons .checkout-types li { float: right; } /* Buttons */ .checkout-cart-index .button.btn-proceed-checkout { background: #8F7B33; padding: 8px 40px; box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } .checkout-cart-index .button.btn-proceed-checkout:hover { background: #B39115; } .checkout-cart-index .button.btn-proceed-checkout span { background: transparent; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; padding: 0; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); } .checkout-cart-index .button.btn-continue, .cart #empty_cart_button, .cart .btn-update, #wishlist-view-form .buttons-set2 button { position: absolute; left: 30px; top: 270px; background: #DED9D9; padding: 8px 40px; box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); } #wishlist-view-form .buttons-set2 button { position: static; margin-left: 15px; padding: 8px 20px; } .checkout-cart-index .button.btn-continue span, .cart #empty_cart_button span, .cart .btn-update span, #wishlist-view-form .buttons-set2 button span { background: transparent; color: #666; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; padding: 0; } .cart #empty_cart_button { float: left; position: static; } .cart .btn-update { float: right; position: static; } /* Table */ #shopping-cart-table.data-table thead, #wishlist-table thead { background: none; text-transform: uppercase; } #shopping-cart-table.data-table th, #shopping-cart-table.data-table td, #wishlist-table.data-table th, #wishlist-table.data-table td { border: 0; background: none; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 16px 5px 12px; vertical-align: middle; text-align: center; } #shopping-cart-table.data-table th, #wishlist-table.data-table th { letter-spacing: 2px; font-family: 'Swiss721BT-Medium', arial, sans-serif; font-weight: normal; } #shopping-cart-table.data-table input.qty { text-align: center; padding-left: 3px; } #shopping-cart-table.data-table h2.product-name, #wishlist-table.data-table h3.product-name { font-size: 16px; font-family: 'Swiss721BT-Roman', arial, sans-serif !important; text-align: left; letter-spacing: 1px; } .cart-table .item-msg { font-size: 14px; text-align: left; color: #999; letter-spacing: 1px; } #shopping-cart-table.data-table tr.even { background-color: transparent; } #shopping-cart-table.data-table td.a-center.last { position: absolute; left: 24px; border: 0; margin-top: 25px; } #wishlist-table.data-table td.last { position: absolute; left: 10px; border: 0; margin-top: 40px; } #shopping-cart-table.data-table td a.product-image { padding-left: 30px; } #wishlist-table.data-table td a.product-image { padding-left: 25px; display: block; } #shopping-cart-table.data-table .btn-remove2, #wishlist-table.data-table .btn-remove2 { background:url(https://www.faber.co.uk/skin/frontend/faber/default/images/icons-sprite.png) 0 0 no-repeat; width:24px; height:24px; background-position:-202px -1435px; } #shopping-cart-totals-table, #shopping-cart-totals-table strong { text-transform: uppercase; letter-spacing: 2px; font-family: 'Swiss721BT-Medium', arial, sans-serif; font-weight: normal; } #shopping-cart-totals-table tfoot td { border: 0; background: none; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 8px 5px; } .cart .totals table td { line-height: 30px; } .cart .totals .checkout-types { margin: 34px 0 5px; } .cart .totals .checkout-types:before { content: ""; width: 258px; height: 70px; background: url(https://www.faber.co.uk/skin/frontend/faber/default/images/Paymentsby_horizontal_5.png) 0 0 no-repeat; position: absolute; right: 50%; margin: -15px -130px 0 0; } #wishlist-table.data-table { margin-top: 25px; } #wishlist-table .btn-cart, #wishlist-table .description { margin: 10px 0; text-align: left; } #wishlist-table textarea { width: 95%; } #wishlist-table .price-box { margin: 0 0 10px; } /* Discount */ #discount-coupon-form h2, #discount-coupon-form label { display: none; } .cart .discount .input-box { width: 200px; display: inline-block; margin: 0; vertical-align: top; } .cart .discount .input-box input { width: 190px; padding: 0 5px; } .cart .discount .buttons-set { border: 0; display: inline-block; margin: 0 0 0 15px; padding: 0; } #discount-coupon-form button, #wishlist-table .btn-cart, .customer-account-changeforgotten .buttons-set .button { position: relative; background: #007CAC; padding: 3px 16px; box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); } #discount-coupon-form button span, #wishlist-table .btn-cart span, .customer-account-changeforgotten .buttons-set .button { background: #007CAC; color: #FFF; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; padding: 0; } #discount-coupon-form button span { font-size: 10px; } #discount-coupon-form .button:before, .customer-account-changeforgotten .buttons-set .button:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 10px 7px 0; border-color: transparent #007CAC transparent transparent; position: absolute; left: -8px; float: left; top: 7px; } /* Empty Cart/Wishlist */ div.cart-empty, p.wishlist-empty { text-align: center; font-size: 14px; line-height: 40px; } div.cart-empty a { color: #027CAC; } /*---------------------------------------------------------------------------------------------------- @ACCOUNT ----------------------------------------------------------------------------------------------------*/ .account-page .col-main { padding: 30px; background: #FFF; margin: 40px 0 18px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .account-page .col-main .block .block-title strong span { text-align: center; width: 100%; text-indent: -9999px; display: block; } .account-page .col-main .block .block-title strong span:after { display: block; content: ""; background: url(https://www.faber.co.uk/skin/frontend/faber/default/images/icons-sprite.png) 0 0 no-repeat; width:159px; height:159px; background-position:-10px -10px; position: relative; left: 50%; margin: -20px 0 25px -80px; } .block-account ul { text-align: center; } .block-account li { font-family: 'Swiss721BT-Light', arial, sans-serif; text-transform: uppercase; display: inline-block; padding: 0 10px 0 13px; border-left: 1px solid #000; letter-spacing: 1px; font-size: 11px; } .block-account li:first-child { border: 0; } .block-account li.current strong { font-family: 'Swiss721BT-Medium', arial, sans-serif; font-weight: normal; } .my-account h1 { display: none; } .newsletter-manage-index .my-account h1 { text-transform: uppercase; margin: 2rem; text-align: center; display: block; } .newsletter-manage-index .my-account p { margin-top: 2rem; } .newsletter-manage-index .page-title { border-top: 1px solid #ddd; } .welcome-msg p strong { font-family: 'Swiss721BT-Light', arial, sans-serif; display: block; text-align: center; font-weight: normal; font-size: 18px; color: #027CAC; margin: 25px 0; letter-spacing: 1px; } .welcome-msg p { width: 50%; margin: 0 auto; text-align: center; letter-spacing: 1px; line-height: 20px; color: #555; } .box-account .box-head h2, .addresses-primary h2, .addresses-additional h2, .order-info dt, .order-details h2, .my-account .fieldset h2.legend { font-family: 'Swiss721BT-Medium', arial, sans-serif; font-weight: normal; text-align: center; text-transform: uppercase; font-size: 14px; letter-spacing: 3px; border-bottom: 1px solid #CCC; padding-bottom: 20px; margin: 40px 0; } .box-info .box, .box-info .box-content .col-1, .box-info .box-content .col-2, .addresses-list .item, .order-info-box .col-1, .order-info-box .col-2 { position: relative; padding: 0 20px 20px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .box-info .box-title h3, .box-info .box-content h4, .addresses-primary h3, .addresses-additional h3, .order-info-box h2 { font-family: 'Swiss721BT-Medium', arial, sans-serif; font-weight: normal; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; border-bottom: 1px solid #CCC; padding-bottom: 20px; margin: 30px 0 20px; } .box-info .box-content, .addresses-list .item, .order-info-box address { line-height: 20px; } .box-info .box-content address a:last-child, .box-info > .col2-set > .col-1 > .box > .box-title > a:last-child, .box-info > .col2-set > .col-2 > .box > .box-title > a:last-child, .addresses-primary p a:last-child, .addresses-additional p a:last-child, #shopping-cart-table.data-table td:nth-child(3).a-center a, .logged-in #shopping-cart-table.data-table td:nth-child(4).a-center a { position: absolute; right: 20px; top: 32px; background: #007CAC; color: #FFF; padding: 3px 8px; box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); text-transform: uppercase; font-size: 8px; letter-spacing: 1px; line-height: 10px; } #shopping-cart-table.data-table td:nth-child(3).a-center a { display: none; } #shopping-cart-table.data-table td:nth-child(3).a-center, #shopping-cart-table.data-table td:nth-child(4).a-center { position: relative; } .logged-in #shopping-cart-table.data-table td:nth-child(4).a-center a { right: 15%; top: 33%; width: 60%; } .box-info .box-content a { color: #027CAC; } .box-info > .col2-set > .col-1 > .box > .box-title > a:last-child, .box-info > .col2-set > .col-2 > .box > .box-title > a:last-child, .addresses-primary p a:last-child, .addresses-additional p a:last-child { top: 0; } .box-info .col2-set, .col2-set.addresses-list, #my-orders-table, .my-account .pager, .col2-set.order-info-box, .wishlist-index-share .fieldset, .wishlist-index-share .buttons-set, .newsletter-manage-index .fieldset, .newsletter-manage-index .buttons-set { width: 70%; margin: 0 auto; } .box-info > .col2-set > .box > .box-title > h3 { text-align: center; font-size: 14px; letter-spacing: 3px; } .box-info > .col2-set > .box > .box-title > a, .my-account .back-link, .customer-address-index .my-account .page-title h1 { display: none; } .addresses-additional li.item.empty p { text-align: center; } .my-account { position: relative; } .my-account .page-title.title-buttons button { position: absolute; left: 50%; margin: 18px 0 0 -84px; background: #007CAC; padding: 3px 16px; box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); } .my-account .page-title.title-buttons button span { background: #007CAC; color: #FFF; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; padding: 0; } .col2-set.addresses-list { margin-top: 20px !important; } .addresses-primary h2 { margin-right: 20px; } .sales-order-history .my-account > p { text-align: center; font-size: 14px; line-height: 40px; } .box-account.box-recent .box-head > a { display: none; } .dashboard .box-recent, .sales-order-history .my-account { overflow-x: auto; } .my-account .pager { border: 0; margin: 10px auto; } .order-info { border: 0; } .order-info dt { display: block; } .order-info dd { display: none; } .sales-order-view .order-date { margin: -20px 0 10px; display: block; text-align: center; } .link-reorder { font-weight: normal; } .sales-order-view .title-buttons { text-align: center; } .my-wishlist { overflow-x: auto; position: relative; } .wishlist-index-share .fieldset, .newsletter-manage-index .fieldset { background: transparent; margin-top: 25px; border: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0; } .wishlist-index-share .fieldset .form-list li.wide .input-box, .wishlist-index-share .fieldset .form-list li.wide .input-box textarea { width: 100%; } .my-account .fieldset h2.legend { background: none; width: 100%; margin-top: 0; padding: 0 0 20px; } .wishlist-index-share .fieldset .form-list label { font-weight: normal; padding: 4px 0; } .wishlist-index-share .buttons-set button, .newsletter-manage-index .buttons-set button { background: #DED9D9; padding: 8px 40px; box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); } .wishlist-index-share .buttons-set button span, .newsletter-manage-index .buttons-set button span { background: #DED9D9; color: #666; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; padding: 0; } .newsletter-manage-index .form-list li { margin: 0 0 30px; } /* Account Login */ .customer-account-login .col-main, .customer-account-logoutsuccess .col-main, .customer-account-forgotpassword .col-main { padding: 30px; padding-top: 0; background: #FFF; margin: 40px 0 18px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .customer-account-login .page-title, .customer-account-logoutsuccess .page-title, .customer-account-forgotpassword .page-title { border: 0; } .customer-account-login h1, .customer-account-create h1, .customer-account-logoutsuccess h1, .customer-account-forgotpassword h1 { font-family: 'Swiss721BT-Medium', arial, sans-serif; font-weight: normal; text-align: center; text-transform: uppercase; font-size: 14px; letter-spacing: 3px; border-bottom: 1px solid #CCC; padding-bottom: 26px; margin: 0; } .customer-account-login h1:before, .customer-account-create h1:before, .customer-account-logoutsuccess h1:before, .customer-account-forgotpassword h1:before { display: block; content: ""; background: url(https://www.faber.co.uk/skin/frontend/faber/default/images/icons-sprite.png) 0 0 no-repeat; width: 159px; height: 159px; background-position: -10px -10px; position: relative; left: 50%; margin: 0 0 30px -80px; } .customer-account-login .member-version h1:before { background: url(https://www.faber.co.uk/skin/frontend/faber/default/images/members/FaberMembersLogo.png) 0 0 no-repeat; background-size: contain; width: 150px; height: 56px; } .customer-account-forgotpassword h1:before { background: url(https://www.faber.co.uk/skin/frontend/faber/default/images/members/FaberMembersLogo.png) 0 0 no-repeat; background-size: contain; top: 10px; width: 150px; height: 56px; } .customer-account-login .member-version button.button#send2 span span { font-size: 0; } .customer-account-login .member-version button.button#send2 span span:before { content: "Join Now"; font-size: 11px; } .customer-account-login .account-login #member-login-promo { margin-top: 30px; } .customer-account-login h1 { font-family: 'Prata', serif !important; -webkit-font-smoothing: antialiased; font-weight: normal !important; text-transform: inherit; letter-spacing: 1px; font-size: 36px; } .customer-account-login .account-create .recaptcha-container { display: flex; justify-content: center; } @media only screen and (max-width: 767px) { body.customer-account-login .new-users, body.customer-account-login .registered-users, body.customer-account-login .col-2.registered-users .content { margin-top: 0 } body.customer-account-login .col-1 .buttons-set { position: relative; } } .customer-account-login .new-users, .customer-account-login .registered-users { text-align: center; } .customer-account-login .signup-img img, .customer-account-login .signin-img img { max-width: 150px; } @media only screen and (max-width: 767px) { .customer-account-login .signin-img { margin: 20px 0; } } @media only screen and (min-width: 1200px) { .customer-account-login .registered-users .form-list { margin-top: 50px; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .customer-account-login .registered-users .form-list { margin-top: 72px; } } @media only screen and (min-width: 768px) { .customer-account-login .new-users, .customer-account-login .registered-users { margin-top: 40px; } } .customer-account-login, body.customer-account-login .account-create .control span, body.customer-account-login #login-form p { font-family: "Albertus"; font-size: 16px; margin-bottom: 10px; } body.customer-account-login .account-login div.form-text { margin-bottom: 10px; display: block; font-family: "Albertus"!important; font-size: 14px; } body.customer-account-login .account-login div.form-text span { font-size: 16px; } .customer-account-logoutsuccess .col-main p { text-align: center; padding: 30px 20px 20px; } .customer-account-login .col2-set h2, .customer-account-create .account-create h2 { font-weight: 700 !important; font-size: 20px; text-transform: uppercase; margin-top: 10px; } .customer-account-login .gdpr a { font-weight: bold; } .customer-account-create .account-create .page-title { border: 0; } .customer-account-login .validation-advice { text-align: left; } .customer-account-create .account-create .fieldset { border: 0; background: transparent; padding: 0; margin: 28px auto; width: 24%; } .customer-account-create .account-create .fieldset .legend { float: none; border: 0; background: transparent; padding: 0; } .customer-account-create .account-create .form-list .input-box { margin-bottom: 10px; } .customer-account-create .account-create .buttons-set, .customer-account-create .account-create p.required { text-align: center; } .customer-account-create .account-create .buttons-set .back-link { display: none; } .customer-account-create .account-create button.button { background: #8F7B33; padding: 8px 40px; width: 258px; float: none; box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); } .customer-account-create .account-create button.button span { background: transparent; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; padding: 0; width: 100%; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); } .customer-account-login .col2-set { width: 80%; margin: auto; } .customer-account-login .col2-set .content { padding: 20px; } .customer-account-login .form-list .input-box { width: 80%; margin: auto; } .customer-account-login .form-list input.input-text { width: 100%; background-color: #f3f3f3; } .customer-account-login p.required { float: left; } .customer-account-login .buttons-set { padding: 0; text-align: center; display: flex; flex-direction: column; margin-top: 30px; } .customer-account-login .main button.button { background: transparent; padding: 7px 30px 5px; float: none; border: 2px solid black; width: 120px; margin: auto; margin-bottom: 20px; } body.customer-account-login .main button.button span { font-family: "Albertus"!important; background: transparent; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; padding: 0; width: 100%; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); color: black; } .customer-account-forgotpassword .fieldset h2.legend { float: none; border: 0; background: transparent; font-family: 'Swiss721BT-Medium', arial, sans-serif; font-weight: normal; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; border-bottom: 1px solid #CCC !important; padding: 0 0 20px !important; margin: 3px 0 20px; } .customer-account-forgotpassword .fieldset p { line-height: 20px; padding-bottom: 10px; } .customer-account-forgotpassword .main button.button { background: #8F7B33; padding: 8px 40px; width: 258px; float: right; box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); } .customer-account-forgotpassword .main button.button span { background: #8F7B33; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; padding: 0; width: 100%; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); } .customer-account-login .gdpr { text-align: left; } body.customer-account-login .account-create .gdpr .input-box { width: 20px; float: left; } body.customer-account-login .guest-login { padding: 38px; background: #EBECF1; margin-top: 38px; } body.customer-account-login .guest-login .guest-text { text-align: center; } body.customer-account-login .guest-login .guest-button { text-align: center; padding-top: 38px; } body.customer-account-login .guest-login .guest-text p { font-family: "Albertus"; font-size: 16px; margin-bottom: 8px; } body.customer-account-login .guest-login .guest-button .button { width: auto; background: transparent; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); color: black; padding: 7px 30px; float: none; border: 2px solid black; margin: 20px auto; } body.customer-account-login .guest-login .guest-button .button span { display: inline-block; height: 21px; font-family: "Albertus"!important; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; } /*---------------------------------------------------------------------------------------------------- @CHECKOUT ----------------------------------------------------------------------------------------------------*/ .checkout-onepage-index #checkout-step-billing .buttons-set li.control .input-box { width: auto; float: left; } .checkout-onepage-index #checkout-step-billing .buttons-set li.control label { width: 96%; display: block; float: right; padding-bottom: 20px; } .checkout-onepage-index #checkout-step-billing .gdpr li.control { display: flex; } .checkout-onepage-index #checkout-step-billing .gdpr li.control .input-box { margin-right: 10px; } @media screen and (min-width: 767px) and (max-width: 959px) { .checkout-onepage-index .account-create .gdpr { height: 300px; width: 80%; } } .checkout-onepage-success .col-main { padding: 30px; background: #FFF; margin: 10px 0 18px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .checkout-onepage-success .col-main { margin-top: 40px; } .checkout-onepage-success .page-title { margin: 0 0 36px; } .checkout-onepage-success .page-title h1 { font-family: 'Swiss721BT-Bold', arial, sans-serif; text-transform: uppercase; text-align: center; letter-spacing: 4px; font-size: 20px; padding: 10px 0 26px; color: #111; } .checkout-onepage-success .col-main > h2, .checkout-onepage-success .col-main > p { padding: 20px; text-align: center; } .checkout-onepage-success .buttons-set { text-align: center; } .checkout-onepage-success .buttons-set button.button { float: none; background: #DED9D9; padding: 8px 40px; margin: 15px 0; box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); } .checkout-onepage-success .buttons-set button span { background: #DED9D9; color: #666; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; padding: 0; } /*---------------------------------------------------------------------------------------------------- @CMS ----------------------------------------------------------------------------------------------------*/ .cms-page-view .col-main, .cms-index-noroute .col-main { padding: 30px; background: #FFF; margin: 10px 0 18px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .cms-index-noroute .col-main { margin-top: 40px; } .cms-page-view .page-title, .cms-index-noroute .page-title { margin: 0 0 36px; } .cms-page-view .page-title h1, .cms-index-noroute .page-title h1 { font-family: 'Swiss721BT-Bold', arial, sans-serif; text-transform: uppercase; text-align: center; letter-spacing: 4px; font-size: 20px; padding: 10px 0 26px; color: #111; } .cms-page-view .span-100 { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .cms-page-view .span-50 { width: 50%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .cms-page-view .span-33 { width: 33%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .cms-page-view .span-25 { width: 25%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .cms-page-view .span-20 { width: 20%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .cms-page-view .std .large { font-size: 16px; padding-bottom: 15px; } .cms-page-view .std .left { padding-right: 20px; } .cms-page-view .std .right { padding-left: 20px; } .cms-page-view .std .clear { clear: both; } .cms-page-view .center { text-align: center; } .cms-page-view .std h2, .cms-page-view .std h3 { font-family: 'Swiss721TL-Thin', arial, sans-serif; font-weight: normal; color: #444; line-height: 1.61em; margin: 1.15em 0; } .cms-page-view .std h2 { font-size: 20px; } .cms-page-view .std h3 { font-size: 16px; } .cms-page-view .std h4, .cms-page-view .std h5, .cms-page-view .std h6 { color: #444; font-size: 14px; font-style: italic; font-weight: normal; margin: 1.15em 0; } .cms-page-view .std a { text-decoration: underline; } .cms-page-view .std p, .cms-page-view .std ul { font-size: 13px; line-height: 22px; color: #444; } .cms-page-view .std .quote { font-family: 'Old Standard TT', serif; font-size: 18px; padding: 10px 10%; line-height: 30px; margin-bottom: 10px; color: #444; } .cms-page-view .std textarea.code { border: 1px dashed #CCC; background: #FFFEED; font-family: "Courier New", Courier, monospace; display: block; width: 100%; margin-bottom: 20px; font-size: 13px; line-height: 22px; padding: 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; min-height: 200px; } .cms-page-view .std p.note { background: #F2F8FD; display: block; clear: both; padding: 10px; border: 1px solid #CDE6F5; border-radius: 5px; } .cms-page-view .std img { margin-bottom: 15px; max-width: 100%; } .cms-page-view .std hr { border: 0; clear: both; display: block; margin: 30px 0; } .cms-page-view .std hr.border { border-bottom: 1px solid #ddd !important; padding-top: 15px; margin: 10px 0 20px !important; } /* Table */ .cms-page-view .std table { border-collapse: collapse; width: 100%; margin: 15px 0; letter-spacing: 1px; } .cms-page-view .std td, .cms-page-view .std th { border: 1px solid #DBD1D1; padding: 0.5rem; text-align: left; } .cms-page-view .std th { font-family: 'Swiss721BT-Medium', arial, sans-serif; } /*---------------------------------------------------------------------------------------------------- @SPRITES ----------------------------------------------------------------------------------------------------*/ .sprite{ background:url(https://www.faber.co.uk/skin/frontend/faber/default/images/icons-sprite.png) 0 0 no-repeat; overflow: auto; text-indent: -9999px; display: inline-block; } .accountheader{ width:159px; height:159px; background-position:-10px -10px; } .members{ width:160px; height:159px; background-position:-10px -179px; } .reviewbag{ width:159px; height:158px; background-position:-10px -348px; } .memofferbig{ width:119px; height:119px; background-position:-10px -516px; } .opc1{ width:112px; height:113px; background-position:-139px -516px; } .opc2{ width:112px; height:113px; background-position:-10px -645px; } .opc3{ width:112px; height:113px; background-position:-132px -645px; } .opc1a{ width:112px; height:113px; background-position:-10px -768px; } .opc2a{ width:112px; height:113px; background-position:-132px -768px; } .opc3a{ width:112px; height:113px; background-position:-10px -891px; } .opc4a{ width:112px; height:113px; background-position:-132px -891px; } .opc5a{ width:112px; height:113px; background-position:-10px -1014px; } .opc6a{ width:112px; height:113px; background-position:-132px -1014px; } .opc6{ width:112px; height:113px; background-position:-10px -1137px; } .opc5{ width:113px; height:113px; background-position:-132px -1137px; } .opc4{ width:115px; height:113px; background-position:-10px -1260px; } .rightbig{ width:17px; height:96px; background-position:-179px -10px; } .leftbig{ width:17px; height:96px; background-position:-206px -10px; } .memoffersmall{ width:92px; height:92px; background-position:-135px -1260px; } .playoverlay{ width:66px; height:66px; background-position:-180px -179px; } .leftsmall{ width:15px; height:65px; background-position:-233px -10px; } .rightsmall{ width:12px; height:65px; background-position:-256px -179px; } .ffcircle{ width:46px; height:46px; background-position:-179px -348px; } .ffbig{ width:31px; height:44px; background-position:-235px -348px; } .Icons_r2calendar2_c15{ width:39px; height:42px; background-position:-10px -1383px; } .calendar1{ width:39px; height:41px; background-position:-59px -1383px; } .infocircle{ width:47px; height:47px; background-position:-108px -1383px; } .blueblog{ width:36px; height:38px; background-position:-159px -1383px; } .pinkblog{ width:36px; height:38px; background-position:-205px -1383px; } .booklarge{ width: 38px; height: 38px; background-position: -10px -1430px; } .account{ width:28px; height:28px; background-position:-237px -1260px; } .basketwhite{ width:25px; height:28px; background-position:-58px -1435px; } .bagblack{ width:23px; height:27px; background-position:-93px -1435px; } .header .search{ width:27px; height:27px; background-position:-126px -1435px; } .globe{ width:29px; height:27px; background-position:-163px -1435px; } .payment{ width:259px; height:25px; background-position:-10px -1477px; } .delete{ width:24px; height:24px; background-position:-202px -1435px; } .blogbubble{ width:23px; height:24px; background-position:-236px -1435px; } .linkbubble{ width:23px; height:24px; background-position:-10px -1512px; } .exclamationbubble{ width:23px; height:23px; background-position:-43px -1512px; } .ffbubble{ width:23px; height:23px; background-position:-76px -1512px; } .ffwhite{ width:17px; height:22px; background-position:-251px -1383px; } .share{ width:18px; height:22px; background-position:-109px -1512px; } .arrow{ width:29px; height:21px; background-position:-137px -1512px; } .booksmall{ width:24px; height:20px; background-position:-176px -1512px; } .film{ width:26px; height:20px; background-position:-210px -1512px; } .pinterest{ width:13px; height:17px; background-position:-254px -645px; } .youtube{ width:23px; height:16px; background-position:-246px -1512px; } .facebook{ width:9px; height:16px; background-position:-258px -10px; } .twitter{ width:18px; height:15px; background-position:-10px -1546px; } .googleplus{ width: 22px; height: 22px; background-position: -153px -1540px; } .email{ width:21px; height:15px; background-position:-38px -1546px; } .soundcloud{ width:25px; height: 14px; background-position: -69px -1544px; } .lewis{ width:40px; height:10px; background-position:-104px -1546px; } .tumblr { width: 21px; height: 20px; background-position: -186px -1543px; } /* Faber Members */ div#member-login-promo { text-align: center; background: #E9E9EB; box-shadow: none; box-sizing: border-box; -moz-box-sizing: border-box; padding:20px; clear:both; margin-top:0; line-height: 20px; font-family: 'Swiss721BT-Light'; letter-spacing: 1px; } .cms-members .header-container .header-block { display: none; } .checkout-cart-index #member-login-promo { margin-top: 30px; } div#member-login-promo .sprite.ffcircle, div#member-login-promo p.conditions > strong { margin-bottom: 10px; display: inline-block; } div#member-login-promo p.conditions { font-size: 10px; line-height: 15px; } div#member-login-promo h2 { text-align:center; font-family: 'Prata', serif !important; font-size: 36px; -webkit-font-smoothing: antialiased; font-weight: normal !important;} div#member-login-promo > img { width: 25%; margin-bottom: 25px; max-width: 180px; } .members-pdp-modal button.mfp-close { margin: 12px 10px 0 0; } div#member-login-promo ul { padding:10px; text-align: center; } div#member-login-promo ul li { list-style:none; font-size: 15px; margin: 8px 0; } div#member-login-promo ul li:before { content: "•"; padding-right: 5px; } .product-shop .members-msg { font-family: 'Swiss721BT-Light'; letter-spacing: 1px; font-size: 14px; color: #007CAE; margin: -10px 0 20px; } .product-shop .members-msg a { text-decoration: underline; color: #007CAE; } .product-shop .members-msg em { font-style: normal; } .product-shop .members-msg a:hover { text-decoration: underline; } .catalog-category-view .members-msg, .catalogsearch-result-index .members-msg, .catalog-category-view .members-msg a, .catalogsearch-result-index .members-msg a, .box-collateral .members-msg, .box-collateral .members-msg a { text-decoration: none; font-family: 'Swiss721BT-Light'; color: #007cae; font-size: 11px; letter-spacing: 1px; margin: 14px 0 0; pointer-events: none; cursor: default; } .catalog-category-view .members-msg em, .catalogsearch-result-index .members-msg em, .box-collateral .members-msg em, .cms-members .members-msg em { display: none; } .cc-window { font-size: inherit; line-height: inherit; } .cc-window .cc-btn { font-family: "FreightSansProBold-Regular", sans-serif; font-size: 12px; font-weight: inherit; text-transform: uppercase; padding: 0.75em; } .cc-window a.cc-btn:hover { background-color: #4b4d85; opacity: 1; } .cc-window .cc-message { font-family: "FreightTextProBook-Regular", serif; font-weight: inherit; text-align: left; padding-right: 10px; } .cc-window .cc-message a { padding: 0; margin: 0; } @media only screen and (min-width: 481px) and (max-width: 767px) { div.slider-wrapper, div.slider-slide { max-height: 100%; } } /* 404 PAGE */ .page_404 .page_404_header { width: 100%; padding-bottom: 0; } .page_404 .page_404_search { padding-top: 1em; padding-bottom: 2em; } .page_404 .page_404_search form { display: block; width: 100%; } .page_404 .page_404_search .form-search { width: 100%; display: flex; justify-content: center; align-items: center; } .page_404 .page_404_search .form-search button.button, .page_404 .page_404_search .form-search input#search { position: relative; height: 30px; width: auto; right: auto; } .page_404 .page_404_search .form-search input#search { padding: 5px 10px; border: 1px solid #CCC; } .page_404 .page_404_search .form-search button.button { height: 42px; padding: 0; } .page_404 .page_404_search .form-search button.button > span { line-height: 42px; padding: 0; } .page_404 .page_404_search .form-search button.button span { float: none; line-height: inherit; height: inherit; padding: 0; } .page_404 .page_404_search .form-search button.button span span { padding: 14px 10px; height: auto; } @media only screen and (max-width: 770px) { .page_404 .page_404_search .form-search input#search { box-sizing: content-box; font-size: 90%; } } @media only screen and (max-width: 480px) { .page_404 .page_404_search .form-search input#search { margin: 0 !important; } } /* Homepage blog articles */ #homepage-blog-posts .blog-landing #standard { display: flex; flex-wrap: wrap; } /* 404 PAGE */ /* Forgotten Password */ .customer-account-changeforgotten .fields .buttons-set button.button span { background: transparent; } .customer-account-changeforgotten .buttons-set .button { top: 5px; } .customer-account-changeforgotten .buttons-set .button:before { top: 4px; } @media only screen and (min-width: 480px) { .customer-account-changeforgotten .fields .field:nth-child(2) { width: 465px; } .customer-account-changeforgotten .fields .field:nth-child(2) .input-box { float: left; } .customer-account-changeforgotten .fields .buttons-set { display: inline; } } /* buy-online-retailers dropdown*/ div.buy-online-retailers { position: relative; display: flex; line-height: 3; overflow: hidden; padding: 0; height: 40px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; float: none; margin: 10px auto; width: 240px; color: #fff; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } div.buy-online-retailers::after { content: '\25BC'; color: #fff; position: absolute; top: 0; right: 0; padding: 0 1em; background: #937D32; cursor: pointer; pointer-events: none; border-left: 1px solid #fff; } select#buy-online-retailers { flex: 1; color: #fff; cursor: pointer; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0; box-shadow: none; border: 0; background: #937D32; background-image: none; letter-spacing: 3px; padding: 0 0 0 50px; } div.buy-online-retailers:hover, div.buy-online-retailers:hover select#buy-online-retailers, div.buy-online-retailers:hover:after { background: #B39115; } /* Remove IE arrow */ select#buy-online-retailers::-ms-expand { display: none; } select#buy-online-retailers option { background: #fff; color: #000; } /*Footer Block*/ @media screen and (min-width: 320px) { .plyr--video { overflow: visible !important; } .webshop-account-create__video-play, .closevideo { cursor:pointer; } div#player { width: 70%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); margin:auto; } div.video-popup { width: 100%; height: 100%; display: none; z-index: 999; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); } div.video-popup div.plyr .closevideo { font-size: 20px; color: white; float: right; position: absolute; right: 0; margin-right: -20px; } } /* FILE: blog.css */ @media only screen and (max-width: 800px) { .group-blog img.alignnone { width: 100%; height: auto; } .group-blog .site-content img { max-width: 100%; height: auto; } iframe { max-width: 100%; } } /* FILE: Swiss721.css */ /** * @license * MyFonts Webfont Build ID 2829981, 2014-06-17T04:24:46-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: Swiss 721 Light by Bitstream * URL: http://www.myfonts.com/fonts/bitstream/swiss-721/light/ * * Webfont: Swiss 721 by Bitstream * URL: http://www.myfonts.com/fonts/bitstream/swiss-721/swiss-721/ * * Webfont: Swiss 721 Italic by Bitstream * URL: http://www.myfonts.com/fonts/bitstream/swiss-721/italic/ * * Webfont: Swiss 721 Bold by Bitstream * URL: http://www.myfonts.com/fonts/bitstream/swiss-721/bold/ * * Webfont: Swiss 721 Medium by Bitstream * URL: http://www.myfonts.com/fonts/bitstream/swiss-721/medium/ * * * License: http://www.myfonts.com/viewlicense?type=web&buildid=2829981 * Licensed pageviews: 300,000 * Webfonts copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved. * * © 2014 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work */ @import url("//hello.myfonts.net/count/2b2e9d"); @font-face {font-family: 'Swiss721BT-Light';src: url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B2E9D_0_0.eot');src: url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B2E9D_0_0.eot?#iefix') format('embedded-opentype'),url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B2E9D_0_0.woff') format('woff'),url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B2E9D_0_0.ttf') format('truetype');} @font-face {font-family: 'Swiss721BT-Roman';src: url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B2E9D_1_0.eot');src: url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B2E9D_1_0.eot?#iefix') format('embedded-opentype'),url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B2E9D_1_0.woff') format('woff'),url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B2E9D_1_0.ttf') format('truetype');} @font-face {font-family: 'Swiss721BT-Italic';src: url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B2E9D_2_0.eot');src: url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B2E9D_2_0.eot?#iefix') format('embedded-opentype'),url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B2E9D_2_0.woff') format('woff'),url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B2E9D_2_0.ttf') format('truetype');} @font-face {font-family: 'Swiss721BT-Bold';src: url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B2E9D_3_0.eot');src: url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B2E9D_3_0.eot?#iefix') format('embedded-opentype'),url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B2E9D_3_0.woff') format('woff'),url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B2E9D_3_0.ttf') format('truetype');} @font-face {font-family: 'Swiss721BT-Medium';src: url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B2E9D_4_0.eot');src: url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B2E9D_4_0.eot?#iefix') format('embedded-opentype'),url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B2E9D_4_0.woff') format('woff'),url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B2E9D_4_0.ttf') format('truetype');} /* @import must be at top of file, otherwise CSS will not work */ @import url("//hello.myfonts.net/count/2b4e5d"); @font-face {font-family: 'RegisterSansBTNDm';src: url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B4E5D_0_0.eot');src: url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B4E5D_0_0.eot?#iefix') format('embedded-opentype'),url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B4E5D_0_0.woff') format('woff'),url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B4E5D_0_0.ttf') format('truetype');} @font-face {font-family: 'Swiss721TL-Thin';src: url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B4E5D_1_0.eot');src: url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B4E5D_1_0.eot?#iefix') format('embedded-opentype'),url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B4E5D_1_0.woff') format('woff'),url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B4E5D_1_0.ttf') format('truetype');} @font-face {font-family: 'Swiss721TL-ThinItalic';src: url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B4E5D_2_0.eot');src: url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B4E5D_2_0.eot?#iefix') format('embedded-opentype'),url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B4E5D_2_0.woff') format('woff'),url('https://www.faber.co.uk/skin/frontend/faber/default/css/webfonts/2B4E5D_2_0.ttf') format('truetype');} /* FILE: responsive.css */ /* GENERAL RESPONSIVE CLASSES */ /* Category Page */ .category-image img { max-width: 100%; } /* Product Images */ .product-view .product-img-box .product-image-zoom { position:relative; width:100%; overflow:hidden; z-index:9; } /* Block: Upsell */ .product-view .box-up-sell .products-grid td { width:23%; padding: 0 1%; } /* Custom Additions */ .block.block-banner img { max-width: 100%; } .products-grid .product-image { display: block; width: auto; height: auto; margin:0; text-align: center; } .products-grid .product-image img { width: 101%; height: auto; } @media only screen and (min-width: 1200px) { /* Large Display */ .page, .header, .footer { width:1180px; margin:0 auto; padding:0 10px; text-align:left; } /* Base Columns */ .col-left { float:left; width:29%; border:medium none; padding:0; margin: 0; } .col-main { float:left; width:73%; border:medium none; padding:0; } .col-right { float:right; width:24%; border:medium none; padding:0; margin: 0; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} .col2-left-layout .col-left { border: medium none; float: left; margin: 0 1% 0 0; padding: 0; width: 24%; } /* 3 Columns Layout */ .col3-layout .col-main { width:68%; margin-left:0; } .col3-layout .col-wrapper { float:left; width:75%; } .col3-layout .col-wrapper .col-main { float:right; } /* View Type: Grid */ .products-grid li.item { float: left; width: 17%; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .products-grid li.item.promo { width: 36.95% !important; } .products-grid .product-image img { width: 200px; } .sidebar .products-grid .product-image img { width: 202px; } .col2-left-layout .products-grid, .col2-right-layout .products-grid { width:100%; margin:0 auto; } .col1-layout .products-grid { width:103%; margin:0 -2% 0 -1%; } /* Product Images */ .product-view .product-img-box { width: 50%; margin: 0; } /* Product Shop */ .product-view .product-shop { float:right; width:50%; } .col1-layout .product-view .product-shop { float:right; width:50%; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals .col2-set { float:left; width:66%; } .cart .totals { float: right; width: 100%; } .col2-set .col-1 { float: left; width: 50%; } .col2-set .col-2 { float: right; width: 50%; } .checkout-cart-index .col2-set .col-2 { float: right; width: 55%; } /* Footer */ .footer ul.footer-block-a { width: 16%; } .footer ul { width: 21%; } } @media only screen and (min-width: 960px) and (max-width: 1199px) { /* Desktop */ .page, .header, .footer { width:940px; margin:0 auto; padding:0 10px; text-align:left; } /* Header */ ul.socials li { margin: 0 15px 0 0; } .header #search_mini_form #search_autocomplete { width: 185px; } /* Base Columns */ .col-left { float:left; width:29%; border:medium none; padding:0; margin: 0 1% 0 0; } .col-main { float:left; width:73%; border:medium none; padding:0 1%; } .col-right { float:right; width:24%; border:medium none; padding:0; margin: 0 0 0 1%; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} .col2-left-layout .col-left { border: medium none; float: left; margin: 0 1% 0 0; padding: 0; width: 24%; } /* 3 Columns Layout */ .col3-layout .col-main { width:68%; margin-left:0; } .col3-layout .col-wrapper { float:left; width:75%; } .col3-layout .col-wrapper .col-main { float:right; } /* View Type: Grid */ .products-grid li.item { float:left; width:17%; padding:12px 1% 80px; } li.item .stock-message { font-size: 8px; margin: -4px 0 0; max-width: 50%; } .products-grid li.item.promo { width: 36.88% !important; } .col2-left-layout .products-grid, .col2-right-layout .products-grid { width:100%; margin:0 auto; } .col1-layout .products-grid { width: 103%; margin: 0 -2% 0 -1%; } .products-grid .product-image img { width: 154px; } .sidebar .products-grid .product-image img { width: 178px; } ul.products-grid li.item .actions { bottom: 9px; } ul.products-grid li.item .short-desc, ul.products-grid li.item.no-desc .members-msg { display: none; } .share-toolbar.visible { bottom: -71px; left: -13%; } .share-toolbar li { margin: 0 7px; } ul.products-grid li.item .format { padding: 5px 0; } /* Home */ .homepage-index-index .swiper-container { height: 320px !important; } .homepage-index-index .slide > a { width: 921px; } .homepage-index-index .ffbig { margin: 10% auto; } .homepage-index-index .products-grid h4 { margin: 0 0 15px; } .homepage-index-index #newsletter-validate-detail2 .form-subscribe-header { line-height: 17px; } /* Product Images */ .product-view .product-img-box { width: 40%; margin: 0; } .product-img-box img { width: 100%; } /* Product Shop */ .product-view .product-shop { float:right; width:60%; } .col1-layout .product-view .product-shop { float:right; width:60%; } /* Author Page */ .onix-contributor-view #sidebar { width: 220px; } .onix-contributor-view .sidebar { width: 220px; padding: 0 0 20px 20px; } .onix-contributor-view .sidebar > h3 { font-size: 11px; letter-spacing: 1px; } .onix-contributor-view .products-grid li.item { width: 90%; margin: 20px 0 15px 8%; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals .col2-set { float:left; width:66%; } .cart .totals { float: right; width: 100%; } .col2-set .col-1 { float: left; width: 50%; } .col2-set .col-2 { float: right; width: 50%; } .cart .discount { width: 140%; } /* Footer */ .block-subscribe .form-subscribe-header { font-size: 12px; } .footer ul.footer-block-a { width: 12%; } .footer ul { width: 22%; } /* Account */ .box-info .col2-set { width: 100%; } .customer-account-create .account-create .fieldset { width: 30%; } } @media only screen and (min-width: 768px) and (max-width: 959px) { /* Tablets */ .page, .header, .footer { width: 100%; margin:0 auto; padding:0 15px; text-align:left; } .page { padding: 0; } /* Header */ ul.socials li { margin: 0 7px 0 0; } .header #search_mini_form #search_autocomplete { width: 115px; } /* Base Columns */ .col-left { float:left; width:29%; border:medium none; padding:0; margin: 0 1% 0 0; } .col-main { float:left; width:73%; border:medium none; padding:0; } .col-right { float:right; width:24%; border:medium none; padding:0; margin: 0 0 0 1%; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} .col2-left-layout .col-left { border: medium none; float: left; margin: 0 1% 0 0; padding: 0; width: 24%; } /* 3 Columns Layout */ .col3-layout .col-main { width:68%; margin-left:0; } .col3-layout .col-wrapper { float:left; width:75%; } .col3-layout .col-wrapper .col-main { float:right; } /* Menu */ #nav > li > ul { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; } /* View Type: Grid */ ul.products-grid li.item { float:left; width:30.3%; margin: 20px 2% 10px 1%; } .products-grid li.item.promo { width: 63.3% !important; } .col2-left-layout .products-grid, .col2-right-layout .products-grid { width:100%; margin:0 auto; } .col1-layout .products-grid { width: 103%; margin: 0 -2% 0 -1%; } ul.products-grid li.item .short-desc { height: 120px; } .products-grid .product-image img { width: 224px; } .sidebar .products-grid .product-image img { width: 161px; } .box-up-sell ul.products-grid li.item:nth-child(4), .box-up-sell ul.products-grid li.item:nth-child(5) { display: none; } .share-toolbar.visible { bottom: -76px; left: -4%; width: 90%; } .share-toolbar li { margin: 0 12px; } ul.products-grid li.item .format { padding: 5px 0; } /* Home */ .homepage-index-index .swiper-container { height: 257px !important; } .homepage-index-index .slide > a { width: 740px; } .homepage-index-index #newsletter-validate-detail2 .form-subscribe-header { line-height: 28px; padding: 37px 10% 30px; } .homepage-index-index .products-grid li.item.promo { width: 63.5% !important; } .homepage-index-index .products-grid li.item.promo.cmsblock2 { display: none; } /* Product Images */ .product-view .product-img-box { width: 35%; margin: 0; } .product-img-box img { width: 100%; } /* Product Shop */ .product-view .product-shop { float:right; width:65%; } .col1-layout .product-view .product-shop { float:right; width:65%; } .links-set { width: 120%; margin: 30px -10%; } .links-set > div .rollover { font-size: 9px; width: 100%; } /* Authors Page */ .onix-contributor-view #content { width: 100%; } .onix-contributor-view .links-set { width: 120%; margin: 30px 0; } .onix-contributor-view #sidebar { float: left; width: 100%; margin-bottom: 30px; } .onix-contributor-view .sidebar { float: left; width: 370px; padding: 0; } .onix-contributor-view ul.products-grid li.item .short-desc { height: 85px; font-size: 11px; line-height: 14px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals .col2-set { float:left; width:66%; } .cart .totals { float: right; width: 100%; } .col2-set .col-1 { float: left; width: 50%; } .col2-set .col-2 { float: right; width: 50%; } .checkout-cart-index .col2-set .col-2 { float: right; width: 55%; } .cart .discount { width: 165%; margin-left: -90px; } .cart .totals .checkout-types:before { left: 28px; } /* Footer */ .block-subscribe .form-subscribe-header { font-size: 11px; } .footer ul.footer-block-a { width: 9%; } .footer ul { width: 22%; } /* Account */ .box-info .col2-set, .col2-set.addresses-list, #my-orders-table, .my-account .pager, .col2-set.order-info-box, .wishlist-index-share .fieldset, .wishlist-index-share .buttons-set, .newsletter-manage-index .fieldset, .newsletter-manage-index .buttons-set, .customer-account-login .col2-set { width: 100%; } .box-info .box-title h3, .box-info .box-content h4 { letter-spacing: 1px; } .block-account ul { margin: 0 -20px; } .block-account li { font-size: 9px; } .customer-account-create .account-create .fieldset { width: 40%; } } @media only screen and (min-width: 481px) and (max-width: 767px) { /* Smartphones to Tablets */ .page, .header, .footer { width:460px; margin:0 auto; padding:0 10px; text-align:left; } input:focus { font-size: 16px; } /* Header */ .header-container { height: 92px; } .header-container .header { margin-top: -28px; } .header h1.logo { margin: -11px 0 0; display: inline-block; } .header a.logo { margin-top: 11px; } .header .logo img { width: 85%; margin-bottom: -46px; } .quick-access { margin: 20px 0 -30px; position: relative; } .quick-access .links li.last { position: absolute; left: 40px; } .header #search_mini_form #search_autocomplete { width: 325px; } /* Menu */ #nav, .header-container ul.socials { display: none; } #left-menu { display: block; } /* Base Columns */ .col-left { float:left; width:100%; border:medium none; padding:0; margin: 0 0 0 0; } .col-main { float:left; width:100%; border:medium none; padding:0; } .col-right { float:right; width:100%; border:medium none; padding:0; margin: 0 0 0 0; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:left; } .col2-right-layout .col-main {} .col2-left-layout .col-left { border: medium none; float: left; margin: 0 1% 0 0; padding: 0; width: 100%; } /* 3 Columns Layout */ .col3-layout .col-main { width:96%; margin-left:0; } .col3-layout .col-wrapper { float:left; width:100%; } .col3-layout .col-wrapper .col-main { float:left; } /* View Type: Grid */ ul.products-grid li.item { float:left; width:31.3%; margin: 15px 1% 0; } li.item .stock-message { font-size: 8px; margin: 5px 0 0; max-width: 100%; float: none; text-align: left;} .products-grid li.item.promo { width: 98% !important; } .col2-left-layout .products-grid, .col2-right-layout .products-grid { width:100%; margin:0 auto; } .col1-layout .products-grid { width: 102%; margin: 0 -1%; } ul.products-grid li.item .short-desc, ul.products-grid li.item.no-desc .members-msg { display: none; } ul.products-grid li.item .format { padding: 0; } ul.products-grid li.item .price-box { margin: 8px 0; font-size: 14px; } ul.products-grid li.item .actions { bottom: 6px; } .products-grid .product-image img { width: 139px; } .sidebar .products-grid .product-image img { width: 195px; } ul.products-grid li.item .info-wrap { padding: 10px; } .display-options { width: 100%; margin: 0 auto; } .display-options > div { width: 96%; } .box-up-sell ul.products-grid li.item:nth-child(4), .box-up-sell ul.products-grid li.item:nth-child(5) { display: none; } .share-toolbar.visible { bottom: -71px; left: -13%; } .share-toolbar li { margin: 0 6px; } ul.products-grid li.item .format { padding: 5px 0; } /* Home */ .homepage-index-index .swiper-container-mobile { height: 410px !important; } .homepage-index-index .ffbig { margin: 10% auto; } .homepage-index-index .products-grid h4 { margin: 0 0 20px; font-size: 12px; line-height: 18px; } .homepage-index-index #newsletter-validate-detail2 .form-subscribe-header { line-height: 12px; padding: 10px 10% 10px; font-size: 9px; } .homepage-index-index .products-grid li.item.promo { width: 64.4% !important; } .homepage-index-index .products-grid li.item.promo.cmsblock2 { display: none; } /* Product Images */ .product-view .product-img-box { width: 100%; margin: 0 0 0 0; } /* Product Shop */ .product-view .product-shop { float:left; width:100%; } .col1-layout .product-view .product-shop { float:left; width:100%; } #authors li.even img, #authors li img { float: none; width: 100%;} #authors .entry-content { width: 100%; float: none; padding: 10px 0; min-height: inherit; column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; column-gap: 20px; -webkit-column-gap: 20px; -moz-column-gap: 20px; } /* Authors Page */ .onix-contributor-view #content { width: 100%; } .onix-contributor-view .links-set { width: 120%; margin: 30px 0; } .onix-contributor-view #sidebar { float: left; width: 100%; margin-bottom: 30px; } .onix-contributor-view .sidebar { float: left; width: 98%; padding: 0; } .onix-contributor-view .sidebar ul.products-grid li.item .short-desc { height: 105px; line-height: 17px; font-size: 12px; letter-spacing: 1px; } .authors-filter a { margin-bottom: 8px; } /* List */ .category-title h1, .catalogsearch-result-index .page-title h1 { font-size: 25px; letter-spacing: 3px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals .col2-set { float:left; width:100%; } .cart .totals { float: left; width: 100%; } .col2-set .col-1 { float: left; width: 100%; } .col2-set .col-2 { float: left; width: 100%; } .checkout-cart-index .button.btn-continue, .cart #empty_cart_button, .cart .btn-update { width: 396px; float: left; } .checkout-cart-index .button.btn-continue span, .cart #empty_cart_button span, .cart .btn-update span { padding: 0 14%; } .checkout-cart-index .button.btn-proceed-checkout { width: 400px; } .checkout-cart-index .button.btn-proceed-checkout span { padding: 0 13%; } .cart .btn-update { margin: 0 0 15px 0; } .cart .title-buttons .checkout-types { border-top: 0; margin-top: -23px; padding: 27px 0 34px; margin-bottom: 10px; } #checkout-links { margin-top: -72px; } .checkout-cart-index .page-title h1:after { margin: -32px 0 39px -80px; } #shopping-cart-table thead tr th:first-child, #shopping-cart-table tbody tr td:first-child, .logged-in #shopping-cart-table thead tr th:nth-child(4), .logged-in #shopping-cart-table tbody tr td:nth-child(4) { display: none; } #shopping-cart-table.data-table td.a-center.last { left: 0.5%; margin-top: -5px; } #shopping-cart-table.data-table th { letter-spacing: 1px; } #shopping-cart-table.data-table th, #shopping-cart-table.data-table td { padding: 14px 2px; text-align: center; } #shopping-cart-table.data-table .btn-remove2 { background-position: 80% 93%; background-size: 750% !important; } .cart .discount .input-box { width: 199px; margin: 0 0 20px; } .cart .discount .input-box input { width: 190px; } .cart .totals .checkout-types:before { left: 100px; margin: -80px 0 0; } .cart .totals .checkout-types { margin: 90px 0 5px; } .checkout-cart-index .button.btn-continue span, .cart #empty_cart_button span, .cart .btn-update span { padding: 0; text-align: center; width: 100%; } /* Footer */ .block-subscribe .form-subscribe-header { font-size: 11px; letter-spacing: 0; } .block-subscribe .form-subscribe-header label { margin-top: -5px; display: block; } .footer ul.footer-block-a { display: none; } .footer ul { width: 50%; } .footer ul.socials { margin-top: 35px; } /* Account */ .block-account > .block-content { padding: 0; } .box-info .col2-set, .col2-set.addresses-list, #my-orders-table, .my-account .pager, .col2-set.order-info-box, .wishlist-index-share .fieldset, .wishlist-index-share .buttons-set, .newsletter-manage-index .fieldset, .newsletter-manage-index .buttons-set, .customer-account-login .col2-set { width: 100%; } .block-account li { font-size: 10px; padding: 0 4px 0 8px; display: block; border: 0; margin: 10px 0; } .welcome-msg p { width: 100%; } .addresses-primary h2 { margin-right: 0; } .customer-account-login .col-2.registered-users .content { margin-top: 80px; } .customer-account-login .col-1 .buttons-set { position: absolute; bottom: 0; } .customer-account-login .buttons-set, .customer-account-login .main button.button, .customer-account-login .col2-set .input-box, .customer-account-login .col2-set input { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .customer-account-login .col2-set .col-1, .customer-account-login .col2-set .col-2 { padding-right: 0; } #shopping-cart-table.data-table td:nth-child(3).a-center a { display: none; } .customer-account-create .account-create .fieldset { width: 67%; } .customer-account-login .form-list .field { width: 100%; } /* CMS */ .cms-page-view .span-50, .cms-page-view .span-33, .cms-page-view .span-25, .cms-page-view .span-20 { width: 100%; float: none !important; } .cms-page-view .std .left { padding-right: 0 !important; } .cms-page-view .std hr { margin: 0; } .cms-page-view .page-title h1 { letter-spacing: 2px; font-size: 18px; } .cms-page-view .large { font-size: 20px; line-height: 30px; } } @media only screen and (max-width: 480px) { /* Smartphones */ .page, .header, .footer { width:90%; margin:0 auto; padding:0; text-align:left; } input:focus { font-size: 16px; } /* Header */ .header-container { width: 112%; margin: 0 -6%; height: 92px; } .header-container .header { margin-top: -28px; } .header h1.logo { margin: -11px 0 0; display: inline-block; } .header a.logo { margin-top: 11px; } .header .logo img { width: 53%; margin-bottom: -39px; } .quick-access { margin: 20px 0 -30px; position: relative; } .quick-access .links li.last { position: absolute; left: 30px; top: -6px; } .header #search_mini_form #search_autocomplete { width: 175px; } #left-menu { font-size: 22px; } .header ul.links li.last a { background-position: 96% 81.6% !important; background-size: 700% !important; } .header ul.links li.first a { background-position: 36% 93.5% !important; background-size: 900% !important; margin-right: -6px; } .header ul.links li.first a::after { margin-top: -40px;} .header .search { background-position: 50% 93.4% !important; background-size: 750% !important; margin-left: 16px !important; } .header #search_mini_form.search-out button.button { background-position: 50% 93.8% !important; background-size: 750% !important; margin: -6px 0 0 16px !important; padding-top: 5px !important; } input#search { margin: -6px -6px 0 0 !important; padding-top: 5px !important; } /* Menu */ #nav, .header-container ul.socials { display: none; } #left-menu { display: block; } /* Base Columns */ .col-left { float:left; width:100%; border:medium none; padding:0; margin: 0 0 0 0; } .col-main { float:left; width:100%; border:medium none; padding:0; } .col-right { float:right; width:100%; border:medium none; padding:0; margin: 0 0 0 0; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:left; } .col2-right-layout .col-main {} .col2-left-layout .col-left { border: medium none; float: left; margin: 0 1% 0 0; padding: 0; width: 100%; } /* 3 Columns Layout */ .col3-layout .col-main { width:96%; margin-left:0; } .col3-layout .col-wrapper { float:left; width:100%; } .col3-layout .col-wrapper .col-main { float:left; } /* View Type: Grid */ .products-grid li.item { float:left; width:100%; margin: 20px 0 10px !important; } li.item .stock-message { font-size: 10px; margin: 5px 0 0; max-width: 100%; float: none; text-align: left;} .col2-left-layout .products-grid, .col2-right-layout .products-grid { width:100%; margin:0 auto; } .col1-layout .products-grid { width:100%; margin:0 auto; } .display-options > div { width: 86%; } .display-options .block-title { margin-right: 0; } .display-options .block-title:after { right: 0; } .share-toolbar.visible { bottom: -76px; left: -2%; width: 90%; } .share-toolbar li { margin: 0 10px; } ul.products-grid li.item .format { padding: 5px 0; } ul.products-grid.authors li.item .product-image img { margin: -1px 0; width: 100%; height: auto !important; } .display-options { width: 100%; } /* Home */ .homepage-index-index .col1-layout .products-grid { z-index: 1; } .homepage-index-index .homepage-message { float: left; margin-top: 20px; } .homepage-index-index .homepage-message h2 { margin-top: 14px; font-size: 12px; } .homepage-index-index .products-grid li.item.promo { width: 100% !important; } /* Product Images */ .product-view .product-img-box { width: 100%; margin: 0 0 0 0; } /* Product Shop */ .product-view .product-shop { float:left; width:100%; } .col1-layout .product-view .product-shop { float:left; width:100%; } #authors li.even img, #authors li img { float: none; width: 100%;} #authors .entry-content { width: 100%; float: none; padding: 10px 0; min-height: inherit; column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; column-gap: 20px; -webkit-column-gap: 20px; -moz-column-gap: 20px; } /* Authors Page */ .onix-contributor-view #content { width: 100%; } .onix-contributor-view .links-set { width: 120%; margin: 30px 0; } .onix-contributor-view #sidebar { float: left; width: 100%; margin-bottom: 30px; } .onix-contributor-view .sidebar { float: left; width: 100%; padding: 0; } .onix-contributor-view .sidebar #selected-wrapper { margin-bottom: 0; } .onix-contributor-view .sidebar > h3 { margin-left: 0; } .onix-contributor-view .products-grid li.item { width: 100%; } .onix-contributor-view .sidebar ul.products-grid li.item .short-desc { height: 195px; line-height: 17px; font-size: 12px; letter-spacing: 1px; } .authors-filter a { margin-bottom: 8px; } a.all-books-link { width: 92%; } /* List */ .category-title h1, .catalogsearch-result-index .page-title h1 { font-size: 25px; letter-spacing: 3px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals .col2-set { float:left; width:100%; } .cart .totals { float: left; width: 100%; } .col2-set .col-1 { float: left; width: 100%; } .col2-set .col-2 { float: left; width: 100%; } .checkout-cart-index .button.btn-continue, .cart #empty_cart_button, .cart .btn-update { width: 100%; float: left; padding: 8px 0; } .checkout-cart-index .button.btn-continue span, .cart #empty_cart_button span, .cart .btn-update span { padding: 0; text-align: center; width: 100%; } .checkout-cart-index .button.btn-proceed-checkout { width: 381px; } .checkout-cart-index .button.btn-proceed-checkout span { padding: 0; text-align: center; width: 100%; } .cart .btn-update { margin: 0 0 15px 0; } .cart .title-buttons .checkout-types { border-top: 0; margin-top: -23px; padding: 27px 0 0; margin-bottom: 0; } #checkout-links { margin-top: -72px; text-align: center; width: 110%; left: -5%; margin-left: 0; } #checkout-links a { letter-spacing: 1px; font-size: 8px; padding: 0 1px; } .checkout-cart-index .page-title h1:after { margin: -32px 0 39px -80px; } #shopping-cart-table.data-table { font-size: 90%; } #shopping-cart-table.data-table th { font-size: 9px; } #shopping-cart-table thead tr th:first-child, #shopping-cart-table tbody tr td:first-child, #shopping-cart-table thead tr th:nth-child(3), #shopping-cart-table tbody tr td:nth-child(3), #shopping-cart-table thead tr th:nth-child(4), #shopping-cart-table tbody tr td:nth-child(4), .logged-in #shopping-cart-table thead tr th:nth-child(5), .logged-in #shopping-cart-table tbody tr td:nth-child(5), #shopping-cart-table thead tr th:last-child { display: none; width: 0; } #shopping-cart-table.data-table td.a-center.last { left: 1%; margin-top: -5px; } #shopping-cart-table.data-table th { letter-spacing: 1px; } #shopping-cart-table.data-table th, #shopping-cart-table.data-table td { padding: 14px 0; width: 33%; text-align: center; } .cart .title-buttons .checkout-types li { float: none; } .checkout-cart-index .button.btn-proceed-checkout, .cart .totals .checkout-types, .cart .discount .input-box { width: 100%; padding: 8px 0; } .cart .discount .input-box input { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #shopping-cart-table.data-table .btn-remove2 { background-position: 80% 93%; background-size: 750% !important; } #shopping-cart-table.data-table h2.product-name { font-size: 11px; } #shopping-cart-table.data-table .nobr { white-space: normal !important; } .checkout-cart-index .button.btn-continue { position: static; margin-bottom: 14px; } .cart .discount .buttons-set { margin: 5px 0 15px 0; width: 100%; } #discount-coupon-form button { width: 100%; } #discount-coupon-form button span { text-align: center; width: 100%; } #discount-coupon-form .button:before { border-width: 7px 10px 7px; border-color: transparent transparent #007CAC transparent; left: 50%; top: -13px; margin-left: -5px; } .cart .totals .checkout-types:before { left: 50%; margin: -63px 0 0 -107px; background-size: 85%; } .cart .totals .checkout-types { margin: 60px 0 5px; } #shopping-cart-table.data-table td:nth-child(3).a-center a { display: none; } /* Footer */ .footer a { letter-spacing: 1px; } .block-subscribe .block-content { padding: 10px 20px; } .block-subscribe .form-subscribe-header label { display: none; } .block-subscribe .input-box { margin-top: -26px; } .block-subscribe .input-box:before { content: "Sign Up For Our Newsletter"; font-size: 11px; } .block-subscribe input#newsletter { width: 128px; margin: 0 6px 0 0; } .block-subscribe .button { padding: 3px 8px 2px; } .block-subscribe .button:before { display: none; } .block-subscribe .button span { letter-spacing: 0; font-size: 11px; } .footer-container { width: 112%; margin: 0 -6%; } .footer ul.footer-block-a { display: none; } .footer ul { width: 50%; } .footer ul.socials { width: 100%; margin-top: 22px; } /* Account */ .block-account > .block-content { padding: 0; } .box-info .col2-set, .col2-set.addresses-list, #my-orders-table, .my-account .pager, .col2-set.order-info-box, .wishlist-index-share .fieldset, .wishlist-index-share .buttons-set, .newsletter-manage-index .fieldset, .newsletter-manage-index .buttons-set, .customer-account-login .col2-set { width: 100%; } .block-account li { font-size: 10px; padding: 0 4px 0 8px; display: block; border: 0; margin: 10px 0; } .box-info .box-title h3, .box-info .box-content h4, .addresses-primary h3, .addresses-additional h3 { letter-spacing: 1px; font-size: 11px; } .box-info .box, .box-info .box-content .col-1, .box-info .box-content .col-2 { padding-right: 0; } .box-info .box-content address a:last-child, .box-info > .col2-set > .col-1 > .box > .box-title > a:last-child, .box-info > .col2-set > .col-2 > .box > .box-title > a:last-child, .addresses-primary p a:last-child, .addresses-additional p a:last-child { position: static; margin: 10px 0; display: inline-block; float: left; } .welcome-msg p, .customer-account-create .account-create .fieldset, .customer-account-create .account-create .form-list .field, .customer-account-create .account-create .form-list .input-box { width: 100%; } .box-account .box-head h2, .addresses-primary h2, .addresses-additional h2 { font-size: 12px; letter-spacing: 2px; } .addresses-primary h2 { margin-right: 0; } .customer-account-login .col-2.registered-users .content { margin-top: 80px; } .customer-account-login .col-1 .buttons-set { position: absolute; bottom: 0; } .customer-account-login .buttons-set, .customer-account-login .main button.button, .customer-account-create .account-create .form-list input, .customer-account-login .col2-set .input-box, .customer-account-login .col2-set input, .customer-account-create .account-create button.button { width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .customer-account-login .col2-set .col-1, .customer-account-login .col2-set .col-2 { padding-right: 0; } .customer-account-forgotpassword .main .form-list .input-box { width: 100%; } .customer-account-forgotpassword .main .form-list input.input-text { width: 93%; } .customer-account-forgotpassword .main button.button { width: 100%; margin-top: 20px; } .customer-account-login .form-list .field { width: 100%; } /* CMS */ .cms-page-view .span-50, .cms-page-view .span-33, .cms-page-view .span-25, .cms-page-view .span-20 { width: 100%; float: none !important; } .cms-page-view .std .left { padding-right: 0 !important; } .cms-page-view .std hr { margin: 0; } .cms-page-view .page-title h1 { letter-spacing: 2px; font-size: 18px; } .cms-page-view .large { font-size: 20px; line-height: 30px; } } /* FILE: nav.css */ @import url('https://fonts.googleapis.com/css?family=Merriweather:300i&display=swap'); @import url('https://fonts.googleapis.com/css?family=Source+Serif+Pro:400,600&display=swap'); @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700&display=swap'); @import url('https://fonts.googleapis.com/css?family=Source+Serif+Pro:400,600&display=swap'); @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700&display=swap'); @import url("//hello.myfonts.net/count/3061d0"); .blink1 { animation-name: flash; animation-duration: 0.6s; animation-timing-function: linear; animation-iteration-count: 1 } @keyframes flash { 0% { opacity: 0.0 } 100% { opacity: 1.0 } } .blink2 { animation-name: blinker; animation-delay: 0.6s; animation-duration: 0.5s; animation-timing-function: linear; animation-iteration-count: 2 } @keyframes blinker { 0% { opacity: 1.0 } 50% { opacity: 0.0 } 100% { opacity: 1.0 } } @font-face { font-family: 'FreightSansProBook-Italic'; src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_0_0.eot"); src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_0_0.eot?#iefix") format("embedded-opentype"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_0_0.woff2") format("woff2"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_0_0.woff") format("woff"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_0_0.ttf") format("truetype") } @font-face { font-family: 'FreightSansProBlack-Italic'; src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_1_0.eot"); src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_1_0.eot?#iefix") format("embedded-opentype"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_1_0.woff2") format("woff2"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_1_0.woff") format("woff"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_1_0.ttf") format("truetype") } @font-face { font-family: 'FreightSansProBold-Italic'; src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_2_0.eot"); src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_2_0.eot?#iefix") format("embedded-opentype"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_2_0.woff2") format("woff2"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_2_0.woff") format("woff"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_2_0.ttf") format("truetype") } @font-face { font-family: 'FreightSansProSemibold-Italic'; src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_3_0.eot"); src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_3_0.eot?#iefix") format("embedded-opentype"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_3_0.woff2") format("woff2"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_3_0.woff") format("woff"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_3_0.ttf") format("truetype") } @font-face { font-family: 'FreightSansProMedium-Italic'; src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_4_0.eot"); src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_4_0.eot?#iefix") format("embedded-opentype"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_4_0.woff2") format("woff2"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_4_0.woff") format("woff"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_4_0.ttf") format("truetype") } @font-face { font-family: 'FreightSansProLight-Italic'; src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_5_0.eot"); src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_5_0.eot?#iefix") format("embedded-opentype"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_5_0.woff2") format("woff2"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_5_0.woff") format("woff"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_5_0.ttf") format("truetype") } @font-face { font-family: 'FreightSansProSemibold-Regular'; src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_6_0.eot"); src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_6_0.eot?#iefix") format("embedded-opentype"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_6_0.woff2") format("woff2"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_6_0.woff") format("woff"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_6_0.ttf") format("truetype") } @font-face { font-family: 'FreightSansProLight-Regular'; src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_7_0.eot"); src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_7_0.eot?#iefix") format("embedded-opentype"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_7_0.woff2") format("woff2"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_7_0.woff") format("woff"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_7_0.ttf") format("truetype") } @font-face { font-family: 'FreightSansProBlack-Regular'; src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_8_0.eot"); src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_8_0.eot?#iefix") format("embedded-opentype"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_8_0.woff2") format("woff2"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_8_0.woff") format("woff"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_8_0.ttf") format("truetype") } @font-face { font-family: 'FreightSansProBold-Regular'; src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_9_0.eot"); src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_9_0.eot?#iefix") format("embedded-opentype"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_9_0.woff2") format("woff2"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_9_0.woff") format("woff"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_9_0.ttf") format("truetype") } @font-face { font-family: 'FreightSansProMedium-Regular'; src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_A_0.eot"); src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_A_0.eot?#iefix") format("embedded-opentype"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_A_0.woff2") format("woff2"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_A_0.woff") format("woff"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_A_0.ttf") format("truetype") } @font-face { font-family: 'FreightTextProBold-Regular'; src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_B_0.eot"); src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_B_0.eot?#iefix") format("embedded-opentype"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_B_0.woff2") format("woff2"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_B_0.woff") format("woff"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_B_0.ttf") format("truetype") } @font-face { font-family: 'FreightTextProMedium-Italic'; src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_C_0.eot"); src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_C_0.eot?#iefix") format("embedded-opentype"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_C_0.woff2") format("woff2"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_C_0.woff") format("woff"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_C_0.ttf") format("truetype") } @font-face { font-family: 'FreightTextProBook-Italic'; src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_D_0.eot"); src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_D_0.eot?#iefix") format("embedded-opentype"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_D_0.woff2") format("woff2"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_D_0.woff") format("woff"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_D_0.ttf") format("truetype") } @font-face { font-family: 'FreightTextProBook-Regular'; src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_E_0.eot"); src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_E_0.eot?#iefix") format("embedded-opentype"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_E_0.woff2") format("woff2"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_E_0.woff") format("woff"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_E_0.ttf") format("truetype") } @font-face { font-family: 'FreightTextProBlack-Regular'; src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_F_0.eot"); src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_F_0.eot?#iefix") format("embedded-opentype"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_F_0.woff2") format("woff2"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_F_0.woff") format("woff"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_F_0.ttf") format("truetype") } @font-face { font-family: 'FreightTextProSemibold-Italic'; src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_10_0.eot"); src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_10_0.eot?#iefix") format("embedded-opentype"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_10_0.woff2") format("woff2"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_10_0.woff") format("woff"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_10_0.ttf") format("truetype") } @font-face { font-family: 'FreightTextProLight-Italic'; src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_11_0.eot"); src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_11_0.eot?#iefix") format("embedded-opentype"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_11_0.woff2") format("woff2"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_11_0.woff") format("woff"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_11_0.ttf") format("truetype") } @font-face { font-family: 'FreightTextProBlack-Italic'; src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_12_0.eot"); src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_12_0.eot?#iefix") format("embedded-opentype"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_12_0.woff2") format("woff2"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_12_0.woff") format("woff"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_12_0.ttf") format("truetype") } @font-face { font-family: 'FreightTextProLight-Regular'; src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_13_0.eot"); src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_13_0.eot?#iefix") format("embedded-opentype"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_13_0.woff2") format("woff2"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_13_0.woff") format("woff"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_13_0.ttf") format("truetype") } @font-face { font-family: 'FreightTextProBold-Italic'; src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_14_0.eot"); src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_14_0.eot?#iefix") format("embedded-opentype"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_14_0.woff2") format("woff2"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_14_0.woff") format("woff"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_14_0.ttf") format("truetype") } @font-face { font-family: 'FreightTextProMedium-Regular'; src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_15_0.eot"); src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_15_0.eot?#iefix") format("embedded-opentype"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_15_0.woff2") format("woff2"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_15_0.woff") format("woff"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_15_0.ttf") format("truetype") } @font-face { font-family: 'FreightTextProSemibold-Regular'; src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_16_0.eot"); src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_16_0.eot?#iefix") format("embedded-opentype"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_16_0.woff2") format("woff2"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_16_0.woff") format("woff"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_16_0.ttf") format("truetype") } @font-face { font-family: 'FreightSansProBook-Regular'; src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_17_0.eot"); src: url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_17_0.eot?#iefix") format("embedded-opentype"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_17_0.woff2") format("woff2"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_17_0.woff") format("woff"), url("https://www.faber.co.uk/skin/frontend/faber/phase2/css/webfonts/3061D0_17_0.ttf") format("truetype") } #mobile-nav { display: none } input#search { font-family: "FreightTextProLight-Regular"; letter-spacing: 1px; width: 365px } .header #search_mini_form #search_autocomplete.search-autocomplete li { padding: 10px 7px } .cms-members .header-container.nav-up { margin-top: -96px; } .cms-members .header-container.nav-up .header:before { top: 30px; } .header-container { width: 100%; margin-left: -50%; height: 130px; background: #FFF; color: #000; position: fixed; top: 0; z-index: 9; left: 50%; transition: margin .2s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition: trans-prefix(margin, .2s cubic-bezier(0.65, 0.05, 0.36, 1), webkit); -moz-transition: trans-prefix(margin, .2s cubic-bezier(0.65, 0.05, 0.36, 1), moz); -o-transition: trans-prefix(margin, .2s cubic-bezier(0.65, 0.05, 0.36, 1), o) } .header-container .header:before { transition: all .2s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition: trans-prefix(all, .2s cubic-bezier(0.65, 0.05, 0.36, 1), webkit); -moz-transition: trans-prefix(all, .2s cubic-bezier(0.65, 0.05, 0.36, 1), moz); -o-transition: trans-prefix(all, .2s cubic-bezier(0.65, 0.05, 0.36, 1), o); margin: 100px 0 0 5px; opacity: 0; content: "3"; font-family: "FF_Icons"; text-indent: 0; position: absolute; display: block; font-size: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .header-container .quick-access { transition: margin .2s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition: trans-prefix(margin, .2s cubic-bezier(0.65, 0.05, 0.36, 1), webkit); -moz-transition: trans-prefix(margin, .2s cubic-bezier(0.65, 0.05, 0.36, 1), moz); -o-transition: trans-prefix(margin, .2s cubic-bezier(0.65, 0.05, 0.36, 1), o) } .header-container .quick-access ul.links, .header-container .quick-access #search_mini_form { transition: margin .2s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition: trans-prefix(margin, .2s cubic-bezier(0.65, 0.05, 0.36, 1), webkit); -moz-transition: trans-prefix(margin, .2s cubic-bezier(0.65, 0.05, 0.36, 1), moz); -o-transition: trans-prefix(margin, .2s cubic-bezier(0.65, 0.05, 0.36, 1), o); z-index: 9; position: relative } .header-container .quick-access #search_mini_form { z-index: 10 !important } @media (max-width: 767px) { .header-container .quick-access #search_mini_form { float: left } } .header-container p.header-block { font-family: "FreightTextProLight-Italic" !important; position: absolute; top: 50px; font-size: 21px; letter-spacing: 0.5px; max-width: 22%; text-align: left; transition: margin .2s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition: trans-prefix(margin, .2s cubic-bezier(0.65, 0.05, 0.36, 1), webkit); -moz-transition: trans-prefix(margin, .2s cubic-bezier(0.65, 0.05, 0.36, 1), moz); -o-transition: trans-prefix(margin, .2s cubic-bezier(0.65, 0.05, 0.36, 1), o) } @media (min-width: 768px) and (max-width: 959px) { .header-container p.header-block { font-size: 16px } } @media (max-width: 767px) { .header-container p.header-block { display: none } } .header-container.nav-up, .header-container.nav-up-fixed { margin-top: -66px } @media (max-width: 767px) { .header-container.nav-up, .header-container.nav-up-fixed { margin-top: 0 !important } } .header-container.nav-up .quick-access, .header-container.nav-up-fixed .quick-access { margin: -30px 0 27px } .header-container.nav-up .quick-access ul.links, .header-container.nav-up .quick-access #search_mini_form, .header-container.nav-up-fixed .quick-access ul.links, .header-container.nav-up-fixed .quick-access #search_mini_form { margin: 50px 0 -50px } .header-container.nav-up p.header-block, .header-container.nav-up-fixed p.header-block { margin-top: -10px } .header-container.nav-up .nav-container:after, .header-container.nav-up-fixed .nav-container:after { content: ""; display: block; width: 100%; height: 6px; position: absolute; box-shadow: 0px 8px 10px -2px rgba(50, 50, 50, 0.35); -webkit-box-shadow: 0px 8px 10px -2px rgba(50, 50, 50, 0.35); -moz-box-shadow: 0px 8px 10px -2px rgba(50, 50, 50, 0.35); -o-box-shadow: 0px 8px 10px -2px rgba(50, 50, 50, 0.35); margin-top: -12px } @media (max-width: 767px) { .header-container.nav-up .nav-container:after, .header-container.nav-up-fixed .nav-container:after { display: none } } .header-container.nav-up .header:before, .header-container.nav-up-fixed .header:before { font-size: 38px; opacity: 1; margin: 70px 0 0 5px } @media (max-width: 767px) { .header-container.nav-up .header:before, .header-container.nav-up-fixed .header:before { display: none } } .header-container.nav-up .home, .header-container.nav-up-fixed .home { display: block !important; position: absolute !important; left: 4px; height: 10px; margin: 0; width: 10px; top: -10px } .header-container.nav-up .home a, .header-container.nav-up-fixed .home a { padding: 10px !important; text-indent: -9999px } .header-container.nav-up .home:hover > a:before, .header-container.nav-up .home:hover > a:after, .header-container.nav-up-fixed .home:hover > a:before, .header-container.nav-up-fixed .home:hover > a:after { display: none } .header-container .nav-container { text-align: center; position: relative; height: 41px } .header-container .nav-container i.fa.fa-bars { display: none } .header-container #nav, .header-container #nav li { display: inline-block; text-transform: uppercase; letter-spacing: 2px; position: static } .header-container #nav { margin: 0; padding: 0 } @media (min-width: 481px) and (max-width: 767px) { .header-container #nav { display: none } } @media (max-width: 480px) { .header-container #nav { display: none } } .header-container #nav > li > a { color: #3A3A3A; font-size: 14px; font-family: "FreightSansProMedium-Regular"; font-weight: normal; position: relative; padding: 5px 18px 20px; outline: none !important } @media (min-width: 768px) and (max-width: 959px) { .header-container #nav > li > a { font-size: 12px; padding: 7px 10px 20px } } .header-container #nav ul li ul.level1 { display: none !important } .header-container #nav > li > ul { overflow: auto; z-index: 0; position: absolute; width: 86%; top: 60px; left: -9999px; opacity: 0; border: 0; background: transparent; padding: 20px 7% 0; column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; -o-column-count: 3 } @media (min-width: 768px) and (max-width: 959px) { .header-container #nav > li > ul { padding: 20px 0 0; width: 100% } } .header-container #nav > li > ul > li { margin-left: 15px; margin-bottom: 8px; width: 95% } .header-container #nav > li > ul > li.books-home > a { font-family: "FreightSansProSemibold-Regular" } .header-container #nav > li > ul > li.books-home > a span { border-bottom: 1px solid #BECBDD; padding-bottom: 19px; margin-bottom: 15px; display: inline-block } .header-container #nav li a:hover, .header-container #nav li.active > a { opacity: 1; color: #9EA6AF !important } .header-container #nav .home { display: none } .header-container #nav ul li { border: 0; letter-spacing: 1px } .header-container #nav ul li a { padding: 6px 0; color: #3A3A3A !important; font-size: 13px; line-height: 15px; outline: none !important } .header-container #nav ul li a:hover { position: relative; opacity: 1; color: #9DA5AE !important } .header-container #nav ul li ul li a:hover:before { left: -4px } .header-container #nav > li > ul > li > a { color: #3A3A3A !important; font-family: "FreightSansProMedium-Regular" } .header-container #nav li ul li ul li { border: 0 } .header-container #nav li ul li ul a { text-transform: none; padding-left: 10px; font-size: 12px } #left-menu { display: none; position: absolute; left: 0; color: #000; font-size: 26px; padding: 0 10px 5px 0 } #left-menu .home { display: block } span.close-nav { display: none } #nav > li > a:before { content: ""; width: 8px; height: 8px; background: #FFF; position: absolute; left: 50%; margin: 24px 0 0 -4px; border-radius: 100%; transition: background .2s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition: trans-prefix(background, .2s cubic-bezier(0.65, 0.05, 0.36, 1), webkit); -moz-transition: trans-prefix(background, .2s cubic-bezier(0.65, 0.05, 0.36, 1), moz); -o-transition: trans-prefix(background, .2s cubic-bezier(0.65, 0.05, 0.36, 1), o) } #nav > li > a:after { content: ""; width: 8px; height: 9px; background: #FFF; position: absolute; left: 50%; margin: 9px 0 0 -4px; transition: background .2s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition: trans-prefix(background, .2s cubic-bezier(0.65, 0.05, 0.36, 1), webkit); -moz-transition: trans-prefix(background, .2s cubic-bezier(0.65, 0.05, 0.36, 1), moz); -o-transition: trans-prefix(background, .2s cubic-bezier(0.65, 0.05, 0.36, 1), o) } .nav-active #nav li.level0.nav-1.first > a, #nav > li:hover > a, #nav > li.active > a, .catalog-category-view #nav > li:nth-child(1) > a, .onix-contributor-list #nav > li:nth-child(5) > a, .onix-contributor-view #nav > li:nth-child(5) > a, .post-type-archive-event #nav li.level0.nav-1:nth-child(4) > a, .blog #nav li.level0.nav-1:nth-child(6) > a, .cms-members #nav li.level0.nav-1:nth-child(7) > a, .post-type-archive-about #nav li.level0.nav-1:nth-child(8) > a { color: #9DA5AE } .nav-active #nav li.level0.nav-1.first > a:before, #nav > li:hover > a:before, #nav > li.active > a:before, .catalog-category-view #nav > li:nth-child(1) > a:before, .onix-contributor-list #nav > li:nth-child(5) > a:before, .onix-contributor-view #nav > li:nth-child(5) > a:before, .post-type-archive-event #nav li.level0.nav-1:nth-child(4) > a:before, .blog #nav li.level0.nav-1:nth-child(6) > a:before, .cms-members #nav li.level0.nav-1:nth-child(7) > a:before, .post-type-archive-about #nav li.level0.nav-1:nth-child(8) > a:before { content: ""; width: 8px; height: 8px; background: #D3DBE4; position: absolute; left: 50%; margin: 24px 0 0 -4px; border-radius: 100% } .nav-active #nav li.level0.nav-1.first > a:after, #nav > li:hover > a:after, #nav > li.active > a:after, .catalog-category-view #nav > li:nth-child(1) > a:after, .onix-contributor-list #nav > li:nth-child(5) > a:after, .onix-contributor-view #nav > li:nth-child(5) > a:after, .post-type-archive-event #nav li.level0.nav-1:nth-child(4) > a:after, .blog #nav li.level0.nav-1:nth-child(6) > a:after, .cms-members #nav li.level0.nav-1:nth-child(7) > a:after, .post-type-archive-about #nav li.level0.nav-1:nth-child(8) > a:after { content: ""; width: 8px; height: 9px; background: #D3DBE4; position: absolute; left: 50%; margin: 9px 0 0 -4px } .nav-active #nav li.level0.nav-1.first > a { color: #9DA5AE } .nav-active span.close-nav { right: 20px; position: absolute; display: block; cursor: pointer; z-index: 10; font-size: 20px; top: 158px; padding: 15px; margin: -15px } @media (max-width: 767px) { .wrapper { width: 96%; padding-left: 2%; padding-right: 2% } .page, .header, .footer { box-sizing: border-box; width: 100% } .header-container { height: 100px; width: 96%; left: 0; margin-left: 2%; margin-right: 2%; border-bottom: 3px solid #BECBDD } .header-container .header a.logo img { width: 220px; margin: 0 0 0 -110px; position: absolute; top: 30px } .header-container .header .search.sprite { margin-left: 10px !important } .header-container .header.navup .quick-access, .header-container .header .quick-access { margin: 20px 0 -30px !important; position: relative } .header-container .header.navup .quick-access ul.links li.last, .header-container .header .quick-access ul.links li.last { display: none } .header-container .header.navup .quick-access ul.links li.first a, .header-container .header .quick-access ul.links li.first a { margin-right: 8px } .header-container .header.navup .quick-access ul.links, .header-container .header.navup .quick-access #search_mini_form, .header-container .header .quick-access ul.links, .header-container .header .quick-access #search_mini_form { margin: 50px 0 -50px !important } .header-container .header.navup .quick-access #search_mini_form, .header-container .header .quick-access #search_mini_form { float: none; left: 50%; position: absolute; margin-left: -26px !important; top: 2px } .header-container .header.navup .quick-access #search_mini_form.search-out, .header-container .header .quick-access #search_mini_form.search-out { left: 0; right: 0; width: 100% } .header-container .header.navup .quick-access #search_mini_form.search-out input#search, .header-container .header .quick-access #search_mini_form.search-out input#search { width: 67% !important } .header-container .header:after { content: ""; position: absolute; width: 110%; height: 128px; background: #FFF; top: 0; z-index: -1; left: -5% } .header-container .header .nav-container i.fa.fa-bars { cursor: pointer; display: block; position: absolute; left: 8px; top: 57px; font-size: 21px; z-index: 99 } .cms-members .header-container .header .quick-access { margin: -15px 0 -30px !important; } .cms-members .header-container .header.navup .quick-access ul.links, .cms-members .header-container .header.navup .quick-access #search_mini_form, .cms-members .header-container .header .quick-access ul.links, .cms-members .header-container .header .quick-access #search_mini_form { margin: 0 !important; } .cms-members .header-container .header .nav-container i.fa.fa-bars { top: 10px; } .header-container #mobile-nav { background: #FFF; width: 104%; margin: 54px 0 0; position: fixed; height: 75%; overflow-y: scroll; text-align: left; padding: 0 15px 10px 10px; box-sizing: border-box; left: 0 } .header-container #mobile-nav > li { border-bottom: 1px solid #BECBDD; width: auto; margin-right: 10px } .header-container #mobile-nav > li > a { text-transform: uppercase; color: #3A3A3A; font-size: 16px; font-family: "FreightSansProMedium-Regular"; font-weight: normal; position: relative; padding: 18px 0 16px 15px; outline: none !important; display: inline-block; letter-spacing: 2.5px; width: 96% } .header-container #mobile-nav > li.level0.nav-1.first.level-top.parent > a > span:after { content: "+"; position: absolute; right: 10px; font-size: 40px; top: -3px; font-family: "FreightSansProLight-Regular" } .header-container #mobile-nav > li.level0.nav-1.first.level-top.parent > a.active > span:after { content: "-"; right: 10px; font-size: 70px; top: -24px } .header-container #mobile-nav li.account-link > a { padding-top: 10px !important } .header-container #mobile-nav li.divider { margin-top: 53px } .header-container #mobile-nav ul.level0 { display: none; padding: 15px 0 20px 15px; text-transform: uppercase; font-size: 14px; letter-spacing: 2px } .header-container #mobile-nav ul.level0 li { padding-bottom: 20px } .mobile-nav-active .main-container { z-index: -1 } .mobile-nav-active #mobile-nav { display: block } .mobile-nav-active #overlay { opacity: 1; width: 100%; height: 100%; position: fixed; background: #FFF; top: 0; left: 0; z-index: 8 } .mobile-nav-active .header .nav-container i.fa.fa-bars:before { content: "×"; font-family: "FreightSansProBook-Regular"; font-size: 36px; top: -11px; position: relative } } @media (min-width: 481px) and (max-width: 767px) { .header-container .header.navup .quick-access #search_mini_form.search-out input#search, .header-container .header .quick-access #search_mini_form.search-out input#search { width: 80% !important } } @media (min-width: 481px) and (max-width: 650px) { .header-container .header.navup .quick-access #search_mini_form.search-out input#search, .header-container .header .quick-access #search_mini_form.search-out input#search { width: 75% !important } } /* FILE: phase2.css */ /*---------------------------------------------------------------------------------------------------- @PHASE2 ----------------------------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------------------- @VARS ----------------------------------------------------------------------------------------------------*/ /* USAGE: @include breakpoint(min-1200){ } @include breakpoint(min-960){ } @include breakpoint(max-960){ } @include breakpoint(min-768){ } @include breakpoint(min-481){ } @include breakpoint(max-768){ } @include breakpoint(max-650){ } @include breakpoint(max-480){ } */ /* ======== Fonts ======== */ /* Sans */ /* Text */ /* line 133, ../scss/_vars.scss */ .blink1 { animation-name: flash; animation-duration: 0.6s; animation-timing-function: linear; animation-iteration-count: 1; } @keyframes flash { 0% { opacity: 0.0; } 100% { opacity: 1.0; } } /* line 143, ../scss/_vars.scss */ .blink2 { animation-name: blinker; animation-delay: 0.6s; animation-duration: 0.5s; animation-timing-function: linear; animation-iteration-count: 2; } @keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } /* line 7, ../scss/phase2.scss */ body { font-family: "FreightSansProBook-Regular"; font-size: 14px; letter-spacing: 0.5px; } /* line 12, ../scss/phase2.scss */ a { outline: none; } /* line 15, ../scss/phase2.scss */ h1, h2, h3, h4, h5, h6, .error-msg, .success-msg, .note-msg, .notice-msg { font-family: "FreightSansProBook-Regular" !important; } /* line 18, ../scss/phase2.scss */ p { font-family: "FreightTextProBook-Regular"; } /* line 21, ../scss/phase2.scss */ .clear { clear: both; } /* line 25, ../scss/phase2.scss */ .breadcrumbs li a, .breadcrumbs li strong { font-family: "FreightTextProLight-Regular" !important; } /* line 29, ../scss/phase2.scss */ .wrapper, .main-container { background: #FFF; } /* line 32, ../scss/phase2.scss */ .page { position: relative; } /* line 35, ../scss/phase2.scss */ .header { border-bottom: 2px solid #D3DBE4; position: relative; background: #FFF; box-sizing: border-box; } #nav>.home>a:before, #nav>.home>a:after { display: none !important; } .header-container.nav-up .header .nav-container #nav li a { padding: 5px 12px 20px; } @media only screen and (max-width: 768px) { .header-container .header #free-delivery-text { display: none; } .header-container .header #free-delivery-text__mobile { text-align: center; padding: 20px 0; font-size: initial; } } @media only screen and (min-width: 769px) { .header-container .header #free-delivery-text{ width: 100%; position: absolute; top: 10px; left: 5px; font-size: 12px; } .header-container .header #free-delivery-text__mobile { display: none; } } @media only screen and (min-width: 1200px) { .header-container .header #free-delivery-text, .header-container.nav-down .header #free-delivery-text { right: 0; max-width: 150px; top: 75px; left: initial; font-size: initial; } .header-container.nav-up .header #free-delivery-text { right: 0; max-width: 150px; top: 0; } } @media only screen and (max-width: 960px) { .header-container.nav-up .header .nav-container #nav { width: 75%; margin-left: 60px; } .header-container.nav-up .header .nav-container #nav li a { padding: 5px 8px 20px; } } @media only screen and (max-width: 960px){ .header { width: 100%; /* box-sizing: border-box; padding: 0 90px; */ } .header-container #nav .level0{ display: table-cell; float: left; } } @media (max-width: 767px) { .header-container #nav { display: none; } .header ul.links li.first a:after { font-size: 28px; margin: 0; top: -1px; left: 5px; } .header ul.links li.first .num { margin-top: 11px; margin-left: 1px; } .header-container .header { margin-top: 0; height: 80px; box-sizing: border-box; padding: 0 10px } .header-container .header a.logo img { width: auto; margin: 0 0 0 -45px; top: 8px; left: auto; } .header-container .header .quick-access { margin: -47px 0 -30px !important; } .header-container .header .quick-access #search_mini_form { right: 38px; margin-left: -26px !important; top: 8px; left: auto; } .header .search.sprite:after, .header #search_mini_form.search-out button.button:before { font-size: 28px; } .header-container .header:after { height: 80px; } .header-container { height: 80px; border-bottom: none; } } @media (max-width: 480px) { /* .header ul.links li.first .num { margin-top: 11px; margin-left: 1px; } */ } /* line 39, ../scss/phase2.scss */ .header ul.links li.first .num { margin-top: 12px; font-family: 'Swiss721BT-Roman', arial, sans-serif; font-size: 12px; } /* line 44, ../scss/phase2.scss */ .header a.logo { outline: none; } @media only screen and (max-width: 767px) { .header > a.logo { margin-top: 11px; } } /* line 48, ../scss/phase2.scss */ .main-container { margin-top: 135px; } @media (max-width: 767px) { /* line 48, ../scss/phase2.scss */ .main-container { margin-top: 110px; } } /* line 54, ../scss/phase2.scss */ #overlay { opacity: 0; transition: opacity 0.3s ease; -webkit-transition: trans-prefix(opacity, 0.3s ease, webkit); -moz-transition: trans-prefix(opacity, 0.3s ease, moz); -o-transition: trans-prefix(opacity, 0.3s ease, o); } /* line 59, ../scss/phase2.scss */ body.nav-active #overlay { background: #FFF; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 8; opacity: 1; transition: opacity 0.3s ease; -webkit-transition: trans-prefix(opacity, 0.3s ease, webkit); -moz-transition: trans-prefix(opacity, 0.3s ease, moz); -o-transition: trans-prefix(opacity, 0.3s ease, o); } /* line 70, ../scss/phase2.scss */ body.nav-active .nav-container:after { display: none !important; } /* line 74, ../scss/phase2.scss */ .footer-container { z-index: 1; position: relative; left: -10px; margin-top: 60px; } /* line 79, ../scss/phase2.scss */ .regular-price .price { font-weight: normal !important; } /* line 82, ../scss/phase2.scss */ .data-table th, strong, .form-list label, .sp-methods dt, b, h4 { font-weight: normal !important; font-family: "FreightTextProMedium-Regular" !important; } /* line 86, ../scss/phase2.scss */ .header .search.sprite:after { margin: -7px 0 0 5px; } /* line 89, ../scss/phase2.scss */ .header #search_mini_form.search-out button.button:before { margin: 17px 0 0 5px; } /* line 94, ../scss/phase2.scss */ ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #333; } /* line 97, ../scss/phase2.scss */ :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #333; opacity: 1; } /* line 101, ../scss/phase2.scss */ ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #333; opacity: 1; } /* line 105, ../scss/phase2.scss */ :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #333; } /* Category List */ /* line 111, ../scss/phase2.scss */ .catalog-category-view .page-title h1 { text-align: center; font-family: "FreightSansProBold-Regular" !important; text-transform: uppercase; font-size: 56px; letter-spacing: 14px; } @media (max-width: 767px) { /* line 111, ../scss/phase2.scss */ .catalog-category-view .page-title h1 { font-size: 44px; letter-spacing: 9px; padding-top: 6px; } } /* line 123, ../scss/phase2.scss */ .catalog-category-view .category-description { font-family: "FreightTextProBook-Regular"; font-size: 15px; letter-spacing: 0.5px; line-height: 24px; color: #555; margin: 20px auto 50px; max-width: 700px; text-align: center; } /* line 133, ../scss/phase2.scss */ .catalog-category-view #featured-top { position: relative; margin-bottom: 70px; padding-bottom: 10px; } /* line 137, ../scss/phase2.scss */ .catalog-category-view #featured-top:after { content: ""; position: absolute; background: #E7EBF4; width: 300%; height: 100%; top: 34px; left: -100%; z-index: -1; } /* line 149, ../scss/phase2.scss */ .catalog-category-view #new-releases .line { position: relative; margin-bottom: 35px; text-align: center; } /* line 153, ../scss/phase2.scss */ .catalog-category-view #new-releases .line h2 { display: inline-block; text-align: center; font-family: "FreightSansProBold-Regular" !important; text-transform: uppercase; font-size: 16px; letter-spacing: 4px; background: #E7EBF4; position: relative; z-index: 1; padding: 4px 12px 0; } /* line 165, ../scss/phase2.scss */ .catalog-category-view #new-releases .line:after, .catalog-category-view #new-releases .line:after { content: ''; background: #FFF; width: 100%; height: 3px; display: block; position: absolute; left: 0; top: 50%; z-index: 0; } @media (max-width: 767px) { /* line 148, ../scss/phase2.scss */ .catalog-category-view #new-releases { display: table; width: 100%; } } /* line 181, ../scss/phase2.scss */ .catalog-category-view #new-releases .featured-large { width: 50%; vertical-align: bottom; display: table-cell; } @media (max-width: 767px) { /* line 181, ../scss/phase2.scss */ .catalog-category-view #new-releases .featured-large { height: auto !important; padding-bottom: 0; margin-bottom: 0; display: inline-block; width: 48.3%; vertical-align: baseline; padding: 0; margin-left: 1.2%; } } /* line 195, ../scss/phase2.scss */ .catalog-category-view #new-releases .featured-large > a { display: table-cell; width: 46%; vertical-align: bottom; padding-bottom: 18px; } @media (max-width: 767px) { /* line 195, ../scss/phase2.scss */ .catalog-category-view #new-releases .featured-large > a { display: block; width: 100%; padding: 0 10px; box-sizing: border-box; } } /* line 206, ../scss/phase2.scss */ .catalog-category-view #new-releases .featured-large > a img { width: 100%; transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition: trans-prefix(opacity, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), webkit); -moz-transition: trans-prefix(opacity, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), moz); -o-transition: trans-prefix(opacity, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), o); box-shadow: 3px 2px 8px rgba(55, 55, 55, 0.3); -webkit-box-shadow: 3px 2px 8px rgba(55, 55, 55, 0.3); -moz-box-shadow: 3px 2px 8px rgba(55, 55, 55, 0.3); -o-box-shadow: 3px 2px 8px rgba(55, 55, 55, 0.3); } /* line 211, ../scss/phase2.scss */ .catalog-category-view #new-releases .featured-large > a:hover img { opacity: 0.99; } /* line 215, ../scss/phase2.scss */ .catalog-category-view #new-releases .featured-large .book-info { width: 53%; display: table-cell; vertical-align: bottom; box-sizing: border-box; padding: 0 30px 10px 35px; overflow: hidden; height: auto; position: relative; } @media (max-width: 767px) { /* line 215, ../scss/phase2.scss */ .catalog-category-view #new-releases .featured-large .book-info { width: 100%; display: inline-table; vertical-align: baseline; padding: 25px 20px 0 20px; transform: scale(0.9); } } /* line 231, ../scss/phase2.scss */ .catalog-category-view #new-releases .featured-large .book-info .book-title { font-family: "FreightSansProMedium-Regular"; font-size: 20px; display: block; letter-spacing: 0.5px; } /* line 237, ../scss/phase2.scss */ .catalog-category-view #new-releases .featured-large .book-info .author { font-family: "FreightSansProBook-Regular"; font-size: 15px; letter-spacing: 0.3px; } /* line 242, ../scss/phase2.scss */ .catalog-category-view #new-releases .featured-large .book-info .price-box { font-family: "FreightTextProMedium-Regular"; font-size: 18px; letter-spacing: 0.8px; width: 100%; padding: 2px 0 10px; } /* line 249, ../scss/phase2.scss */ .catalog-category-view #new-releases .featured-large .book-info .desc { font-family: "FreightTextProBook-Regular"; font-size: 15px; letter-spacing: 0.5px; line-height: 24px; color: #555; max-height: 336px; overflow: hidden; } @media (min-width: 960px) and (max-width: 1199px) { /* line 249, ../scss/phase2.scss */ .catalog-category-view #new-releases .featured-large .book-info .desc { font-size: 13px; line-height: 20px; } } @media (min-width: 768px) and (max-width: 959px) { /* line 249, ../scss/phase2.scss */ .catalog-category-view #new-releases .featured-large .book-info .desc { max-height: 184px; font-size: 13px; line-height: 20px; } } @media (max-width: 767px) { /* line 249, ../scss/phase2.scss */ .catalog-category-view #new-releases .featured-large .book-info .desc { display: none; } } /* line 269, ../scss/phase2.scss */ .catalog-category-view #new-releases .featured-large .book-info .desc b { font-family: "FreightTextProSemibold-Regular"; } /* line 273, ../scss/phase2.scss */ .catalog-category-view #new-releases .featured-large .book-info.no-feat-text:after { content: ""; position: absolute; width: 100%; height: 50px; position: absolute; bottom: 0; right: 0; background: linear-gradient(to bottom, rgba(231, 235, 244, 0) 0%, rgba(231, 235, 244, 0.51) 51%, #e7ebf4 100%); -webkit-background: linear-gradient(to bottom, rgba(231, 235, 244, 0) 0%, rgba(231, 235, 244, 0.51) 51%, #e7ebf4 100%); -moz-background: linear-gradient(to bottom, rgba(231, 235, 244, 0) 0%, rgba(231, 235, 244, 0.51) 51%, #e7ebf4 100%); -o-background: linear-gradient(to bottom, rgba(231, 235, 244, 0) 0%, rgba(231, 235, 244, 0.51) 51%, #e7ebf4 100%); } @media (max-width: 767px) { /* line 273, ../scss/phase2.scss */ .catalog-category-view #new-releases .featured-large .book-info.no-feat-text:after { display: none; } } /* line 292, ../scss/phase2.scss */ .col1-layout .col-main .category-products { width: 80%; float: right; padding-top: 30px; transition: width 0.2s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition: trans-prefix(width, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), webkit); -moz-transition: trans-prefix(width, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), moz); -o-transition: trans-prefix(width, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), o); } @media (max-width: 767px) { /* line 292, ../scss/phase2.scss */ .col1-layout .col-main .category-products { width: 100%; } } /* line 302, ../scss/phase2.scss */ .col1-layout .display-options { width: 80%; float: right; } @media (max-width: 767px) { /* line 302, ../scss/phase2.scss */ .col1-layout .display-options { width: 100%; } } @media (max-width: 767px) { /* line 308, ../scss/phase2.scss */ .col1-layout .display-options > div { width: 100%; } } /* line 313, ../scss/phase2.scss */ .col1-layout .display-options .toolbar { position: relative; } /* line 315, ../scss/phase2.scss */ .col1-layout .display-options .toolbar .pager { border-color: #D3DBE4; border-right: 0; border-left: 0; line-height: 23px; } /* line 320, ../scss/phase2.scss */ .col1-layout .display-options .toolbar .pager .limiter { width: auto; display: inline-block; float: none; font-size: 12px; } /* line 325, ../scss/phase2.scss */ .col1-layout .display-options .toolbar .pager .limiter label { font-size: 12px; font-family: "FreightSansProSemibold-Regular" !important; } @media (max-width: 650px) { /* line 325, ../scss/phase2.scss */ .col1-layout .display-options .toolbar .pager .limiter label { display: none; } } /* line 332, ../scss/phase2.scss */ .col1-layout .display-options .toolbar .pager .limiter ul { display: inline-block; padding-right: 10px; } /* line 335, ../scss/phase2.scss */ .col1-layout .display-options .toolbar .pager .limiter ul li { display: inline-block; padding: 0 5px; position: relative; } /* line 339, ../scss/phase2.scss */ .col1-layout .display-options .toolbar .pager .limiter ul li:after { content: ""; width: 1px; height: 12px; background: #CCC; position: absolute; top: 7px; margin-left: 12px; } /* line 348, ../scss/phase2.scss */ .col1-layout .display-options .toolbar .pager .limiter ul li.selected > a { color: #AAA; pointer-events: none; } /* line 355, ../scss/phase2.scss */ .col1-layout .display-options .toolbar .pager .pages { margin: 0 150px 0 0; float: right; } @media (max-width: 650px) { /* line 355, ../scss/phase2.scss */ .col1-layout .display-options .toolbar .pager .pages { margin: 0; } } /* line 361, ../scss/phase2.scss */ .col1-layout .display-options .toolbar .pager .pages strong { font-size: 12px; font-family: "FreightSansProSemibold-Regular" !important; } /* line 367, ../scss/phase2.scss */ .col1-layout .display-options .toolbar .sort-list { position: absolute; right: 0; top: 0; z-index: 9; } @media (max-width: 650px) { /* line 367, ../scss/phase2.scss */ .col1-layout .display-options .toolbar .sort-list { position: relative; } } /* line 375, ../scss/phase2.scss */ .col1-layout .display-options .toolbar .sort-list .title { padding: 8px 8px 9px; border: 1px solid #D3DBE4; margin-bottom: -1px; cursor: default; } /* line 380, ../scss/phase2.scss */ .col1-layout .display-options .toolbar .sort-list .title span.sort-label { font-family: "FreightSansProBook-Regular"; font-size: 13px; letter-spacing: 0.5px; } /* line 386, ../scss/phase2.scss */ .col1-layout .display-options .toolbar .sort-list .content > ul { height: 0; opacity: 0; background: #FFF; border: 1px solid #D3DBE4; box-shadow: 2px 5px 6px rgba(55, 55, 55, 0.1); -webkit-box-shadow: 2px 5px 6px rgba(55, 55, 55, 0.1); -moz-box-shadow: 2px 5px 6px rgba(55, 55, 55, 0.1); -o-box-shadow: 2px 5px 6px rgba(55, 55, 55, 0.1); transition: all 0 cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition: trans-prefix(all, 0 cubic-bezier(0.65, 0.05, 0.36, 1), webkit); -moz-transition: trans-prefix(all, 0 cubic-bezier(0.65, 0.05, 0.36, 1), moz); -o-transition: trans-prefix(all, 0 cubic-bezier(0.65, 0.05, 0.36, 1), o); } /* line 393, ../scss/phase2.scss */ .col1-layout .display-options .toolbar .sort-list .content > ul li { padding: 4px 10px; } /* line 395, ../scss/phase2.scss */ .col1-layout .display-options .toolbar .sort-list .content > ul li:first-child { padding-top: 10px; } /* line 398, ../scss/phase2.scss */ .col1-layout .display-options .toolbar .sort-list .content > ul li:last-child { padding-bottom: 10px; } /* line 401, ../scss/phase2.scss */ .col1-layout .display-options .toolbar .sort-list .content > ul li.current-sort { font-family: "FreightSansProBook-Italic"; font-size: 13px; opacity: 0.8; } /* line 406, ../scss/phase2.scss */ .col1-layout .display-options .toolbar .sort-list .content > ul li a { font-family: "FreightSansProBook-Regular"; font-size: 13px; display: block; } /* line 414, ../scss/phase2.scss */ .col1-layout .display-options .toolbar .sort-list.open ul { opacity: 1; height: auto; transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition: trans-prefix(all, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), webkit); -moz-transition: trans-prefix(all, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), moz); -o-transition: trans-prefix(all, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), o); } /* line 422, ../scss/phase2.scss */ .col1-layout .display-options .toolbar .amount > span { display: none; } /* line 425, ../scss/phase2.scss */ .col1-layout .display-options .toolbar .amount > strong { font-size: 18px; padding-right: 6px; font-family: "FreightSansProSemibold-Regular" !important; } /* line 433, ../scss/phase2.scss */ .col1-layout span.filter-toggle { position: absolute; margin: 0 0 0 -20%; cursor: pointer; z-index: 9; width: 20%; font-size: 14px; letter-spacing: 2px; font-family: "FreightSansProBold-Regular"; font-weight: normal; text-transform: uppercase; border-top: 1px solid #D3DBE4; border-bottom: 1px solid #D3DBE4; padding: 9px 0 8px; } /* line 447, ../scss/phase2.scss */ .col1-layout span.filter-toggle span { font-family: "FreightSansProLight-Regular"; font-size: 30px; position: absolute; right: 20px; top: -4px; transition: transform 0.2s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition: trans-prefix(transform, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), webkit); -moz-transition: trans-prefix(transform, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), moz); -o-transition: trans-prefix(transform, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), o); } @media (max-width: 767px) { /* line 433, ../scss/phase2.scss */ .col1-layout span.filter-toggle { display: none; } } /* line 459, ../scss/phase2.scss */ .col1-layout .block-layered-nav { opacity: 1; width: 20%; transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0.1s; -webkit-transition: trans-prefix(opacity, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0.1s, webkit); -moz-transition: trans-prefix(opacity, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0.1s, moz); -o-transition: trans-prefix(opacity, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0.1s, o); } /* line 463, ../scss/phase2.scss */ .col1-layout .block-layered-nav.m-top { display: none; } @media (max-width: 767px) { /* line 459, ../scss/phase2.scss */ .col1-layout .block-layered-nav { display: none; } /* line 468, ../scss/phase2.scss */ .col1-layout .block-layered-nav.m-top { display: block; width: 92%; padding: 0 4%; } /* line 472, ../scss/phase2.scss */ .col1-layout .block-layered-nav.m-top dl { width: 100% !important; min-height: 0 !important; } } /* line 481, ../scss/phase2.scss */ .col1-layout .mb-top-layered-navigation #narrow-by-list > div:last-child { height: 0; overflow: hidden; transition: height 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0.5s; -webkit-transition: trans-prefix(height, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0.5s, webkit); -moz-transition: trans-prefix(height, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0.5s, moz); -o-transition: trans-prefix(height, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0.5s, o); } /* line 487, ../scss/phase2.scss */ .col1-layout .mb-top-layered-navigation #narrow-by-list.active > div:last-child { height: 100%; overflow: hidden; } /* line 493, ../scss/phase2.scss */ .col1-layout .mb-top-layered-navigation .block-subtitle strong { width: 100%; display: block; border: 2px solid #000; padding: 12px 0; text-align: center; margin-bottom: 30px; font-family: "FreightSansProSemibold-Regular" !important; letter-spacing: 1px; font-size: 14px; cursor: pointer; } /* line 504, ../scss/phase2.scss */ .col1-layout .mb-top-layered-navigation .block-subtitle strong span:after { content: "+"; position: absolute; right: 14px; font-size: 33px; top: 0; font-family: "FreightSansProLight-Regular"; } /* line 512, ../scss/phase2.scss */ .col1-layout .mb-top-layered-navigation .block-subtitle strong.active span:after { content: "-"; right: 10px; font-size: 70px; top: -24px; } /* line 521, ../scss/phase2.scss */ .col1-layout .products-grid li.book { width: 23.5%; display: inline-block; box-sizing: border-box; padding: 0 1%; margin-right: 0.7%; } @media (max-width: 480px) { /* line 521, ../scss/phase2.scss */ .col1-layout .products-grid li.book { width: 98%; margin-right: 0; } } @media (min-width: 481px) and (max-width: 767px) { /* line 521, ../scss/phase2.scss */ .col1-layout .products-grid li.book { width: 31.5%; } /* line 528, ../scss/phase2.scss */ .col1-layout .products-grid li.book:nth-child(4) { display: none; } } /* line 537, ../scss/phase2.scss */ .col1-layout .products-grid li.book .product-image img { width: 100%; box-shadow: 3px 2px 8px rgba(55, 55, 55, 0.3); -webkit-box-shadow: 3px 2px 8px rgba(55, 55, 55, 0.3); -moz-box-shadow: 3px 2px 8px rgba(55, 55, 55, 0.3); -o-box-shadow: 3px 2px 8px rgba(55, 55, 55, 0.3); } /* line 542, ../scss/phase2.scss */ .col1-layout .products-grid li.book .product-info { display: table; width: 100%; position: relative; } @media (max-width: 480px) { /* line 542, ../scss/phase2.scss */ .col1-layout .products-grid li.book .product-info { transform: scale(0.9); padding-bottom: 20px; } } @media (min-width: 481px) and (max-width: 767px) { /* line 542, ../scss/phase2.scss */ .col1-layout .products-grid li.book .product-info { transform: scale(0.9); padding-bottom: 20px; } } /* line 554, ../scss/phase2.scss */ .col1-layout .products-grid li.book .product-info .product-name { max-width: 80%; padding: 10px 0 0; } /* line 557, ../scss/phase2.scss */ .col1-layout .products-grid li.book .product-info .product-name a { font-family: "FreightSansProMedium-Regular"; font-size: 16px; padding-top: 10px; display: block; letter-spacing: 0.5px; transition: font-size 0.2s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition: trans-prefix(font-size, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), webkit); -moz-transition: trans-prefix(font-size, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), moz); -o-transition: trans-prefix(font-size, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), o); } /* line 566, ../scss/phase2.scss */ .col1-layout .products-grid li.book .product-info a.buy { opacity: 0; position: absolute; top: 44px; right: 0; font-family: "FreightSansProSemibold-Regular"; font-size: 10px; letter-spacing: 1px; -webkit-transform: translateZ(0); transform: translateZ(0); } /* line 576, ../scss/phase2.scss */ .col1-layout .products-grid li.book .product-info a.buy i.bagblack:after { content: "1"; font-family: "FF_Icons"; text-indent: 0; position: absolute; display: block; font-size: 32px; margin: -37px 0 0 3px; font-style: normal; color: #444; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 590, ../scss/phase2.scss */ .col1-layout .products-grid li.book .product-info .author { font-family: "FreightSansProBook-Regular"; font-size: 15px; letter-spacing: 0.3px; } /* line 595, ../scss/phase2.scss */ .col1-layout .products-grid li.book .product-info .price-box { font-family: "FreightTextProMedium-Regular"; font-size: 15px; letter-spacing: 0.8px; width: auto; float: left; } /* line 602, ../scss/phase2.scss */ .col1-layout .products-grid li.book .product-info .members-msg { opacity: 0; width: auto; float: left; text-align: left; margin: 7px 0 0 10px; transition: opacity 0.3s ease; -webkit-transition: trans-prefix(opacity, 0.3s ease, webkit); -moz-transition: trans-prefix(opacity, 0.3s ease, moz); -o-transition: trans-prefix(opacity, 0.3s ease, o); } /* line 609, ../scss/phase2.scss */ .col1-layout .products-grid li.book .product-info .members-msg a, .col1-layout .products-grid li.book .product-info .members-msg span { font-family: "FreightTextProLight-Regular"; color: #6189A3; font-size: 14px; letter-spacing: 0.6px; pointer-events: all; cursor: pointer; } /* line 618, ../scss/phase2.scss */ .col1-layout .products-grid li.book .product-info .stock-message { font-family: "FreightTextProBook-Regular"; padding: 5px 0 0; clear: both; } /* line 625, ../scss/phase2.scss */ .col1-layout .products-grid li.book:hover a.buy, .col1-layout .products-grid li.book:hover .members-msg { opacity: 1; } .col1-layout .products-grid li.book:hover a.buy { display: none; } /* line 630, ../scss/phase2.scss */ .col1-layout .products-grid li.spacer { display: none; } /* line 632, ../scss/phase2.scss */ .col1-layout .products-grid li.spacer:nth-child(8n) { display: block; width: 98.6%; height: 1px; background: #D3DBE4; margin: 20px 0.2% 20px; } @media (min-width: 481px) and (max-width: 767px) { /* line 632, ../scss/phase2.scss */ .col1-layout .products-grid li.spacer:nth-child(8n) { display: none; } } @media (min-width: 481px) and (max-width: 767px) { /* line 642, ../scss/phase2.scss */ .col1-layout .products-grid li.spacer:nth-child(6n) { display: block; width: 98.6%; height: 1px; background: #D3DBE4; margin: 20px 0.2% 20px; } } /* line 655, ../scss/phase2.scss */ .pager-bottom .amount, .pager-bottom .limiter, .pager-bottom .sort-list { display: none; } /* line 658, ../scss/phase2.scss */ .pager-bottom .toolbar .pager { border: 0; } /* Manadev filters */ /* line 663, ../scss/phase2.scss */ .page #m-wait .loader { font-size: 0; padding: 10px; width: auto; text-align: center; height: auto; line-height: 0; border-radius: 100%; border: 1px solid #ddd !important; margin-left: -30px; } /* line 673, ../scss/phase2.scss */ .page #m-wait .loader img { display: block; } /* line 676, ../scss/phase2.scss */ .page #m-wait .loader br { display: none; } /* line 680, ../scss/phase2.scss */ .filter { width: 90%; } /* line 684, ../scss/phase2.scss */ .block-layered-nav .actions a { text-align: left; display: block; float: none; text-decoration: underline; font-family: "FreightSansProBook-Regular"; font-size: 13px; font-weight: normal; position: absolute; margin: -58px 0 0 103px; z-index: 9; } /* line 696, ../scss/phase2.scss */ .block-layered-nav .block-title { padding-top: 60px; } /* line 698, ../scss/phase2.scss */ .block-layered-nav .block-title strong { display: none; } /* line 702, ../scss/phase2.scss */ .block-layered-nav .block-content { padding: 10px 0; } /* line 705, ../scss/phase2.scss */ .block-layered-nav .block-content dl dt { font-size: 12px; letter-spacing: 2px; font-family: "FreightSansProBold-Regular"; font-weight: normal; text-transform: uppercase; } /* line 712, ../scss/phase2.scss */ .block-layered-nav .block-content dl dt, .block-layered-nav .block-content dl dd { border: 0; background-color: transparent; padding-left: 0; } /* line 717, ../scss/phase2.scss */ .block-layered-nav .block-content dl dd { margin-bottom: 35px; } /* line 720, ../scss/phase2.scss */ .block-layered-nav .block-content dl li { margin: 12px 0; font-family: "FreightSansProBook-Regular"; font-size: 13px; letter-spacing: 0.5px; } /* line 725, ../scss/phase2.scss */ .block-layered-nav .block-content dl li a { font-family: "FreightSansProBook-Regular"; font-size: 13px; letter-spacing: 0.5px; outline: none; } /* line 734, ../scss/phase2.scss */ .block-layered-nav .m-filter-colors.horizontal { max-width: 220px; } /* line 736, ../scss/phase2.scss */ .block-layered-nav .m-filter-colors.horizontal .m-color { float: left; margin: 0 15px 15px 0; width: 30px; height: 30px; border: 1px solid #F9F9F9; } /* line 745, ../scss/phase2.scss */ .block-layered-nav ol.m-filter-css-checkboxes li a.m-checkbox-checked { padding-left: 28px !important; margin-bottom: 7px; background: transparent url(https://www.faber.co.uk/skin/frontend/faber/phase2/images/manapro_filtercheckboxes/checkbox_checked.svg) 0 center no-repeat !important; background-size: 15px !important; } /* line 750, ../scss/phase2.scss */ .block-layered-nav ol.m-filter-css-checkboxes li a.m-checkbox-checked:hover { background: transparent url(https://www.faber.co.uk/skin/frontend/faber/phase2/images/manapro_filtercheckboxes/checkbox_checked_hover.svg) 0 center no-repeat !important; background-size: 15px !important; } /* line 755, ../scss/phase2.scss */ .block-layered-nav ol.m-filter-css-checkboxes li a.m-checkbox-unchecked { padding-left: 28px !important; margin-bottom: 7px; background: transparent url(https://www.faber.co.uk/skin/frontend/faber/phase2/images/manapro_filtercheckboxes/checkbox_unchecked.svg) 0 center no-repeat !important; background-size: 15px !important; } /* line 760, ../scss/phase2.scss */ .block-layered-nav ol.m-filter-css-checkboxes li a.m-checkbox-unchecked:hover { background: transparent url(https://www.faber.co.uk/skin/frontend/faber/phase2/images/manapro_filtercheckboxes/checkbox_unchecked_hover.svg) 0 center no-repeat !important; background-size: 15px !important; } /* line 767, ../scss/phase2.scss */ .block-layered-nav .m-option-search input { color: #333; border: 0; border-bottom: 1px solid #000; padding: 10px 5px; margin-bottom: 10px; width: 87%; font-family: "FreightSansProBook-Regular"; font-size: 13px; letter-spacing: 0.5px; } @media (max-width: 767px) { /* line 767, ../scss/phase2.scss */ .block-layered-nav .m-option-search input { width: 98%; } } /* line 781, ../scss/phase2.scss */ .block-layered-nav .m-option-search:after { content: "2"; font-family: "FF_Icons"; text-indent: 0; position: absolute; display: block; font-size: 24px; margin: -42px 0 0 84%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 767px) { /* line 781, ../scss/phase2.scss */ .block-layered-nav .m-option-search:after { margin: -42px 0 0 96%; } } /* line 796, ../scss/phase2.scss */ .block-layered-nav .m-scrollable-filter { border: 1px solid #D3DBE4; padding: 0 0 9px 13px; background: #FFF; width: 85%; } @media (max-width: 767px) { /* line 796, ../scss/phase2.scss */ .block-layered-nav .m-scrollable-filter { width: 98%; } } /* line 805, ../scss/phase2.scss */ .block-layered-nav .currently { display: none; } /* line 808, ../scss/phase2.scss */ .block-layered-nav .block-subtitle.m-filter-group { display: none; } /* line 812, ../scss/phase2.scss */ #m-wait .loader { border-color: #9EA6AF !important; border-width: 1px !important; color: #9EA6AF !important; background: #FFF !important; font-family: "FreightSansProBook-Regular" !important; font-weight: normal !important; text-transform: uppercase; font-size: 12px; letter-spacing: 0.5px; line-height: 30px; } /* line 824, ../scss/phase2.scss */ .block-layered-nav .currently li:after, .block-layered-nav .actions:after { display: none; } /* Filter toggle */ /* line 831, ../scss/phase2.scss */ body.filter-closed .col1-layout .col-main .category-products { width: 100%; transition: width 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0.1s; -webkit-transition: trans-prefix(width, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0.1s, webkit); -moz-transition: trans-prefix(width, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0.1s, moz); -o-transition: trans-prefix(width, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1) 0.1s, o); } /* line 836, ../scss/phase2.scss */ body.filter-closed .col1-layout .col-main .category-products .product-info .product-name a { font-size: 18px !important; } /* line 842, ../scss/phase2.scss */ body.filter-closed .col1-layout .col-main span.filter-toggle span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); } /* line 845, ../scss/phase2.scss */ body.filter-closed .col1-layout .col-main .block-layered-nav { opacity: 0; z-index: -1; position: absolute; transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition: trans-prefix(opacity, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), webkit); -moz-transition: trans-prefix(opacity, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), moz); -o-transition: trans-prefix(opacity, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), o); } /* line 850, ../scss/phase2.scss */ body.filter-closed .col1-layout .col-main .block-layered-nav > * { pointer-events: none; } /* line 858, ../scss/phase2.scss */ #home { padding-top: 35px; margin-bottom: 60px; } @media (min-width: 960px) and (max-width: 1199px) { /* line 858, ../scss/phase2.scss */ #home { margin-bottom: 30px; } } /* line 864, ../scss/phase2.scss */ #home .left { width: 60%; max-width: 700px; } @media (max-width: 767px) { /* line 864, ../scss/phase2.scss */ #home .left { width: 100%; } } /* line 870, ../scss/phase2.scss */ #home .left .image-wrap { background: #FFF; } /* line 872, ../scss/phase2.scss */ #home .left .image-wrap img { width: 100%; box-shadow: 0 0 6px rgba(55, 55, 55, 0.3); -webkit-box-shadow: 0 0 6px rgba(55, 55, 55, 0.3); -moz-box-shadow: 0 0 6px rgba(55, 55, 55, 0.3); -o-box-shadow: 0 0 6px rgba(55, 55, 55, 0.3); } /* line 878, ../scss/phase2.scss */ #home .right { width: 40%; } @media (max-width: 767px) { /* line 878, ../scss/phase2.scss */ #home .right { width: 100%; padding-top: 20px; } /* line 883, ../scss/phase2.scss */ #home .right .latest-box { display: none; } } @media (min-width: 768px) and (max-width: 959px) { /* line 888, ../scss/phase2.scss */ #home .right .latest-box { display: none; } } /* line 893, ../scss/phase2.scss */ #home .landing-desc { font-family: "FreightTextProBook-Regular"; font-size: 15px; letter-spacing: 0.5px; line-height: 24px; color: #555; margin: 0 25px 30px; } /* line 900, ../scss/phase2.scss */ #home .landing-desc strong { font-family: "FreightTextProSemibold-Regular" !important; } @media (max-width: 767px) { /* line 893, ../scss/phase2.scss */ #home .landing-desc { padding: 10px 0 0; } } /* line 907, ../scss/phase2.scss */ #home .latest-box { position: relative; margin-top: 70px; padding: 0 25px 10px; } /* line 911, ../scss/phase2.scss */ #home .latest-box.mobile { display: none; } @media (max-width: 767px) { /* line 911, ../scss/phase2.scss */ #home .latest-box.mobile { display: block; } } @media (min-width: 768px) and (max-width: 959px) { /* line 911, ../scss/phase2.scss */ #home .latest-box.mobile { display: block; } } /* line 923, ../scss/phase2.scss */ #home .latest-box .latest ul li a { display: block; font-size: 16px; font-family: "FreightSansProMedium-Regular"; line-height: 26px; padding: 2px 0 4px; } /* line 930, ../scss/phase2.scss */ #home .latest-box .latest ul li span { display: block; font-family: "FreightSansProBook-Italic"; border-bottom: 1px solid #BECBDD; padding-bottom: 20px; margin-bottom: 15px; } /* line 937, ../scss/phase2.scss */ #home .latest-box .latest ul li:last-child span { border: 0; } /* line 943, ../scss/phase2.scss */ #home .latest-box .line { position: relative; margin-bottom: 20px; text-align: center; } /* line 947, ../scss/phase2.scss */ #home .latest-box .line h2 { display: inline-block; text-align: center; font-family: "FreightSansProBold-Regular" !important; text-transform: uppercase; font-size: 16px; letter-spacing: 4px; background: #E7EBF4; position: relative; z-index: 1; padding: 4px 12px 0; } /* line 959, ../scss/phase2.scss */ #home .latest-box .line:after, #home .latest-box .line:after { content: ''; background: #FFF; width: 100%; height: 3px; display: block; position: absolute; left: 0; top: 50%; z-index: 0; } /* line 971, ../scss/phase2.scss */ #home .latest-box:after { content: ""; position: absolute; background: #E7EBF4; width: 600%; height: 100%; top: -30px; left: -300%; z-index: -1; padding-bottom: 50px; min-height: 330px; } @media (min-width: 960px) and (max-width: 1199px) { /* line 971, ../scss/phase2.scss */ #home .latest-box:after { min-height: 250px; } } /* line 986, ../scss/phase2.scss */ #home .latest-box ul.subcategories { columns: 2; -webkit-columns: 2; -moz-columns: 2; -o-columns: 2; } /* line 988, ../scss/phase2.scss */ #home .latest-box ul.subcategories li { margin: 15px 0; } /* line 990, ../scss/phase2.scss */ #home .latest-box ul.subcategories li a { color: #3A3A3A; text-transform: uppercase; font-size: 12px; letter-spacing: 1.5px; font-family: "FreightSansProSemibold-Regular"; font-weight: normal; position: relative; padding: 0 0 0 15px; outline: none !important; } @media (max-width: 960px) { /* line 1005, ../scss/phase2.scss */ .cms-index-index .large-products { padding-top: 20px; } } /* line 1011, ../scss/phase2.scss */ .large-products, .small-products { padding-bottom: 30px; } /* line 1013, ../scss/phase2.scss */ .large-products .line, .small-products .line { position: relative; margin-bottom: 35px; margin-top: 15px; text-align: center; } /* line 1018, ../scss/phase2.scss */ .large-products .line h2, .small-products .line h2 { display: inline-block; text-align: center; font-family: "FreightSansProBold-Regular" !important; text-transform: uppercase; font-size: 16px; letter-spacing: 4px; background: #FFF; position: relative; z-index: 1; padding: 4px 12px 0; } /* line 1030, ../scss/phase2.scss */ .large-products .line:after, .large-products .line:after, .small-products .line:after, .small-products .line:after { content: ''; background: #D3DBE4; width: 100%; height: 5px; display: block; position: absolute; left: 0; top: 50%; z-index: 0; } /* line 1043, ../scss/phase2.scss */ .large-products { padding-bottom: 30px; display: table; } @media (max-width: 767px) { /* line 1046, ../scss/phase2.scss */ .large-products .feat-wrap { display: table; } } /* line 1051, ../scss/phase2.scss */ .large-products .featured-large { width: 50%; display: table-cell; vertical-align: bottom; } @media (max-width: 767px) { /* line 1051, ../scss/phase2.scss */ .large-products .featured-large { height: auto !important; padding-bottom: 0; margin-bottom: 0; display: inline-block; width: 48.3%; vertical-align: baseline; padding: 0; margin-left: 1.2%; } /* line 1064, ../scss/phase2.scss */ .large-products .featured-large:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } } /* line 1070, ../scss/phase2.scss */ .large-products .featured-large > a { display: table-cell; width: 46%; vertical-align: bottom; padding-bottom: 18px; } @media (max-width: 767px) { /* line 1070, ../scss/phase2.scss */ .large-products .featured-large > a { display: block; width: 100%; padding: 0 10px; padding-bottom: 18px; box-sizing: border-box; } } @media (max-width: 480px) { /* line 1070, ../scss/phase2.scss */ .large-products .featured-large > a { width: 95%; margin: 0; padding: 0; display: block; } } /* line 1088, ../scss/phase2.scss */ .large-products .featured-large > a img { width: 100%; float: left; transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition: trans-prefix(opacity, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), webkit); -moz-transition: trans-prefix(opacity, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), moz); -o-transition: trans-prefix(opacity, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), o); box-shadow: 3px 2px 8px rgba(55, 55, 55, 0.3); -webkit-box-shadow: 3px 2px 8px rgba(55, 55, 55, 0.3); -moz-box-shadow: 3px 2px 8px rgba(55, 55, 55, 0.3); -o-box-shadow: 3px 2px 8px rgba(55, 55, 55, 0.3); } @media (max-width: 480px) { /* line 1088, ../scss/phase2.scss */ .large-products .featured-large > a img { float: none; } } /* line 1097, ../scss/phase2.scss */ .large-products .featured-large > a:hover img { opacity: 0.99; } /* line 1101, ../scss/phase2.scss */ .large-products .featured-large .book-info { width: 53%; display: table-cell; vertical-align: bottom; box-sizing: border-box; overflow: hidden; position: relative; padding: 0 30px 10px 35px; } @media (min-width: 768px) and (max-width: 959px) { /* line 1101, ../scss/phase2.scss */ .large-products .featured-large .book-info { padding: 0 30px 10px 25px; } } @media (max-width: 767px) { /* line 1101, ../scss/phase2.scss */ .large-products .featured-large .book-info { width: 100%; display: inline-table; vertical-align: baseline; padding: 25px 20px 0 20px; transform: scale(0.9); } } @media (max-width: 480px) { /* line 1101, ../scss/phase2.scss */ .large-products .featured-large .book-info { width: 100%; padding: 10px 0 0; } } /* line 1123, ../scss/phase2.scss */ .large-products .featured-large .book-info .book-title { font-family: "FreightSansProMedium-Regular"; font-size: 20px; display: block; letter-spacing: 0.5px; } @media (min-width: 768px) and (max-width: 959px) { /* line 1123, ../scss/phase2.scss */ .large-products .featured-large .book-info .book-title { font-size: 18px; line-height: 24px; } } /* line 1133, ../scss/phase2.scss */ .large-products .featured-large .book-info .author { font-family: "FreightSansProBook-Regular"; font-size: 15px; letter-spacing: 0.3px; } /* line 1138, ../scss/phase2.scss */ .large-products .featured-large .book-info .price-box { font-family: "FreightTextProMedium-Regular"; font-size: 18px; letter-spacing: 0.8px; width: 100%; padding: 2px 0 10px; } /* line 1145, ../scss/phase2.scss */ .large-products .featured-large .book-info .desc { font-family: "FreightTextProBook-Regular"; font-size: 15px; letter-spacing: 0.5px; line-height: 24px; color: #555; max-height: 336px; overflow: hidden; } @media (min-width: 960px) and (max-width: 1199px) { /* line 1145, ../scss/phase2.scss */ .large-products .featured-large .book-info .desc { max-height: 215px; } } @media (min-width: 768px) and (max-width: 959px) { /* line 1145, ../scss/phase2.scss */ .large-products .featured-large .book-info .desc { max-height: 144px; font-size: 13px; line-height: 20px; } } @media (max-width: 767px) { /* line 1145, ../scss/phase2.scss */ .large-products .featured-large .book-info .desc { display: none; } } /* line 1164, ../scss/phase2.scss */ .large-products .featured-large .book-info .desc b { font-family: "FreightTextProSemibold-Regular"; } /* line 1168, ../scss/phase2.scss */ .large-products .featured-large .book-info.no-feat-text:after { content: ""; position: absolute; width: 100%; height: 50px; position: absolute; bottom: 0; right: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.51) 51%, white 100%); -webkit-background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.51) 51%, white 100%); -moz-background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.51) 51%, white 100%); -o-background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.51) 51%, white 100%); } @media (max-width: 767px) { /* line 1168, ../scss/phase2.scss */ .large-products .featured-large .book-info.no-feat-text:after { display: none; } } /* line 1183, ../scss/phase2.scss */ .large-products .hr { display: inline-block; margin: 30px 0; height: 1px; width: 100%; background: #D3DBE4; } /* line 1192, ../scss/phase2.scss */ #books-home { margin-bottom: 70px; } @media (max-width: 650px) { /* line 1192, ../scss/phase2.scss */ #books-home { margin-bottom: 40px; } } /* line 1197, ../scss/phase2.scss */ #books-home .left, #books-home .right { width: 50%; } @media (max-width: 650px) { /* line 1197, ../scss/phase2.scss */ #books-home .left, #books-home .right { width: 100%; } } /* line 1202, ../scss/phase2.scss */ #books-home .left .image-wrap, #books-home .right .image-wrap { background: #FFF; } /* line 1204, ../scss/phase2.scss */ #books-home .left .image-wrap img, #books-home .right .image-wrap img { width: 100%; box-shadow: 0 0 6px rgba(55, 55, 55, 0.3); -webkit-box-shadow: 0 0 6px rgba(55, 55, 55, 0.3); -moz-box-shadow: 0 0 6px rgba(55, 55, 55, 0.3); -o-box-shadow: 0 0 6px rgba(55, 55, 55, 0.3); } /* line 1210, ../scss/phase2.scss */ #books-home .landing-desc { font-family: "FreightTextProBook-Regular"; font-size: 15px; letter-spacing: 0.5px; line-height: 24px; color: #555; margin: 0 25px 30px 35px; } @media (max-width: 650px) { /* line 1210, ../scss/phase2.scss */ #books-home .landing-desc { margin: 30px 25px 0 25px; } } /* line 1220, ../scss/phase2.scss */ #books-home .landing-desc strong { font-family: "FreightTextProSemibold-Regular" !important; } /* line 1224, ../scss/phase2.scss */ #books-home .category-box { position: relative; margin-top: 60px; padding: 0 20px; } /* line 1228, ../scss/phase2.scss */ #books-home .category-box.mobile { display: none; } @media (min-width: 768px) and (max-width: 959px) { /* line 1224, ../scss/phase2.scss */ #books-home .category-box { display: none; } /* line 1233, ../scss/phase2.scss */ #books-home .category-box.mobile { display: block; } } @media (max-width: 767px) { /* line 1224, ../scss/phase2.scss */ #books-home .category-box { display: none; } /* line 1239, ../scss/phase2.scss */ #books-home .category-box.mobile { display: block; } } /* line 1243, ../scss/phase2.scss */ #books-home .category-box .line { position: relative; margin-bottom: 10px; text-align: center; } /* line 1247, ../scss/phase2.scss */ #books-home .category-box .line h2 { display: inline-block; text-align: center; font-family: "FreightSansProBold-Regular" !important; text-transform: uppercase; font-size: 16px; letter-spacing: 4px; background: #E7EBF4; position: relative; z-index: 1; padding: 4px 12px 0; } /* line 1259, ../scss/phase2.scss */ #books-home .category-box .line:after, #books-home .category-box .line:after { content: ''; background: #FFF; width: 100%; height: 3px; display: block; position: absolute; left: 0; top: 50%; z-index: 0; } /* line 1271, ../scss/phase2.scss */ #books-home .category-box:after { content: ""; position: absolute; background: #E7EBF4; width: 600%; height: 100%; top: -30px; left: -300%; z-index: -1; padding-bottom: 40px; min-height: 325px; } /* line 1283, ../scss/phase2.scss */ #books-home .category-box ul.subcategories { padding-bottom: 25px; columns: 2; -webkit-columns: 2; -moz-columns: 2; -o-columns: 2; } @media (max-width: 650px) { /* line 1283, ../scss/phase2.scss */ #books-home .category-box ul.subcategories { columns: 1; -webkit-columns: 1; -moz-columns: 1; -o-columns: 1; } } /* line 1289, ../scss/phase2.scss */ #books-home .category-box ul.subcategories li { margin: 7px 0 7px; display: inline-block; width: 100%; } /* line 1293, ../scss/phase2.scss */ #books-home .category-box ul.subcategories li a { color: #3A3A3A; text-transform: uppercase; font-size: 12px; letter-spacing: 1.5px; font-family: "FreightSansProSemibold-Regular"; font-weight: normal; position: relative; padding: 0 0 0 15px; outline: none !important; white-space: nowrap; } /* Authors */ /* line 1310, ../scss/phase2.scss */ #authors-wrapper { padding-top: 20px; } /* line 1313, ../scss/phase2.scss */ #authors-wrapper #featured-top .author { width: 25%; float: left; text-align: center; } @media (max-width: 767px) { /* line 1313, ../scss/phase2.scss */ #authors-wrapper #featured-top .author { width: 50%; } } /* line 1320, ../scss/phase2.scss */ #authors-wrapper #featured-top .author h2.author-name { font-family: "FreightSansProBook-Regular" !important; font-size: 17px; padding: 10px 0 35px; } /* line 1325, ../scss/phase2.scss */ #authors-wrapper #featured-top .author .author-image { border-radius: 100%; position: relative; overflow: hidden; width: auto; height: auto; padding: 40%; display: inline-block; } /* line 1334, ../scss/phase2.scss */ #authors-wrapper #featured-top .author .author-image img { max-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } /* line 1347, ../scss/phase2.scss */ #authors-wrapper .authors-lists { position: relative; padding: 30px 5px; } /* line 1350, ../scss/phase2.scss */ #authors-wrapper .authors-lists li.author { display: inline-block; width: 100%; } /* line 1354, ../scss/phase2.scss */ #authors-wrapper .authors-lists .authors { display: inline-flex; width: 24%; margin: 0 0 60px; } @media (min-width: 960px) and (max-width: 1199px) { /* line 1354, ../scss/phase2.scss */ #authors-wrapper .authors-lists .authors { width: 33%; } } @media (min-width: 768px) and (max-width: 959px) { /* line 1354, ../scss/phase2.scss */ #authors-wrapper .authors-lists .authors { width: 48%; } } @media (max-width: 767px) { /* line 1354, ../scss/phase2.scss */ #authors-wrapper .authors-lists .authors { width: 100%; } } /* line 1367, ../scss/phase2.scss */ #authors-wrapper .authors-lists .authors .letter { font-size: 130px; text-transform: uppercase; margin: 0 25px 0 0; position: relative; top: -45px; min-width: 105px; font-family: "FreightTextProLight-Regular"; text-align: center; } /* line 1378, ../scss/phase2.scss */ #authors-wrapper .authors-lists .authors .author-name a { font-family: "FreightSansProBook-Regular"; font-size: 14px; padding: 0 0 12px; display: block; } @media (max-width: 767px) { /* line 1378, ../scss/phase2.scss */ #authors-wrapper .authors-lists .authors .author-name a { font-size: 12px; } } /* line 1388, ../scss/phase2.scss */ #authors-wrapper .authors-lists .authors a.show-popup { display: block; border-top: 1px solid #BECBDD; padding-top: 10px; margin-top: 6px; font-size: 11px; } /* line 1394, ../scss/phase2.scss */ #authors-wrapper .authors-lists .authors a.show-popup span { font-size: 27px; float: left; margin: -12px 8px 0 0; font-family: "FreightSansProLight-Regular"; } /* line 1402, ../scss/phase2.scss */ #authors-wrapper .authors-lists .authors-popup { display: block; position: absolute; top: 40px; left: -99999px; opacity: 0; transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition: trans-prefix(opacity, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), webkit); -moz-transition: trans-prefix(opacity, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), moz); -o-transition: trans-prefix(opacity, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), o); column-count: 4; -webkit-column-count: 4; -moz-column-count: 4; -o-column-count: 4; column-width: 25%; -webkit-column-width: 25%; -moz-column-width: 25%; -o-column-width: 25%; } @media (max-width: 767px) { /* line 1402, ../scss/phase2.scss */ #authors-wrapper .authors-lists .authors-popup { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; -o-column-count: 2; column-width: 50%; -webkit-column-width: 50%; -moz-column-width: 50%; -o-column-width: 50%; padding: 0 20px; font-size: 14px; } } /* line 1417, ../scss/phase2.scss */ #authors-wrapper .authors-lists .authors-popup.show { left: 0; right: 0; z-index: 9; opacity: 1; } /* line 1422, ../scss/phase2.scss */ #authors-wrapper .authors-lists .authors-popup.show span.close-authors { position: absolute; top: -30px; right: -20px; font-size: 24px; cursor: pointer; padding: 20px; } /* line 1430, ../scss/phase2.scss */ #authors-wrapper .authors-lists .authors-popup.show .letter { text-align: left; } /* line 1435, ../scss/phase2.scss */ #authors-wrapper .authors-lists #authors-overlay { position: absolute; z-index: -1; background: #FFF; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; transition: opacity 0.2s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-transition: trans-prefix(opacity, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), webkit); -moz-transition: trans-prefix(opacity, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), moz); -o-transition: trans-prefix(opacity, 0.2s cubic-bezier(0.65, 0.05, 0.36, 1), o); } /* line 1449, ../scss/phase2.scss */ .author-popup-active #authors-overlay { opacity: 1 !important; position: absolute !important; z-index: 1 !important; } /* New PDP */ .catalog-product-view .page { padding: 0; } .catalog-product-view .breadcrumbs { display: none; } .catalog-product-view .wrapper { padding-left: 20px; padding-right: 20px; width: calc(100% - 40px); } @media only screen and (min-width: 960px) { .catalog-product-view .main { margin: 0 auto; max-width: 930px; } } .catalog-product-view .col1-layout .product-view { letter-spacing: normal; } @media only screen and (min-width: 768px) { .catalog-product-view .col1-layout .product-view { padding-top: 8px; } } @media only screen and (min-width: 768px) and (max-width: 960px) { .catalog-product-view .col1-layout .product-view .more-views { transform: translateX(-100%); } } @media only screen and (min-width: 960px) and (max-width: 1199px) { .catalog-product-view .col1-layout .product-view .more-views { transform: translateX(-100%); } } @media only screen and (min-width: 1199px) { .catalog-product-view .col1-layout .product-view .more-views { transform: translate(-150%, 10%); } } @media only screen and (min-width: 960px) { .catalog-product-view .col1-layout .product-view { padding-top: 38px; } } .catalog-product-view .col1-layout .product-view .product-essential .product-shop .buy-online-retailers { display: block; height: 50px; margin: 0; transition: all, ease, .3s; width: 50%; } .catalog-product-view .col1-layout .product-view .product-essential .product-shop .buy-online-retailers:hover { opacity: .7; } .catalog-product-view .col1-layout .product-view .product-essential .product-shop .buy-online-retailers::after { background: transparent url('https://www.faber.co.uk/skin/frontend/faber/phase2/images/buy-now-arrow.png') no-repeat center; background-size: contain; border: none; content: ''; height: 6px; top: 22px; right: calc(50 - 74px); width: 10px; } .catalog-product-view .col1-layout .product-view .product-essential .product-shop .buy-online-retailers select#buy-online-retailers { background: #5E61A5; font-family: "FreightSansProBook-Regular"; font-size: 14px; font-weight: 600; width: 100%; letter-spacing: normal; margin: 0; padding: 0 40px; height: 50px; text-align: center; text-align-last: center; } .catalog-product-view .col1-layout .product-view .product-essential .product-shop .buy-online-retailers { width: 160px; } .catalog-product-view .col1-layout .product-view .carousel { background: transparent; margin: 0; padding-bottom: 0; } .catalog-product-view .col1-layout .product-view .schema-tag { display: none; } .catalog-product-view .col1-layout .product-view .product-img-box { position: relative; margin-bottom: 17px; margin-top: -12px; } @media only screen and (min-width: 768px) { .catalog-product-view .col1-layout .product-view .product-img-box { padding-right: 10px; margin-top: 0; width: calc(50% - 5px); } .catalog-product-view .col1-layout .product-view .product-img-box.thumbs-active { transform: translateX(5%); } .catalog-product-view .col1-layout .product-view .product-img-box.thumbs-active .carousel { transform: translateX(25%); } } @media only screen and (min-width: 960px) { .catalog-product-view .col1-layout .product-view .product-img-box { padding-right: 15px; width: calc(50% - 8px); transform: translateX(0%); } .catalog-product-view .col1-layout .product-view .product-img-box.thumbs-active { transform: translateX(0%); } .catalog-product-view .col1-layout .product-view .product-img-box.thumbs-active .carousel { transform: translateX(20%); } } @media only screen and (min-width: 1200px) { .catalog-product-view .col1-layout .product-view .product-img-box { padding-right: 15px; width: calc(50% - 8px); } .catalog-product-view .col1-layout .product-view .product-img-box.thumbs-active { transform: translateX(20%); } .catalog-product-view .col1-layout .product-view .product-img-box.thumbs-active .carousel { transform: translateX(-10%); } } .catalog-product-view .col1-layout .product-view .slider-container { margin-bottom: 20px; margin-top: 20px; } @media only screen and (min-width: 768px) { .catalog-product-view .col1-layout .product-view .slider-container { height: auto; } } .catalog-product-view .col1-layout .product-view .slider-slide { padding: 0; } .catalog-product-view .col1-layout .product-view .slider-slide img { width: 55%; } .catalog-product-view .col1-layout .product-view .product-img-box.thumbs-active .slider-slide img { width: 100%; } @media only screen and (min-width: 1200px) { .catalog-product-view .col1-layout .product-view .product-img-box.thumbs-active .slider-slide img { width: 80%; } } .catalog-product-view .col1-layout .product-view .carousel .slick-track { display: flex; align-items: center; } .catalog-product-view .col1-layout .product-view .carousel .slick-track .slick-slide { width: auto !important; margin: auto; } .catalog-product-view .col1-layout .product-view .product-shop { margin: 0; padding: 0; text-align: left; } @media only screen and (min-width: 768px) { .catalog-product-view .col1-layout .product-view .product-shop { padding-left: 10px; width: calc(50% - 5px); } } @media only screen and (min-width: 960px) { .catalog-product-view .col1-layout .product-view .product-shop { padding-left: 15px; width: calc(50% - 7px); } } .catalog-product-view .col1-layout .product-view .product-shop .stock-message, .catalog-product-view .col1-layout .product-view .product-shop .members-msg, .catalog-product-view .col1-layout .product-view .product-shop .stock-message { display: none; } .catalog-product-view .col1-layout .product-view .product-essential { background: transparent; margin: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; } /* line 1466, ../scss/phase2.scss */ .catalog-product-view .col1-layout .product-view .product-essential .product-shop { border: 0; } .catalog-product-view .col1-layout .product-view .product-essential .product-shop .pdp-members-only { color: #5E61A5; font-family: "FreightSansProBook-Regular"; font-weight: bold; font-size: 12px; height: 40px; line-height: 16px; margin-bottom: 8px; text-transform: uppercase; } .catalog-product-view .col1-layout .product-view .product-essential .product-shop .pdp-members-only img { background-color: #5E61A5; padding: 8px; width: 15px; height: 15px; margin-right: 10px; border-radius: 50%; transform: translateY(9px); } @media only screen and (min-width: 768px) { .catalog-product-view .col1-layout .product-view .product-essential .product-shop .pdp-members-only { height: 32px; margin-bottom: 18px; margin-top: -8px; } } .catalog-product-view .col1-layout .product-view .product-essential .product-shop .product-name h1 { color: #000; font-family: "FreightSansProMedium-Regular" !important; font-size: 28px; font-weight: 600 !important; letter-spacing: normal; line-height: 37px; margin: 0 0 6px 0; text-align: left; } @media only screen and (min-width: 768px) { .catalog-product-view .col1-layout .product-view .product-essential .product-shop .product-name h1 { font-size: 36px; line-height: 45px; margin-top: 0; } } .catalog-product-view .col1-layout .product-view .product-essential .product-shop .author { color: #999; font-size: 16px; font-family: "Source Serif Pro", serif; letter-spacing: normal; line-height: 26px; margin-bottom: 18px; text-align: left; } .catalog-product-view .col1-layout .product-view .product-essential .product-shop .author::before { content: 'by'; display: inline-block; } @media only screen and (min-width: 960px) { .catalog-product-view .col1-layout .product-view .product-essential .product-shop .author { margin-bottom: 24px; } } .catalog-product-view .col1-layout .product-view .product-essential .product-shop .price-box { display: none; } /* line 1471, ../scss/phase2.scss */ .catalog-product-view .col1-layout .product-view .product-essential .product-shop .members-msg { font-family: "FreightTextProBook-Regular"; font-size: 15px; letter-spacing: 0.5px; border-bottom: 1px solid #BECBDD; padding-bottom: 20px; } /* line 1478, ../scss/phase2.scss */ .catalog-product-view .col1-layout .product-view .product-essential .product-shop .short-description { font-family: "FreightTextProBook-Regular"; font-size: 15px; letter-spacing: 0.5px; line-height: 24px; color: #555; margin-bottom: 0; padding-bottom: 0; } /* line 1486, ../scss/phase2.scss */ .catalog-product-view .col1-layout .product-view .product-essential .product-shop .short-description .std { max-height: 75px; } /* line 1488, ../scss/phase2.scss */ .catalog-product-view .col1-layout .product-view .product-essential .product-shop .short-description .std:after, .catalog-product-view .col1-layout .product-view .product-essential .product-shop .short-description .std:before { display: none; } /* line 1493, ../scss/phase2.scss */ .catalog-product-view .col1-layout .product-view .product-essential .product-shop .about-the-book-title h2 { color: #9EA0C9; font-family: "FreightSansProMedium-Regular" !important; font-size: 11px; font-weight: bold !important; margin: 18px 0 6px; text-transform: uppercase; } @media only screen and (min-width: 768px) { .catalog-product-view .col1-layout .product-view .product-essential .product-shop .about-the-book-title h2 { margin-top: 24px; } } .catalog-product-view .col1-layout .product-view .product-essential .product-shop .description { font-family: "Source Serif Pro", serif !important; font-size: 16px; line-height: 26px; margin-bottom: 30px; max-height: 110px; overflow: hidden; position: relative; transition: max-height .3s; } .catalog-product-view .col1-layout .product-view .product-essential .product-shop .description p { margin-bottom: 7px; } .catalog-product-view .col1-layout .product-view .product-essential .product-shop .read-more-cart-grid { display: flex; margin-bottom: 30px; } @media only screen and (min-width: 768px) { .catalog-product-view .col1-layout .product-view .product-essential .product-shop .read-more-cart-grid { margin-bottom: 48px; } } @media only screen and (min-width: 960px) { .catalog-product-view .col1-layout .product-view .product-essential .product-shop .read-more-cart-grid { margin-bottom: 60px; } } .catalog-product-view .col1-layout .product-view .product-essential .product-shop .read-more-btn { border: 1px solid #DEDFED; color: #5E61A5; font-size: 14px; font-family: "FreightSansProBook-Regular"; font-weight: 600; height: 50px; margin: 0 5px 0 0; text-transform: uppercase; transition: all, ease, 0.3s; width: 50%; } @media only screen and (min-width: 960px) { .catalog-product-view .col1-layout .product-view .product-essential .product-shop .read-more-btn { width: 160px; } } .catalog-product-view .col1-layout .product-view .product-essential .product-shop .read-more-btn:hover { opacity: 0.7; } .catalog-product-view .col1-layout .product-view .product-essential .product-shop .add-to-cart { margin: 0 0 0 5px; width: 50%; } /* line 1496, ../scss/phase2.scss */ .catalog-product-view .col1-layout .product-view .product-essential .product-shop .add-to-cart button.button { background: #5E61A5; width: 100%; float: none; margin: 0; padding: 0; height: 50px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; } @media only screen and (min-width: 960px) { .catalog-product-view .col1-layout .product-view .product-essential .product-shop .add-to-cart button.button { width: 160px; } } /* line 1504, ../scss/phase2.scss */ .catalog-product-view .col1-layout .product-view .product-essential .product-shop .add-to-cart button.button:hover { background: #4b4d85; } /* line 1507, ../scss/phase2.scss */ .catalog-product-view .col1-layout .product-view .product-essential .product-shop .add-to-cart button.button span span { font-family: "FreightSansProBook-Regular"; font-size: 14px; font-weight: 600; letter-spacing: normal; } /* line 1510, ../scss/phase2.scss */ .catalog-product-view .col1-layout .product-view .product-essential .product-shop .add-to-cart button.button span span:after, .catalog-product-view .col1-layout .product-view .product-essential .product-shop .add-to-cart button.button span span:before { display: none; } .catalog-product-view .col1-layout .product-view .product-essential .product-shop .not-member::before { background: url('https://www.faber.co.uk/skin/frontend/faber/default/images/padlock.svg') no-repeat center; background-size: contain; content: ''; display: inline-block !important; height: 16px; margin: 0 15px 0 0; transform: translateY(3px); width: 12px; } /* line 1516, ../scss/phase2.scss */ .catalog-product-view .col1-layout .product-view .product-essential .product-shop .price-box .price { font-family: "FreightSansProBook-Regular" !important; font-size: 22px; } /* line 1520, ../scss/phase2.scss */ .catalog-product-view .col1-layout .product-view .product-essential .product-shop .checkout-link { width: 100%; margin: 10px 0 0; padding: 11px 0; font-size: 14px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; } /* line 1528, ../scss/phase2.scss */ .catalog-product-view .col1-layout .product-view .product-essential .product-shop .info-box { border-top: 1px solid #EFEFF6; border-bottom: 1px solid #EFEFF6; display: table; padding: 18px 0 6px; width: 100%; } .catalog-product-view .col1-layout .product-view .product-essential .product-shop .info-box > div { width: 50%; float: left; height: auto; } /* line 1533, ../scss/phase2.scss */ .catalog-product-view .col1-layout .product-view .product-essential .product-shop .info-box > div.tl, .catalog-product-view .col1-layout .product-view .product-essential .product-shop .info-box > div.tr { line-height: 75px; } /* line 1548, ../scss/phase2.scss */ .catalog-product-view .col1-layout .product-view .product-essential .product-shop .info-box > div .info span { display: block; letter-spacing: normal; margin-bottom: 12px; font-family: "Source Serif Pro", serif; } @media only screen and (min-width: 960px) { .catalog-product-view .col1-layout .product-view .product-essential .product-shop .info-box > div .info span { float: left; width: 50%; } } /* line 1553, ../scss/phase2.scss */ .catalog-product-view .col1-layout .product-view .product-essential .product-shop .info-box > div .info span strong { color: #9EA0C9; font-family: "FreightSansProMedium-Regular" !important; font-size: 11px; font-weight: bold !important; text-transform: uppercase; } .catalog-product-view .col1-layout .product-view #authors { letter-spacing: normal; margin-top: 0; position: relative; } .catalog-product-view .col1-layout .product-view #authors::after { content: ''; position: absolute; background: #EFEFF6; width: calc(100% + 26% + 6px); margin-left: calc(-13% - 3px); margin-right: calc(-13% - 3px); height: 100%; top: 0; left: 0; z-index: -1; } .catalog-product-view .col1-layout .product-view #authors li:not(:first-of-type) { border-bottom: 1px solid #DEDFED; } .catalog-product-view .col1-layout .product-view #authors .entry-content { color: #000; font-size: 16px; letter-spacing: normal; line-height: 26px; padding: 0; } .catalog-product-view .col1-layout .product-view #authors .entry-content p { font-family: "Source Serif Pro", serif; letter-spacing: normal; } .catalog-product-view .col1-layout .product-view #authors h4 { border: 0; color: #000; font-family: "FreightSansProMedium-Regular" !important; font-size: 36px; font-weight: 600 !important; margin: 18px 0 12px; letter-spacing: normal; line-height: 45px; padding: 0; text-align: left; } .catalog-product-view .col1-layout .product-view #authors .author-img-wrap { border-radius: 0; margin: 30px 0 0 0; } .catalog-product-view .col1-layout .product-view #authors .author-image { width: 70%; position: relative; padding-top: 70%; height: auto; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; overflow: hidden; float: left; } .catalog-product-view .col1-layout .product-view #authors .author-image img { min-width: 100%; min-height: 100%; max-height: 100%; width: auto !important; margin: 0 !important; max-width: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .catalog-product-view .footer-tags { display: none; } @media (max-width: 650px) { .catalog-product-view .col1-layout .product-view #authors .author-image { width: 90%; padding-top: 90%; margin-bottom: 30px; } } .catalog-product-view .col1-layout .product-view #authors a.author-image:hover { opacity: 0.8; } .catalog-product-view .col1-layout .product-view #authors .author-twitter-button { border: 1px solid #DEDFED; color: #5E61A5; display: inline-block; font-size: 11px; font-family: "Source Sans Pro", serif; font-weight: bold; height: 18px; line-height: 18px; margin-bottom: 30px; padding: 10px 25px; text-align: center; text-transform: uppercase; } @media only screen and (min-width: 768px) { .catalog-product-view .col1-layout .product-view #authors { padding-top: 61px; } .catalog-product-view .col1-layout .product-view #authors .entry-content { column-count: inherit; display: block; min-height: auto; } .catalog-product-view .col1-layout .product-view #authors .author-img-wrap { margin-bottom: 47px; margin-top: 0; padding-right: 10px; width: calc(50% - 10px); } .catalog-product-view .col1-layout .product-view #authors h4 { font-size: 36px; line-height: 45px; margin: 0 0 12px; } .catalog-product-view .col1-layout .product-view #authors .author-details-wrap { float: right; padding-left: 10px; width: calc(50% - 10px); } .catalog-product-view .col1-layout .product-view #authors .author-details-wrap.wrap-full-width { padding: 0 !important; width: 100% !important; } .catalog-product-view .col1-layout .product-view #authors .author-twitter-button { margin-bottom: 47px; } } @media only screen and (min-width: 960px) { .catalog-product-view .col1-layout .product-view #authors { padding-top: 73px; } .catalog-product-view .col1-layout .product-view #authors .author-img-wrap { margin-bottom: 60px; padding-right: 8px; width: calc(50% - 8px); } .catalog-product-view .col1-layout .product-view #authors .author-details-wrap { padding-left: 15px; width: calc(50% - 23px); } .catalog-product-view .col1-layout .product-view #authors .author-twitter-button { margin-bottom: 60px; } } .catalog-product-view .col1-layout .product-view .product-reviews { border-top: 1px solid #DEDFED; letter-spacing: normal; padding-top: 30px; position: relative; } .catalog-product-view .col1-layout .product-view .product-reviews::after { content: ''; position: absolute; background: #EFEFF6; width: calc(100% + 26% + 6px); margin-left: calc(-13% - 3px); margin-right: calc(-13% - 3px); height: calc(100% + 1px); top: -1px; left: 0; z-index: -1; } .catalog-product-view .col1-layout .product-view .product-reviews .product-review-body { font-family: 'Merriweather', serif; font-weight: 300; font-size: 14px; font-style: italic; line-height: 30px; } .catalog-product-view .col1-layout .product-view .product-reviews .product-review-author { color: #7E80B7; font-family: "Source Sans Pro", serif; font-size: 11px; font-weight: bold; line-height: 16px; margin: 12px 0 24px; text-transform: uppercase; } @media only screen and (min-width: 768px) { .catalog-product-view .col1-layout .product-view .product-reviews { padding-top: 48px; } } @media only screen and (min-width: 960px) { .catalog-product-view .col1-layout .product-view .product-reviews { text-align: center; } } .catalog-product-view .col1-layout .books-by-author { letter-spacing: normal; padding: 30px 0; position: relative; } .catalog-product-view .col1-layout .books-by-author h4 { color: #000; font-family: "FreightSansProMedium-Regular" !important; font-size: 20px; font-weight: 600 !important; line-height: 29px; margin: 0 0 3px; } .catalog-product-view .col1-layout .books-by-author .out-now__product { margin-bottom: 0; margin-top: 15px; } .catalog-product-view .col1-layout .books-by-author a.out-now__product__overlay span { font-family: "FreightSansProMedium-Regular"; font-weight: bold; height: 10px; left: 10px; line-height: 12px; padding-left: 15px; padding-right: 15px; top: calc(64% - 26px); } .catalog-product-view .col1-layout .books-by-author p.out-now__product__name { font-family: "FreightSansProMedium-Regular"; font-size: 16px; line-height: 22px; } .catalog-product-view .col1-layout .books-by-author p.out-now__product__author { font-family: "FreightSansProMedium-Regular"; margin-top: 6px; } .catalog-product-view .col1-layout .books-by-author .books-by-author-list { display: flex; flex-wrap: wrap; } @media only screen and (min-width: 768px) { .catalog-product-view .col1-layout .books-by-author { padding-top: 48px; } .catalog-product-view .col1-layout .books-by-author h4 { margin-bottom: 30px; } .catalog-product-view .col1-layout .books-by-author .books-by-author-list { margin: 0 -10px; width: calc(100% + 20px); } .catalog-product-view .col1-layout .books-by-author a.out-now__product__overlay span { left: 30px; /*top: 64%;*/ } .catalog-product-view .col1-layout .books-by-author .out-now__product { margin: 0; padding: 0 10px; width: calc(33.333% - 20px); } .catalog-product-view .col1-layout .books-by-author .out-now__product:nth-of-type(4) { display: none; } .catalog-product-view .col1-layout .books-by-author p.out-now__product__name { font-size: 20px; line-height: 29px; } .catalog-product-view .col1-layout .books-by-author p.out-now__product__author { font-size: 14px; line-height: 26px; } } @media only screen and (min-width: 960px) { .catalog-product-view .col1-layout .books-by-author .books-by-author-list { margin: 0 -15px; width: calc(100% + 30px); } .catalog-product-view .col1-layout .books-by-author .out-now__product { padding: 0 15px; width: calc(25% - 30px); } .catalog-product-view .col1-layout .books-by-author .out-now__product:nth-of-type(4){ display: block; } .catalog-product-view .col1-layout .books-by-author a.out-now__product__overlay span { top: 55%; } } @media only screen and (max-width: 1199px) and (min-width: 960px) { /* line 1587, ../scss/phase2.scss */ .catalog-product-view .col1-layout .product-view .product-img-box.thumbs-active { width: 30%; margin: 0 0 0 10%; } } @media only screen and (max-width: 959px) and (min-width: 768px) { /* line 1593, ../scss/phase2.scss */ .catalog-product-view .col1-layout .product-view .product-img-box.thumbs-active { width: 27%; margin: 0 0 0 8%; } /* line 1596, ../scss/phase2.scss */ .catalog-product-view .col1-layout .product-view .product-img-box.thumbs-active .swiper-container.thumbs-active { height: 380px; min-height: 380px; } } @media only screen and (max-width: 767px) { /* line 1603, ../scss/phase2.scss */ .catalog-product-view .col1-layout .swiper-container { min-height: 115vw !important; } /* line 1605, ../scss/phase2.scss */ .catalog-product-view .col1-layout .swiper-container.thumbs-active { margin-left: 12%; width: 93%; } /* line 1610, ../scss/phase2.scss */ .catalog-product-view .col1-layout .more-views { top: 56px !important; } } /* line 1614, ../scss/phase2.scss */ .catalog-product-view .col1-layout .carousel { overflow: hidden; padding-bottom: 20px; } /* line 1617, ../scss/phase2.scss */ .catalog-product-view .col1-layout .carousel .swiper-container { overflow: visible; min-height: 550px; } /* line 1622, ../scss/phase2.scss */ .catalog-product-view .col1-layout .carousel .swiper-container .swiper-slide .slide img { box-shadow: 3px 2px 8px rgba(55, 55, 55, 0.3); -webkit-box-shadow: 3px 2px 8px rgba(55, 55, 55, 0.3); -moz-box-shadow: 3px 2px 8px rgba(55, 55, 55, 0.3); -o-box-shadow: 3px 2px 8px rgba(55, 55, 55, 0.3); } /* line 1628, ../scss/phase2.scss */ .catalog-product-view .col1-layout .carousel .pagination { display: none !important; } /* line 1632, ../scss/phase2.scss */ .catalog-product-view .col1-layout .more-views { position: absolute; top: 0; left: 0; width: 60px; z-index: 99; } /* line 1638, ../scss/phase2.scss */ .catalog-product-view .col1-layout .more-views li { padding: 0; margin: 0 0 12px 4px; } /* line 1644, ../scss/phase2.scss */ .catalog-product-view .col1-layout .box-up-sell .line { position: relative; margin-bottom: 35px; text-align: center; } /* line 1648, ../scss/phase2.scss */ .catalog-product-view .col1-layout .box-up-sell .line h4 { display: inline-block; text-align: center; font-family: "FreightSansProBold-Regular" !important; text-transform: uppercase; font-size: 16px; letter-spacing: 4px; background: #FFF; position: relative; z-index: 1; padding: 4px 12px 0; border: 0; margin: 0; } /* line 1662, ../scss/phase2.scss */ .catalog-product-view .col1-layout .box-up-sell .line:after, .catalog-product-view .col1-layout .box-up-sell .line:after { content: ''; background: #E7EBF4; width: 100%; height: 3px; display: block; position: absolute; left: 0; top: 50%; z-index: 0; } /* line 1849, ../scss/phase2.scss */ .catalog-product-view .box-collateral.box-up-sell { margin-bottom: 100px; } /* line 1852, ../scss/phase2.scss */ .catalog-product-view #related-media { border-bottom: 1px solid #DEDFED; margin-top: 30px; margin-bottom: 0; clear: both; } .catalog-product-view #related-media h4 { border: 0; color: #000; font-family: "FreightSansProMedium-Regular" !important; font-size: 20px; font-weight: 600 !important; letter-spacing: normal; line-height: 29px; margin: 0 0 18px; padding: 0; text-align: left; text-transform: initial; } .catalog-product-view #related-media #media-contents { display: flex; flex-direction: column; margin: 0; width: 100%; } .catalog-product-view #related-media #media-contents article { float: none; margin: 0; width: 100%; } .catalog-product-view #related-media #media-contents .featured-image img { height: auto; margin-bottom: 18px; width: 100%; } .catalog-product-view #related-media #media-contents .entry-title { border: 0; color: #000; font-family: "FreightSansProMedium-Regular" !important; font-size: 20px; font-weight: 600 !important; letter-spacing: normal; line-height: 29px; margin: 0 0 6px; padding: 0; } .catalog-product-view #related-media #media-contents .entry-meta { display: none; } .catalog-product-view #related-media #media-contents .entry-flair { display: none; } .catalog-product-view #related-media #media-contents .entry-content, .catalog-product-view #related-media #media-contents .entry-content p { font-family: "Source Serif Pro", serif; font-size: 14px; letter-spacing: normal; line-height: 26px; } .catalog-product-view #related-media #media-contents .entry-footer { padding: 12px 0 0 0; } .catalog-product-view #related-media #media-contents .article-button-link { border: 1px solid #DEDFED; color: #5E61A5; display: inline-block; font-size: 14px; font-family: "Source Sans Pro", serif; font-weight: bold; height: 18px; line-height: 18px; margin-bottom: 30px; padding: 10px; text-align: center; text-transform: uppercase; width: 160px; } @media only screen and (min-width: 768px) { .catalog-product-view #related-media { margin-top: 48px; } .catalog-product-view #related-media #media-contents { flex-direction: row; margin: 0; width: 100%; } .catalog-product-view #related-media #media-contents article:nth-of-type(1) { padding-right: 10px; } .catalog-product-view #related-media #media-contents article:nth-of-type(2) { padding-left: 10px; } .catalog-product-view #related-media #media-contents article:nth-of-type(3), .catalog-product-view #related-media #media-contents article:nth-of-type(4) { display: none; } .catalog-product-view #related-media #media-contents .entry-title { margin-top: 12px; } .catalog-product-view #related-media #media-contents .entry-footer { margin-top: 18px; } .catalog-product-view #related-media #media-contents .article-button-link { margin-bottom: 48px; } } @media only screen and (min-width: 960px) { .catalog-product-view #related-media #media-contents article:nth-of-type(1) { padding-right: 15px; } .catalog-product-view #related-media #media-contents article:nth-of-type(2) { padding-left: 15px; } } /* Search */ /* line 1919, ../scss/phase2.scss */ .catalogsearch-result-index .page-title { border: 0; } /* line 1921, ../scss/phase2.scss */ .catalogsearch-result-index .page-title h1 { font-size: 20px; text-align: center; padding: 10px 0; text-transform: uppercase; font-family: "FreightSansProBold-Regular" !important; letter-spacing: 1px; } /* line 1932, ../scss/phase2.scss */ .page > #header-search, #page > #header-search { top: 160px; left: 5vw; margin: 0; width: 90vw; box-sizing: border-box; padding: 0 10%; position: fixed; z-index: 10; height: 85px; display: none; transition: opacity 0.12s ease-in 0.12s, margin 0s ease-in; -webkit-transition: trans-prefix(opacity, 0.12s ease-in 0.12s, margin, 0s ease-in, webkit); -moz-transition: trans-prefix(opacity, 0.12s ease-in 0.12s, margin, 0s ease-in, moz); -o-transition: trans-prefix(opacity, 0.12s ease-in 0.12s, margin, 0s ease-in, o); } /* line 1950, ../scss/phase2.scss */ .page > #header-search span.close-search, #page > #header-search span.close-search { position: absolute; right: -45px; top: 4px; font-size: 40px; color: #FFF; cursor: pointer; font-family: 'Alegreya Sans SC'; } @media only screen and (max-width: 770px) { /* line 1950, ../scss/phase2.scss */ .page > #header-search span.close-search, #page > #header-search span.close-search { /* right: 5%; top: 12px; */ } } /* line 1963, ../scss/phase2.scss */ .page > #header-search #search_mini_form, #page > #header-search #search_mini_form { width: 100%; } /* line 1968, ../scss/phase2.scss */ #search_mini_form button.button { text-indent: -9999px; position: absolute; top: 28px; right: 34px; width: 40px; height: 40px; border: 0; background: none; z-index: 99; } @media only screen and (max-width: 400px) { /* line 1968, ../scss/phase2.scss */ #search_mini_form button.button { top: 24px; } } /* line 1981, ../scss/phase2.scss */ #search_mini_form button.button span { background: none; } /* line 1984, ../scss/phase2.scss */ #search_mini_form button.button:before { content: "2"; font-family: "FF_Icons"; text-indent: 0; position: absolute; display: block; font-size: 36px; margin: -9px 0 0 5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 1997, ../scss/phase2.scss */ input#search { width: 100%; font-size: 16px; box-sizing: border-box; font-family: "FreightTextProBook-Regular"; border: 0; background: #FFF; height: 65px; padding: 0 70px 0 30px; } /* line 2009, ../scss/phase2.scss */ input#search:focus { outline: none; } /* line 2013, ../scss/phase2.scss */ .skip-links .skip-search { display: block !important; width: auto; position: absolute; right: 0; top: 0; cursor: pointer; z-index: 1; } /* line 2021, ../scss/phase2.scss */ .skip-links .skip-search .icon { background: transparent; } /* line 2023, ../scss/phase2.scss */ .skip-links .skip-search .icon:after { color: #FFF; font-size: 35px; margin: -20px 0 0 -16px; -webkit-font-smoothing: antialiased; } /* line 2031, ../scss/phase2.scss */ #search_mini_form .search-button:before, button.button.search-button:before, .skip-search .icon:after { content: "2"; font-family: "FF_Icons"; text-indent: 0; display: block; position: absolute; font-size: 40px; margin: 13px 0 0 -35px; background: none !important; top: 50%; left: 50%; width: 30px; height: 30px; } /* line 2045, ../scss/phase2.scss */ .search-button:active:before { margin: 13px 0 0 -35px !important; } /* line 2048, ../scss/phase2.scss */ .search-autocomplete { top: 86px !important; } @media only screen and (max-width: 770px) { /* line 2048, ../scss/phase2.scss */ .search-autocomplete { top: 56px !important; } } /* line 2053, ../scss/phase2.scss */ .search-autocomplete:before { display: none; } /* line 2056, ../scss/phase2.scss */ .search-autocomplete ul { border: 0; border-radius: 0; background: #FFF; } /* line 2060, ../scss/phase2.scss */ .search-autocomplete ul li { font-family: "FreightTextProBook-Regular"; border-bottom: 1px solid #f4f4f4; color: #333; cursor: pointer; font-size: 12px; padding: 8px 14px; text-align: left; } /* line 2068, ../scss/phase2.scss */ .search-autocomplete ul li .amount { float: right; font-weight: bold; } /* line 2072, ../scss/phase2.scss */ .search-autocomplete ul li.selected { background-color: white; color: #9da5ae; } /* line 2076, ../scss/phase2.scss */ .search-autocomplete ul li:hover { color: #9da5ae; } /* line 2079, ../scss/phase2.scss */ .search-autocomplete ul li:focus { color: #9da5ae; } /* line 2084, ../scss/phase2.scss */ .search-autocomplete:before { border-bottom-color: #333; } /* line 2089, ../scss/phase2.scss */ .search-open #header-search { display: block !important; width: 80vw !important; } /* line 2093, ../scss/phase2.scss */ .search-open #overlay { opacity: 0.5; z-index: 9; left: 0; width: 100%; height: 100%; position: fixed; top: 0; background: #000; transition: opacity 0.23s ease-in; -webkit-transition: trans-prefix(opacity, 0.23s ease-in, webkit); -moz-transition: trans-prefix(opacity, 0.23s ease-in, moz); -o-transition: trans-prefix(opacity, 0.23s ease-in, o); } /* Authors page */ /* line 2107, ../scss/phase2.scss */ .onix-contributor-view #content { width: 100%; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; } /* line 2110, ../scss/phase2.scss */ .onix-contributor-view #content .author-img { width: 35%; position: relative; padding-top: 35%; height: 100%; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; overflow: hidden; margin: 0 5%; } /* line 2118, ../scss/phase2.scss */ .onix-contributor-view #content .author-img img { min-width: 100%; min-height: 100%; max-height: 100%; width: auto; max-width: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } @media (max-width: 650px) { /* line 2110, ../scss/phase2.scss */ .onix-contributor-view #content .author-img { width: 90%; padding-top: 90%; margin-bottom: 30px; } } /* line 2135, ../scss/phase2.scss */ .onix-contributor-view #content #share-box { text-align: center; } /* line 2138, ../scss/phase2.scss */ .onix-contributor-view #content .author-info { width: 50%; } @media (max-width: 650px) { /* line 2138, ../scss/phase2.scss */ .onix-contributor-view #content .author-info { width: 100%; } } /* line 2143, ../scss/phase2.scss */ .onix-contributor-view #content .author-info .entry-content { font-family: "FreightTextProBook-Regular"; font-size: 15px; letter-spacing: 0.5px; line-height: 22px; } /* line 2148, ../scss/phase2.scss */ .onix-contributor-view #content .author-info .entry-content h1 { font-family: "FreightSansProBook-Regular" !important; font-size: 32px; letter-spacing: 1px; text-align: center; padding-bottom: 15px; } /* line 2156, ../scss/phase2.scss */ .onix-contributor-view #content .author-info .globe { width: 29px; height: 27px; background-position: -163px -1435px; margin: 10px 10px -10px 0; } /* line 2162, ../scss/phase2.scss */ .onix-contributor-view #content .author-info .all-books-link { font-family: "FreightSansProSemibold-Regular"; padding: 12px 22px; letter-spacing: 1px; background: transparent; color: #111; margin: 25px 0; display: inline-block; border: 2px solid #000; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; } /* line 2176, ../scss/phase2.scss */ #books { clear: both; } /* line 2178, ../scss/phase2.scss */ #books #content { margin-top: 0; padding-top: 0; } /* line 2181, ../scss/phase2.scss */ #books #content .all-books-link { font-family: "FreightSansProSemibold-Regular"; padding: 12px 22px; letter-spacing: 1px; background: transparent; color: #111; margin: 25px auto; display: block; width: 210px; float: none; border: 2px solid #000; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; } /* Footer */ /* line 2197, ../scss/phase2.scss */ .footer-container { width: 100%; margin-left: 0; } /* line 2200, ../scss/phase2.scss */ .footer-container .topbar { background: repeating-linear-gradient(to right, #009AC8, #009AC8 190px, #97CC32 190px, #97CC32 380px, #EC2F3D 380px, #EC2F3D 570px, #F8D217 570px, #F8D217 760px, #EE517E 760px, #EE517E 950px, #BAB057 950px, #BAB057 1140px, #2C2B30 1140px, #2C2B30 1330px); -webkit-background: repeating-linear-gradient(to right, #009AC8, #009AC8 190px, #97CC32 190px, #97CC32 380px, #EC2F3D 380px, #EC2F3D 570px, #F8D217 570px, #F8D217 760px, #EE517E 760px, #EE517E 950px, #BAB057 950px, #BAB057 1140px, #2C2B30 1140px, #2C2B30 1330px); -moz-background: repeating-linear-gradient(to right, #009AC8, #009AC8 190px, #97CC32 190px, #97CC32 380px, #EC2F3D 380px, #EC2F3D 570px, #F8D217 570px, #F8D217 760px, #EE517E 760px, #EE517E 950px, #BAB057 950px, #BAB057 1140px, #2C2B30 1140px, #2C2B30 1330px); -o-background: repeating-linear-gradient(to right, #009AC8, #009AC8 190px, #97CC32 190px, #97CC32 380px, #EC2F3D 380px, #EC2F3D 570px, #F8D217 570px, #F8D217 760px, #EE517E 760px, #EE517E 950px, #BAB057 950px, #BAB057 1140px, #2C2B30 1140px, #2C2B30 1330px); display: block; width: 300%; margin-left: -100%; height: 8px; margin-bottom: 0; box-shadow: 0px 2px 1px rgba(55, 55, 55, 0.3); -webkit-box-shadow: 0px 2px 1px rgba(55, 55, 55, 0.3); -moz-box-shadow: 0px 2px 1px rgba(55, 55, 55, 0.3); -o-box-shadow: 0px 2px 1px rgba(55, 55, 55, 0.3); } @media (max-width: 767px) { /* line 2217, ../scss/phase2.scss */ .footer-container .footer { width: 95%; } } /* line 2221, ../scss/phase2.scss */ .footer-container .footer a { font-family: "FreightSansProSemibold-Regular"; font-size: 11px; } /* line 2226, ../scss/phase2.scss */ .footer-container span.footer-close { right: -20px; position: absolute; display: block; cursor: pointer; z-index: 10; font-size: 20px !important; top: -10px; padding: 15px; } /* line 2236, ../scss/phase2.scss */ .account-popup { margin-top: 0; } /* line 2238, ../scss/phase2.scss */ .account-popup .block-subscribe { display: none; } /* line 2246, ../scss/phase2.scss */ .account-popup .account-create.footer-closed { height: 0; opacity: 0; overflow: hidden; } /* line 2251, ../scss/phase2.scss */ .account-popup img.members-icon { max-width: 260px; margin-bottom: 10px; } /* line 2255, ../scss/phase2.scss */ .account-popup > h4 { font-family: "FreightTextProBook-Regular" !important; font-size: 40px; text-transform: uppercase; letter-spacing: 7px; padding-top: 20px; } @media (max-width: 767px) { /* line 2255, ../scss/phase2.scss */ .account-popup > h4 { font-size: 24px; letter-spacing: 4px; } } /* line 2266, ../scss/phase2.scss */ .account-popup > em { font-family: "FreightTextProBook-Italic" !important; display: block; margin: 14px auto 24px; font-size: 16px; letter-spacing: 1px; } @media (max-width: 767px) { /* line 2266, ../scss/phase2.scss */ .account-popup > em { font-size: 14px; } } /* line 2276, ../scss/phase2.scss */ .account-popup > span { font-family: "FreightTextProBook-Regular" !important; text-transform: uppercase; display: block; margin: 0 auto; font-size: 14px; letter-spacing: 2px; } @media (max-width: 767px) { /* line 2276, ../scss/phase2.scss */ .account-popup > span { font-size: 13px; } } /* line 2287, ../scss/phase2.scss */ .account-popup > form { padding: 20px 0 0; display: block; position: relative; margin: 35px 0 45px; } @media (max-width: 960px) { /* line 2287, ../scss/phase2.scss */ .account-popup > form { padding-top: 34px; } } .account-popup ul.form-list > li label { padding: 5px 0 10px; text-transform: uppercase; color: #9EA0C9; font-family: "Source Sans Pro" !important; font-size: 11px; font-weight: bold !important; line-height: 16px; display: block; } .account-popup ul.form-list > li input::placeholder { opacity: 0.3; color: #252642; font-family: "Source Serif Pro"; font-size: 14px; line-height: 26px; padding: 10px; } .account-popup ul.form-list > li input:-ms-input-placeholder { /* Internet Explorer 10-11 */ opacity: 0.3; color: #252642; font-family: "Source Serif Pro"; font-size: 14px; line-height: 26px; padding: 10px; } .account-popup ul.form-list > li input::-ms-input-placeholder { /* Microsoft Edge */ opacity: 0.3; color: #252642; font-family: "Source Serif Pro"; font-size: 14px; line-height: 26px; padding: 10px; } @media (max-width: 400px) { /* line 2373, ../scss/phase2.scss */ .account-popup ul.form-list > li .recaptcha { width: 90% !important; } } /* line 2388, ../scss/phase2.scss */ .account-popup ul.form-list > li input { font-family: "FreightTextProBook-Regular" !important; background: #F3F3F3!important; font-size: 14px; padding: 0; border-color: transparent; box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.15); height: 50px; padding-left: 10px; } .account-popup p.required { display: none; } /* line 2408, ../scss/phase2.scss */ .account-popup .buttons-set { position: relative; z-index: 1; } @media (max-width: 960px) { /* line 2408, ../scss/phase2.scss */ .account-popup .buttons-set { width: 74%; display: inline-block; margin: 10px auto 40px; padding: 0; } } /* line 2426, ../scss/phase2.scss */ .account-popup .buttons-set button.button { border: 4px solid #5E61A5; font-family: "Source Sans Pro"; text-transform: uppercase; background: #5E61A5; letter-spacing: 2px; position: relative; float: none; margin: 0 auto; width: 100%; padding: 10px; } @media (max-width: 960px) { /* line 2426, ../scss/phase2.scss */ .account-popup .buttons-set button.button { padding: 5px 0 6px; width: 100%; left: 0; } } /* line 2441, ../scss/phase2.scss */ .account-popup .buttons-set button.button:hover { border-color: #4b4d85; background: #4b4d85; } /* line 2444, ../scss/phase2.scss */ .account-popup .buttons-set button.button:hover:after { border-color: transparent #4b4d85 transparent transparent; } /* line 2448, ../scss/phase2.scss */ .account-popup .buttons-set button.button span { width: 100%; background: none; padding: 0; } /* line 2451, ../scss/phase2.scss */ .account-popup .buttons-set button.button span span { color: #FFFFFF; font-family: "Source Sans Pro"; font-size: 14px; line-height: 16px; text-align: center; font-weight: normal; letter-spacing: normal; } /* line 2473, ../scss/phase2.scss */ .account-popup .validation-advice { color: #7B2020; position: absolute; margin-top: 0; } /* line 2481, ../scss/phase2.scss */ .instagram { width: 18px; height: 14px; } /* line 2484, ../scss/phase2.scss */ .instagram:after { content: "\f16d"; font-size: 20px; margin: -20px 0 0 0; } /* Account & Cart Fixes */ /* line 2491, ../scss/phase2.scss */ .customer-account-login form:before, .cart .totals table td, .checkout-onepage-index .wrapper .form-list label, .checkout-onepage-index .wrapper p, .checkout-onepage-index #checkout-progress-wrapper .block-content dl dd address { font-family: "FreightTextProBook-Regular" !important; } /* line 2495, ../scss/phase2.scss */ .customer-account-login .main button.button span, .block-account li a { font-family: "FreightSansProBook-Regular" !important; } /* line 2498, ../scss/phase2.scss */ .block-account li strong, .checkout-onepage-index #checkout-progress-wrapper .block-content dl dt { font-family: "FreightSansProBold-Regular" !important; } /* line 2501, ../scss/phase2.scss */ .checkout-onepage-index .page .page-title h1 { font-family: "FreightSansProBold-Regular" !important; text-transform: uppercase; margin-top: -75px; font-size: 56px; letter-spacing: 14px; } /* line 2508, ../scss/phase2.scss */ .checkout-onepage-index #payment-buttons-container .required { display: none !important; } /* line 2509, ../scss/phase2.scss */ .box-account.box-tags { display: none; } /* line 2512, ../scss/phase2.scss */ .checkout-cart-index #member-login-promo { padding: 50px 20px; } /* line 2515, ../scss/phase2.scss */ #checkout-progress-wrapper { top: 255px !important; } /* line 2519, ../scss/phase2.scss */ #shopping-cart-table.data-table th, #shopping-cart-table.data-table .product-name a, #shopping-cart-table.data-table strong, #wishlist-table.data-table th, #wishlist-table.data-table .product-name a, #wishlist-table.data-table strong, #checkout-review-table th, #checkout-review-table .product-name a, #checkout-review-table strong { font-family: "FreightSansProSemibold-Regular" !important; } /* line 2523, ../scss/phase2.scss */ .cart .totals #shopping-cart-totals-table td, .cart .totals #shopping-cart-totals-table td strong { font-family: "FreightSansProSemibold-Regular" !important; } /* line 2526, ../scss/phase2.scss */ .checkout-cart-index .button.btn-continue span, .cart #empty_cart_button span, .cart .btn-update span, #wishlist-view-form .buttons-set2 button span, #discount-coupon-form button span { font-family: "FreightSansProBook-Regular" !important; } /* line 2531, ../scss/phase2.scss */ #checkout-payment-method-load dt label[for=p_method_paypal_express] { position: relative; padding-left: 120px !important; height: 30px; width: 50%; } /* line 2537, ../scss/phase2.scss */ #checkout-payment-method-load dt label[for=p_method_paypal_express]:after { content: ""; background: url(https://www.faber.co.uk/skin/frontend/faber/phase2/images/paypal_logo.png) no-repeat; background-size: 100px; width: 100%; height: 100%; position: absolute; top: -7px; left: 12px; display: block; } /* line 2548, ../scss/phase2.scss */ #checkout-payment-method-load dt label[for=p_method_paypal_express] a { display: none !important; } /* line 2549, ../scss/phase2.scss */ #checkout-payment-method-load dt label[for=p_method_paypal_express] img { display: none !important; } /* line 2550, ../scss/phase2.scss */ #checkout-payment-method-load dd span, #checkout-payment-method-load dd li { padding-left: 5px; font-family: "FreightSansProSemibold-Regular" !important; } /* line 2552, ../scss/phase2.scss */ #checkout-payment-method-load dd ul#payment_form_paypal_express li { padding-left: 10px !important; } /* line 2554, ../scss/phase2.scss */ .opc label[for="p_method_sagepaydirectpro"], .opc label[for="p_method_sagepayserver"], .opc label[for="p_method_sagepayform"] { background: none !important; padding-left: 29px !important; } /* Paypal Express Review */ /* line 2560, ../scss/phase2.scss */ .paypal-express-review .page .page-title h1 { font-family: "FreightSansProBold-Regular" !important; text-transform: uppercase; font-size: 56px; letter-spacing: 14px; padding: 10px; margin-bottom: 5px; text-align: center; } /* line 2569, ../scss/phase2.scss */ .paypal-express-review h2.sub-title { text-transform: uppercase; border-bottom: 1px solid #CCC; text-align: center; padding: 10px 0 20px; letter-spacing: 2px; margin-bottom: 30px; } /* line 2577, ../scss/phase2.scss */ .paypal-express-review h2.legend { border-bottom: 1px solid #CCC; margin-bottom: 20px; padding-bottom: 10px; text-transform: uppercase; margin-top: 20px; } /* line 2584, ../scss/phase2.scss */ .paypal-express-review label { margin-bottom: 5px; } /* line 2587, ../scss/phase2.scss */ .paypal-express-review .paypal-shipping-method h3 { margin-bottom: 10px; } /* line 2590, ../scss/phase2.scss */ .paypal-express-review button#update_order { background: #DED9D9; padding: 8px 40px; float: left; } /* line 2594, ../scss/phase2.scss */ .paypal-express-review button#update_order span { background: transparent; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; padding: 0; } /* line 2602, ../scss/phase2.scss */ .paypal-express-review #review_button { background: #8F7B33; padding: 8px 40px; } /* line 2605, ../scss/phase2.scss */ .paypal-express-review #review_button span { background: transparent; text-transform: uppercase; letter-spacing: 2px; font-size: 11px; padding: 0; } /* line 2613, ../scss/phase2.scss */ .paypal-express-review .checkout-agreements { margin: 30px 0 15px; } /* line 2616, ../scss/phase2.scss */ .paypal-express-review #details-table thead tr th, .paypal-express-review #details-table tfoot tr.last td strong { font-family: "FreightSansProMedium-Regular" !important; text-transform: uppercase; } /* Remove shadows */ /* line 2622, ../scss/phase2.scss */ .customer-account-login .col-main, .customer-account-logoutsuccess .col-main, .customer-account-forgotpassword .col-main, .account-page .col-main, .checkout-onepage-index .col-main, .checkout-cart-index .col-main { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; } /* Cookie bar */ /* line 2629, ../scss/phase2.scss */ #cookie-bar-prompt { z-index: 9999 !important; } /* line 2630, ../scss/phase2.scss */ #cookie-bar-prompt-content { background-color: #fff !important; border-radius: 0 !important; color: #000 !important; } /* line 2635, ../scss/phase2.scss */ #cookie-bar-prompt-content p { color: #000 !important; } /* line 2636, ../scss/phase2.scss */ #cookie-bar p { font-family: "FreightSansProMedium-Regular" !important; } /* line 2637, ../scss/phase2.scss */ #cookie-bar-prompt-logo { background: none transparent !important; width: 100% !important; height: auto !important !important; } /* line 2642, ../scss/phase2.scss */ #cookie-bar-prompt-logo span { display: none; } /* line 2643, ../scss/phase2.scss */ #cookie-bar-prompt-logo:before { display: block; font-family: "FreightSansProSemibold-Regular"; font-size: 22px; border-bottom: 2px solid #D3DBE4; content: "Faber & Faber Cookie Usage"; color: #000 !important; margin-bottom: 15px; } /* line 2652, ../scss/phase2.scss */ #cookie-bar-prompt-logo:hover { text-decoration: none !important; } /* line 2654, ../scss/phase2.scss */ #cookie-bar-prompt-logo span #cookie-bar a, #cookie-bar-prompt-content a, #cookie-bar a, #cookie-bar-prompt-content span { color: #6189A3 !important; } /* line 2657, ../scss/phase2.scss */ #cookie-bar-prompt-content hr { background: #D3DBE4; opacity: 1; margin: 1.5em 0 1em; } /* line 2658, ../scss/phase2.scss */ #cookie-bar { margin: 0; padding: 0; } /* line 2659, ../scss/phase2.scss */ #cookie-bar p { margin-top: 6px; } /* line 2660, ../scss/phase2.scss */ #cookie-bar > #cookie-bar-button { border: 0; margin-top: 0px; line-height: 22px; background-color: #937D32; border-radius: 0; text-shadow: none; font-weight: normal; color: #fff !important; margin-right: 0; font-family: "FreightSansProSemibold-Regular"; font-size: 13px; text-transform: uppercase; letter-spacing: 2px; } @media (max-width: 880px) { /* line 2663, ../scss/phase2.scss */ #cookie-bar-prompt-content { max-width: 600px !important; width: auto !important; } /* line 2667, ../scss/phase2.scss */ #cookie-bar #cookie-bar-button { float: none !important; margin-top: 10px !important; } /* line 2671, ../scss/phase2.scss */ #cookie-bar p { margin-left: 20px !important; margin-right: 20px !important; text-align: center !important; float: none !important; } } /* line 2678, ../scss/phase2.scss */ #cookie-bar-prompt-close { position: absolute; right: 10px; top: 10px; background: url("/skin/frontend/faber/default/images/icons-sprite.png") 0 0 no-repeat !important; width: 24px !important; height: 24px !important; background-position: -202px -1435px !important; } /* Members model overrides */ /* line 2689, ../scss/phase2.scss */ div#member-login-promo, .opc div#member-login-promo { background-color: #fff; border: 1px solid #000; color: #000; } /* line 2694, ../scss/phase2.scss */ div#member-login-promo h1, div#member-login-promo h2, .opc div#member-login-promo h1, .opc div#member-login-promo h2 { font-family: "FreightTextProBook-Regular" !important; text-transform: uppercase; letter-spacing: 7px; color: #000; } /* line 2702, ../scss/phase2.scss */ div#member-login-promo ul li, .opc div#member-login-promo ul li { font-family: "FreightTextProBook-Regular" !important; } .schema-tag { display: none; } /* Webshop */ .webshop-banner { width: 120%; float: left; position: relative; height: auto; margin: 0 0 0 -10%; padding: 0; overflow: hidden; min-height: 200px; } .webshop-banner img { width: 100%; float: left; position: relative; overflow: hidden; margin: 0; padding: 0; } .webshop-banner__text { font-family: "FreightSansProMedium-Regular"; position: absolute; bottom: 33%; left: 8%; color: #ffffff; font-weight: 600; width: 45%; } .webshop-banner__text p, .webshop-banner__text h1 { font-size: 14px; font-family: "FreightSansProMedium-Regular" !important; line-height: 16px; margin: 0 0 10px 0; text-transform: uppercase; font-weight: normal !important; } .webshop-banner__text span, .webshop-banner__text h2 { font-size: 36px; font-family: "FreightSansProMedium-Regular"; font-weight: 500; line-height: 45px; font-width: normal; } @media only screen and (max-width: 1199px) and (min-width: 960px) { .webshop-banner__text span, .webshop-banner__text h2 { font-size: 28px; line-height: 33px; } .webshop-banner__text p, .webshop-banner__text h1 { font-size: 11px; font-weight: 500; } } @media only screen and (max-width: 959px) and (min-width: 768px) { .webshop-banner__text { width: 65%; } .webshop-banner__text span, .webshop-banner__text h2 { font-size: 25px; line-height: 30px; } .webshop-banner__text p, .webshop-banner__text h1 { font-size: 11px; font-weight: 500; line-height: 16px; } } @media only screen and (max-width: 767px) { .webshop-banner { width: 110%; margin: 0 0 0 -5%; } .webshop-banner__text { width: 90%; bottom: 5%; left: 5%; } .webshop-banner__text span, .webshop-banner__text h2 { font-size: 26px; line-height: 36px; } } .pages-wrapper { width: 100%; float: left; position: relative; height: auto; padding: 0; margin: 60px 0 0 0; } .pages-wrapper a { float: left; width: 100%; } .pages-wrapper img { width: 100%; display: block; } .pages-wrapper span { position: absolute; left: 10%; color: #ffffff; font-family: "FreightSansProMedium-Regular"; font-size: 28px; font-weight: 500; line-height: 37px; text-shadow: 1px 1px 1px rgb(0, 0, 0); z-index: 1; } .pages-wrapper span a { color: #ffffff; text-shadow: none; } .pages-wrapper a:hover { opacity: 1; } a.pages-wrapper--img-hover:hover:after { position: absolute; top: 0; left: 0; bottom: 0; content: ''; display: block; background-image: linear-gradient(to right, currentColor 100%, transparent 10.9%); width: 100%; opacity: 0.3; } .event-banner:before { } .pages-wrapper__col--left, .pages-wrapper__col { overflow: hidden; } .pages-wrapper__col--left span:hover + a.pages-wrapper--img-hover:after { position: absolute; top: 0; left: 0; bottom: 0; content: ''; display: block; background-image: linear-gradient(to right, currentColor 100%, transparent 10.9%); width: 100%; opacity: 0.3; } .pages-wrapper__row span:hover + a.pages-wrapper--img-hover:after { position: absolute; top: 0; left: 0; bottom: 0; content: ''; display: block; background-image: linear-gradient(to right, currentColor 100%, transparent 10.9%); width: 100%; opacity: 0.3; } .pages-wrapper p { color: #ffffff; font-family: "FreightSansProMedium-Regular"; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 16px; margin: 0 0 10px 0; } .pages-wrapper__col { float: left; width: calc(50% - 15px); position: relative; } .pages-wrapper__col--left { margin-right: 30px; } .pages-wrapper__col--left span { top: 8%; width: 60%; } a.pages-wrapper__col--members-only { float: left; text-transform: uppercase; width: auto; height: auto; padding: 7px 18px; font-weight: 500; background-color: #5E61A5; font-size: 11px; line-height: 24px; } a.pages-wrapper__col--members-only:hover{ opacity: 1; } a.pages-wrapper__col--members-only img { height: 16px; width: auto; float: left; margin-right: 8px; margin-top: 2px; } a.pages-wrapper__col--desc { margin-bottom: 14px; width: 70%; } .pages-wrapper__row { width: 100%; float: left; position: relative; } .pages-wrapper__row--top { margin: 0 0 4% 0; } .pages-wrapper__row span { bottom: 16%; width: 80%; } @media only screen and (max-width: 960px) { .pages-wrapper { margin: 25px 0 0px 0; } .pages-wrapper__col { float: left; width: calc(50% - 10px); } .pages-wrapper__col--left { margin-right: 20px; } } @media only screen and (max-width: 1199px) and (min-width: 768px) { .pages-wrapper span { font-size: 20px; line-height: 30px; } .pages-wrapper p { font-size: 11px; font-weight: 500; line-height: 16px; } } @media (max-width: 768px) { .pages-wrapper span { line-height: 30px; font-size: 20px; } .pages-wrapper p { font-size: 11px; font-weight: bold; } .pages-wrapper__col { width: 100%; margin-bottom: 12px; } .pages-wrapper__col--left { margin-right: 0; } .pages-wrapper__row--top { margin: 0 0 12px 0; } } /* Out Now */ .out-now__product__tablet--hide { display: block; } .out-now { width: 100%; float: left; margin-top: 60px; } @media only screen and (max-width: 767px) { .out-now { margin-top: 20px; } } .out-now span { color: #000000; font-family: "FreightSansProMedium-Regular"; font-size: 20px; font-weight: 600; line-height: 29px; margin-bottom: 20px; float: left; } .out-now__row { display: flex; flex-wrap: wrap; width: 100%; float: left; } .out-now__product { float: left; margin-bottom: 20px; position: relative; } @media only screen and (min-width: 768px) { .out-now__product { width: 22%; margin-right: 1.5%; margin-left: 1.5%; } .out-now__product__desktop--no-margin { margin-right: 0; } .out-now__product__desktop--hide { display: none; } } @media only screen and (max-width: 960px) { .out-now__product__tablet--no-margin{ margin-right: 0; } } @media only screen and (max-width: 960px) and (min-width: 768px) { .out-now__product__tablet--hide { display: none; } } @media only screen and (max-width: 767px) { .out-now__product { width: 48%; margin-right: 1%; margin-left: 1%; } .out-now__product__mobile--no-margin { margin-right: 0; } .out-now__product__mobile--hide { display: none; } } .out-now__product--no-margin { margin-right: 0; } .out-now__product a img { width: 100%; } p.out-now__product__name { color: #000000; font-family: "FreightSansProMedium-Regular"; font-size: 20px; font-weight: 600; line-height: 29px; margin-top: 10px; } p.out-now__product__author { color: #000000; font-family: "FreightTextProBook-Regular"; font-size: 14px; line-height: 26px; } a.out-now__product__overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; padding: 0; box-sizing: border-box; height: 100%; margin: 0; cursor: pointer; } a.out-now__product__overlay:hover{ opacity: 1; } a.out-now__product__overlay img { position: absolute; top: 12%; right: 13%; background-color: #5E61A5; padding: 8px; cursor: pointer; width: 16px; height: 16px; border-radius: 50%; } a.out-now__product__overlay p { color: #ffffff; font-family: "FreightSansProMedium-Regular"; font-size: 20px; font-weight: 500; line-height: 24px; padding: 0; position: absolute; top: 13%; left: 8%; width: 60%; display: none; } @media screen and (max-width: 480px) { a.out-now__product__overlay p { font-size: 16px; } } a.out-now__product__overlay span { padding: 10px; display: inline; border-radius: 25px; background: white; height: 16px; color: #799BB2; font-family: FreightSansProMedium-Regular; font-size: 10px; font-weight: bold; line-height: 16px; position: absolute; top: 53%; left: 8%; } a.out-now__product__overlay span:hover { opacity: 1; } a.out-now__product__overlay:hover + a.out-now__product--img:after { position: absolute; top: 0; left: 0; bottom: 0; content: ''; display: block; background-color: #252642; width: 100%; opacity: 0.7; } .out-now__product:hover a.out-now__product__overlay p { display: block; } a.out-now__product--img { position: relative; display: inline-block; position: relative; display: inline-block; box-sizing: border-box; padding: 10% 20%; background: url(/skin/frontend/faber/default/images/products-bg.jpg) #DFDFE3; background-size: cover; background-repeat: no-repeat; background-position: center; } a.out-now__product--img:hover { opacity: 1; } a.out-now__product--img:hover:after { position: absolute; top: 0; left: 0; bottom: 0; content: ''; display: block; background-image: linear-gradient(to right, currentColor 100%, transparent 10.9%); width: 100%; opacity: 0.3; } /* Create an account section */ /***** Universal styles *****/ .webshop-account-create__perks-list { width: auto !important; font-size: initial !important; } .webshop-account-create__perks-list li { font-size: 16px !important; } .webshop-account-create { background: #252642; width: 100%; color: white; float: left; margin-bottom: 25px; } .webshop-account-create * { text-align: left !important; } .webshop-account-create__wrapper { padding: 2rem; } .webshop-account-create__video { width: 100%; height: auto; border-radius: 10px; overflow: hidden; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .webshop-account-create__video-wrapper { position: relative; } .webshop-account-create__video-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100%; background: rgba(42,42,68,0.9); max-height: 60%; height: 25%; padding: 5%; z-index: 1; } .webshop-account-create__hint { font-family: "FreightSansProMedium-Regular"; font-size: 12px; line-height: 16px; letter-spacing: normal; } .webshop-account-create__hint--bold { font-weight: bold; } .webshop-account-create__hint--uppercase { text-transform: uppercase; } .webshop-account-create__title { font-family: "FreightSansProMedium-Regular"; font-size: 28px; font-weight: normal; } .webshop-account-create__perks { display: none; } .webshop-account-create__perks-list li:before { content: '- '; } .webshop-account-create__perks-list li:not(:last-child) { margin-bottom: 5px; } .webshop-account-create__perks-list { font-family: "Source Serif Pro", serif; line-height: 14px; padding: 0; list-style-type: none; } .sign-up-form__email-input, .sign-up-form__submit { z-index: 1; } .sign-up-form__email-input { font-family: "Source Serif Pro", serif; font-size: 14px; border: none; padding: 1rem 1.5rem; } .sign-up-form__email-input::placeholder{ color: #B1B1B1; } .sign-up-form__submit { background-color: #5e61a5; font-size: 14px; color: white; border: none; text-align: center; white-space: nowrap; padding: 0 2em; } .sign-up-form__submit--uppercase { text-transform: uppercase; } .sign-up-form__submit--bold { font-weight: 600; font-family: "FreightSansProBook-Regular"; } /***** Mobile *****/ @media screen and (max-width: 767px) { .webshop-account-create__wrapper { border: 0; } .webshop-account-create__wrapper * { text-align: center !important; } .webshop-account-create__video-play { max-height: 40%; } .webshop-account-create__join-description { margin-top: 25px; } .webshop-account-create__title { margin-top: 6px; } .webshop-account-create__sign-up .webshop-account-create__hint { display: none; } .webshop-account-create__email-form { display: flex; flex-flow: row; margin: 18px 0; } .sign-up-form__email-input { flex-grow: 3; min-width: 40%; text-align: left !important; } .sign-up-form__submit { flex-grow: 0.5; } } /***** Tablet *****/ @media screen and (min-width: 768px) and (max-width: 960px){ .webshop-account-create__wrapper { text-align: center; border: 0; display: flex; flex-flow: row; } .webshop-account-create__join { display: flex; flex-flow: row; align-items: center; } .webshop-account-create__video-wrapper { max-width: 35%; } .webshop-account-create__video { height: auto; overflow: hidden; } .webshop-account-create__join-description { text-align: left; margin: 0 6% 0 6%; align-items: center; } .webshop-account-create__hint { margin: 0.5rem 0; } .webshop-account-create__title { font-weight: normal; line-height: 37px; margin: 0.5rem 0; } .webshop-account-create__sign-up { text-align: left; max-width: 42%; } .webshop-account-create__email-form { display: flex; flex-flow: row; } .sign-up-form__email-input { min-width: 35%; } } /***** Desktop *****/ @media screen and (min-width: 961px) { .webshop-account-create__wrapper { border: 0; display: flex; flex-flow: row; justify-content: center; margin: auto; } .webshop-account-create__join { display: flex; flex-flow: row; align-items: center; max-width: 45vw; } .webshop-account-create__video-wrapper { max-width: 40%; } .webshop-account-create__video { max-height: 20vh; } .webshop-account-create__join-description { text-align: left; margin-left: 6%; align-items: center; } .webshop-account-create__hint { margin: 0.5rem 0; } .webshop-account-create__title { font-weight: normal; line-height: 37px; margin: 0.5rem 0; } .webshop-account-create__sign-up { text-align: left; max-width: 35vw; } .webshop-account-create__email-form { display: flex; flex-flow: row; } .sign-up-form__email-input { min-width: 40%; } } @media screen and (min-width: 1200px) { .webshop-account-create__hint { margin: 0.5rem 0; } .webshop-account-create__join { max-width: 38%; } .webshop-account-create__perks { display: inline-block; text-align: left; margin: 0 40px; } } /* Events Banner */ .event-banner { width: 100%; position: relative; float: left; } .event-banner img { width: 100%; float: left; } @media only screen and (min-width: 768px) { .event-banner-desktop, .event-banner--desktop { display: block; } .event-banner-mobile, .event-banner--mobile { display: none; } } @media only screen and (max-width: 767px) { .event-banner--desktop { display: none; } .event-banner--mobile { display: block; } } .event-banner__overlay-wrap { position: absolute; right: 0; top: 0; bottom: 0; text-align: right; box-sizing: border-box; padding: 0 5% 0 0; width: 40%; overflow: hidden; display: flex; align-items: center; flex-wrap: wrap; flex-direction: row-reverse; } .event-banner__overlay-wrap p.title { color: #ffffff; font-family: "FreightSansProMedium-Regular"; font-size: 14px; line-height: 16px; font-weight: bold; margin-bottom: 12px; float: right; } .event-banner__overlay-wrap p.sub-title { color: #ffffff; font-family: "FreightSansProMedium-Regular"; font-size: 36px; font-weight: 500; line-height: 45px; text-align: right; margin-bottom: 12px; float: right; } .event-banner__overlay-wrap p.text, .event-banner--mobile p.text { color: #ffffff; font-family: "Source Serif Pro"; font-weight: 500; font-size: 16px; line-height: 26px; text-align: right; margin-bottom: 12px; float: right; } .event-banner__overlay-wrap a, .event-banner--mobile a { color: #ffffff; font-size: 14px; font-weight: 500; line-height: 16px; font-family: "FreightSansProMedium-Regular"; background-color: #5E61A5; padding: 8px 30px; float: right; cursor: pointer; } .event-banner__overlay-wrap a:hover, .event-banner--mobile a:hover { opacity: 1; } @media only screen and (max-width: 1199px) and (min-width: 960px) { .event-banner__overlay-wrap p.sub-title { font-size: 28px; line-height: 32px; } .event-banner__overlay-wrap p.title { font-size: 11px; font-weight: bold; } } @media only screen and (max-width: 959px) { .event-banner__overlay-wrap { width: 45%; } .event-banner__overlay-wrap p.sub-title { font-size: 28px; line-height: 37px; } .event-banner__overlay-wrap p.text, .event-banner--mobile p.text { font-size: 14px; line-height: 24px; } .event-banner__overlay-wrap a { font-size: 11px; font-weight: bold; } } @media only screen and (max-width: 768px) { .event-banner__overlay-wrap { width: 55%; } .event-banner__overlay-wrap p.title { font-size: 11px; } .event-banner__overlay-wrap p.sub-title { line-height: 32px; } } .event-banner.event-banner--mobile { padding: 20px; box-sizing: border-box; } p.text.event-banner--mobile { float: left; text-align: left; color: #000000; font-size: 14px; line-height: 26px; margin-bottom: 20px; } a.event-banner--mobile { float: left; } /* book of the month page*/ /* Top banner */ .botm .webshop-banner p.description { font-family: "Source Serif Pro" !important; font-size: 16px; font-weight: normal; line-height: 26px; margin-top: 20px; text-transform: none; } /* 3 products */ .botm .out-now__product { overflow: hidden; max-height: 390px; height: 100%; } .botm .out-now__product__description span { color: #000000; font-family: "FreightTextProBook-Regular"; font-size: 14px; line-height: 26px; font-weight: normal; } .botm .out-now__product__description div.description-hd { display: none; } .botm .out-now__product__description div.description-desktop{ display: none; } .botm .out-now__product__description div.description-tablet{ display: none; } .botm .out-now__product__description div.description-mobile{ display: none; } .botm .out-now__product__description div.description-mini{ display: none; } @media screen and (min-width: 1200px) { .botm .out-now__product__description div.description-hd { display: block; } } @media screen and (max-width: 1199px) and (min-width: 960px) { .botm .out-now__product__description div.description-desktop { display: block; } } @media screen and (min-width: 768px) and (max-width: 959px) { .botm .out-now__product__description div.description-tablet { display: block; } } @media screen and (min-width: 481px) and (max-width: 767px) { .botm .out-now__product__description div.description-mobile { display: block; } } @media screen and (max-width: 480px) { .botm .out-now__product__description div.description-mini { display: block; } } .botm .out-now__product__description .read-more { position: absolute; bottom: 0; left: 0; width: 100%; display: block; z-index: 1; background: white; box-shadow: 0 0 30px 20px white; height: auto; } .botm .out-now__product__btn { background: white; line-height: 40px; padding: 0; float: none; display: block; width: 160px; color: #5E61A5; text-align: center; font-weight: 600; border: 1px solid #DEDFED; margin: 0 auto; } .botm .read-more .out-now__product__btn { margin: 0 auto; float: left; } a.out-now__product__overlay span.botm-genre { top: 48%; } @media only screen and (min-width: 1200px) { .botm .out-now__product { max-height: 440px; } } @media only screen and (max-width: 767px) { .botm .out-now__product { overflow: hidden; max-height: 510px; } .out-now__product.out-now__product__description { /*margin-right: 0;*/ } } @media only screen and (max-width: 480px) { .botm .out-now__product { max-height: 390px; } p.out-now__product__name { font-size: 17px; } } @media only screen and (max-width: 375px) { .botm .out-now__product { max-height: 350px; } a.out-now__product__overlay span.botm-genre { top: 50%; } } /* boftm featured */ .botm-featured { width: 100%; float: left; margin: 20px 0 40px 0; } .botm-featured__block { float: left; width: 48.33%; position: relative; } .botm-featured__block--left { margin: 0 3.33% 0 0; } .botm-featured__block div { position: absolute; bottom: 15%; left: 10%; width: 80%; } .botm-featured__block a:hover{ opacity: 1; } .botm-featured__block img { display: block; width: 100%; float: left; } .botm-featured__block p { color: #FFFFFF; font-size: 14px; font-weight: normal; line-height: 16px; text-transform: uppercase; font-family: "FreightSansProMedium-Regular"; } .botm-featured__block span { color: #FFFFFF; font-size: 28px; font-weight: normal; line-height: 37px; font-family: "FreightSansProMedium-Regular"; margin: 5px 0 0 0; } @media screen and (max-width: 767px) { .botm-featured__block { width: 100%; } .botm-featured__block--left { margin: 0 0 20px 0; } .botm-featured__block p { font-size: 11px; line-height: 16px; } .botm-featured__block span { font-size: 20px; line-height: 29px; } } /* botm shop blocks */ .bofm-shop { width: 100%; float: left; margin: 20px 0 40px 0; } .bofm-shop__block { float: left; width: 48.33%; position: relative; } .bofm-shop__block--left { margin: 0 3.33% 0 0; } .bofm-shop__block img { display: block; width: 100%; float: left; } .bofm-shop__block p { color: #000000; font-size: 28px; font-weight: 600; line-height: 37px; font-family: "FreightSansProMedium-Regular"; margin: 20px 0 6px 0; float: left; } .bofm-shop__block span { min-width: 100%; color: #000000; font-size: 14px; line-height: 26px; font-family: "FreightTextProBook-Regular"; font-weight: normal; } .bofm-shop__block a.bofm-shop__block__link { background: white; line-height: 40px; padding: 0; display: block; width: 160px; color: #5E61A5; text-align: center; font-weight: 600; border: 1px solid rgba(230,231,235,0.9); margin: 0 auto; float: left; text-transform: uppercase; } @media screen and (max-width: 767px) { .bofm-shop__block { width: 100%; } .bofm-shop__block--left { margin: 0 0 20px 0; } .bofm-shop__block span { font-size: 14px; line-height: 26px; } .bofm-shop__block p { font-size: 20px; font-weight: 600; line-height: 29px; } } /* Signed and Special page */ @media screen and (min-width: 961px) { .signed-featured.botm-featured { margin: 20px 0 20px 0; } .signed-featured.botm-featured .botm-featured__block { width: calc(50% - 20px); } .signed-featured.botm-featured .botm-featured__block--left { margin: 0 40px 0 0; } .singed-shop.bofm-shop .bofm-shop__block { width: calc(50% - 20px); } .singed-shop.bofm-shop .bofm-shop__block--left { margin: 0 40px 0 0; } } @media screen and (max-width: 960px) { .signed-featured.botm-featured { margin: 20px 0 0 0; } } @media screen and (max-width: 960px) and (min-width: 768px) { .signed-featured.botm-featured .botm-featured__block { width: calc(50% - 10px); } .signed-featured.botm-featured .botm-featured__block--left { margin: 0 20px 0 0; } .singed-shop.bofm-shop .bofm-shop__block { width: calc(50% - 10px); } .singed-shop.bofm-shop .bofm-shop__block--left { margin: 0 20px 0 0; } } /* Delux */ .signed-deluxe { width: 100%; float: left; margin: 20px 0 40px 0; } .signed-deluxe img { width: 75%; display: block; float: left; } .signed_deluxe__text { width: 25%; float: left; box-sizing: border-box; padding: 0 0 0 20px; } .signed-deluxe--description { position: relative; width: 100%; float: left; } .signed-deluxe--header h2 { font-size: 14px; font-weight: 600 !important; line-height: 16px; text-transform: uppercase; font-family: "FreightSansProMedium-Regular" !important; color: #000000; } .signed-deluxe--header h3 { color: #000000; font-family: "Source Sans Pro"; font-size: 28px; font-weight: normal; line-height: 37px; margin: 15px 0; } .signed-deluxe--header h3 { color: #000000; font-size: 28px; font-weight: normal !important; line-height: 37px; font-family: "FreightSansProMedium-Regular" !important; } .signed-deluxe--description p { color: #000000; font-family: "FreightTextProBook-Regular"; font-size: 14px; line-height: 26px; } .signed-deluxe--description a { text-transform: uppercase; font-family: "FreightSansProBook-Regular"; font-size: 14px; } .signed-deluxe--description .read-more { position: absolute; bottom: 0; left: 0; width: 100%; display: block; z-index: 1; background: white; box-shadow: 10px -10px 26px 23px white; height: auto; } @media screen and (max-width: 960px) and (min-width: 768px) { .signed-deluxe--header { width: 30%; } .signed-deluxe--description { width: 70%; } } @media screen and (max-width: 960px) { .signed-deluxe img { width: 100%; } .signed_deluxe__text { width: 100%; padding: 30px 0 30px 0; } .signed-deluxe--header { float: left; } .signed-deluxe--description .read-more { bottom: -50px; } } @media screen and (max-width: 767px) { .signed_deluxe__text { padding: 30px 0 50px 0; } } /* Members only Page */ .pages-wrapper__col--banner-btn { padding: 7px 30px; color: white; margin-top: 10px; } .webshop-banner .webshop-banner--desktop { display: block; } .webshop-banner--mobile { display: none; float: left; width: 100%; margin-top: 20px; } .webshop-banner--mobile p.description { margin-bottom: 10px; } @media screen and (max-width: 767px) { .webshop-banner .webshop-banner--desktop { display: none; } .webshop-banner--mobile { display: block; } } /* Signed page Signature overly Deluxe section */ .members-exlusive__img { width: 75%; float: left; position: relative; } .members-exlusive__img img { width: 100%; display: block; float: left; } img.signed-signature { position: absolute; width: 24%; right: 18px; top: 35px; } @media screen and (max-width: 960px) { .members-exlusive__img { width: 100%; } } .webshop-banner picture:after { position: absolute; top: 0; left: 0; bottom: 0; content: ''; display: block; background-image: linear-gradient(to right, currentColor 30%, transparent 60%); width: 100%; opacity: 0.4; } .event-banner-wrapper:before { position: absolute; top: 0; left: 0; bottom: 0; content: ''; display: block; background-image: linear-gradient(to left, currentColor 40%, transparent 60%); width: 100%; opacity: 0.4; } .pages-wrapper__col.pages-wrapper__col--left a.pages-wrapper--img-hover:before{ position: absolute; top: 0; left: 0; bottom: 0; content: ''; display: block; background-image: linear-gradient(to bottom, currentColor 15%, transparent 50%); width: 100%; opacity: 0.4; } .pages-wrapper__row a.pages-wrapper--img-hover:before{ position: absolute; top: 0; left: 0; bottom: 0; content: ''; display: block; background-image: linear-gradient(to top, currentColor 14%, transparent 60%); width: 100%; opacity: 0.4; } .botm-featured__block:before { position: absolute; top: 0; left: 0; bottom: 0; content: ''; display: block; background-image: linear-gradient(to top, currentColor 14%, transparent 60%); width: 100%; opacity: 0.4; } /* Create an account section */ .account-popup, .account-popup .account-create-webshop, .account-popup .signin-account-popup { display: none; } .account-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; z-index: 1000; width: 100%; max-width: 550px; padding: 20px 100px; text-align: center; border: 1px solid #b1b1b1; } .account-popup .close { content: 'x'; margin-right: -80px; float: right; width: 31px; height: 30px; z-index: 1000; font-size: 20px; color: #fff; background: #d4d4d4; border-radius: 50%; cursor: pointer; } .account-popup.open.small-screen { top: 0; bottom: 0; transform: translateX(-50%); overflow-y: scroll; overflow-X: hidden; } .account-popup.open, .account-popup .signin-account-popup.open, .account-create-webshop.open { display: block; } .account-create-webshop .customer-name { display: flex; justify-content: space-between; } .account-create-webshop .fields.password { display: flex; flex-direction: column; } .account-create-webshop .fields.password .field, .account-create-webshop .form-list .input-box, .account-create-webshop .form-list, .account-popup .account-create-webshop ul.form-list > li input { width: 100%; } .account-create-webshop .customer-name .field.name-firstname, .account-create-webshop .customer-name .field.name-lastname { width: 48%; } .account-popup .account-create-webshop ul.form-list > li input.create-account-privacy-checkbox { width: 0; height: 0; float: left; padding: 0; } .account-create-webshop__header { box-sizing: border-box; padding: 0 10px; margin-bottom: 30px; } .account-create-webshop__header img { width: 120px; margin: 0 auto; display: block; } .account-create-webshop__header span { color: #000000; font-family: "Source Sans Pro"; font-size: 24px; line-height: 60px; text-align: center; } .account-create-webshop__header p { color: #000000; font-family: "Source Serif Pro"; font-size: 15px; line-height: 1.5; text-align: center; padding: 0 10px; } .account-create-webshop__header b { font-weight: bold !important; } .account-create-webshop__header a { color: #5E61A5; font-family: "Source Serif Pro" !important; font-size: 16px !important; line-height: 26px; text-align: center; text-transform: none; letter-spacing: normal; text-decoration: underline; } .control.gdpr span { width: 95%; float: right; box-sizing: border-box; padding-left: 17px; } #form-validate-register-homepage .control.gdpr { padding-top: 10px; } .create-account-privacy-checkbox[type="checkbox"]:before{ position: relative; display: block; width: 24px; height: 24px; border: 1px solid #b5b5b5; content: ""; background: #ffffff; border-radius: 2px; } .create-account-privacy-checkbox[type="checkbox"]:after{ position: relative; display: block; left: 2px; border-width: 1px; border-style: solid; border-color: white; content: ""; background-image: linear-gradient(135deg, white 0%,#FFF 100%); background-repeat: no-repeat; background-position:center; top: -24px; width: 20px; height: 20px; } .create-account-privacy-checkbox[type="checkbox"]:checked:after{ background-image: url('https://www.faber.co.uk/skin/frontend/faber/phase2/images/checked_checkbox.svg'); } .account-popup ul.form-list .field.name-lastname { width: 46% !important; } /* Account Popup - Sign in */ .account-popup .signin-account-popup .signin-img img { max-width: 100px; margin-bottom: 20px; } .account-popup .signin-account-popup .form-list, .account-popup .signin-account-popup .form-list .input-box, .account-popup .signin-account-popup .form-list input.input-text { width: 100%; } .account-popup .signin-account-popup .content { max-width: 450px; margin: 0 auto; } .account-popup .signin-account-popup h2 { font-family: "Source Sans Pro", serif!important; font-size: 24px; } .account-popup .signin-account-popup .content-text { margin-bottom: 40px; } .account-popup .signin-account-popup .content-text p { text-align: center; line-height: 1.5; font-size: 16px; } .account-popup .signin-account-popup .content-text .signup-for-account { color: #5E61A5; font-family: "Source Serif Pro" !important; font-size: 16px !important; line-height: 26px; text-align: center; text-transform: none; letter-spacing: normal; text-decoration: underline; cursor: pointer; } .account-popup .buttons-set button.button.disabled { background-color: #d3d3d3; border-color: #d3d3d3; } .account-create-webshop ul.form-list li .field { float: none; width: 100%; } .account-create-webshop ul.form-list li { margin: auto; } .account-popup .field.recaptcha.required { width: 50%; margin: auto; margin-bottom: 20px; margin-top: 10px; } .account-popup .signin-account-popup .field.recaptcha.required { width: 65%; } .account-popup .recaptcha-container { display: flex; justify-content: center; } .form-list .recaptcha-container .recaptcha.field { float: none; width: auto; } .recaptcha .g-recaptcha >div { margin: 20px auto 0; } .customer-account-login .form-list .input-box { width: 100%; } .customer-account-login .form-list input.input-text, .customer-account-login .form-list .input-box select { width: 80%; } @media screen and (max-width: 568px) { .account-popup { width: 95%; top: 0; left: 0; bottom: 0; padding: 10px; overflow-y: scroll; transform: none; } .account-popup .close { margin-right: 0; } .account-create-webshop .customer-name { justify-content: center; flex-direction: column; } div.account-create-webshop .customer-name .field.name-firstname, div.account-create-webshop .customer-name .field.name-lastname { width: 100%; } .account-create-webshop .fields.password .field, .account-create-webshop .form-list .input-box, .account-create-webshop .form-list, .account-popup .account-create-webshop ul.form-list > li input { width: 99%; } .account-create-webshop__header { padding: 0; } .account-create-webshop__header p { padding: 10px; } .account-popup .buttons-set { width: 100%; padding: 0; } .account-popup .field.recaptcha.required { width: 80%; } } /* Remove roundel Faber logo only from shop pages */ .categorypath-shop-html.category-shop .header-container .header-block, .categorypath-shop-members-only-html.category-members-only .header-container .header-block, .categorypath-shop-book-of-the-month-html.category-book-of-the-month .header-container .header-block, .categorypath-shop-signed-and-special-html.category-signed-and-special .header-container .header-block { display: none; } /* Remove navigation fro related articles on product pages */ .products-grid nav.navigation.posts-navigation { display: none; } /* Read more for author desc on product page */ .catalog-product-view .col1-layout .product-view #authors .author-details-wrap .author-desc-accordion{ max-height: 180px; transition: max-height .3s; overflow: hidden; } .catalog-product-view .col1-layout .product-view #authors .author-details-wrap button.read-more-btn__author { border: 1px solid #5E61A5; color: white; font-size: 14px; font-family: "FreightSansProBook-Regular"; font-weight: 600; height: 50px; margin: 10px 0 20px 0; text-transform: uppercase; transition: all, ease, 0.3s; width: 160px; background: #5E61A5; } /* Magic Thumb adjustments */ body div.MagicToolboxContainer, body div.MagicToolboxContainer .magic-slide { display: inline; } body div.MagicToolboxContainer.selectorsBottom .MagicToolboxSelectorsContainer { display: inline-block; } body.catalog-product-view .col1-layout .product-view .product-essential #product_addtocart_form { -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; justify-content: space-between; -webkit-moz-box-pack: space-between; box-pack: space-between; justify-content: space-between; } body.catalog-product-view .col1-layout .product-view .product-essential #product_addtocart_form .MagicToolboxContainer { -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; padding-right: 15px; width: 100%; max-width: 50%; } body.catalog-product-view .col1-layout .product-view .product-essential #product_addtocart_form .MagicToolboxContainer .magic-slide.mt-active { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } @media only screen and (max-width: 768px) { body div.MagicToolboxContainer { display: block; text-align: center; margin-bottom: 35px; } } @media only screen and (max-width: 660px) { body.catalog-product-view .col1-layout .product-view .product-essential #product_addtocart_form { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } } /* FILE: font-awesome.min.css */ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('https://www.faber.co.uk/skin/frontend/faber/default/css/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('https://www.faber.co.uk/skin/frontend/faber/default/css/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('https://www.faber.co.uk/skin/frontend/faber/default/css/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('https://www.faber.co.uk/skin/frontend/faber/default/css/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('https://www.faber.co.uk/skin/frontend/faber/default/css/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('https://www.faber.co.uk/skin/frontend/faber/default/css/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* FILE: sagePaySuite.css */ iframe#iframeRegCard { height:518px; width:100%; border:1px solid #666; padding: 0 20px;} iframe#sagepaydirectpro-iframe-post { height:500px; width:100%; /*border:1px solid #666;*/ border:none; } div#direct3d-logos { width:351px;margin:0 auto; margin-top:5px; } div#direct3d-logos img { padding-right:10px; } div.sagecardh1 h1 { display: inline; } div.sagecardh1 img { padding-top: 12px; padding-left: 10px; } select#sagepaytoken_start_yr, select#sagepaytoken_start, select#sagepaytoken_expiration_yr, select#sagepaytoken_expiration { width:125px; } select#sagepaytoken_start, select#sagepaytoken_expiration { margin-right: 10px; } form#frmRegCard input.cvv { width:3em !important; } .sidebar .sagepaysuite-logo { display:block; margin:10px 0; text-align:center; } .sidebar .sagepaysuite-logo a { float:none; }