/* @import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,700i'); */ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap'); @font-face { font-family: 'Peters'; src: url(../fonts/peters.eot?6821643); src: url(../fonts/peters.eot?6821643#iefix) format("embedded-opentype"), url(../fonts/peters.woff2?6821643) format("woff2"), url(../fonts/peters.woff?6821643) format("woff"), url(../fonts/peters.ttf?6821643) format("truetype"), url(../fonts/peters.svg?6821643#fontello) format("svg"); font-weight: 400; font-style: normal; } /* / Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. / / Note, that will break hinting! In other OS-es font will be not as sharp as it could be / / */ @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'peters'; src: url('../font/peters.svg?56594955#peters') format('svg'); } } @font-face { font-family: 'petersbookicons'; src: url('data:application/octet-stream;base64,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') format('woff'), url('data:application/octet-stream;base64,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') format('truetype'); } /* WYSIWYG buggy html fixes */ h3 p { margin: 0; } .visuallyHidden { position: absolute !important; height: 1px !important; width: 1px !important; overflow: hidden !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px) !important; white-space: nowrap !important; /* added line */ } .buorg { background-color: #ececec !important; text-align: center !important; font: 12px "Open Sans", sans-serif !important; border: 0!important; } .buorg a { border-radius: 0 !important; background: none !important; box-shadow: none !important; border: 0!important; padding: 0!important; margin: 0!important; color: #2995D3!important; } :root { --peters-blue: #2995D3; --peters-blue-rgb: 41, 149, 211; --peters-light-blue: #e8f4fa; --peters-light-blue-rgb: 232, 244, 250; --peters-purple: #5c4293; --peters-purple-rgb: 92, 66, 147; --peters-light-purple: #edeaf3; --peters-light-purple-rgb: 237, 234, 243; --peters-jade: #079285; --peters-jade-rgb: 7, 146, 133; --peters-light-jade: #e3f3f2; --peters-light-jade-rgb: 227, 243, 242; --peters-yellow: #F8AF14; --peters-yellow-rgb: 248, 175, 20; --peters-light-yellow: #FEF2D8; --peters-light-yellow-rgb: 254, 242, 216; --peters-green: #80b349; --peters-green-rgb: 128, 179, 73; --peters-light-green: #f1f7eb; --peters-light-green-rgb: 241, 247, 235; --peters-pink: #DA1E63; --peters-pink-rgb: 218, 30, 99; --peters-light-pink: #FEE2EE; --peters-light-pink-rgb: 254, 226, 238; --peters-navy: #1c2542; --peters-navy-rgb: 28, 37, 66; --peters-grey: #d6d6d6; --peters-grey-rgb: 214, 214, 214; --peters-light-grey: #F2F2F2; --peters-light-grey-rgb: 242, 242, 242; } /* Peters colors */ .petersPurple { color: #5c4293; } .petersBlue { color: #2995D3; } .petersJade { color: #079285; } .petersGreen { color: #80b349; } .petersYellow { color: #F8AF14; } .petersPink { color: #DA1E63; } html, body { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #1c2542; overflow-x: hidden; } body { margin: 0; } [readonly='readonly'] { pointer-events: none; } #wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; } .shadowedPanel { -webkit-box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: initial!important; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: initial!important; } .searchTypeTextSmall { font-size: .8em; } /* .headerSearchSuggestion { font-weight: 600; } .headerSearchSuggestion .userText { font-weight: 400; } */ .ui-state-active { background-color: #e8f4fa!important; color: #1c2542!important; } .myFakeFocusItem { background: #2b97d4!important; color: #fff!important; } .ui-widget-overlay[aria-describedby="unexpectedErrorMessage"] { z-index: 200 !important; } .ui-widget.ui-widget-content[aria-describedby="unexpectedErrorMessage"] { z-index: 201 !important; position: fixed !important; border: none; } .ui-widget.ui-widget-content[aria-describedby="unexpectedErrorMessage"] { border: none; border-radius: 0; padding: 0; } .ui-widget-content[aria-describedby="unexpectedErrorMessage"] a { color: #2995D3 !important; text-decoration: underline; } .ui-draggable .ui-dialog-titlebar { background-color: #2995D3; color: #FFFFFF; } /* Timy MCE template overrides */ body#tinymce { margin: 0; display: block; padding: 5px; min-height: auto; } body#tinymce .mceTmpl { margin-top: 1em; position: relative; width: 100%; } body#tinymce .mceTmpl .column { outline: 1px grey dotted; } body#tinymce .mceTmpl .column:first-child { padding-right: 0.5em; } body#tinymce .mceTmpl .column:last-child { padding-left: 0.5em; } body#tinymce .mceTmpl .wrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .searchInputContainer { display: -webkit-box; display: -ms-flexbox; display: flex; } .searchInputContainer input[type="text"] { padding: 3px; } .searchInputContainer .submitMe { background-color: #2995D3; color: #FFFFFF; height: auto; border: 0; padding: 3px 10px; font-family: "Font Awesome 5 Pro"; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .searchInputContainer .submitMe:hover { background-color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } .searchInputContainer .submitMe.disabled { pointer-events: none; background-color: grey; } .searchInputContainer .submitMe:before { content: "\f054"; } .tooManyResultsWarning, .tooFewFiltersWarning { text-align: center; } .ui-autocomplete { max-height: 200px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; /* add padding to account for vertical scrollbar */ padding-right: 20px; } /* animated elipses */ @keyframes opacity { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes opacity { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes opacity { 0% { opacity: 1; } 100% { opacity: 0; } } .animatedEllipses span { animation-name: opacity; animation-duration: 1s; animation-iteration-count: infinite; -webkit-animation-name: opacity; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -moz-animation-name: opacity; -moz-animation-duration: 1s; -moz-animation-iteration-count: infinite; } .animatedEllipses span:nth-child(1) { animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; } .animatedEllipses span:nth-child(2) { animation-delay: 300ms; -webkit-animation-delay: 300ms; -moz-animation-delay: 300ms; } .animatedEllipses span:nth-child(3) { animation-delay: 500ms; -webkit-animation-delay: 500ms; -moz-animation-delay: 500ms; } /*------------------*/ /* default styling of tables - responsive table widths */ table.width-three-quarters { width: 75% !important; } table.width-two-thirds { width: 66% !important; } table.width-half { width: 50% !important; } table.width-third { width: 33% !important; } table.width-quarter { width: 25% !important; } select, input { font-size: 1em; } h1 { font-size: 36px; font-size: 2.6rem; } h2 { font-size: 30px; font-size: 2.1rem; } h3 { font-size: 25px; font-size: 1.78rem; } h4 { font-size: 21px; font-size: 1.5rem; } h5 { font-size: 18px; font-size: 1.28rem; } h6 { font-size: 14px; font-size: 1rem; } a { color: #2995D3; text-decoration: none; cursor: pointer; -webkit-transition: .2s ease; transition: .2s ease; } a:hover { color: #1c2542; } a.selected { cursor: inherit; } .mainLogoLink { display: inline-block; margin: auto auto auto 6px; } .unbold { font-weight: 400 !important; } .flexCentered { align-items: center; display: flex; justify-content: center; } img.mainLogo { margin: auto; width: auto; height: 44px; } textarea, input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"] { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #CACACA; font-family: inherit; color: #0a0a0a; background-color: #FEFEFE; -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); border-radius: 0; -webkit-transition: border-color .25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color .25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color .25s ease-in-out; transition: box-shadow 0.5s, border-color .25s ease-in-out, -webkit-box-shadow 0.5s; appearance: none; -webkit-appearance: none; -moz-appearance: none; } input[type='date'] { min-width: 140px; } .compat-object-fit { background-size: cover; background-position: center center; } .compat-object-fit[style] img { opacity: 0; } /* form builder */ form.formBuilder p.error { display: block; width: 100%; padding: 6px 8px; } form.formBuilder.event .field { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 18px; } form.formBuilder.event .field input[type="text"], form.formBuilder.event .field input[type="email"], form.formBuilder.event .field input[type="number"] { height: 35px; padding-left: 5px; } form.formBuilder.event .field .label { font-size: 14px; padding-right: 5px; } form.formBuilder.event .field .label { -webkit-box-flex: 0; -ms-flex: 0 0 256px; flex: 0 0 256px; font-weight: bold; padding: 7px 10px; } form.formBuilder.event .field .input { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } form.formBuilder.event .field.radio>.input { -ms-flex-wrap: wrap; flex-wrap: wrap; } form.formBuilder.event .field.radio .input>label { white-space: nowrap; } form.formBuilder .checkMarkLabelWrapper { margin: 0 10px 5px 0; width: 100%; } form.formBuilder .checkMarkContainer { display: inline-block; top: -5px; } form.formBuilder.event .field .input textarea, form.formBuilder.event .field .input input[type="text"], form.formBuilder.event .field .input input[type="password"], form.formBuilder.event .field .input input[type="email"], form.formBuilder.event .field .input input[type="number"], form.formBuilder.event .field .input input[type="time"] { -ms-flex-item-align: center; align-self: center; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; resize: vertical; } form.formBuilder.event .field .input input.requiredCheck { position: absolute; left: 0; bottom: 0; opacity: 0; width: 0px; height: 0px; } form.formBuilder.event .field .input textarea { min-height: 100px; max-height: 240px; } form.formBuilder.event .successMessage { font-weight: bold; } .entryBottomSection .successMessage { color: #DA1E63; } .eventEntryContainer form.formBuilder.event .field .input textarea { min-height: 48px; } .centredRow { display: flex; justify-content: space-between; align-items: center; } .actionButton { cursor: pointer; } #content { margin-bottom: 40px; /* outline: 2px dotted pink; */ } #content img { max-width: 100%; height: auto; } #content.centered { text-align: center; } #content>h5 { margin-bottom: 20px; } #content iframe { max-width: 100%; } /* Accordion Start */ .myAccordion .menu { background-color:#d5d5d5; color:#444; cursor:pointer; padding:12px; width:100%; text-align:left; border:none; outline:none; margin-top:4px; border-radius:8px; font-size:inherit; } .myAccordion .panel { background-color:#d5d5d5; color:#000000; overflow:hidden; border-radius:6px; } .myAccordion .open { display:block; } .myAccordion .close { display:none; } .myAccordion .active { background-color:#1b90bb; color:#fff; } .myAccordion .arrow { float:right; display:block; } .myAccordion .darrow { display:none; } .myAccordion .active .darrow { display:block; } .myAccordion .active .rarrow { display:none; } /* .myAccordion .panel a { display:block; background:#808080; color:#FFFFFF; padding:5px; margin:3px; width:100%; text-decoration:none; } */ /* Accordion End */ #bookOrderForm .userDetails { margin-bottom: 20px; } .orderFormItemsContainer { font-size: 1.4em!important; transition: .5s; width: calc(100% - 270px); } .orderFormItemsContainer *:disabled { background-color: grey; color: #fff; opacity: 1; } .orderFormItemsContainer input::placeholder { color: grey; } .orderFormItemsContainer .ui-state-default { border: 1px solid rgb(238, 238, 238); } .orderFormItemsContainer h1 { background: none; border-radius: 0; margin:0; font-weight: bold!important;; border-width: 0 1px 1px; color: #2995D3!important; } .orderFormItemsContainer h1:first-of-type { border-radius: 4px 4px 0 0; border-width: 1px 1px 1px; } .orderFormItemsContainer h1:last-of-type { border-radius: 0 0 4px 4px; } .orderFormItemsContainer .sectionTitleContainer { width: 14%; color: #079285; box-sizing: border-box; padding-right: 6px; } .orderFormItemsContainer .sectionTitleContainer h3 { margin: 0; } .orderFormItemsContainer .bookDetails { width: 80%; box-sizing: border-box; padding: 0 10px; } .orderFormItemsContainer .bookDetails .listViewStock { font-size: .7em!important;; } .orderFormItemsContainer .bookSalePriceAndQty { text-align: right; display: flex; align-items: center; } .orderFormItemsContainer .bookSalePriceAndQty .salePrice { margin-right: 8px; } .orderFormItemsContainer .bookSalePriceAndQty input { width: 50px; padding: 8px; font-size: 0.8em!important;; box-sizing: border-box; } .orderFormItemsContainer .bookImage { width: 20%; } .orderFormItemsContainer .bookImage img { width: 100%; height: auto; max-width: 120px; } .orderFormItemsContainer.ui-accordion .ui-accordion-content { padding: 1em; } .orderFormItemsContainer .sectionContainer { padding: 22px 0; } .orderFormItemsContainer .sectionContainer:not(:last-of-type) { border-bottom: 1px solid rgb(221, 221, 221); } .orderFormItemsContainer .itemsContainer { flex: auto; } .orderFormItemsContainer .itemContainer { justify-content: space-between; } .orderFormItemsContainer .itemContainer:not(:last-of-type) { margin-bottom: 22px; } .causeOfInvalid { color: #da1e63; font-size: 0.8em; display: none; text-align: right; } #orderFormSummary { margin: 0 0 0 auto; font-size: 1.2em; display: flex; flex-direction: column; align-items: end; width: 250px; } #orderFormSummary #basketTotal h2 { font-size: 1.8em; margin-bottom: 0.2em; } #orderFormSummary .eventCheckmark { margin: 0 8px 0 0; } #orderFormSummary .summaryContainer { width: 250px!important; } #orderFormSummary .summaryTabItem.button { margin: 10px 0 0 auto; } .orderFormPricingSection { display: flex; } .standardHeader h2, .pageTitle { color: #2995D3; text-align: left; } .smallHeading { font-size: 16px; font-size: 1.14rem; color: #2995D3; margin-top: 20px; } .sectionHeader { margin-top: 5px; color: #2995D3; } /* Return to top */ #returnToTop { position: fixed; /* z-index: 1000; */ z-index: 100; bottom: 20px; right: 20px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); width: 50px; height: 50px; display: block; text-decoration: none; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #returnToTop i { color: #fff; margin: 0; position: relative; left: 16px; top: 13px; font-size: 19px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #returnToTop:hover { background: rgba(0, 0, 0, 0.9); } #returnToTop:hover i { color: #fff; top: 5px; } /* Large gallery image view css */ div.image { cursor: pointer; } #lightbox { position: fixed; top: 0; z-index: 103; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, .7); } #lightbox .image { /* max-width: 80%; */ position: relative; } #lightbox .image img, #lightbox .image iframe { max-width: 100%; max-height: 70vh; } #lightbox .image .details { position: absolute; bottom: 0; left: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2px 5px; background-color: rgba(0, 0, 0, .7); color: #fff; } #lightbox * { box-sizing: border-box; } #lightbox .img-zoom-container { position: relative; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #lightbox .img-zoom-lens { position: absolute; border: 1px solid #d4d4d4; /*set the size of the lens:*/ width: 90px; height: 90px; z-index: 1001; opacity: 0; cursor: zoom-in; } #lightbox .img-zoom-result { border: 1px solid #d4d4d4; /*set the size of the result div:*/ width: 200px; height: 200px; margin-top: 20px; opacity: 0; } #lightbox > .bookPageImageContainer { position:relative; text-align:center; padding:50px; } /* #lightbox > .bookPageImageContainer > .image { max-width: 565px; } */ #lightbox > .bookPageImageContainer > .controls { /* position: absolute; */ position: fixed; top: 0; bottom: 0; width: 100%; height: 24px; left: 0; right: 0; margin: auto; display: flex; justify-content: space-between; font-size: 45px; line-height: 1em; padding: 0 24px; box-sizing: border-box; } #lightbox > .bookPageImageContainer > .controls > .prev, #lightbox > .bookPageImageContainer > .controls > .next { color: #FFF; cursor: pointer; } #lightbox > .bookPageImageContainer > .additionalImagesGallery { display: inline-flex; align-items: center; } #lightbox > .bookPageImageContainer > .additionalImagesGallery > .image > img { max-height: 12vh; margin-right: 0.5vh; } #lightbox .close { color: #FFF; position: fixed; top: 0; right: 0; font-size: 50px; margin-right: 20px; /* 1vh; */ font-weight: bold; cursor: pointer; } div#lightboxControls { background-color: rgba(0, 0, 0, .8); bottom: 0; width: 100%; position: absolute; color: #FFF; box-sizing: border-box; padding: 10px; text-align: center; display: flex; justify-content: center; align-items: center; } #zoomImage { z-index: 1000; } #lightbox .window { position:relative; background-color:#FFFFFF; text-align:center; padding:24px; margin:48px; } #lightbox .window .close { position: absolute; top: -20px; left: -20px; background-color: #FFFFFF; color: #1c2542; padding: 12px; border: 0px solid; border-radius: 50%; line-height: 1em; font-size: 18px; height: 42px; width: 42px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; cursor:pointer; } #lightbox .window .close::before { font-family:'Font Awesome 5 Pro'; content:'\f00d'; font-weight:normal; } /* END */ /* IMAGE GALLERY CSS */ .imageGallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .imageGallery .column { -webkit-box-flex: 24%; -ms-flex: 24%; flex: 24%; max-width: 24%; -webkit-box-sizing: border-box; box-sizing: border-box; } .imageGallery .column img, .imageGallery .column iframe { margin-top: 8px; vertical-align: middle; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0; } .grid-item { float: left; width: 80px; height: 60px; border: 2px solid hsla(0, 0%, 0%, 0.5); } .imageGallery .image { position: relative; cursor: pointer; } .imageGallery .image .details { position: absolute; bottom: 0; margin: auto; display: none; padding: 5px; background-color: rgba(37, 37, 37, 0.9); color: #FFFFFF; } .imageGallery .image .details ul { padding-left: 0; margin-top: 0; } .imageGallery .image .details ul li { float: left; margin: 0 16px; } .imageGallery .image:hover .details { display: block; } /* END */ /*custom checkMark css || HTML: make label (checkMarkContainer) containing span (checkMark) and hidden checkbox input */ /* Customize the label (the container) */ .checkMarkContainer { display: block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 27px; } /* Hide the browser's default checkbox */ .checkMarkContainer input { position: absolute; opacity: 0; cursor: pointer; margin-top: -4px; } /* Create a custom checkbox */ .checkMark { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 15px; width: 15px; margin: auto; border: 1px solid rgba(0, 0, 0, 0.2); background-color: #ccd0d2; color: rgba(255, 255, 255, .9); text-align: center; } /* Create the checkMark/indicator (hidden when not checked) */ .checkMark:after { display: none; } .checkMarkContainer input:checked~.checkMark { background-color: #25688e; border: 1px solid rgba(93, 66, 147, 1); } /* Show the checkMark when checked */ .checkMarkContainer input:checked~.checkMark:after { display: block; } /* Style the checkMark/indicator */ .checkMarkContainer .checkMark:after { font-family: "Font Awesome 5 Pro"; content: "\f00c"; font-weight: 600; font-size: 12px; margin-top: 1px; } .checkMarkContainer:not(.noDefault) input:indeterminate~.checkMark, .checkMarkContainer input:checked~.checkMark.negative { background-color: #da1e63; border: 1px solid rgba(93, 66, 147, 1); } .checkMarkContainer:not(.noDefault) input:indeterminate~.checkMark:after { content: "\f00d"; display: block; } .checkMarkContainer .checkMark.negative:after { content: "\f00d"; } /*checkMark end */ .subRatings { padding: 15px 0; } /* rating graphic css*/ .ratingWidth { display: table; } .rating.lineItem span { margin: 10px 0; } .rating span { float: right; position: relative; } .rating span input { position: absolute; top: 0px; left: 0px; opacity: 0; cursor: pointer; } .rating { text-align: left; } .searchItems .productContainer .libSuitDisplay { margin-right: 2em; } .rating span label { display: inline-block; width: 24px; height: 24px; text-align: center; color: #afafaf; font-size: 23px; line-height: 22px; margin-right: 1px; } .rating span label[for="libRate0"] { font-size: 21px; } .searchPageContentBox .rating span label, #structuredBooleanFilters .rating span label { color: white; } .rating span label::before { content: "\f058"; font-family: "Font Awesome 5 Pro"; font-weight: 400; } .libSuit.rating span label::before { font-family: "petersbookicons"; font-weight: 400; } .libSuit.rating span label[for="libRate0"]::before { content: '\f05e'; font-family: "Font Awesome 5 Pro"; } .libSuit.rating span label[for="libRate1"]::before { font-size: 10px; content: '\e801'; } .libSuit.rating span label[for="libRate2"]::before { font-size: 18px; content: '\e802'; } .libSuit.rating span label[for="libRate3"]::before { content: '\e803'; } /* .rating span.checked label::before { color:#80b349; } */ .rating.clickable span { transition: .3s; } .rating.clickable span:hover~span label, .rating.clickable span:hover label, .rating span.checked label, .rating span.checked~span label { color: #80b349; } .small .rating span label { font-size: 15px; padding-top: 0; line-height: initial; width: 16px; height: auto; } .small .rating.clickable { margin-left: 5px; } /*END*/ /* Improved(?) library suitability filter */ .libSuitFilter { text-align: left; } .libSuitFilter span { float: right; position: relative; transition: .3s; } .libSuitFilter span[id="libSuitIcon2"] { margin-top: 5px; margin-bottom: -10px; } .libSuitFilter span label { display: inline-block; width: 24px; height: 24px; text-align: center; color: #afafaf; font-size: 23px; line-height: 22px; margin-right: 1px; } .libSuitFilter span:hover label, .libSuitFilter span.checked label { color: #80b349; } .libSuitFilter span label[for="libRate0"] { font-size: 21px; } .libSuitFilter span label::before { font-family: "petersbookicons"; font-weight: 400; } .libSuitFilter span label[for="libRate0"]::before { content: '\f05e'; font-family: "Font Awesome 5 Pro"; } .libSuitFilter span label[for="libRate1"]::before { font-size: 10px; content: '\e801'; } .libSuitFilter span label[for="libRate2"]::before { font-size: 18px; content: '\e802'; } .libSuitFilter span label[for="libRate3"]::before { content: '\e803'; } .libSuitFilter span input { position: absolute; top: 0px; left: 0px; opacity: 0; cursor: pointer; } .fitContentWidth { width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; } .financialItem { text-align: right; } .loadOverlay { position: absolute; display: none; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.80); padding: 0; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: auto; z-index: 100; } .loadOverlay .fa-spinner { width: 52px; height: 53px; margin: 20px auto; } .loadOverlay .fa-spinner:before { display: none; } .isEdge .loadOverlay .fa-spinner, body[class*="isIE"] .loadOverlay .fa-spinner { background-image: url('/assets/img/peters-spinner.png'); } .loadContainer { position: relative; } ul.ui-autocomplete { z-index: 1000; } #basketDraw { z-index: 1000 !important; } #basketNameTaken { position: fixed; margin: auto; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; display: none; width: 300px; padding: 20px 40px; border-radius: 4px; top: 100px; left: 0; right: 0; background-color: rgba(187, 0, 0, .9); z-index: 200; color: #FFFFFF; } #fullLoaderSpacer { height: 200px; width: 100%; } .container { position: relative; display: block; width: 1200px; margin: 0 auto; } .container.flexVCentre { display: flex; align-items: center; } .flexContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; height: 100%; position: relative; flex-direction: column; } .flexSpaceContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fancyBlock { background-color: #e8f4fa; margin-left: 30px; padding: 12px; } .searchContainer { position: relative; display: block; width: 1200px; margin: 0 auto; } .columnsHoover { display: -webkit-box; display: -ms-flexbox; display: flex; } .columnsHoover.wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .columns { display: -webkit-box; display: -ms-flexbox; display: flex; } .columns.wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .passionateLibraries.columns.wrap { align-items: stretch; } .columns.space { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .columns.verticalCenter { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .columns .third.column { width: calc((100% / 3) - 1px); } #wrapper>.container.columns>.third.column { width: calc((100% / 3) - 1px); } #searchList.denseView .third.column.productImageContainer { width: calc((100% / 5) - 1px); } #searchList .denseColumn, #searchList.denseView .defaultDetails .listViewStock, #searchList.denseView .defaultDetails .bookBinding, #searchList.denseView .defaultDetails .bookProperties, #searchList.denseView .defaultDetails .bookReview.bibText, #searchList.denseView .bookReview.evaluation, #searchList.denseView .bookReview.schoolsOnlyReview, #searchList .denseVersion, #searchList.denseView .imageBadgeContainer, .libSuitDisplay, /* #searchList.denseView .offerDetails, */ #searchList.denseView .userTypeL .offerBadge { display: none; } #searchList.denseView .offerDetails .offerHeading, #searchList.denseView .offerDetails .offerName { font-size: .8rem !important; } #searchList.denseView .denseColumn, #searchList.denseView .denseVersion, #searchList.denseView { display: block; } #searchList.denseView .gridBadges.denseVersion, #searchList.denseView .gridBadges.denseVersion .gridBadgeImage { display: flex; align-items: center; flex-wrap: wrap; } /* #searchList.denseView .gridBadges.denseVersion { margin-left: 5px; } */ #searchList.denseView .gridBadges.denseVersion .bookBadge { margin-right: 3px; } #searchList.denseView .gridBadges.denseVersion .bookBadge.Winner { border-bottom: 3px solid gold; max-height: 22px !important; max-width: 22px !important; } #searchList.denseView .gridBadges.denseVersion .bookBadge.Shortlisted { border-bottom: 3px solid #9E9E9E; max-height: 22px !important; max-width: 22px !important; } #searchList.denseView .gridBadges.denseVersion .bookBadge.Longlisted { border-bottom: 3px solid #BB7E42; max-height: 22px !important; max-width: 22px !important; } #searchList.denseView .listViewStock { white-space: normal; } .denseColumn.twoThirds.column.bookInfoColumn { padding-left: 20px; box-sizing: border-box; } .userTypeS .denseColumn .bookBinding.libDetails { display: none; } /* .listViewStock { white-space: nowrap; } */ span.limitedStock { color: #DA1E63; } .gridBadges a { display: flex; } .column.libSuitDisplay { display: flex; align-items: center; margin-right: 5px; } #searchList.denseView .priceSection .searchPrice { font-size: 1.6em; padding: 0; } .priceSection i.fas.fa-shopping-basket { padding-bottom: 20px; } #searchList.denseView .pricingDetails { padding-bottom: 10px; } #searchList.denseView .searchQuantity { padding-bottom: 4px; font-size: .9em; } #searchList.denseView .searchQuantity input { height: 22px; } /* #searchList.denseView .addButtonContainer, #searchList.denseView .removeFromBasket, #searchList.denseView .removeFromBasketWeave { */ #searchList.denseView .addButtonContainer, #searchList.denseView .removeFromBasketWeave { margin: 0 0 2px auto; text-align: left; font-size: 0.8em; } .removeFromBasket.basketButton, .removeFromBookshelf.basketButton { margin: 0 2px 0 auto; font-size: 0.8em; padding: 7.5px 10px; } #searchList.denseView .userTypeL .addButtonContainer, #searchList.denseView .addToBasket { width: 100%; } #searchList.denseView .denseColumn .bookProperties .swatch { margin: 0; } #searchList.denseView .classSetOffer > .classSetOverlay { top: 30%; left: 45%; width: 80px; } .row { display: flex; } .productContainer.furniture .image { min-height: 280px; } .productContainer.furniture .image img { display: block; max-height: 280px; margin: auto; } .row.endAlign { justify-content: flex-end; align-items: center; } .productContainer .row { flex-wrap: wrap; } .libSuitDisplay img, .gridBadges.denseVersion img { width: 24px !important; height: 24px !important; } .libSuitDisplay i.fas.fa-book-dead { color: #4A4A4A; font-size: 20px; } /* .addButtonContainer.bookshelf { margin: 0 -1px 10px auto; } */ .columns .twoThirds.column { width: calc(200% / 3); } .columns .fifth.column { width: 20%; } .columns .full.column { width: 100%; } .columns .fourFifths.column { width: 80%; } .columns .half.column { width: 50%; } .columns .twoFifths.column { width: 40%; } .columns .oneTenth.column { width: 10%; } .columns .nineTenth.column { width: 90%; } .column.flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .columns .quarter.column { width: 25%; } .columns .three.quarter.column, .columns .threeQuarter.column { width: 75%; } .columns .sixth.column { width: calc(100% / 6); } .columns .two.sixth.column, .columns .twoSixth.column { width: calc((100% / 6)* 2); } .columns .three.sixth.column, .columns .threeSixth.column { width: calc((100% / 6) * 3); } .columns .four.sixth.column, .columns .fourSixth.column { width: calc((100% / 6) * 4); } .columns .five.sixth.column, .columns .fiveSixth.column { width: calc((100% / 6) * 5); } .mceTmpl .columns .column { -webkit-box-sizing: border-box; box-sizing: border-box; } .mceTmpl .column:first-child { padding-right: 0.5em; } .mceTmpl .column:last-child { padding-left: 0.5em; } /* Delivery address + FAO (desktop) */ .columns .deliveryAddressDropdown.column { width: 65%; } .columns .forAttentionOf.column { width: 35%; } button, .button { /* font-family: 'Ubuntu', sans-serif; */ background: #2995D3; color: #ffffff; text-decoration: none; display: block; text-align: center; -webkit-transition: 300ms ease; transition: 300ms ease; -webkit-box-sizing: border-box; box-sizing: border-box; text-transform: uppercase; border: 0; cursor: pointer; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 10px 0 10px auto; padding: 7px 10px; font-size: 14px; /* To vertical center text in button */ } .customButton { position: relative!important; /* transition: .3s; */ color: #ffffff!important } .customButton.green { background-color: #80b349!important; } .customButton.pink { background-color: #DA1E63!important; } .customButton.navy { background-color: #1c2542!important; } .customButton.grey { background-color: #d6d6d6!important; } .customButton.yellow { background-color: #F8AF14!important; } .customButton.jade { background-color: #079285!important; } .customButton.purple { background-color: #5c4293!important; } .customButton:before{ content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0); transition: .3s; } .customButton:hover:before { content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); } button.selectr-input-clear { margin: initial; } .button.noMargin { margin: 0; } .button.autoMargin { margin: auto; } .button.left, button.left { margin: 10px auto 10px 0; } .isEdge .button, .isEdge button, body[class*="isIE"] .button, body[class*="isIE"] button { display: inline-block; } .button a { color: white; } .button:hover, button:hover { background-color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } .button.disabled, button.disabled { pointer-events: none; background-color: #797e81 !important; } button.recommendedButton { margin: 0 0 0 auto; background-color: #e6007e; } button.recommendedButton i { padding: 0px 5px; } .button:hover, button:hover { background-color: #1c2542; color: #fff; } div.grey, button.grey { background-color: #f5f5f5; } div.lightGreen { background-color: #f1f7eb; } div.darkGrey { background-color: #bbb; } div.purple, .textPanel.purple, button.purple { background-color: #5c4293; color: #FFFFFF; } div.darkTurquoise, .textPanel.darkTurquoise, button.darkTurquoise, .button.darkTurquoise { background-color: #079285; color: #FFFFFF; } div.green, .textPanel.green, .button.green, button.green { background-color: #80b349; } div.blue, .textPanel.blue, button.blue { background-color: #2995D3; } div.pink, .textPanel.pink, button.pink { background-color: #e20e63; } div.yellow, .textPanel.yellow, button.yellow { background-color: #f8af14; } div.white { background-color: #ffffff; } /* BOOK BANDS */ .bookBands { margin-right: 3px; } .bookBands .bookBand { padding: 45px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 300ms ease; transition: 300ms ease; } .bookBands .bookBand:hover { background-color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } .pinkButton { background-color: #da1e63; } div.lilacBand { background-color: #ce93d8; } div.pinkBand { background-color: #e91e63; } div.redBand { background-color: #f44336; } div.yellowBand { background-color: #f8cf14; } div.blueBand { background-color: #2995D3; } div.greenBand { background-color: #8bc34a; } div.orangeBand { background-color: #ff9800; } div.turquoiseBand { background-color: #00bcd4; } div.purpleBand { background-color: #673ab7; } div.goldBand { background-color: #caa91e; } div.whiteBand { background-color: #ffffff; color: black; } div.whiteBand:hover, div.whiteBand:hover h3, div.whiteBand:hover a, div.whiteBand:hover p { color: white; } div.limeBand { background-color: #c0ca33; } div.brownBand { background-color: #8d6e63; } div.greyBand { background-color: #9e9e9e; } div.darkBlueBand { background-color: #283593; } div.darkRedBand { background-color: #b71c1c; } /* #emContainer { padding: 12px 20px; border-radius: 4px; background: #e8f4fa; width: fit-content; border: 2px solid #bbcfdb; } */ #emContainer img.logo { height: 66px; width: auto; } /* #emContainer p { margin-bottom:0px; } */ input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { appearance: textfield; -webkit-appearance: textfield; -moz-appearance: textfield; } /* BOOK BANDS */ .paddingBox { padding: 30px; } .center { margin: 0 auto; } .blue { color: #2995D3; } .purple { color: #5c4293; } .darkTurquoise { color: #079285; } .pink { color: #e20e63 } .left { text-align: left !important; } .right { text-align: right !important; } #header { background-color: white; z-index: 102; top: 0; left: 0; right: 0; padding-bottom: 10px; } .headerSpacer { height: 177px; padding-bottom: 10px; } #header .mobileContainer { padding: 20px 0; } a.footerLink { color: white; } .corporateMenu li:not(:last-child):after, .userMenu>li:not(:last-child):after { content: "|"; } .menuSection li { color: #C8C8C8; } .footerImageLinks a { display: inline-block; } #searchBar { width: 100%; } .quickSearchContainer { text-align: center; margin-top: 8px; } #headerSearch { height: 100%; padding: 2px 10px; border: 0; border-top: 1px solid #CACACA; border-bottom: 1px solid #CACACA; width: 255px; } #headerSearch.error { border-color: #da1e63; } #headerSearch.error::-webkit-input-placeholder { color: #da1e63; } #headerSearch.error::-moz-placeholder { color: #da1e63; } #headerSearch.error:-ms-input-placeholder { color: #da1e63; } #headerSearch.error::-ms-input-placeholder { color: #da1e63; } #headerSearch.error::placeholder { color: #da1e63; } #headerSearch:focus { border-top: 1px solid #A5A5A5; border-bottom: 1px solid #A5A5A5; } #headerSearch::-webkit-input-placeholder::before { content: ''; } #headerSearch::-moz-placeholder::before { content: ''; } #headerSearch:-ms-input-placeholder::before { content: ''; } #headerSearch::-ms-input-placeholder::before { content: ''; } #headerSearch::placeholder::before { content: ''; } #headerSearchButton { background-color: #2995D3; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 7px 10px; color: #FFFFFF; display: inline-block; cursor: pointer; /* font-family: 'Ubuntu', sans-serif; */ -webkit-transition: .3s; transition: .3s; width: 40px; } ul.searchDropdown { width: 100%; margin: 0; z-index: 1; cursor: pointer; padding: 0; } .topLeftMenu ul.menu { color: black; } .searchDropdown.open li { display: block; } .helpContact { color: #000; font-size: 13px; margin: 10px 0 2px 0px; } .menuSection { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 0.9em; z-index: 10000; position: relative; padding: 1em 0 1em; } .menuSection:before { content: ""; display: inline-block; } #corporateMenu, .userMenu { font-size: 13px; } .corporateMenu, .userMenu { list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; } /* Corporate menu dropdown menu */ #corporateMenu { position: absolute; /* width: 100px; */ margin: calc(1em + 4px) 0; top: 0; left: 0; } .corporateMenu { /* display:none; */ width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0; /* -ms-flex-wrap: wrap; flex-wrap: wrap; */ white-space: nowrap; } .corporateMenuLabel { display: none; color: black; margin: 0; font-size: inherit; } .corporateMenuLabel i, .corporateMenuLabel span { display: inline-block; /* vertical-align: middle; */ color: #2995D3; } .corporateMenuLabel i { margin-left: 5px; padding: 0 3px; font-size: 14px; margin-top: 3px; } .corporateMenuLabel .fa-angle-down { -webkit-transition: all 0.3s; transition: all 0.3s; font-weight: 600; } #corporateMenu.open { display: block; } #corporateMenu.open .corporateMenuLabel .fa-angle-down { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.3s; transition: all 0.3s; } #corporateMenu.open .corporateMenu { display: block; margin: 0; padding: 10px 10px 0; z-index: 100; background-color: #fff; -webkit-box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); } #corporateMenu.open .corporateMenu li { padding-bottom: 10px; } #corporateMenu.open .corporateMenu li:after { display: none; } .corporateMenu li a { padding: 0px 5px; } .corporateMenu li:first-child a { padding-left: 0; } .userMenu { margin: 0; display: inline-flex; align-items: center; } .userMenu>li:not(:last-child):after { content: "|"; } .userMenu li:not(.mobileButton):last-child:after { content: ''; } .userMenu li a { color: #da1e63; padding: 0px 5px; -webkit-transition: 300ms ease; transition: 300ms ease; cursor: pointer; transition: 300ms ease; } .userMenu li a:hover { color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } .userMenu li a.adminColour:hover, .userMenu li a.pageColour:hover { color: #1c2542 !important; -webkit-transition: 300ms ease; transition: 300ms ease; } .userMenu li .helpLink { color: #80b349; } .userMenu li .helpLink:hover { color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } .userMenu li .viewWishlist { color: #5c4293; } .userMenu li .viewWishlist.furniture { color: #079285; } .userMenu li .viewWishlist:hover { color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } .userMenu li .viewWishlist i { font-weight: 600; } .userMenu li .weaveColour { color: #f8af14; } .userMenu .topHomeButton { display: list-item; } .userMenu li i.fa-weave::before { content: ""; background-image: url('/assets/img/weave-logo.svg'); background-repeat: no-repeat; display: block; height: 1em; width: 1em; } .userMenu li i~i { margin-left: 5px; } .userMenu li i { display: inline-block; vertical-align: middle; } .userMenu li i+span { margin-left: 5px; display: inline-block; vertical-align: middle; } .nameAcronym { display: inline-flex; font-size: 10px; border: 1px solid #eeeeee; background: #ececec; border-radius: 100%; height: 24px; width: 24px; justify-content: center; align-items: center; margin: 0 3px; } .topHomeButtonText { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 130px; } #switchAuthorityLink { color: #2995D3; } select.selectSearchDropdown { background-color: #2995D3; border: 0; color: white; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4px 5px; outline: none; opacity: 1; font-family: 'Open Sans', sans-serif; height: 100%; list-style-type: none; -webkit-transition: 300ms ease; transition: 300ms ease; cursor: pointer; min-width: 120px; /* text-transform: uppercase; */ width: auto; padding-right: 28px; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* SVG background image background: url("data:image/svg+xml;utf8,"); background-size: 12px; background-position-x: right; background-position-y: calc(100% - 10px); background-repeat: no-repeat;*/ background-color: transparent; position: relative; z-index: 100; } .selectSearchDropdownWrapper { position: relative; background-color: #2995D3; display: inline-block; } .selectSearchDropdownWrapper:before { font-family: "Font Awesome 5 Pro"; content: "\f078"; font-weight: 300; display: inline-block; position: absolute; color: #fff; right: 8px; top: 50%; font-size: 0.9em; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 100; } select.selectSearchDropdown option { background-color: var(--peters-blue); padding: 5px; } #searchDropdownTemplateSelect { display: none; background-color: #2995D3; border: 0; color: white; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px 0px 0px 5px; outline: none; opacity: 1; font-family: 'Open Sans', sans-serif; height: 100%; list-style-type: none; text-transform: uppercase; } /* ul.searchDropdown li { background-color: #2995D3; border: 0; color: white; font-size: 16px; box-sizing: border-box; padding: 0px 0px 0px 5px; outline: none; opacity: 1; font-family: 'Open Sans', sans-serif; height: 100%; list-style-type: none; display: none; transition: 300ms ease; } ul.searchDropdown li:hover { background-color: #cacaca; color: #000000; transition: 300ms ease; } ul.searchDropdown li.lastItem { border-top: 1px solid #356987; padding: 4px; } ul.searchDropdown li.firstItem { margin-top: 2px; } ul.searchDropdown li.selectedSearchType { display: block; transition: 300ms ease; padding-left: 10px; } ul.searchDropdown li.selectedSearchType:hover { background-color: #187cb5; transition: 300ms ease; color: white; } ul.searchDropdown li i { padding: 5px; } */ .mainSearch { height: 29px; display: inline-block; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; max-width: 100%; } .mainSearch ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #cacaca; font-size: 1em; } .mainSearch :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #cacaca; font-size: 1em; } .mainSearch ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #cacaca; font-size: 1em; } .mainSearch :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #cacaca; font-size: 1em; } .is-hidden { display: none !important; } #basket { position: relative; /* margin: 0 0 10px 10px; */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #basket * { -webkit-box-sizing: border-box; box-sizing: border-box; } #basket a:not(.simpleLink) { display: block; width: 100%; margin-top: 8px; } #switchBasket .selected { font-weight: bold; } #switchBasket ul { list-style: none; padding: 0; margin: 0; } #switchBasket ul li { padding-bottom: 2px; } #switchBasket ul li:not(.selected):hover { text-decoration: underline; cursor: pointer; } .headerDropdown { width: 100%; position: absolute; display: none; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #ABCEE1; padding: 10px; -webkit-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.01); box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.01); z-index: 50; top: 37px; } .headerDropdown:after { content: ''; position: absolute; top: -10px; width: 100%; height: 20px; z-index: 55; } /* .headerDropdown:before { content: '\f0d8'; font-family: "Font Awesome 5 Pro"; font-weight: bold; color: #FFFFFF; position: absolute; top: -27px; left: 0; right: 0; margin: auto; font-size: 40px; text-align: center; z-index: 1; } */ .headerDropdown.show, .headerDropdown:hover { display: block; pointer-events: all; } .headerDropdown .button { display: inline-block; padding: 3px 7px; height: 21px; font-size: 12px; margin: 0 5px; border-radius: 3px; } .currentBasket i { margin-left: 5px; } .newBasketButton { margin-left: 5px; } .dropdownMenuMain { position: relative; display: inline-block; } .dropdownContent { display: none; position: absolute; background-color: #2995D3; min-width: 160px; z-index: 1; } .dropdownContent a { color: white; padding: 4px; text-decoration: none; display: block; } .tablinks { border: none; color: white; padding: 56px 24px; text-decoration: none; font-size: 16px; width: 100%; margin: 0; text-align: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; outline: none; /* font-weight: 300; */ font-weight: 400; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .tablinks:not(.current) { background-color: #F5F5F5; color: #666666; } .tablinks.Orders.current, .expandBar.columns.space.verticalCenter.Orders { background-color: #2995D3; } .tablinks.Delivery.current, .expandBar.columns.space.verticalCenter.Delivery { background-color: #5c4293; } .tablinks.Returns.current, .expandBar.columns.space.verticalCenter.Returns { background-color: #079285; } .tablinks.Account.current, .expandBar.columns.space.verticalCenter.Account { background-color: #da1e63; } #mainMenu { font-weight: 600; position: relative; } #mainMenu .quickAccessMenu { font-weight: 400; } #mainMenu li.hasChildren li { font-weight: 400; color: #000000; } ul.menu { padding: 0; margin: 0; list-style: none; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #mainMenu .menu>li>a, #mainMenu .menu>li>span { -webkit-transition: 300ms; transition: 300ms; display: block; padding: 10px 0; } ul.menu>li { width: 100%; text-align: center; } ul.menu>li .dropDown li a, #mainMenuContainer>ul.menu>li .column>.dropDown>li ul.dropDown.containsColumns>.column li>a { color: #000000; -webkit-transition: 300ms ease; transition: 300ms ease; display: -webkit-box; display: -ms-flexbox; display: flex; } #mainMenu li.hasChildren ul.dropDown:not(.containsColumns) { padding-top: 7px; } .megaDropDownLabel[onclick] { cursor: pointer; } .menu li.megaDropDown>.dropDown li.hasChildren li { padding-bottom: 7px; } /* .menu li.megaDropDown>.dropDown li.hasChildren li:last-child { padding-bottom: 0px; } */ .menu li.megaDropDown>.dropDown li li { padding-bottom: 15px; } .menu .megaDropDown.quickAccessMenu>.dropDown li li { flex: 0 0 auto; } .menu .dropDownIcon { margin-left: 10px; /* padding: 2px 3px; */ padding: 3px 3px 1px; } #userAccount { position: relative; cursor: pointer; padding-bottom: 5px; margin-bottom: -5px; } #userAccount .graphicContainer { height: 100%; display: flex; align-items: center; color: #da1e63; } #userOptionsDropdown { position: absolute; width: calc(100% + 16px); border: 1px solid #C8C8C8; /* border-top: 0; */ list-style: none; right: 0; padding: 0px; box-sizing: border-box; top: 100%; text-align: right; box-shadow: rgb(168 168 168 / 50%) 4px 4px 3px 1px; display: none; min-width: fit-content; white-space: nowrap; font-size: 13px; z-index: 1; } #userOptionsDropdown>li { color: #da1e63; padding: 4px 4px 4px 20px; background-color: #FFF; } /* #userOptionsDropdown > li:not(:last-child):after { content: ""; border-bottom: 1px solid #C8C8C8; display: block; width: 80%; height: 100%; margin: auto; } */ #userOptionsDropdown>li:hover { background: #ffdce9; } body[class*="isIE"] .menu .dropDownIcon, .isEdge .menu .dropDownIcon { padding: 2px 5px 2px; } .menu li.megaDropDown:hover .dropDown, .menu li.widgetDropDown:hover .dropDown { z-index: 100; } .menu li.megaDropDown .dropDown.open, .menu li.widgetDropDown .dropDown.open { display: -webkit-box; display: -ms-flexbox; display: flex; } .megaDropDown.quickAccessMenu .dropDown .column ul p { flex: 0 0 auto; } .dropDown .column ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style: none; padding: 0; } .megaDropDown>.dropDown>.column>ul.dropDown { padding: 0 15px; height: 100%; } .menu li.megaDropDown:hover .dropDownIcon { border-radius: 100%; color: white; } ul.menu { position: relative; z-index: 2; } ul.dropDown.menu { position: absolute; bottom: -100%; display: none; } .dropDownIcon { margin-left: 10px; } .menu li.dropDown:hover .dropDown.menu { display: block; } .megaDropDown>.dropDown>.column:last-child>ul.dropDown, .megaDropDown>.dropDown>.column:nth-last-child(2)>ul.dropDown { border: 0; } .megaDropDown li.column { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .recommendedHeader, .recommendedSubHeader { display: flex; align-items: center; flex-wrap: wrap; margin: 10px 0 20px; } .recommendedHeader { justify-content: space-between; } .recommendedHeader.noViewDefaultBtn { justify-content: flex-start; } .recommendedHeader img { max-height: 50px; width: auto; vertical-align: middle; } .recommendedHeader a { padding: 0px; display: inline-block; flex: 0 0 auto; margin: 0 0 0 10px; } .recommendedHeader h3 { margin: 0 20px 0 0; display: inline-flex; justify-content: flex-start; align-items: center; } .recommendedHeader h3 span { display: inline-block; } .recommendedHeader p { margin: 0; } .recommendedHeader h3~.recommendedHeaderText { margin-top: 10px; } .recommendedHeaderText { flex: 1 1 100%; } .recommendedHeader .viewDefaultBtn { margin: 0; } .recommendedSubHeader { justify-content: flex-end; } .recommendedSubHeader h4 { font-weight: normal; margin: 0; text-align: center; font-size: 14px; min-width: 150px; } .recommendedSubHeader .viewDefaultBtn { padding: 10px 20px; width: 100%; box-sizing: border-box; } .recommendedFooter { display: none; justify-content: center; } h2.petersPink, h2.petersPurple { margin: 0 20px 0 0; } /* Internet Explorer/Edge ≥ 10 */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .megaDropDown li.column { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } #mainMenu>.menu>.megaDropDown>span { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ul.menu>li .dropDown li a:hover, #mainMenuContainer>ul.menu>li .column>.dropDown>li ul.dropDown.containsColumns>.column li>a:hover { color: grey; -webkit-transition: 300ms ease; transition: 300ms ease; } ul.menu>li.megaDropDown>.dropDown>.column>ul.dropDown { border-right: 1px solid #CACACA; } ul.menu>li.megaDropDown>.dropDown>.column:last-child>ul.dropDown { border: 0 } #mainMenuContainer ul.menu>li:nth-child(6n+1), ul.menu>li.megaDropDown:nth-child(6n+1)>ul.dropDown, ul.menu>li.widgetDropDown:nth-child(6n+1)>ul.dropDown, ul.menu>li:nth-child(6n+1), ul.menu>li.megaDropDown:nth-child(6n+1)>ul.dropDown, ul.menu>li.widgetDropDown:nth-child(6n+1)>ul.dropDown, .menu li.megaDropDown:nth-child(6n+1)>.dropDown li.hasChildren li>ul.dropDown, .menu li.megaDropDown:nth-child(6n+1)>.dropDown li.hasChildren li.hasChildren:hover>ul.dropDown::before { background-color: #e8f4fa; } #mainMenuContainer ul.menu>li:nth-child(6n+2), ul.menu>li.megaDropDown:nth-child(6n+2)>ul.dropDown, ul.menu>li.widgetDropDown:nth-child(6n+2)>ul.dropDown, ul.menu>li:nth-child(6n+2), ul.menu>li.megaDropDown:nth-child(6n+2)>ul.dropDown, ul.menu>li.widgetDropDown:nth-child(6n+2)>ul.dropDown, .menu li.megaDropDown:nth-child(6n+2)>.dropDown li.hasChildren li>ul.dropDown, .menu li.megaDropDown:nth-child(6n+2)>.dropDown li.hasChildren li.hasChildren:hover>ul.dropDown::before { background-color: #edeaf3; } #mainMenuContainer ul.menu>li:nth-child(6n+3), ul.menu>li.megaDropDown:nth-child(6n+3)>ul.dropDown, ul.menu>li.widgetDropDown:nth-child(6n+3)>ul.dropDown, ul.menu>li:nth-child(6n+3), ul.menu>li.megaDropDown:nth-child(6n+3)>ul.dropDown, ul.menu>li.widgetDropDown:nth-child(6n+3)>ul.dropDown, .menu li.megaDropDown:nth-child(6n+3)>.dropDown li.hasChildren li>ul.dropDown, .menu li.megaDropDown:nth-child(6n+3)>.dropDown li.hasChildren li.hasChildren:hover>ul.dropDown::before { background-color: #e3f3f2; } #mainMenuContainer ul.menu>li:nth-child(6n+4), ul.menu>li.megaDropDown:nth-child(6n+4)>ul.dropDown, ul.menu>li.widgetDropDown:nth-child(6n+4)>ul.dropDown, ul.menu>li:nth-child(6n+4), ul.menu>li.megaDropDown:nth-child(6n+4)>ul.dropDown, ul.menu>li.widgetDropDown:nth-child(6n+4)>ul.dropDown, .menu li.megaDropDown:nth-child(6n+4)>.dropDown li.hasChildren li>ul.dropDown, .menu li.megaDropDown:nth-child(6n+4)>.dropDown li.hasChildren li.hasChildren:hover>ul.dropDown::before { background-color: #FEF2D8; } #mainMenuContainer ul.menu>li:nth-child(6n+5), ul.menu>li.megaDropDown:nth-child(6n+5)>ul.dropDown, ul.menu>li.widgetDropDown:nth-child(6n+5)>ul.dropDown, ul.menu>li:nth-child(6n+5), ul.menu>li.megaDropDown:nth-child(6n+5)>ul.dropDown, ul.menu>li.widgetDropDown:nth-child(6n+5)>ul.dropDown, .menu li.megaDropDown:nth-child(6n+5)>.dropDown li.hasChildren li>ul.dropDown, .menu li.megaDropDown:nth-child(6n+5)>.dropDown li.hasChildren li.hasChildren:hover>ul.dropDown::before { background-color: #f1f7eb; } #mainMenuContainer ul.menu>li:nth-child(6n+6), ul.menu>li.megaDropDown:nth-child(6n+6)>ul.dropDown, ul.menu>li.widgetDropDown:nth-child(6n+6)>ul.dropDown, ul.menu>li:nth-child(6n+6), ul.menu>li.megaDropDown:nth-child(6n+6)>ul.dropDown, ul.menu>li.widgetDropDown:nth-child(6n+6)>ul.dropDown, .menu li.megaDropDown:nth-child(6n+6)>.dropDown li.hasChildren li>ul.dropDown, .menu li.megaDropDown:nth-child(6n+6)>.dropDown li.hasChildren li.hasChildren:hover>ul.dropDown::before { background-color: #FEE2EE; } #mainMenuContainer.hasQuickAccess ul.menu>li:nth-child(6n+1), #mainMenuContainer.hasQuickAccess ul.menu>li.megaDropDown:nth-child(6n+1)>ul.dropDown, #mainMenuContainer.hasQuickAccess ul.menu>li.widgetDropDown:nth-child(6n+1)>ul.dropDown, #mainMenuContainer.hasQuickAccess ul.menu>li:nth-child(6n+1), #mainMenuContainer.hasQuickAccess ul.menu>li.megaDropDown:nth-child(6n+1)>ul.dropDown, #mainMenuContainer.hasQuickAccess ul.menu>li.widgetDropDown:nth-child(6n+1)>ul.dropDown, #mainMenuContainer.hasQuickAccess .menu li.megaDropDown:nth-child(6n+1)>.dropDown li.hasChildren li>ul.dropDown, #mainMenuContainer.hasQuickAccess .menu li.megaDropDown:nth-child(6n+1)>.dropDown li.hasChildren li.hasChildren:hover>ul.dropDown::before { background-color: #2995D3; } #mainMenuContainer.hasQuickAccess ul.menu>li:nth-child(6n+2), #mainMenuContainer.hasQuickAccess ul.menu>li.megaDropDown:nth-child(6n+2)>ul.dropDown, #mainMenuContainer.hasQuickAccess ul.menu>li.widgetDropDown:nth-child(6n+2)>ul.dropDown, #mainMenuContainer.hasQuickAccess ul.menu>li:nth-child(6n+2), #mainMenuContainer.hasQuickAccess ul.menu>li.megaDropDown:nth-child(6n+2)>ul.dropDown, #mainMenuContainer.hasQuickAccess ul.menu>li.widgetDropDown:nth-child(6n+2)>ul.dropDown, #mainMenuContainer.hasQuickAccess .menu li.megaDropDown:nth-child(6n+2)>.dropDown li.hasChildren li>ul.dropDown, #mainMenuContainer.hasQuickAccess .menu li.megaDropDown:nth-child(6n+2)>.dropDown li.hasChildren li.hasChildren:hover>ul.dropDown::before { background-color: #e8f4fa; } #mainMenuContainer.hasQuickAccess ul.menu>li:nth-child(6n+3), #mainMenuContainer.hasQuickAccess ul.menu>li.megaDropDown:nth-child(6n+3)>ul.dropDown, #mainMenuContainer.hasQuickAccess ul.menu>li.widgetDropDown:nth-child(6n+3)>ul.dropDown, #mainMenuContainer.hasQuickAccess ul.menu>li:nth-child(6n+3), #mainMenuContainer.hasQuickAccess ul.menu>li.megaDropDown:nth-child(6n+3)>ul.dropDown, #mainMenuContainer.hasQuickAccess ul.menu>li.widgetDropDown:nth-child(6n+3)>ul.dropDown, #mainMenuContainer.hasQuickAccess .menu li.megaDropDown:nth-child(6n+3)>.dropDown li.hasChildren li>ul.dropDown, #mainMenuContainer.hasQuickAccess .menu li.megaDropDown:nth-child(6n+3)>.dropDown li.hasChildren li.hasChildren:hover>ul.dropDown::before { background-color: #edeaf3; } #mainMenuContainer.hasQuickAccess ul.menu>li:nth-child(6n+4), #mainMenuContainer.hasQuickAccess ul.menu>li.megaDropDown:nth-child(6n+4)>ul.dropDown, #mainMenuContainer.hasQuickAccess ul.menu>li.widgetDropDown:nth-child(6n+4)>ul.dropDown, #mainMenuContainer.hasQuickAccess ul.menu>li:nth-child(6n+4), #mainMenuContainer.hasQuickAccess ul.menu>li.megaDropDown:nth-child(6n+4)>ul.dropDown, #mainMenuContainer.hasQuickAccess ul.menu>li.widgetDropDown:nth-child(6n+4)>ul.dropDown, #mainMenuContainer.hasQuickAccess .menu li.megaDropDown:nth-child(6n+4)>.dropDown li.hasChildren li>ul.dropDown, #mainMenuContainer.hasQuickAccess .menu li.megaDropDown:nth-child(6n+4)>.dropDown li.hasChildren li.hasChildren:hover>ul.dropDown::before { background-color: #e3f3f2; } #mainMenuContainer.hasQuickAccess ul.menu>li:nth-child(6n+5), #mainMenuContainer.hasQuickAccess ul.menu>li.megaDropDown:nth-child(6n+5)>ul.dropDown, #mainMenuContainer.hasQuickAccess ul.menu>li.widgetDropDown:nth-child(6n+5)>ul.dropDown, #mainMenuContainer.hasQuickAccess ul.menu>li:nth-child(6n+5), #mainMenuContainer.hasQuickAccess ul.menu>li.megaDropDown:nth-child(6n+5)>ul.dropDown, #mainMenuContainer.hasQuickAccess ul.menu>li.widgetDropDown:nth-child(6n+5)>ul.dropDown, #mainMenuContainer.hasQuickAccess .menu li.megaDropDown:nth-child(6n+5)>.dropDown li.hasChildren li>ul.dropDown, #mainMenuContainer.hasQuickAccess .menu li.megaDropDown:nth-child(6n+5)>.dropDown li.hasChildren li.hasChildren:hover>ul.dropDown::before { background-color: #FEF2D8; } #mainMenuContainer.hasQuickAccess ul.menu>li:nth-child(6n+6), #mainMenuContainer.hasQuickAccess ul.menu>li.megaDropDown:nth-child(6n+6)>ul.dropDown, #mainMenuContainer.hasQuickAccess ul.menu>li.widgetDropDown:nth-child(6n+6)>ul.dropDown, #mainMenuContainer.hasQuickAccess ul.menu>li:nth-child(6n+6), #mainMenuContainer.hasQuickAccess ul.menu>li.megaDropDown:nth-child(6n+6)>ul.dropDown, #mainMenuContainer.hasQuickAccess ul.menu>li.widgetDropDown:nth-child(6n+6)>ul.dropDown, #mainMenuContainer.hasQuickAccess .menu li.megaDropDown:nth-child(6n+6)>.dropDown li.hasChildren li>ul.dropDown, #mainMenuContainer.hasQuickAccess .menu li.megaDropDown:nth-child(6n+6)>.dropDown li.hasChildren li.hasChildren:hover>ul.dropDown::before { background-color: #f1f7eb; } #mainMenuContainer.hasQuickAccess ul.menu>li:nth-child(6n+7), #mainMenuContainer.hasQuickAccess ul.menu>li.megaDropDown:nth-child(6n+7)>ul.dropDown, #mainMenuContainer.hasQuickAccess ul.menu>li.widgetDropDown:nth-child(6n+7)>ul.dropDown, #mainMenuContainer.hasQuickAccess ul.menu>li:nth-child(6n+7), #mainMenuContainer.hasQuickAccess ul.menu>li.megaDropDown:nth-child(6n+7)>ul.dropDown, #mainMenuContainer.hasQuickAccess ul.menu>li.widgetDropDown:nth-child(6n+7)>ul.dropDown, #mainMenuContainer.hasQuickAccess .menu li.megaDropDown:nth-child(6n+7)>.dropDown li.hasChildren li>ul.dropDown, #mainMenuContainer.hasQuickAccess .menu li.megaDropDown:nth-child(6n+7)>.dropDown li.hasChildren li.hasChildren:hover>ul.dropDown::before { background-color: #FEE2EE; } /*coloured menu colum splitters*/ /* ul.menu > li.megaDropDown:nth-child(6n+1) > .dropDown > .column > ul.dropDown { border-right: 1px solid #5c4293; } ul.menu > li.megaDropDown:nth-child(6n+2) > .dropDown > .column > ul.dropDown { border-right: 1px solid #2995D3; } ul.menu > li.megaDropDown:nth-child(6n+3) > .dropDown > .column > ul.dropDown { border-right: 1px solid #079285; } ul.menu > li.megaDropDown:nth-child(6n+4) > .dropDown > .column > ul.dropDown { border-right: 1px solid #80b349; } ul.menu > li.megaDropDown:nth-child(6n+5) > .dropDown > .column > ul.dropDown { border-right: 1px solid #F8AF14; } ul.menu > li.megaDropDown:nth-child(6n+6) > .dropDown > .column > ul.dropDown { border-right: 1px solid #DA1E63; } */ #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+1)>a, #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+1)>span, #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+1) .column>.dropDown>li>*, #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+1) .column>.dropDown>.hasChildren>.group { color: #e8f4fa; } #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+2)>a, #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+2)>span, #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+2) .column>.dropDown>li>*, #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+2) .column>.dropDown>.hasChildren>.group { color: #2995D3; } #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+3)>a, #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+3)>span, #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+3) .column>.dropDown>li>*, #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+3) .column>.dropDown>.hasChildren>.group { color: #5c4293; } #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+4)>a, #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+4)>span, #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+4) .column>.dropDown>li>*, #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+4) .column>.dropDown>.hasChildren>.group { color: #079285; } #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+5)>a, #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+5)>span, #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+5) .column>.dropDown>li>*, #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+5) .column>.dropDown>.hasChildren>.group { color: #F8AF14; } #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+6)>a, #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+6)>span, #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+6) .column>.dropDown>li>*, #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+6) .column>.dropDown>.hasChildren>.group { color: #80b349; } #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+7)>a, #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+7)>span, #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+7) .column>.dropDown>li>*, #mainMenuContainer.hasQuickAccess>.menu>li:nth-child(6n+7) .column>.dropDown>.hasChildren>.group { color: #DA1E63; } #mainMenuContainer>.menu>li:nth-child(6n+1)>a, #mainMenuContainer>.menu>li:nth-child(6n+1)>span, #mainMenuContainer>.menu>li:nth-child(6n+1) .column>.dropDown>li>*, #mainMenuContainer>.menu>li:nth-child(6n+1) .column>.dropDown>.hasChildren>.group { color: #2995D3; } #mainMenuContainer>.menu>li:nth-child(6n+2)>a, #mainMenuContainer>.menu>li:nth-child(6n+2)>span, #mainMenuContainer>.menu>li:nth-child(6n+2) .column>.dropDown>li>*, #mainMenuContainer>.menu>li:nth-child(6n+2) .column>.dropDown>.hasChildren>.group { color: #5c4293; } #mainMenuContainer>.menu>li:nth-child(6n+3)>a, #mainMenuContainer>.menu>li:nth-child(6n+3)>span, #mainMenuContainer>.menu>li:nth-child(6n+3) .column>.dropDown>li>*, #mainMenuContainer>.menu>li:nth-child(6n+3) .column>.dropDown>.hasChildren>.group { color: #079285; } #mainMenuContainer>.menu>li:nth-child(6n+4)>a, #mainMenuContainer>.menu>li:nth-child(6n+4)>span, #mainMenuContainer>.menu>li:nth-child(6n+4) .column>.dropDown>li>*, #mainMenuContainer>.menu>li:nth-child(6n+4) .column>.dropDown>.hasChildren>.group { color: #F8AF14; } #mainMenuContainer>.menu>li:nth-child(6n+5)>a, #mainMenuContainer>.menu>li:nth-child(6n+5)>span, #mainMenuContainer>.menu>li:nth-child(6n+5) .column>.dropDown>li>*, #mainMenuContainer>.menu>li:nth-child(6n+5) .column>.dropDown>.hasChildren>.group { color: #80b349; } #mainMenuContainer>.menu>li:nth-child(6n+6)>a, #mainMenuContainer>.menu>li:nth-child(6n+6)>span, #mainMenuContainer>.menu>li:nth-child(6n+6) .column>.dropDown>li>*, #mainMenuContainer>.menu>li:nth-child(6n+6) .column>.dropDown>.hasChildren>.group { color: #DA1E63; } /**/ #mainMenuContainer .menu li.megaDropDown:nth-child(6n+1):hover .dropDownIcon { background-color: #2995D3; color: #e8f4fa; } #mainMenuContainer .menu li.megaDropDown:nth-child(6n+2):hover .dropDownIcon { background-color: #5c4293; color: #edeaf3; } #mainMenuContainer .menu li.megaDropDown:nth-child(6n+3):hover .dropDownIcon { background-color: #079285; color: #e3f3f2; } #mainMenuContainer .menu li.megaDropDown:nth-child(6n+4):hover .dropDownIcon { background-color: #F8AF14; color: #FEF2D8; } #mainMenuContainer .menu li.megaDropDown:nth-child(6n+5):hover .dropDownIcon { background-color: #80b349; color: #f1f7eb; } #mainMenuContainer .menu li.megaDropDown:nth-child(6n+6):hover .dropDownIcon { background-color: #DA1E63; color: #FEE2EE; } #mainMenuContainer.hasQuickAccess .menu li.megaDropDown:nth-child(6n+1):hover .dropDownIcon { background-color: #e8f4fa; color: #2995D3; } #mainMenuContainer.hasQuickAccess .menu li.megaDropDown:nth-child(6n+2):hover .dropDownIcon { background-color: #2995D3; color: #e8f4fa; } #mainMenuContainer.hasQuickAccess .menu li.megaDropDown:nth-child(6n+3):hover .dropDownIcon { background-color: #5c4293; color: #edeaf3; } #mainMenuContainer.hasQuickAccess .menu li.megaDropDown:nth-child(6n+4):hover .dropDownIcon { background-color: #079285; color: #e3f3f2; } #mainMenuContainer.hasQuickAccess .menu li.megaDropDown:nth-child(6n+5):hover .dropDownIcon { background-color: #F8AF14; color: #FEF2D8; } #mainMenuContainer.hasQuickAccess .menu li.megaDropDown:nth-child(6n+6):hover .dropDownIcon { background-color: #80b349; color: #f1f7eb; } #mainMenuContainer.hasQuickAccess .menu li.megaDropDown:nth-child(6n+7):hover .dropDownIcon { background-color: #DA1E63; color: #FEE2EE; } #mainMenuContainer .menu li.megaDropDown:hover .dropDownIcon { color: #FFFFFF; } li.megaDropDown.quickAccessMenu { min-width: 75px; flex-basis: 75px; } ul.dropDown.containsColumns { flex-direction: row; } .quickAccessMenu .fa-book-open::before { opacity: .4; opacity: var(--fa-secondary-opacity, .4); transition: .5s; } .quickAccessMenu .fa-book-open::after { opacity: 1; opacity: var(--fa-primary-opacity, 1); transition: .5s; } .quickAccessMenu:hover .fa-book-open::before { opacity: 1; opacity: var(--fa-secondary-opacity, 1); } .quickAccessMenu:hover .fa-book-open::after { opacity: .4; opacity: var(--fa-primary-opacity, .4); } #mainMenu .menu>li.quickAccessMenu>span { padding: 8px 8px; font-size: 18px; min-width: 48px; } #mainMenuContainer>.menu>li.quickAccessMenu>a, #mainMenuContainer>.menu>li.quickAccessMenu>span, #mainMenuContainer>.menu>li.quickAccessMenu .column>.dropDown>li>*, #mainMenuContainer>.menu>li.quickAccessMenu .column>.dropDown>.hasChildren>.group { font-size: 1.1em; } ul.menu>li.quickAccessMenu .dropDown li a, ul.menu>li.quickAccessMenu .dropDown li span { color: #FFFFFF; } .menu li.megaDropDown>.dropDown, .menu li.widgetDropDown>.dropDown { position: absolute; width: 100%; display: none; left: 0; list-style: none; padding: 20px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; top: 100%; text-align: left; font-size: 0.9em; -webkit-box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); } .acceleratedReaderLevels li { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; } .acceleratedReaderLevels { padding: 10px 5px; } .acceleratedReaderLevels .swatch { font-weight: normal; } /*styles for internal dropdowns*/ .menu li.megaDropDown>.dropDown li.hasChildren li:not(.column)>ul.dropDown { position: absolute; width: 100%; left: calc(100% - 7px); list-style: none; padding: 7px; -webkit-box-sizing: border-box; box-sizing: border-box; top: -1px; -webkit-box-shadow: 3px 2px 0px 0px rgba(168, 168, 168, .5); box-shadow: 3px 2px 0px 0px rgba(168, 168, 168, .5); background-color: inherit; border: 1px solid #CACACA; -webkit-transition: .3s; transition: .3s; opacity: 0; z-index: -3; } /* .menu li.megaDropDown:hover .dropDown, .menu li.widgetDropDown:hover .dropDown { display: -webkit-box; display: -ms-flexbox; display: flex; } */ /* .menu li.megaDropDown > .dropDown > .column:last-child li.hasChildren li > ul.dropDown, .menu li.megaDropDown > .dropDown > .column:nth-last-child(2) li.hasChildren li > ul.dropDown { right: 100%; left: auto; -webkit-box-shadow: -3px 2px 0px 0px rgba(168,168,168,.5); box-shadow: -3px 2px 0px 0px rgba(168,168,168,.5); } */ .menu li.megaDropDown>.dropDown>.column:last-child li.hasChildren li.hasChildren:hover, .menu li.megaDropDown>.dropDown>.column:nth-last-child(2) li.hasChildren li.hasChildren:hover { border-right: 1px solid #CACACA; border-left: 0; padding: 3px 0 6px 6px; } .menu li.megaDropDown>.dropDown>.column:last-child li.hasChildren li.hasChildren:hover>ul.dropDown::before, .menu li.megaDropDown>.dropDown>.column:nth-last-child(2) li.hasChildren li.hasChildren:hover>ul.dropDown::before { right: -1px; left: auto; } .menu li.megaDropDown>.dropDown li.hasChildren li.hasChildren { border-top: 1px solid rgba(0, 0, 0, 0); -webkit-transition: .3s; transition: .3s; } .menu li.megaDropDown>.dropDown li.hasChildren li.hasChildren:hover { border-top: 1px solid #CACACA; } .menu li.megaDropDown>.dropDown li.hasChildren li.hasChildren:hover>ul.dropDown { opacity: 1; z-index: 3; } .menu li.megaDropDown>.dropDown li.hasChildren li { padding-bottom: 7px; position: relative; } /* ul.menu>li:nth-child(6n+4), ul.menu>li.megaDropDown:nth-child(6n+4)>ul.dropDown, ul.menu>li.widgetDropDown:nth-child(6n+4)>ul.dropDown, .menu li.megaDropDown:nth-child(6n+4)>.dropDown li.hasChildren li>ul.dropDown { background-color: #f1f7eb; } */ .menu li.megaDropDown>.dropDown li.hasChildren li.hasChildren .fontAwesomeIcon { font-family: "Font Awesome 5 Pro"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; margin-right: 15px; -webkit-transition: .3s; transition: .3s; /* outline: 1px solid red; */ } .menu li.megaDropDown>.dropDown li.hasChildren li.hasChildren .fontAwesomeIcon::before { content: '\f054'; } .menu li.megaDropDown>.dropDown li.hasChildren li.hasChildren:hover>*>.fontAwesomeIcon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .menu li.megaDropDown>.dropDown li.hasChildren li.hasChildren { border: 0px solid #CACACA; } .menu li.megaDropDown>.dropDown li.hasChildren li.hasChildren:hover { border-top: 1px solid #CACACA; border-left: 1px solid #CACACA; border-bottom: 1px solid #CACACA; padding: 3px 0 6px 3px; } span.group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } span.group.header { font-size: 1.4em; } ul.menu>li .dropDown li a { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .menu li.megaDropDown>.dropDown li.hasChildren li.hasChildren:hover>ul.dropDown::before { content: ' '; position: absolute; height: 26px; width: 2px; top: 0; left: -1px; } .menu li.megaDropDown:nth-child(6n+4)>.dropDown li.hasChildren li.hasChildren:hover>ul.dropDown::before { background-color: #f1f7eb; } /* ! Specifically hide menu corporate links until it is removed from the database */ .menu li[title*=Corporate] { display: none; } /* Images in furniture and design dropdown */ .menu li[title^="Furniture"] .dropDown p img, .menu li[title~="furniture"] .dropDown p img, .menu li.quickAccessMenu .dropDown p img { width: 1000px; /* This fixes an issue with the sizes being weird on mobile */ max-width: 100%; height: auto !important; } /*END */ .basketRemove i { color: #8a8a8a; -webkit-transition: 300ms ease; transition: 300ms ease; cursor: pointer; } .basketRemove i:hover { color: #000000; -webkit-transition: 300ms ease; transition: 300ms ease; cursor: pointer; } .basketHeader { background-color: #2995D3; color: #FFFFFF; height: auto; /* padding: 5px 10px; */ line-height: 20px; -webkit-transition: .3s; transition: .3s; min-width: 220px; -webkit-box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); } .hamburger.furnitureJade, .basketHeader.furniture { background-color: #079285; } .basketHeader.forSchool { background-color: #F8AF14; } select.furnitureJade, select.furnitureJade option, div.furnitureJade { background-color: #079285 !important; } div.furnitureJade:hover { background-color: #1c2542 !important; } a.furnitureJade, #basketDraw.furnitureJade tr td { color: #079285 !important; } #basketDraw.furnitureJade #openDrawButton, #basketDraw.furnitureJade #basketDrawItems #basketDraw.furnitureJade .drawContainer, #basketDraw.furnitureJade table th, #basketDraw.furnitureJade .drawContainer { background-color: #079285 !important; } #basketDraw.furnitureJade .button { background-color: #079285; } #basketDraw.furnitureJade th, #basketDraw.furnitureJade td { border-color: #079285 !important; } #basketDraw.furnitureJade #basketDrawItems { background-color: #079285 !important; border-color: #079285 !important; } #basketDraw.furnitureJade #openDrawButton:hover { background-color: #1c2542 !important; } /* .basketHeader:hover, #headerSearchButton:hover { background-color: #1c2542; } */ .basketHeader, #headerSearchButton { position: relative; transition: .3s; } /* .basketHeader:hover, #headerSearchButton:hover { -webkit-box-shadow: inset 0px 0px 4px #0e3348; -moz-box-shadow: inset 0px 0px 4px #0e3348; box-shadow: inset 0px 0px 4px #0e3348; outline: none; } */ .button.shadowHover { position: relative; } .basketHeader:before, #headerSearchButton:before, .orderFormItemsContainer h1:before, #openDrawButton:before, .textPanel:before, .homeTabContainer.customContent .button:before, .button.shadowHover:before { content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0); transition: .3s; } .basketHeader:hover:before, #headerSearchButton:hover:before, .orderFormItemsContainer h1:hover:before, #openDrawButton:hover:before, .textPanel:hover:before, .homeTabContainer.customContent .button:hover:before, .button.shadowHover:hover:before { content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); } .basketHeader a, .basketHeader .basketBtn { color: #ffffff; position: relative; z-index: 50; border-radius: 50px; } .basketBtn { cursor: pointer; } .basketHeader .orderDetails { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /* padding: 6px 0px */ -ms-flex-wrap: wrap; flex-wrap: wrap; } .basketHeader .currentBasket { margin: 4.5px 10px; padding-left: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; /* width: calc(100% - 20px); */ flex: 1 1 100%; } .nameQtyContainer { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0; } .nameQtyContainer .basketName { margin-right: 5px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; max-height: 20px; } .nameQtyContainer .basketValue { white-space: nowrap; } .nameQtyContainer .basketValue * { display: inline-block; } .nameQtyContainer .basketDivider { margin: 0 5px; } .bottomBasketContainer { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px 10px 10px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; } #newBasket input { height: 25px; outline: none; width: 145px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 5px; } #newBasket input::-webkit-input-placeholder { color: rgba(28, 37, 42, 0.70); font-size: 16px; } #newBasket input::-moz-placeholder { color: rgba(28, 37, 42, 0.70); font-size: 16px; } #newBasket input:-ms-input-placeholder { color: rgba(28, 37, 42, 0.70); font-size: 16px; } #newBasket input::-ms-input-placeholder { color: rgba(28, 37, 42, 0.70); font-size: 16px; } #newBasket input::placeholder { color: rgba(28, 37, 42, 0.70); font-size: 16px; } h3.basketDelivery { text-align: left; font-size: 20px; } a.print { text-align: right } #navBar { width: 100%; background-color: #2995D3; color: #ffffff; } #navBar h3 { font-size: 18px; font-weight: 600; } /* Widgets */ .widget .container { width: 100%; } .hamburger { font: inherit; display: inline-block; overflow: visible; margin: 0; padding: 5px 10px; cursor: pointer; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: .15s; transition-duration: .15s; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; text-transform: none; color: inherit; border: 0; background-color: #2895D3; /* top: 60px; right: 10px; */ z-index: 50; -webkit-transition: all 1s; transition: all 1s; height: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; display: none !important; } #mainMenu .hamburger { /* padding: 10px; */ height: auto; } .hamburger:hover { background-color: #1c2542; } .hamburgerInput { display: none; } .hamburgerInput:checked~.hamburger .hamburgerInner, .hamburgerInput:checked~.hamburger .hamburgerInner:after, .hamburgerInput:checked~.hamburger .hamburgerInner:before { background-color: #fff; } .hamburgerBox { position: relative; display: inline-block; width: 40px; vertical-align: middle; -webkit-transform: scale(0.6); transform: scale(0.6); margin-left: -5px; } .hamburgerText { display: inline-block; line-height: normal; vertical-align: middle; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 400; } .hamburgerInner { top: 50%; display: block; margin-top: -2px } .hamburgerInner, .hamburgerInner:after, .hamburgerInner:before { position: absolute; width: 40px; height: 4px; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .15s; transition-duration: .15s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; border-radius: 4px; background-color: #fff } .hamburgerInner:after, .hamburgerInner:before { display: block; content: "" } .hamburgerInner:before { top: -10px } .hamburgerInner:after { bottom: -10px } /* Main Menu */ label[for=hamburgerMenuMain] .hamburgerInner { -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19); transition-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transition-duration: 75ms; transition-duration: 75ms } label[for=hamburgerMenuMain] .hamburgerInner:before { -webkit-transition: top 75ms ease .12s, opacity 75ms ease; transition: top 75ms ease .12s, opacity 75ms ease } label[for=hamburgerMenuMain] .hamburgerInner:after { -webkit-transition: bottom 75ms ease .12s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19); transition: bottom 75ms ease .12s, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19); transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19); transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19) } #hamburgerMenuMain:checked~.hamburger .hamburgerInner { -webkit-transition-delay: .12s; transition-delay: .12s; -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: rotate(45deg); transform: rotate(45deg) } #hamburgerMenuMain:checked~.hamburger .hamburgerInner:before { top: 0; -webkit-transition: top 75ms ease, opacity 75ms ease .12s; transition: top 75ms ease, opacity 75ms ease .12s; opacity: 0 } #hamburgerMenuMain:checked~.hamburger .hamburgerInner:after { bottom: 0; -webkit-transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s; transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s; transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s; transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s, -webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s; -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } /* Filter Bar */ #hamburgerMenuFilterBar:checked~.mobileSidebar .hamburger { opacity: 1; display: block !important; } #hamburgerMenuFilterBar:checked~.mobileSidebar .hamburger .hamburgerInner:before { -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7); transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7) } #hamburgerMenuFilterBar:checked~.mobileSidebar .hamburger .hamburgerInner:after { -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7); transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7) } #hamburgerMenuFilterBar:checked~.searchSection .hamburger { opacity: 0; -webkit-transition: 1s all; transition: 1s all; } /* Slider */ .sliderButtons { height: 64px; width: 100%; background-color: rgba(241, 241, 241, 1); display: -webkit-box; display: -ms-flexbox; display: flex; color: #333333; } .sliderTab { width: 100%; cursor: pointer; } .sliderTab:last-child { border-right: 0; } .sliderTab.selected { font-weight: 600; border-bottom: 5px solid #2995D3; } .sliderTab .slideText { margin: 5px 0px; padding: 0 15px; height: 52px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-right: 1px solid rgba(0, 0, 0, .15); } .homeSlider { height: 40vh; } .sliderImage { height: 40vh; width: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; } #footer { padding: 35px 0; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .footerHeaders { color: #80b349; font-weight: 600; font-size: 20 } .footerLinks:nth-child(3n+1) h2 { color: #80b349; } .footerLinks:nth-child(3n+2) h2 { color: #2995D3; } .footerLinks:nth-child(3n+3) h2 { color: #f8af14; } ul.footerMenus { list-style: none; padding-left: 0; font-size: 13px; color: #999; } ul.footerFindUs { list-style: none; padding-left: 0; font-size: 13px; color: #999; -webkit-transition: 300ms ease; transition: 300ms ease; margin: 0; } ul.footerFindUs li:not(:last-child) { padding-bottom: 6px; } ul.footerFindUs li a:hover { color: black; -webkit-transition: 300ms ease; transition: 300ms ease; } .footerFindUs a i { margin-right: 5px; } .footerLinks a { color: #999; } .footerLinks h2 { text-align: left; margin-top: 0px; margin-bottom: 20px; /* font-weight: 300; */ font-weight: 400; } ul.footerMenus li { padding-bottom: 6px; -webkit-transition: 250ms ease; transition: 250ms ease; } ul.footerMenus li a:hover { color: black; -webkit-transition: 250ms ease; transition: 250ms ease; } .footerArrow { text-align: right; } img.footerImages:hover { opacity: 0.6; -webkit-transition: 300ms ease; transition: 300ms ease; } .bottomRow { margin-top: 40px; } .footerLogoArea { text-align: right; text-align: right; display: flex; flex-direction: column; justify-content: space-between; } .socialButtons { text-align: right; font-size: 18px; color: black; margin-bottom: 10px; display: inline-flex; justify-content: flex-end; } .socialButtons a { display: inline-block; padding: 8px; text-align: center; border-radius: 100px; color: white; width: 40px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 300ms ease; transition: 300ms ease; margin-left: 6px; display: flex; align-items: center; justify-content: center; } a.mailEnvelope { background-color: #db8e13; } a.twitter { background-color: #63cdf1; } a.xlogo { background-color: #000000; } a.facebook { background-color: #507cbe; } a.instagram { background-color: #c7c5b3 } .socialButtons a:hover { background-color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } /* .footerImageLinks { padding-bottom: 30px; } */ .footerImageLinks img { margin-left: 12px; } .homeLinks { width: 100%; display: block; padding: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 300ms ease; transition: 300ms ease; color: white; } .homeLinks h2, .homeLinks h2, .homeLinks h2 { color: white; } .homeLinks:hover { background-color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } .homeLinks1 p, .homeLinks2 p, .homeLinks3 p { color: white; } .homeLinkAd img { width: 100%; } .featuredBlocks { display: -webkit-box; display: -ms-flexbox; display: flex; } .featuredBlocks>a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .featuredBlocks .homeLinks { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .newRelease { padding-bottom: 60px; } .newRelease h3 { text-align: left; } img.homeBooks { height: 281px; width: 188.333px; margin-right: 10px; -webkit-transition: .7s ease; transition: .7s ease; } img.homeBooks:hover { opacity: .7; -webkit-transition: .7s ease; transition: .7s ease; } .releaseViewAll { color: #2199e8; } .mustHaves { padding: 75px 0; } .mustHaves h3 { text-align: left; } .viewAll { text-align: right; line-height: 90px; font-size: 18px; } .publisherContainer { position: relative; display: block; width: 100%; margin: 0 auto; padding: 75px 0; } .publishersList .column { width: calc(100% / 6); text-align: center; } .publishPanel { padding: 0 18px; background-color: white; overflow: hidden; -webkit-transition: .3s; transition: .3s; height: 160px; } img.publishers { width: auto; height: 160px; } .publishers h4 { font-size: 28px; text-align: center; } .publishExpand { text-align: center; font-size: 25px; color: #5c4293; -webkit-transition: .3s; transition: .3s; padding: 10px 0; cursor: pointer; } .publishExpand:hover { color: #1585cf; -webkit-transition: 300ms ease; transition: 300ms ease; } .publishExpand.active { display: none; } .twitterSection { background-color: #da1e63; width: 100%; padding: 75px 0; color: white; text-align: center; font-size: 28px; font-weight: 600; } .twitterSection p { font-weight: 400; font-size: 18px; } .twitterIcon { font-size: 50px; margin-bottom: 20px; } .reviews { background-color: #f5f5f5; width: 100%; } .reviews img { height: auto; width: 220px; padding-bottom: 25px; padding-left: 100px; } .slider { padding: 10px 30px; flex: 1; display: flex; overflow: hidden; } .slider:not(.slick-initialized) { flex: 1; display: flex; overflow: hidden; } .slider:not(.slick-initialized) .recommendedContainer { width: calc(100%/8); flex: 0 0 auto; } .basicCarousel.bookList .slider:not(.slick-initialized) .recommendedContainer { width: calc(100%/5); } .slider.sixItems:not(.slick-initialized) .recommendedContainer { width: calc(100%/6); } .slider p { font-size: 14px; } p.sliderOfferName { color: #DA1E63; margin: 0; } p.bookListName { color: #079285; } .latestNews { width: 100%; } .latestNews h2 { margin-left: 10px; } .whyChoosePeters { text-align: center; margin: 0 auto; padding: 110px 0px; } img.WhyChoosePeters { width: 100%; } .whyChooseSub { margin-top: -90px; text-align: center; } .whyChooseSub a { color: initial; } .whyChoosePeters p { font-size: 17px; } .showroomText { position: relative; display: block; margin: 0 auto; padding: 20px 0px; } .showroomText h2 { margin-bottom: 0; } .showroomText p { text-align: left; font-size: 18px; } .contactForm input { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 39px; margin: 0 0 16px; padding-left: 7px; font-size: 16px; font-family: 'Open Sans', sans-serif; outline: none; } .contactForm select { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 39px; margin: 0 0 16px; padding-left: 7px; font-family: 'Open Sans', sans-serif; font-size: 18px; } .contactForm textarea { width: 100%; height: 114px; margin: 0px 0px 16px; font-size: 18px; font-family: 'Open Sans', sans-serif; padding-left: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; } ul.whyVisit { padding: 0; } ul.whyVisit li { color: white; list-style-type: none; font-size: 18px; padding: 5px 0px; } .showroomContainer { width: 485px; position: relative; display: block; margin: 0 auto; } .gazetteContainer { width: 410px; position: relative; display: block; margin: 0 auto; } img.showroom { max-width: 100%; } .purpleShowroom { background-color: #5c4293; color: #FFFFFF; width: 100%; padding: 70px; -webkit-box-sizing: border-box; box-sizing: border-box; } .purpleShowroom h3 { margin: 0px; text-align: left; } button.goButton { margin: 0; display: inline-block; } button.goButton:hover { background-color: #1c2542; } .loginOptions { width: 460px; } .loginOptions p, .loginOptions a { font-size: 18px; -webkit-transition: 300ms ease; transition: 300ms ease; } .loginOptions a:hover { color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } h2.servicingHeader { text-align: left; margin: 15px 0; color: #2995D3; } .servicingBlock { max-width: 550px; padding: 45px; margin: 0 auto; color: white; text-align: center; } .servicingBlock p { font-size: 19px; } .serviceColumn { background-size: cover; background-repeat: no-repeat; background-position: center; height: 500px; position: relative; width: 100%; overflow: hidden; padding-top: 10%; } .servicingContainer { margin-bottom: 40px; } .classification h3 { color: #5c4293; font-size: 27px; } .classification p { text-align: center; font-size: 18px; margin-bottom: 60px; } .classification img { border-radius: 1000px; width: 150px; height: 150px; display: block; margin: 0 auto; } .classification .grey { padding: 45px; border: #fff 1px solid; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 550px; } .classification .grey:hover { background-color: #5c4293; -webkit-transition: 300ms ease; transition: 300ms ease; } .security h3 { color: #f8af14; } .security .grey { padding: 45px; border: #fff 1px solid; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 750px; -webkit-transition: 300ms ease; transition: 300ms ease; } .security .grey:hover { background-color: #f8af14; color: white; -webkit-transition: 300ms ease; transition: 300ms ease; } .security .grey:hover h3 { color: white; } .security .servicingHeader { color: #f8af14; } .security img { border-radius: 1000px; width: 150px; height: 150px; display: block; margin: 0 auto; } .security p { text-align: center; font-size: 18px; padding: 10px; } .classification .grey:hover h3, .classification .grey:hover p { color: #FFFFFF; } .accelerated .grey:hover h3, .accelerated .grey:hover p { color: #FFFFFF; } .accelerated h3 { color: #2995D3; font-size: 27px; } .accelerated p { color: black; text-align: center; font-size: 18px; margin-bottom: 60px; } .accelerated img { border-radius: 1000px; width: 150px; height: 150px; display: block; margin: 0 auto; } .accelerated .grey { padding: 45px; border: #fff 1px solid; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 450px; } .accelerated .grey:hover { background-color: #2995D3; -webkit-transition: 300ms ease; transition: 300ms ease; } .preorderStrap { width: 100%; background-color: #009083; } .preorderStrap p { color: white; font-size: 42px; text-align: center; } .preorderForm { color: #2995D3; font-size: 18px; } .preorderForm h3 { color: black; text-align: left; font-family: arial; font-family: 300; } .ckgSubmit { color: white; background-color: #5cb85c; padding: 4px; font-size: 32px; outline: none; border: none; border-radius: 5px; } form.userArea { background-color: #e8f4fa; padding: 20px; } .userArea .forgetUsername { width: 275px; margin-top: 5px; max-width: 100%; height: 30px; padding-left: 5px; } .bookBands { /* color: white; */ font-size: 16px; text-align: center; } .bookBands h3 { color: white; font-size: 25px; } .bookBands .whiteBand h3, .bookBands .whiteBand a { color: black; } /* .bookBands a { font-weight: 500; color: white; text-decoration: none; } */ p.mainSubheader { text-align: center; font-size: 18px; } .bookBands p { font-size: 19px; } .bookPacks { text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } .parentCat>.bookPackItem { padding: 45px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 300ms ease; transition: 300ms ease; text-decoration: none; border: 1px solid #f5f5f5; } .bookPacks .parentCat:nth-child(7n+1) .bookPackItem, .bookPacks .parentCat:nth-child(7n+1) .bookPackItem a { color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } .bookPacks .parentCat:nth-child(7n+1) .bookPackItem a { text-decoration: none; } .bookPacks .parentCat:nth-child(7n+1) .bookPackItem:hover a, .bookPacks.active .parentCat:nth-child(7n+1) .bookPackItem a { color: #FFFFFF; } .bookPacks .parentCat:nth-child(7n+1) .bookPackItem:hover, .bookPacks.active .parentCat:nth-child(7n+1) .bookPackItem { background-color: #1c2542; color: #FFFFFF; } .bookPacks .parentCat:nth-child(7n+2) .bookPackItem { color: #80b349; -webkit-transition: 300ms ease; transition: 300ms ease; } .bookPacks .parentCat:nth-child(7n+2) .bookPackItem a { text-decoration: none; color: #80b349; } .bookPacks .parentCat:nth-child(7n+2) .bookPackItem:hover a, .bookPacks.active .parentCat:nth-child(7n+2) .bookPackItem a { color: #FFFFFF; } .bookPacks .parentCat:nth-child(7n+2) .bookPackItem:hover, .bookPacks.active .parentCat:nth-child(7n+2) .bookPackItem { background-color: #80b349; color: #FFFFFF; } .bookPacks .parentCat:nth-child(7n+3) .bookPackItem, .bookPacks .parentCat:nth-child(7n+3) .bookPackItem a { color: #2995D3; text-decoration: none; -webkit-transition: 300ms ease; transition: 300ms ease; } .bookPacks .parentCat:nth-child(7n+3) .bookPackItem a { text-decoration: none; color: #2995D3; } .bookPacks .parentCat:ver:nth-child(7n+3) .bookPackItem:hover a, .bookPacks.active .parentCat:ver:nth-child(7n+3) .bookPackItem a { color: #FFFFFF; } .bookPacks .parentCat:nth-child(7n+3) .bookPackItem:hover, .bookPacks.active .parentCat:nth-child(7n+3) .bookPackItem { background-color: #2995D3; color: #FFFFFF; } .bookPacks .parentCat:nth-child(7n+4) .bookPackItem, .bookPacks .parentCat:nth-child(7n+4) .bookPackItem a { color: #da1e63; text-decoration: none; -webkit-transition: 300ms ease; transition: 300ms ease; } .bookPacks .parentCat:nth-child(7n+4) .bookPackItem a { text-decoration: none; color: #da1e63; } .bookPacks .parentCat:nth-child(7n+4) .bookPackItem:hover a, .bookPacks.active .parentCat:nth-child(7n+4) .bookPackItem a { color: #FFFFFF; } .bookPacks .parentCat:nth-child(7n+4) .bookPackItem:hover, .bookPacks.active .parentCat:nth-child(7n+4) .bookPackItem { background-color: #da1e63; color: #FFFFFF; } .bookPacks .parentCat:nth-child(7n+5) .bookPackItem, .bookPacks .parentCat:nth-child(7n+5) .bookPackItem a { color: #079285; text-decoration: none; -webkit-transition: 300ms ease; transition: 300ms ease; } .bookPacks .parentCat:nth-child(7n+5) .bookPackItem a { text-decoration: none; color: #079285; } .bookPacks .parentCat:nth-child(7n+5) .bookPackItem:hover a, .bookPacks.active .parentCat:nth-child(7n+5) .bookPackItem a { color: #FFFFFF; } .bookPacks .parentCat:nth-child(7n+5) .bookPackItem:hover, .bookPacks.active .parentCat:nth-child(7n+5) .bookPackItem { background-color: #079285; color: #FFFFFF; } .bookPacks .parentCat:nth-child(7n+6) .bookPackItem, .bookPacks .parentCat:nth-child(7n+6) .bookPackItem a { color: #f8af14; text-decoration: none; -webkit-transition: 300ms ease; transition: 300ms ease; } .bookPacks .parentCat:nth-child(7n+6) .bookPackItem a { text-decoration: none; color: #f8af14; } .bookPacks .parentCat:nth-child(7n+6) .bookPackItem:hover a, .bookPacks.active .parentCat:nth-child(7n+6) .bookPackItem a { color: #FFFFFF; } .bookPacks .parentCat:nth-child(7n+6) .bookPackItem:hover, .bookPacks.active .parentCat:nth-child(7n+6) .bookPackItem { background-color: #f8af14; color: #FFFFFF; } .bookPacks .parentCat:nth-child(7n+7) .bookPackItem, .bookPacks .parentCat:nth-child(7n+7) .bookPackItem a { color: #5c4293; text-decoration: none; -webkit-transition: 300ms ease; transition: 300ms ease; } .bookPacks .parentCat:nth-child(7n+7) .bookPackItem a { text-decoration: none; color: #5c4293; } .bookPacks .parentCat:nth-child(7n+7) .bookPackItem:hover a, .bookPacks.active .parentCat:nth-child(7n+7) .bookPackItem a { color: #FFFFFF; } .bookPacks .parentCat:nth-child(7n+7) .bookPackItem:hover, .bookPacks.active .parentCat:nth-child(7n+7) .bookPackItem { background-color: #5c4293; color: #FFFFFF; } .bookPackDisclaimer { text-align:left; font-size:11px; padding-bottom: 10px; } h2.largeHeader { font-size: 60px; text-align: center; } p.largePara { font-size: 20px; text-align: center; } h3.subheader { font-size: 30px; text-align: center; padding: 60px; } .bookPacks h3 { font-size: 26px; } .bookPacks i { font-size: 42px; } .bookPacks a { font-size: 18px; } .careersForm { margin: 0 auto; } .careersForm input, .careersForm textarea { width: 100%; padding: 20px; border: none; margin-bottom: 20px; } .expandBar { background-color: #da1e63; width: 100%; height: 50px; color: white; padding: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 300ms ease; transition: 300ms ease; margin-bottom: 4px; font-size: 18px; } .active { -webkit-transition: 300ms ease; transition: 300ms ease; } .expandBar i { color: white; font-size: 12px; } .panel { padding: 0 18px; background-color: white; overflow: hidden; /* transition: 0.2s ease;*/ display: none; } .panel.open { display: block; /* transition: 300ms ease;*/ } .filterLabel { cursor: pointer; } ul.curriculumMenu { text-decoration: none; list-style-type: none; padding: 0; } ul.curriculumMenu a { font-size: 18px; } .curriculumPara p { text-align: center; font-size: 18px; } .helpSide i { margin-right: 4px; } .helpSide h3 { font-size: 28px; text-align: left; } h2.contactPgHeader { text-align: left; } .contactColumn { padding-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } ul.helpTabs { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #f5f5f5; margin-bottom: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } ul.helpTabs li { display: block; color: white; text-align: center; width: 100%; } .active ul.helpTabs li { background-color: #2199e8; } h2.largeLeftHeader { font-size: 52px; text-align: left; padding-top: 130px; margin-top: 0; } .tc p { font-size: 18px; } h3.leftSubheader { text-align: left; font-size: 20px; margin-top: 0; margin-bottom: 15px; } .bestsellers a { text-align: center; text-decoration: none; } .bespoke1Text { -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 25px; } /* Shopping basket */ table.basketTable { width: 100%; padding-bottom: 50px; } table.basketTable.hiddenLines ,table.basketTable.openOrders{ padding-bottom: 0; } table.basketTable.openOrders menu.btn-group.newTheme { margin: 0; } table.basketTable.openOrders th { padding: 12px 7px; } #basketPreviewSection table.basketTable { border-spacing: 0; } #basketPreviewSection .searchHeadBar { margin-bottom: 20px; padding: 10px; } #orderItemsTable.basketTable { padding-bottom: 0; border-collapse: collapse; } table.basketTable thead tr { background: #FFFFFF !important; } table.basketTable th { text-align: left; font-size: 15px; font-weight: 600; padding: 7px; } #orderItemsTable.basketTable th { width: 33%; text-align: left; } #orderSummarySection .basketTable th:last-child, #orderSummarySection .basketTable td:last-child { text-align: right; } table.basketTable td { padding: 6px; font-size: 12px; } #orderItemsTable.basketTable td { text-align: left; } table.basketTable tr th:first-child { width: 250px; } table.basketTable:not(.openOrders) tr td:nth-last-of-type(2), table.basketTable:not(.openOrders) tr th:nth-last-of-type(2), table.basketTable:not(.openOrders) tr td:last-child { text-align: right; } table.basketTable tr td:last-child { width: 115px } table.basketTable.hiddenLines tr.shownLine { background-color: #fbfbfb; } table.basketTable.hiddenLines tr:nth-of-type(odd) { background: #e8f4fa; } table.basketTable tr.clickable { cursor:pointer; } table.basketTable tr.clickable:hover { background-color:#c9e8f7!important; } table.basketTable:not(.hiddenLines) tr { background-color: #fbfbfb; } table.basketTable:not(.hiddenLines) tr.furnitureOrder { background-color: #fbfff6; } table.basketTable:not(.hiddenLines) tr:nth-child(odd) { background: #e8f4fa; } table.basketTable:not(.hiddenLines) tr.furnitureOrder:nth-child(odd) { background: #f1f7eb; } table.basketTable tr td:last-child a { display: block; } table.basketTable tr.totals td { font-weight: bold; } table.basketTable tr.totals { background-color: #ececec; } table.basketTable input { width: 80px; height: initial; } table.basketTable .bulkQtyIcon { cursor: pointer; font-size: 1rem; padding: 0.5rem; border: 1px solid #000; } table.basketTable .productBulkQty { width: 40px; text-align: center; display: inline-block; margin: 0 5px; } table.basketTable input.productQtyOutOfStock { border-color: red; } table.basketTable span.libraryQtyOutOfStock { border: 1px solid red; padding: 5px; } table.basketTable .basketActions a { display: inline-block; width: 100%; } table.basketTable .basketActions .basketRemove:hover { color: red; } table.basketTable .basketActions .moveToWish:hover { color: #DA1E63; } table.basketTable .basketActions i { color: inherit; } table.basketTable .basketActions span { display: block; } table.basketTable .basketActions i { display: none; } tr.clickableRow { cursor: pointer; } tr.clickableRow:hover { background: #caecff !important; } .previewCell { /*overflow-x: scroll;*/ max-width: 0; padding: 4px; scrollbar-width: thin; /* "auto" or "thin" */ scrollbar-color: #999 #e8f4fa; /* scroll thumb and track */ } .previewCell::-webkit-scrollbar { width: 1px; /* width of the entire scrollbar */ } .previewCell::-webkit-scrollbar-track { background: #e8f4fa; /* color of the tracking area */ } .previewCell::-webkit-scrollbar-thumb { background-color: #999; /* color of the scroll thumb */ border-radius: 0; /* roundness of the scroll thumb */ border: 1px solid #999; /* creates padding around scroll thumb */ height: 3px; } .previewCell .bookList { padding-left: 0; list-style: none; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(64px, 1fr)); column-gap: 10px; row-gap: 1em; } /* .previewCell .bookListItem{ margin: 5px; min-width: 75px; } */ td.carouselCell .slider { overflow: hidden; min-width: 100%; width: 0; padding: 4px; } td.carouselCell .recommendedSection.bookList { border-top: none; padding: 0; } td.carouselCell .recommendedSlider img { max-height: 150px; } td.carouselCell .sliderContainer { display: block; } .basketTable .unitPrice { margin-right: 5px; } .basketTable .offerDiscount, .basketTable .offerLink { color: #DA1E63; display: inline-block; } .basketTable .offerDiscount i, .basketTable .offerLink i { margin-right: 2px; } #orderDetailsSection h5 { margin: 1em 0; font-size: 20px; } input[name^=cn], input[name^=adLine], input[name=orAttentionOf], input[name=adPostcode], select[name=adCountry], select[name=orAdId], input[name=orCustRef], input[name=orContact], input[name=schoolAdLine3], input[name=jobTitle], input[name=poNumber], input[name=contactName], input[name=contactEmail], .addressSearchFieldContainer { display: block; width: calc(100% - 20px); -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 5px; margin-right: 20px; } #addressSearchField { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 15px; } select[name=adCountry], select[name=orAdId] { padding: 5px 0; } .tablinks i { font-size: 32px; padding: 20px; } ul.servicingList { padding: 0; } ul.servicingList li { list-style: none; padding: 6px 0px; font-size: 14px; } .expandBar { width: 100%; height: 50px; } .expandBar i { float: right; } ul.loginCheck li { list-style-type: none; } ul.loginCheck { padding-left: 0; } .deliveryNoteInfo { padding: 35px 0 0; } .deliveryNoteInfo p { font-size: 14px; } fieldset.loginForm { border: 0; padding: 0; } fieldset.loginForm input { outline: none; height: 39px; width: 350px; font-size: 16px; border: 1px solid #cacaca; margin-bottom: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; font-family: 'Open Sans', sans-serif; } #registrationForm .checkoutDetails input { width: 350px; } #registrationForm input[type="checkbox"] { width: 16px; margin-right: 5px; } h5.login { text-align: left; margin-bottom: 0; } .searchPanel input { width: 100%; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .searchExpandBar { background-color: #2995D3; width: 100%; height: 50px; color: white; padding: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 300ms ease; transition: 300ms ease; margin-bottom: 4px; } .searchPanel { background-color: #e6e6e6; padding: 12px; } .bookInfo .pageTitle { margin: 0; line-height: 1.2; font-size: 30px; font-size: 2.1rem; } .bookInfo .authorSub { padding: 15px 0; flex-wrap: wrap; } .bookInfo h3 { margin: 0; } .bookInfo p { margin: 0; } .bookInfo .headlineDetails { padding: 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .bookInfo .headlineDetails h2 { line-height: 1.2em; margin-top: -10px; color: #2995D3; } .bookInfo .rating .columns { /* -webkit-box-align: center; -ms-flex-align: center; align-items: center; */ -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } .bookInfo .rating .column { margin: 5px; } .bookInfo .rating.main .columns { align-items: center; } .bookInfo .rating.small .column { padding: 0 2px; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .bookInfo .rating.small .column:first-child { text-align: right; } .bookInfo .rating.small .column:last-child { text-align: left; margin: 0 5px; } .bookInfo .rating.small span+span { margin-right: 4px; } .needMore.ratingDetails { display: inline; font-size: 11px; } .qualityMetricText { color: #80b349; font-weight: 700; font-size: 28px; } .suitabilityGraphic { display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 0 0 auto; } span.suitabilityGraphicItem { background-color: #c9c9c9; height: 3px; width: 46px; margin-left: 4px; } span.suitabilityGraphicItem.highlighted { background-color: #80b349; } .qualityMetricGraphic { display: flex; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 0 0 auto; } span.qualityMetricGraphicItem { background-color: #c9c9c9; height: 8px; width: 14px; margin-left: 2px; } span.qualityMetricGraphicItem.highlighted { background-color: #80b349; } span.suitabilityGraphicItem.wide { width: 58px; } /* .column.libSuitRating { margin-bottom: 1.5rem !important; } */ .libSuitRatingItem { margin: 0 14px; } .rating.main.columns.wrap { flex-direction: column; display: flex; justify-content: flex-end; text-align: right; margin-bottom: 1.5rem; } h3.bookPrice { display: inline-block; padding-bottom: 20px; } .pricingBreakdown, .quantitySection, .stockSection { padding-bottom: 20px; } .stockSection::first-letter { text-transform: uppercase; } .bookPadding { padding-right: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .subRatings .rating span:not(.checked) label, .bookDetails .rating span:not(.checked) label { color: #d6d6d6; } .subRatings .rating span.checked label, .subRatings .rating span.checked~span label, .bookDetails .rating span.checked label, .bookDetails .rating span.checked~span label { color: #80b349 !important; } .subRatings .rating span:not(.checked) label::before, .bookDetails .rating span:not(.checked) label::before { content: "\f111"; font-family: "Font Awesome 5 Pro"; font-weight: 400; } .subRatings .rating span.checked label::before, .subRatings .rating span.checked~span label::before, .bookDetails .rating span.checked label::before, .bookDetails .rating span.checked~span label::before { content: "\f058"; } .subRatings .small { font-size: .9em; } .subRatings .small.rating span label { font-size: 18px; width: 20px; height: 20px; } #readMore { padding: 45px 0; font-size: 18px; } .columnPadding { padding: 47px; -webkit-box-sizing: border-box; box-sizing: border-box; } .deliveryInfo { border: 1px solid lightgrey; text-align: right; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } h3.rrp { color: #cacaca; font-size: 20px; display: inline-block; } #myNotesSave { margin-left: 20px; } .furnitureInfo .title { color: #2995D3; } .furnitureInfo .deliveryInfo h3 { margin: 0; } .furnitureInfo .quantitySection { padding: 0; } .furnitureInfo .productQty { width: 52px; text-align: center; padding: 8px 10px; margin-left: 4px; } .furnitureImages { padding: 32px 64px 32px 0; } .furnitureImages .featured { display: flex; align-items: center; min-height: 420px; } .furnitureImages .featured img { display: block; cursor: zoom-in; width: auto; max-width: 100%; max-height: 580px; margin: auto; } .furnitureImages .slider, .lightbox .slider { margin-top: 32px; } .furnitureImages .slider a, .lightbox .slider a { cursor: pointer; } .furnitureImages .slider .image.selected img, .lightbox .slider .image.selected img { border: 1px solid; border-radius: 4px; } .furnitureImages .slider .slick-slide:focus, .furnitureImages .slider .slick-slide *:focus, .lightbox .slider .slick-slide:focus, .lightbox .slider .slick-slide *:focus, #relatedProducts .slider .slick-slide:focus, #relatedProducts .slider .slick-slide *:focus { outline: none; } .furnitureImages .slick-slide { margin: 6px; } #relatedProducts .slider .slide .slideContainer { display: flex; flex-direction: column; } #relatedProducts .slider .slide .slideContainer .imageContainer { display: flex; align-items: center; height: 200px; } #relatedProducts .slider .slide .slideContainer .imageContainer img { max-width: 100%; } .furnitureImages .slider>.prev, .furnitureImages .slider>.next, .lightbox .slider>.prev, .lightbox .slider>.next, #relatedProducts .slider>.prev, #relatedProducts .slider>.next { position: absolute; z-index: 10; top: 0; bottom: 0; height: 24px; font-size: 24px; line-height: 24px; margin: auto; } #relatedProducts .slider>.slick-list { padding: 0 20px; } .furnitureImages .slider>.prev, .lightbox .slider>.prev, #relatedProducts .slider>.prev { left: 0; } .furnitureImages .slider>.next, .lightbox .slider>.next, #relatedProducts .slider>.next { right: 0; } .furnitureImages .slider img, .lightbox .slider img { box-sizing: border-box; width: 140px; height: auto; padding: 10px; margin-right: 8px; } #configurations { text-align: right; padding-top: 16px; } #configurations ul { display: flex; flex-wrap: wrap; justify-content: flex-end; list-style: none; padding: 0; margin: 8px 0 16px; } #configurations ul li { padding: 4px 0px 4px 8px; } #configurations ul li a { display: block; box-sizing: border-box; width: 42px; height: 42px; border-radius: 50px; border: 1px solid #dadada; /* margin-bottom:8px; margin-left:8px; */ } #configurations ul li a:hover, #configurations ul li a.selected { border: 4px solid #000000 } #configurations .list select { padding: 4px 6px; } #configurations .list.open .label, #configurations .list.closed .label { cursor: pointer; } #configurations .list.open .label::after, #configurations .list.closed .label::after { content: ''; font-family: 'Font Awesome 5 Pro'; font-weight: bold; margin-left: 6px; } #configurations .list.open .label::after { content: '\f0d8'; } #configurations .list.closed .label::after { content: '\f0d7'; } #configurations .list > .label > * { white-space: nowrap; } #configurations .list li { position: relative; } .hoveroverZoom { position: absolute; background-color: #f6f5f9; top: 0; right: 100%; padding: 1rem; z-index: 1; } .hoveroverZoom span.furnitureSwatch { display: block; width: 100px; height: 100px; border: 1px solid #dadada; } #configurations .list .selectedSwatch { display: inline-flex; align-items: center; vertical-align: middle; box-sizing: border-box; width: 30px; height: 30px; border-radius: 50px; border: 1px solid #dadada; } .furnitureImages .slider, .lightbox .slider, #relatedProducts .slider { padding: 0; } .furnitureImages .slider .slick-track, .lightbox .slider .slick-track, #relatedProducts .slider .slick-track { margin: 0; } #relatedProducts .slider .slide { box-sizing: border-box; text-align: center; padding: 0 12px; } #relatedProducts .slider img { width: auto; height: auto; max-height: 200px; margin: auto; } #relatedProducts .slider p { width: 80%; margin-left: auto; margin-right: auto; } #relatedProducts .slider .price { margin: 0; } a.shareButton { color: white; background-color: #5c4293; padding: 12px; position: fixed; right: 0; text-align: center; font-size: 10px; -webkit-transition: 300ms ease; transition: 300ms ease; top: 50%; } a.shareButton:hover { background-color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } a.shareButton i { font-size: 16px; padding: 3px 0; } #annotation { text-align: left; } p.needMore { font-weight: 600; text-decoration: underline; text-decoration-style: dotted; text-underline-offset: 3px; display: inline-block; padding: 0; } input.bookQuantity { display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 75px; height: auto; padding: 2px; text-align: center; } input.bookQuantity.productQtyOutOfStock { border-color: red; } .bookPageLinks { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 155px; background-size: cover; background-repeat: no-repeat; } .centreButton h3 { color: white; padding: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; } .toolbar { display: flex; align-items: center; justify-content: space-between; } /* .productContainer.bookPackProduct { background-color: #f6f5f9 !important; } */ .productContainer .qualityMetricText { font-weight: 400; font-size: 1.285rem; } .qualityMetricTextContainer { display: flex; align-items: center; margin-right: 10px; } .bookInformationSection { margin-top: 30px; } .bookInformationSection .tabContent .header { font-weight: 700; padding: 10px 0; } .bookInfo { padding-top: 20px; color: #4a4a4a; } .bookPageImage { width: 100%; text-align: center; } .bookPageImage img { margin: 0 auto; -webkit-transition: 300ms ease; transition: 300ms ease; width: 100%; height: auto; } p.needMore.approxBooks { border: 0; font-size: .9em; margin-bottom: 1rem; } /* Alternate image gallery? */ .alternateImages { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .alternateImages img { margin: 10px 10px 10px 0; -webkit-transition: 300ms ease; transition: 300ms ease; width: auto; max-width: 100%; height: 80px; } .alternateImages .slick-list .slick-slide { margin-right: 5px; } .alternateImages .alternateImagesPagination { position: relative; display: flex; margin: 0; margin-bottom: 15px; padding: 0; list-style-type: none; justify-content: center; /* text-align: center; */ transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10; } .alternateImages .alternateImagesPagination .alternateImagesPaginationBullet { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: #000; opacity: .2; cursor: pointer; margin-right: 5px; } .alternateImages .alternateImagesPagination .slick-active .alternateImagesPaginationBullet { background: #2b97d4; opacity: 1; } .bookpageImage img:hover { opacity: 0.4; -webkit-transition: 300ms ease; transition: 300ms ease; } .bookPageImage h4 { font-size: 18px; font-weight: 400; /* font-weight: 300; */ margin: 0; text-align: center; color: #1585cf; cursor: pointer; -webkit-transition: 300ms ease; transition: 300ms ease; } .bookPageImage h4:hover { color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } .reviewOverview { font-size: 18px; } .bookDetail h3 { text-align: left; } .bookDetail { font-size: 16px; } #availableEditions, div#stolenHoverOver table { position: relative; /* not sure why this was commented out but it break hovering */ border-spacing: 0; width: 100%; text-align: left; } .altEditionsContainer { margin: 20px 0px; border: 1px solid lightgrey; padding: 10px; box-sizing: border-box; width: 300px; position: relative; } div#stolenHoverOver { position: absolute; display: none; z-index: 100; left: 0; top: 100%; padding: 10px; background-color: #FFFFFF; border: 1px solid lightgrey; width: 100%; box-sizing: border-box; } p.editionTitle { font-size: 18px; font-weight: 600; } #stolenHoverOver img { width: 120px; height: auto; padding-right: 10px; padding-bottom: 10px; } #stolenHoverOver .noCoverImage { width: 70px; height: auto; padding-right: 10px; padding-bottom: 10px; } .columns.altEditionItem { justify-content: space-between; } .altEditionItem:hover div#stolenHoverOver { display: block; } .altEditionItem { cursor: pointer; } /* Filter menu sidebar */ .mobileSidebar { /* min-width: 215px; */ -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 20px; } #filterSidebarContainer .mobileSidebar { min-width: 215px; position: absolute; right: 0; } /* .mobileSidebar { width: 215px; padding-right: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; right: 0; } */ .filterTitle { color: #2995D3; font-size: 17px; padding: 14px 8px; background-color: #f5f5f5; -webkit-transition: 300ms ease; transition: 300ms ease; cursor: pointer; font-weight: 600; } .filterTitle.active { background-color: #1c2542; color: white; -webkit-transition: 300ms ease; transition: 300ms ease; } .filterTitle i { font-size: 14px; float: right; } .filters .hasChildren ul { display: none; margin-top: 5px; position: relative; } .filters .hasChildren li { position: relative; } .open { display: block; } .filterSection { position: relative; -webkit-transition: 300ms ease; transition: 300ms ease; background-color: #FFFFFF; } .filterSection.hasModal h5 { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .filterSection.hasModal h5.hasSubtitle { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .filterSection.hasModal h5 span.mainTitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .filterSection.hasModal h5 span.filterSubtitle { font-weight: 400; font-size: 0.8em; width: 100%; } .filterSection.hasModal h5 .checkMarkContainer { position: absolute; right: 30px; top: 50%; } .deweyTree { max-height: 320px; overflow-y: scroll; padding: 0; } body[class*="isIE"] .filterSection.hasModal h5 .checkMarkContainer { top: 16px; } .filterSection .filterModal>.filters { background-color: #FFFFFF; } .filterSection .filterModal { background-color: #F5F5F5; } .filtersGroup { margin-bottom: 20px; background-color: #FFFFFF; } .filterSection h5 { padding: 8px 10px; margin: 0; font-weight: 600; -webkit-transition: .3s; transition: .3s; } .filterSection.main { padding: 8px 12px; } .filterSection.main label.ratingTitle { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; } .filterSection.bold h5 { font-weight: 700; } .filterSection.title h5 { padding-left: 0; font-weight: 700; padding-top: 0; } .filtersGroup .hasModal:nth-child(odd) h5, .filtersGroup .hasModal:nth-child(odd) { background-color: #f5f5f5; } .filtersGroup .hasModal:nth-child(odd) h5:hover { background-color: #d7d7d7; } .filtersGroup .hasModal:nth-child(even) h5:hover { background-color: #f5f5f5; } .filtersGroup .hasModal.specialOffers h5 { color: #e6007e; background-color: #fee9f2; } .filtersGroup .hasModal.specialOffers h5:hover { background-color: #ffd1e5; } .filterSection.specialOffers .filterModal, .filterTag.specialOffer { color: #e6007e; background-color: #fee9f2; } .filterTag.newProducts { color: #e29b00 !important; background-color: #fff3d9 !important; } .filterTag.newProducts:hover { color: #FFFFFF !important; background-color: #F8AF14 !important; } .filterTag.mainFilterTag { background-color: #646464; } .searchPageContentBox .filterTag.mainFilterTag, #structuredBooleanFilters .filterTag.mainFilterTag { background-color: #2995D3 !important; } .filterTag .rating span label { font-size: 12px; margin: 0; line-height: 10px; } /* Library suitability filter tag */ .filterTag .libSuit span label { font-family: "petersbookicons"; font-weight: 400; margin-right: 5px; line-height: 10px; color: white; } .filterTag .libSuit span label[for="libRate0"]::before { font-size: 14px; content: '\f05e'; font-family: "Font Awesome 5 Pro"; } .filterTag .libSuit span label[for="libRate1"]::before { font-size: 10px; content: '\e801'; } .filterTag .libSuit span label[for="libRate2"]::before { font-size: 16px; content: '\e802'; } .filterTag .libSuit span label[for="libRate3"]::before { font-size: 16px; content: '\e803'; } .filterSection.title h5 i { font-weight: 700; -webkit-transition: 0.3s; transition: 0.3s; } .filterSection.titleAdvanced i { -webkit-transition: 0.3s; transition: 0.3s; } .filterSection.titleAdvanced h5 { font-weight: 700; padding: 8px 0; } .filterSection h5 i.fa-angle-right.open { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .filterSection.titleAdvanced { display: flex; justify-content: space-between; align-items: center; cursor: pointer; z-index: 6; } .toggleDisplay { font-size: .7em; cursor: pointer; color: #2995D3; transition: .5s; text-decoration: underline; margin-right: 10px; } .filterSection.titleAdvanced:hover .toggleDisplay { color: #1c2542; } .filterSections { transition: .5s; } .filterSections.closed { height: 0 !important; } .filterSections.closed * { display: none; } .filterSections * { transition: .5s; } .filterSections.closed * { opacity: 0; } .filterButtons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; padding: 15px 1px; } .filterModal .disabled { opacity: 0.7; pointer-events: none; } .filterModal .closeModal { float: right; cursor: pointer; padding: 0px 5px; } .filterTags .space { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .filterLabels.indeterminate { background-color: #da1e63; } .filterLabels.indeterminate:hover { background-color: #8C264C; } .filterBar h3 { color: #1c2542; font-size: 23px; text-align: left; margin-bottom: 10px; margin-top: 22px; } .bookLeftPadding { padding-left: 10px; } .filterExpand { color: black; font-size: 15px; padding: 14px 16px; margin-bottom: 2px; background-color: #f5f5f5; -webkit-transition: 300ms ease; transition: 300ms ease; cursor: pointer; } .filterExpand.active { background-color: #1c2542; color: white; -webkit-transition: 300ms ease; transition: 300ms ease; } .filterExpand i { font-size: 14px; float: right; } .sectionTitle { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #2995D3; width: 100%; color: white; padding: 10px 6px; font-weight: 600; -webkit-box-sizing: border-box; box-sizing: border-box; } .filterBar li { list-style-type: none; } .filterBar li.hasChildren { cursor: pointer; } ul.inner { padding: 0; } li.filterTag { margin-top: 5px; font-size: 10px; font-weight: 600; } .filterRemove { background-color: #2995D3; color: white; padding: 6px; width: 50%; text-align: center; margin-top: 5px; } .filterModal ul { padding: 0; } #appliedFilters { list-style: none; /* margin: 8px 0; */ padding: 0px; } .resultsActionButton { margin-right: 8px; } /* #appliedFilters .button { padding: 7px 22px; font-size: 16px; display: inline-block; font-weight: 400; border-radius: 10px; margin: 10px auto; } */ #tabsContainer.customContent { width: calc(200% / 3); } .filterTitle ul li:nth-of-type(odd) { background-color: white; } .filterBar a { /* color: #2199e8; */ font-size: 16px; text-align: right; display: block; /* padding-bottom: 15px; */ } /* .filterSection label { font-weight: 300; color: #6f6f6f; align-self: center; } */ .sliderTitleContainer { display: flex; justify-content: space-between; margin-bottom: 10px; } .sliderTitleContainer .clearSliderButton { font-size: 1.2em; cursor: pointer; font-family: "Font Awesome 5 Pro"; font-weight: 900; } /* .sliderOff .clearSliderButton:before { content: '\f00d'; } */ .sliderOn .clearSliderButton:before { content: '\f00d'; } .sliderOn .ui-slider-range { background-color: #2995D3b8; } .sliderOn .ui-slider { border-color: #c7c7c7; } .sliderOn.isSpecificValue .ui-slider-handle { background-color: #1c2542 !important; } .filters .filterItemContainer label { cursor: pointer; } .filterModal>ul li.hasChildren .filterItemDivider { padding: 10px 5px 10px 12px } .filters .filterItemDivider:before { content: ""; display: block; width: 100%; height: 1px; border-bottom: 1px solid #c6c6c6; } .filterItemContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .filterItemContainer.fixedExpand { cursor: initial; font-weight: 700; } .filterItemContainer.vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .filterItemContainer.vertical div { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filterItemContainer.keywords .selectr-options-container { position: relative; } .filterItemContainer.keywords>span { margin: 15px 5px auto 0 !important; } .booleanSearchItem .filterItemContainer.vertical div { justify-content: flex-start; } .booleanSearchItem input.filterTextInput { margin-left: 10px; } .booleanSearchItem .checkMarkContainer { margin: 0 auto 0 10px; /* margin-right: 60%; */ /* margin-right: 170px; */ } /* .booleanSearchItem .sliderItem, .booleanSearchItem ul[category='ukslc']>li { width: calc(50% - 10px); padding: 0 20px; } */ .booleanSearchItem .clearSliderButton { margin-left: 10px; } div#widgetLoading { background-color: rgba(255, 255, 255, .8); display: flex; padding: 20px; justify-content: center; align-items: center; } #widgetLoading #loadCountSpinner { margin-left: 10px; } .main .filterItemContainer>label { padding: 4px 0; font-weight: 600; } .filterItemContainer.bold label { font-weight: 700; } .filterItemContainer.small { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; -ms-flex-wrap: wrap; flex-wrap: wrap; } .main .filterItemContainer.small>label { font-size: .8em; } .main .filterItemContainer.touchingNext>label { padding-bottom: 0 } .filterItemContainer textarea { resize: vertical; } .filterItemContainer .selectr-container { margin: 6px auto 6px 10px; max-width: 205px; } .filterItemContainer .selectr-selected { min-height: 34px; max-width: 100%; width: 100%; } .filterItemContainer .selectr-input-clear { display: none !important; } .filterItemContainer .selectr-input { padding: 7px 9px; } .filterList>li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .filterListHeader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 6px; } .filterModal { color: #6f6f6f; position: absolute; z-index: 5; top: 0; left: 100%; width: 340px; display: none; border: #3e3f3f 1px solid; padding: 15px; opacity: 0; -webkit-transition: .3s; transition: .3s; -webkit-box-sizing: border-box; box-sizing: border-box; } .filterModal.open { display: block; opacity: 1; } .filterModal>ul>li.hasChildren { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 5px 12px; } .filterModal>ul>li.hasChildren[ctid="36"], .filterModal>ul>li.hasChildren[ctid="includeCountryOfPub"] { max-height: 240px; overflow-y: auto; } .filterModal>ul li { padding: 5px 12px; } .filterModal>ul li.hasChildren li { padding: 5px 0 5px 12px; } /* .filterModal .modalTitle { font-size: 18px; font-weight: 600; text-align: center; margin-bottom: 10px; } */ .filterModal .filterApply { margin-top: 10px; margin-bottom: 10px; } .filterModal>.filters { /* max-height: 525px; 480px; */ border: 1px solid #c6c6c6; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; } /* .search.container.advancedSearch .filterModal > .filters, #booleanSearchPage .filterModal > .filters { overflow: auto; } */ .filterModal .openStateIcon { margin-left: 10px; } /* .filterModal::-webkit-scrollbar { width: 10px; } .filterModal::-webkit-scrollbar-track { border-radius: 10px; background-color: #2995D36e; } .filterModal::-webkit-scrollbar-thumb { border-radius: 10px; color: #2995D3; } */ .filterModal .loginRequired a { display: inline; font-size: 1em; } ul.filterList li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .filterExpand i { text-align: right; } .filterItemContainer img.bookBadge { height: 32px !important; width: auto; } #content .filterItemContainer img.bookBadge { max-width: initial; } .button.filterApply { margin: 20px auto; } .filterModal .button.filterApply { margin: 20px auto 5px; } .advancedSearch .button.filterApply { display: none; } .listToggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 6px 0; } .listToggle i { margin-left: 10px; } .listPageCircle { width: 22px; height: 22px; } .listPageCircle.swatch { margin: -2px -5px 0px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; } .listPageCircle.swatch::before { content: ''; padding: 10px 10px; border-radius: 100%; border: 1px solid #a0a0a0; } /* Search result -> properties */ .bookProperties { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; list-style: none; padding: 0; margin: 0; margin-bottom: 5px; } .bookProperties ul { list-style: none; padding: 0; display: inline-block; } .bookProperties>li { display: inline-block; height: 100%; margin-right: 3px; margin-bottom: 5px; } .bookProperties>li:after { content: "|"; } .bookProperties>li.productDewey:after { content: "|"; margin-left: 3px; } .bookProperties>li:last-child { margin-right: 0; } .bookProperties>li:last-child:after { display: none; } .bookProperties .bookBands { display: inline-flex; align-items: center; /* color: inherit; */ font-size: 1em; } .bookProperties .bookBands li { display: inline; } .bookProperties .bookBands li+li { margin-left: 3px; margin-bottom: 0; } .bookProperties .bandLabel { margin: 0 5px 0 0; display: inline-block; font-size: 1em; } .bookProperties .swatch { display: inline-block; margin: 3px 3px 0 0; } .bookProperties .swatch::before { margin-right: 0; padding: 0; width: 100%; display: inline-block; height: 100%; } .bookProperties .swatch+.swatch { margin-left: 10px; } .bookProperties .deweyLabel { width: auto; } /* Book page -> Properties -> Book band */ .properties .bookBandContainer { /* display: -webkit-box; display: -ms-flexbox; */ display: flex; /* -ms-flex-wrap: wrap; */ flex-wrap: wrap; align-items: center; list-style: none; padding: 0; } .properties .bookBandContainer .bookBands { display: inline-flex; align-items: center; /* color: inherit; */ font-size: 1em; } .properties .bookBandContainer .bookBands ul { list-style: none; padding: 0; display: inline-block; margin: 0; } .properties .bookBandContainer .bookBands li { display: inline; } .properties .bookBandContainer .bookBands li+li { margin-left: 3px; margin-bottom: 0; } .properties .bookBandContainer .bandLabel { margin: 0 5px 0 0; display: inline-block; font-size: 1em; } .properties .bookBandContainer .swatch { display: inline-block; margin: 3px 3px 0 0; } .properties .bookBandContainer .swatch::before { margin-right: 0; padding: 0; width: 100%; display: inline-block; height: 100%; } .properties .bookBandContainer .swatch+.swatch { margin-left: 10px; } /* CATEGORY SWATCH AND COLOURS START ----------------------------------------------- */ span.swatch { display: -webkit-box; display: -ms-flexbox; display: flex; } .bookLevelPop { cursor: pointer; } .swatch::before { content: ''; padding: 0 5px; margin-right: 10px; } /* WHITE */ .swatch.cat199::before { background-color: RGB(250, 250, 250); border: 1px solid RGBA(0, 0, 0, 0.1); } .swatch.cat199:not(.listPageCircle)::before { padding: 0 4px; } /* GREY */ .swatch.cat200::before { background-color: RGB(150, 165, 169); } /* DARK RED */ .swatch.cat201::before { background-color: RGB(145, 24, 18); } /* DARK BLUE */ .swatch.cat202::before { background-color: RGB(20, 57, 110); } /* PURPLE */ .swatch.cat203::before { background-color: RGB(98, 36, 131); } /* GOLD */ .swatch.cat204::before { background-color: RGB(250, 182, 0); } /* TURQUOISE */ .swatch.cat205::before { background-color: RGB(61, 183, 176); } /* BLUE */ .swatch.cat206::before { background-color: RGB(0, 104, 178); } /* YELLOW */ .swatch.cat207::before { background-color: RGB(255, 237, 0); } /* BLACK */ .swatch.cat208::before, .swatch.cat237557::before { background-color: RGB(0, 0, 0); } /* BROWN */ .swatch.cat209::before { background-color: RGB(149, 78, 47); } /* PINK */ .swatch.cat210::before { background-color: RGB(229, 0, 125); } /* ORANGE */ .swatch.cat211::before { background-color: RGB(237, 107, 6); } /* LIME */ .swatch.cat212::before { background-color: RGB(149, 194, 51); } /* GREEN */ .swatch.cat213::before { background-color: RGB(0, 150, 65); } /* RED */ .swatch.cat214::before { background-color: RGB(230, 48, 36); } /* LILAC */ .swatch.cat215::before { background-color: RGB(153, 149, 200); } .swatch.bookLevel1::before { background-color: RGB(0, 150, 65); } .swatch.bookLevel2::before { background-color: RGB(237, 107, 6); } .swatch.bookLevel3::before { background-color: RGB(20, 57, 110); } .swatch.bookLevel4::before { background-color: RGB(255, 237, 0); } .swatch.bookLevel5::before { background-color: RGB(230, 48, 36); } .swatch.bookLevel6::before { background-color: RGB(0, 0, 0); } .swatch.interestLevelLower::before { background-color: RGB(133, 47, 111); } .swatch.interestLevelMiddle::before { background-color: RGB(255, 105, 180); } .swatch.interestLevelMiddlePlus::before { background-color: RGB(136, 131, 84); } .swatch.interestLevelUpper::before { background-color: RGB(111, 215, 220); } /* CATEGORY SWATCH AND COLOURS END ------------------------------------------------- */ ul.acList li { display: -webkit-box; display: -ms-flexbox; display: flex; } textarea.quizNo { padding: 1px 6px; width: 140px; min-height: 40px; line-height: 20px; transition: none; } #from.filterTextInput, #to.filterTextInput { width: 70px; } input.filterTextInput { width: 100px; height: 25px; margin: 4px 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 3px; } #from.filterTextInput, #to.filterTextInput { width: 70px; } h3.search { font-size: 18px; text-align: left; margin: 0; } #searchList .bookTitle h1.pageTitle, .bookTitle { font-size: 18px; font-size: 1.285rem; margin: 0 0 5px 0; width: fit-content; } .bookAuthor { padding-bottom: 5px; } .bookTitle a { font-weight: 700; } .bookAuthor .authors, .bookAuthor a { font-size: 1.2em; font-weight: 400; } .bookSeries { padding-bottom: 5px; } .infoSection { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .infoSection .image { margin: 0 auto; display: inline-block; } body[class*="isIE"] .infoSection .image { max-width: 100%; } .priceSection { -webkit-box-flex: 0; -ms-flex: 0 0 180px; flex: 0 0 180px; /* max-width: 180px; */ font-size: 14px; text-align: right; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items: flex-end; } .priceSection .searchPrice { font-size: 2em; font-weight: 700; padding-bottom: 20px; } span.preface { font-size: 14px; } .pricingDetails { padding-bottom: 20px; font-weight: 600; } .offerDetails { color: #DA1E63; margin-top: 30px; max-width: 145px; margin-left: auto; } .offerDetailsBox { display: inline-block; color: #FFFFFF; background-color: #ff009a; padding: 10px 14px; margin-top: 12px; } .offerDetailsBookPage { max-width: initial; text-align: right; margin: 0 0 10px auto; } .offerLink { color: #DA1E63; } .furnitureInfo .offerLink { font-weight: bold; margin-top: 12px; } .offerHeading, .offerName { margin: 0; font-size: 14px !important; font-size: 1rem !important; } .offerHeading { text-transform: uppercase; } .offerHeading i { margin-right: 5px; } .listView .offerBadge { display: none; } .gridView .offerLink { display: inline-block; } .gridView .offerBadge i { display: inline-block; margin: 2px; font-size: 26px; } .gridView .offerDetails { display: none; } .searchQuantity { padding-bottom: 20px; } .addToBasketContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 0 0 auto; } .bookBadge { margin: 4px 0; } .searchSection.denseView .bookBadge.bookOfTheWeek, .searchSection.denseView .bookBadge.recommendedRead, .searchSection.denseView .bookBadge.downloadableResources, .searchSection.denseView .bookBadge.contentAdvisory, .searchSection.denseView .bookBadge.award { height: initial; } /* Library book page - badge(s) */ .libs .bookPadding.dense .imageBadgeContainer:not(.flexBadges) .bookBadge.bookOfTheWeek, .libs .bookPadding.dense .imageBadgeContainer:not(.flexBadges) .bookBadge.recommendedRead, .libs .bookPadding.dense .imageBadgeContainer:not(.flexBadges) .bookBadge.downloadableResources, .libs .bookPadding.dense .imageBadgeContainer:not(.flexBadges) .bookBadge.contentAdvisory, .libs .bookPadding.dense .imageBadgeContainer:not(.flexBadges) .bookBadge.award { height: 25px !important; } /* Schools book page - badge(s) */ .bookPadding:not(.dense) .imageBadgeContainer:not(.flexBadges) .bookBadge.bookOfTheWeek, .bookPadding:not(.dense) .imageBadgeContainer:not(.flexBadges) .bookBadge.recommendedRead, .bookPadding:not(.dense) .imageBadgeContainer:not(.flexBadges) .bookBadge.downloadableResources, .bookPadding:not(.dense) .imageBadgeContainer:not(.flexBadges) .bookBadge.contentAdvisory, .bookPadding:not(.dense) .imageBadgeContainer:not(.flexBadges) .bookBadge.award { height: 38px !important; } /* Search results - content advisory badge */ /* .productImageContainer .bookBadge.contentAdvisory { height: 30px !important; } */ .productContainer img.bookBadge { display: flex; flex-wrap: wrap; } @media(min-width:1280px) { .bookBadge.bookOfTheWeek, .bookBadge.recommendedRead, .bookBadge.downloadableResources, .bookBadge.contentAdvisory, .bookBadge.award { height: 40px !important; width: auto; } } @media(max-width:1280px) { .bookBadge.bookOfTheWeek, .bookBadge.recommendedRead, .bookBadge.downloadableResources, .bookBadge.contentAdvisory, .bookBadge.award { height: 26px !important; width: auto; } } .imageBadgeContainer { padding-bottom: 10px; } .imageBadgeContainer.flexBadges { display: flex; flex-wrap: wrap; align-items: center; } .imageBadgeContainer .compoundAwardBadge { display: flex; align-items: center; } .imageBadgeContainer .compoundAwardBadge>span { display: flex; align-items: center; padding-right: 4px; } .imageBadgeContainer.flexBadges a, .imageBadgeContainer.flexBadges span { /* flex: 1; */ padding-right: 2px; display: inline-flex; width: 28px; } .imageBadgeContainer.flexBadges .bookBadge { width: 100% !important; height: auto !important; box-sizing: border-box; padding: 1px; } .imageBadgeContainer.flexBadges .bookBadge.Winner { border-bottom: 3px solid gold; } .imageBadgeContainer.flexBadges .bookBadge.Shortlisted { border-bottom: 3px solid #9E9E9E; } .imageBadgeContainer.flexBadges .bookBadge.Longlisted { border-bottom: 3px solid #BB7E42; } .bookBadge.bookPackCollage { transition: .5s ease; /* opacity: 0.9; */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; width:100% } .bookPackCollage:hover .bookPackCollage.overlay { opacity: 0.3; } .classSetOffer { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 auto; width:100%; height: auto; position: relative; } .classSetOverlay { transition: .5s ease; position: absolute; top: 5.5rem; left: 5.5rem; max-width: 100%; width: 150px; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .classSetOffer:hover .classSetOverlay { opacity: 0.3; } .contentItemCollage { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 auto; width:80%; height: auto; position: relative; margin-bottom:10px; } .contentItemCollageImage{ /* height: 50%; width: 50%; */ object-fit: fill; width:33.3%; } .contentItemCollageOverlay { transition: .4s ease; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; width:100%; opacity:0.9; } .contentItemCollageTitle{ color: white; font-size: 1.4em; font-weight: 600; padding: 10px 6px; } .contentItemCollage:hover .contentItemCollageOverlay{ opacity: 0.2; } .packBookBadge { width: 80%; margin: 5px 0; } img.packBookBadge { width: 80%; } .imageBadgeContainer .productImg { width: 100%; height: auto; } /* Im not sure why this is here - NH .imageBadgeContainer { padding-right: 20px; } */ .searchHeadBar { background-color: #f5f5f5; padding: 10px 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .searchHeadBar .sortContainer { margin-bottom: 10px; margin-right: 10px; } .deweyContainer menu { margin: 0; } i.iconContent { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; color: #1c2542; } /* .sortContainer.deweyContainer .button.small { margin: 0 2px; } */ .sortItem { transition: background-color 0.3s ease-in-out; margin-right: 10px; min-height: 32px; display: flex; align-items: center; border: 1px solid rgba(100, 100, 100, .4); box-sizing: border-box; border-radius: 16px; background-color: #e8e8e8; margin-top: 10px; } .sortItem:hover { background-color: #d8d8d8; } /*.sortItem:not(:first-child)::before { }*/ .addSortItem { transition: all 0.3s ease-in-out; cursor: pointer; padding: 2px 4px; border-radius: 100%; } .addSortItem:hover { background-color: #e6e6e6; } .removeSortItem { transition: all 0.3s ease-in-out; cursor: pointer; padding: 2px 7px; border-radius: 100%; margin-right: 2px; } .removeSortItem:hover { background-color: #e6e6e6; } body[class*="isIE"] .searchHeadBar .sortContainer { margin-right: auto; } a.openEditedSearch { margin-left: 20px; } .searchHeadBar .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; } .searchHeadBar .pagination .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 4px 0; margin: 0 10px 10px 0; flex-wrap: wrap; } .searchHeadBar .pagination .items { margin-bottom: 10px; } /* Pagination - Will also applies to other pages */ #pageNav { padding: 4px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #pageNav span { display: inline-block; min-width: 24px; line-height: 24px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } #pageNav span+span { margin-left: 5px; } /* #pageNav .actionButton{ max-width:24px; } */ #pageNav .pageNumber { padding: 0 .525em; } .itemNumberText { margin: 0 10px; } .productContainer #pageNav .actionButton { padding: 7px; } span.pageButton.productNav.actionButton { color: #2995D3; } span.pageButton.productNav.actionButton:hover { color: #1c2542; } .tagsContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #booksOfTheWeekForm .pagination { text-align: right; } #booksOfTheWeekForm .pagination:first-of-type { margin-top: 20px; } #booksOfTheWeekForm .pagination:last-of-type { margin-bottom: 20px; } #booksOfTheWeekForm #pageNav { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } /* Search Buttons bar */ .searchButtonsBar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .searchButtonsBar .button { margin: 10px 0; } #isbnCsvGen { margin: 10px 6px 10px 0; } /* Search filters */ #searchFilters { color: #4a4a4a; font-size: 13px; } /* .searchItems > div:first-child{ margin-top:10px; } */ .filterTag { background-color: #2995D3; padding: 5px; color: white; display: inline-block; -webkit-transition: 300ms ease; transition: 300ms ease; margin-right: 5px; margin-bottom: 5px; white-space: nowrap; } .filterTag.removable { cursor: pointer; } .filterTag.removable:hover { background-color: #1c2542; } .filterTag.removable.specialOffer:hover { background-color: #e6007e; color: #FFFFFF; } .filterTag i { padding: 0px 4px; } .searchHeadBar select, select[name="sort"] { padding: 4px 50px 4px 1px; border: 1px solid #CACACA; font-size: .7em; font-family: 'Open Sans', sans-serif; margin-right: 10px; } .sortItem select[name="sort"] { padding: 4px 1px 4px 1px; margin: 0 10px; } .searchHeadBar select.limit { padding: 4px 1px 4px 1px; width: 50px; } .isEdge .searchHeadBar select { padding: 4px; } .searchHeadBar .sortRelevance { margin-right: 40px; } .sortContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sortOrder { -webkit-transition: .3s; transition: .3s; font-size: 1.2em; margin-right: 10px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; } .sortOrderLabel.desc .sortOrderIcon.desc, .sortOrderLabel.asc .sortOrderIcon.asc { display: inline-block; } .sortOrderLabel.desc .sortOrderIcon.asc, .sortOrderLabel.asc .sortOrderIcon.desc { display: none; } /* Custom icon for sort by date */ .sortOrderIcon.fa-stack { height: 23px; line-height: 2em; position: relative; vertical-align: middle; width: 30px; } /* .sortOrderIcon .fa-long-arrow-alt-down, .sortOrderIcon .fa-long-arrow-alt-up { right: -6px; left: auto; -webkit-transform: scale(0.45); transform: scale(0.45); width: auto; top: -10px; } */ /* .sortOrderIcon .fa-calendar-alt { left: -10px; -webkit-transform: scale(0.45); transform: scale(0.45); width: auto; top: -10px; } */ .sortOrderIcon .fa-calendar-alt { margin-right: 5px; } .search.container { padding-top: 20px; color: #4A4A4A; } span.isFlagged { color: #DA1E63; font-weight: 600; } .container .search.container { width: 100%; } .search.container h5 { font-size: 1em; margin: 0; } .searchSection:not(.wishListItems):not(.curatedListSection):not(.noToggleFilterSidebar) { width: calc(100% - 215px); min-height: 480px; } .searchSection.wishListItems { padding: 0; } .searchSection.curatedListSection { min-height: 480px; } .searchSection.curatedListSection.smallCuratedListSingle { width: calc(100% - 215px); } .searchSection.curatedListSection.smallCuratedListMulti { width: 100%; } .search.container > .columns { /* overflow: hidden; */ justify-content: flex-end; } #quickSearch .search.container > .columns { overflow-x: hidden; } #filterSidebarContainer { position: relative; /* overflow: hidden; */ } #preOrderOfferItems #searchList { padding: 0; margin-bottom: 20px; } #preOrderOfferItems .bookTitle { color: #2995D3; font-weight: 700; } #addItemsText { text-align: center; display: none; color: red; font-weight: 700; } .loginOrder { margin-right: 10px; } .guestOrder { background-color: #079285 !important; } .searchQuantity input { width: 40px; height: 25px; margin-left: 5px; padding-left: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; } .searchQuantity h3 { margin: 10px 0; } .searchQuantity input.productQtyOutOfStock { border-color: red; } a.wishlist { line-height: 3.3; padding: 0 5px; font-size: 14px; -webkit-transition: 300ms ease; transition: 300ms ease; } a.wishlist:hover { color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } .searchBox { position: relative; margin-bottom: 20px; /* -webkit-transition: 300ms ease; transition: 300ms ease; */ background-color: #f6f5f9; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 15px; } h3.offerSubheader { text-align: center; font-weight: 400; /* font-weight: 300; */ font-size: 18px; } h4.offerPercent { color: #da1e63; } .offers .grey { /* height: 424px; */ text-align: left; border: 1px solid white; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; -webkit-transition: 300ms ease; transition: 300ms ease; cursor: pointer; } .offers .grey:hover { background-color: #eee; -webkit-transition: 300ms ease; transition: 300ms ease; } .offers .grey a { -webkit-transition: 300ms ease; transition: 300ms ease; } .offers .grey:hover a { color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } .offers img { width: 100%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; } .offerPadding { padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .offers p { font-size: 14px; } .offerInfo { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; } .savingPercent { color: #DA1E63; padding-left: 5px; } .columnFlex { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .basketButton { background-color: #2995D3; color: white; padding: 5px 10px; /* -webkit-transition: 300ms ease; transition: 300ms ease; */ cursor: pointer; font-family: "Font Awesome 5 Pro"; cursor: pointer; } .bookshelfButton { background-color: #5c4293; } .bookshelf .addToBasketSelectWrapper { background-color: #5c4293; } .addButtonContainer { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 10px auto; justify-content: flex-end; } .addToBasketSelectWrapper { color: white; background-color: #2995D3; /* border-left: 1px solid; */ position: relative; } .addButtonContainer .addToBasketSelectWrapper:after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f0dd"; font-size: 1em; position: absolute; top: 5px; left: 6px; z-index: 1; } body[class*="isIE"] .addToBasketSelectWrapper:after { left: 9px; } .addToBasketSelect { max-width: 1px; background-color: transparent; color: #2995D3; outline: none; cursor: pointer; height: 100%; padding: 0 20px 0 0; z-index: 3; position: relative; border: 0 !important; /*Removes border*/ appearance: none; -webkit-appearance: none; /*Removes default chrome and safari style*/ -moz-appearance: none; /*Removes default style Firefox*/ text-indent: 0.01px; /* Removes default arrow from firefox*/ text-overflow: ""; /*Removes default arrow from firefox*/ } .addToBasketOption { color: white; background-color: #2995D3; } /* @-moz-document url-prefix() { .addToBasketSelect { max-width: 22px; background-color: rgba(255,255,255,0); } } */ /* @supports (-ms-ime-align:auto) { .addToBasketSelect { max-width: 26px; padding: 2px 0 2px 2px; } } */ .addToBasketContainer p.wishlistText { font-family: 'Open Sans', sans-serif; display: inline-block; margin: 0 0 0 auto; white-space: nowrap; } .removeFromWishList { font-weight: 600; color: #5c4293 !important; } .addToWishList::before, .removeFromWishList::before { content: '\f004'; padding-right: 6px; } .addToBasket { /* -webkit-transition: .3s; transition: .3s; */ width: 100%; } .addButtonContainer:not(.disabled) .addToBasket.basketButton { margin-right: 2px; } .addToBasket::before { -webkit-transition: .3s; transition: .3s; } .addToBasket.added { /* background-color: #079285; */ pointer-events: none; } .addToBasket.added:not(.bookshelfButton)::before { content: '\f00c'; -webkit-transition: .3s; transition: .3s; margin-right: 5px; } .addToBasket.bookshelfButton.added { /* background-color: #5c4293; */ pointer-events: none; white-space: nowrap; } /* Added to Bookshelf (Dense/Compact view & List/Detailed view) */ .denseView .column.priceSection .gridActions .addToBasket.bookshelfButton.added::before, .listView .column.priceSection .gridActions .addToBasket.bookshelfButton.added::before { content: '\f00c'; -webkit-transition: .3s; transition: .3s; margin-right: 5px; } /* Added to Bookshelf (Grid/Gallery view only) */ .gridView .addButtonContainer.bookshelf { max-width: 100%; } .gridView .addToBasket.bookshelfButton.added { max-width: 5ch; } .gridView .column.priceSection .gridActions .addToBasket.bookshelfButton.added p.wishlistText::before { font-family: "Font Awesome 5 Pro"; content: '\f00c'; -webkit-transition: .3s; transition: .3s; margin-right: 5px; } .gridView .addToBasket.bookshelfButton.added p.wishlistText { display: block; overflow-x: hidden; text-overflow: ellipsis; } .totalText { font-size: 20px; } a.printOptionText { font-size: 16px; -webkit-transition: 250ms ease; transition: 250ms ease; } a.printOptionText:hover { color: #1585cf; -webkit-transition: 250ms ease; transition: 250ms ease; } .ui-tooltip { width: auto !important; background-color: #444444 !important; color: #f9f9f9 !important; } table.basketSummary i { border-bottom: dotted 1px black; cursor: help; position: relative; display: inline-block; } table.basketSummary i .basketToolTip { visibility: hidden; width: 120px; background-color: black; color: white; text-align: center; padding: 5px 0; position: absolute; z-index: 1; font-family: 'Open Sans', sans-serif; /* font-weight: 300; */ font-weight: 400; bottom: 130%; left: 50%; margin-left: -60px; } table.basketSummary i .basketToolTip::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent; } table.basketSummary i:hover .basketToolTip { visibility: visible; } table.basketSummary tr td:first-child { width: 100%; } table.basketSummary tr td:last-child { text-align: right; } .checkoutTitle { font-size: 18px; font-size: 1.285rem; margin-top: 0; } .checkoutTitle:first-letter { text-transform: uppercase; } .checkoutButton { background-color: #2995D3; color: white; padding: 13px 35px; -webkit-transition: 300ms ease; transition: 300ms ease; text-align: center; cursor: pointer; font-size: 15px; font-weight: 400; /* font-weight: 300; */ margin: 0 auto; } .checkoutButton:hover { background-color: #1c2542; } .basketButton:hover { background-color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } .wishlistBox { background-color: #f5f5f5; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 16px; text-align: right; margin-bottom: 20px; } .wishlistBox i { color: #8a8a8a; cursor: pointer; font-size: 24px; padding: 0px 20px; } .wishlistBox i:hover { color: #1c2542; } .wishlistHeader { display: flex; flex-wrap: wrap; margin: 0 0 10px; justify-content: space-between; align-items: flex-end; } .wishlistHeader .pageTitle { color: #5c4293; align-self: flex-start; margin-bottom: 0; } .wishlistHeader .wishlistHeaderButtons { flex: 1 1 100%; margin: 0; display: flex; flex-wrap: wrap; /* max-width: 300px; */ justify-content: flex-end; align-items: center; } .wishlistHeaderButtons .button { margin-left: 10px; margin-bottom: 0; } .emptyWishlist { margin: 10px auto; padding: 0px; text-align: center; } h2.emptyBasketHeader { text-align: center; } tr.wishList td { color: #5c4293; cursor: pointer; -webkit-transition: 300ms ease; transition: 300ms ease; } tr.wishList td:hover { color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } button.updateAccount { background-color: #DA1E69; color: white; } button.updateAccount:hover { background-color: #1c2542; } .accountHeader h2 { font-size: 55px; text-align: center; margin-bottom: 0; } .accountHeader p { font-size: 18px; text-align: center; } .loginMan { max-width: 100% } button.updateAccount { background-color: #da1e69; font-size: 21px; padding: 30px; font-weight: 400; float: right; } table.orderList td { padding: 10px 0px 35px 15px; font-size: 16px; } table.orderList th { font-size: 18px; text-align: left; padding-left: 15px; padding-bottom: 20px; } table.orderList { width: 100%; padding-left: 10px; } table.orderList tr { background-color: #fbfbfb; } table.orderList tr:nth-child(odd) { background: rgba(128, 128, 128, 0.12) } table.loginInfoTable td { padding: 4px 2px 3px 29px; font-size: 18px; } table.loginInfoTable input { border: 1px solid #cacaca; padding: 8px; font-family: 'Open Sans', sans-serif; width: 360px; outline: none; font-size: 18px; height: 30px; } table.accountDeliveryInfo { width: 100%; } table.accountDeliveryInfo td { font-size: 15px; padding: 0px 0px 10px 0px; } td.quarterTd { width: 25%; } table.accountDeliveryInfo input { width: 100%; height: 35px; } table.paymentAccountDetails { width: 50%; } table.paymentAccountDetails td { font-size: 15px; padding: 6px; } .hollowButton { background: none; border: 1px solid #2995D3; color: #2995D3; margin: 10px 0px 10px 0px; padding: 15px; width: 225px; text-align: center; text-transform: uppercase; -webkit-transition: 300ms ease; transition: 300ms ease; } .hollowButton:hover { color: #1c2542; border: 1px solid #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } .pageNumber.selected { background-color: #2995D3; padding: 0 .525rem; color: white; cursor: pointer; border-radius: 100%; } .pagination .bppText { display: block; /* margin-right: 10px; */ } .pagination .actionButton { cursor: pointer; } .newsNav #pageNav { margin-top: 10px; margin-left: 7px; } span.pageNumber:not(.selected):hover { background-color: #e6e6e6; /* padding: .1875rem .525rem; */ color: black; -webkit-transition: 300ms ease; transition: 300ms ease; cursor: pointer; border-radius: 100%; } span.pageNumber:not(.selected) { /* padding: .1875rem .525rem; */ -webkit-transition: 300ms ease; transition: 300ms ease; cursor: pointer; } .paginationInfo { display: none; } .popup { display: none; /* opacity:0; */ position: fixed; padding-top: 170px; padding-bottom: 170px; z-index: 110; left: 0; top: 0; width: 100%; max-height: 100%; overflow: auto; bottom: 0; backdrop-filter: blur(4px); background-color: rgba(0,0,0,0.1); } .popupSection { display: block; margin: 0 auto; background: white; padding: 1.55rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 0.75rem; border-radius: 0.4rem; -webkit-box-shadow: 0px 20px 25px 10px rgb(0 0 0 / 30%); box-shadow: 0px 20px 25px 10px rgb(0 0 0 / 30%); } .popupSection p { text-align: center; } .popupSection p.popupText { margin-top: 0; } .popupContent { background-color: #fefefe; margin: 0 auto; padding: 20px; border: 1px solid #888; width: 80%; } .popupClose i { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .popupClose:hover, .popupClose:focus { color: #000; text-decoration: none; cursor: pointer; } #basketModal .popupContent { width: 600px; } #basketModal .popupContent h3 { color: #da1e69; text-align: center; font-size: 30px; width: 260px; margin: 0 auto; } #basketModal .popupContent p { text-align: center; font-size: 20px; } #basketModal .popupContent i { text-align: center; display: inherit; font-size: 25px; padding: 8px 0px; } /* div#servicingProfileAddOptions { margin-bottom: 30px; } */ #servicingProfileAddOptions p { text-align: left; } .checkoutStages { list-style-type: none; width: 100%; font-size: 14px; position: relative; text-align: center; text-transform: uppercase; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; } #registrationForm .checkoutStages { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .checkoutStages li { position: relative; /*width:calc(100% / 4);*/ width: 100%; } .checkoutStages li::before, .checkoutStages li::after { content: ""; position: absolute; top: 21px; width: 100%; height: 10px; background-color: #bbb; -webkit-transition: width 0.8s ease; transition: width 0.8s ease; } .checkoutStages li::before { left: -50%; } .checkoutStages li::after { left: 50%; } .checkoutStages li.complete::before { background-color: #2995D3; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .checkoutStages li:first-child::before, .checkoutStages li:last-child::after { display: none; } .checkoutBubbles { position: relative; z-index: 1; display: inline-block; padding: 4px; text-align: center; border-radius: 100px; color: white; width: 50px; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 30px; } li.complete .checkoutBubbles { background-color: #2995D3; } .checkoutStages { margin: 30px 0; } .checkoutDetails { display: none; } .checkoutDetails.open { display: -webkit-box; display: -ms-flexbox; display: flex; } .headerSection.checkoutDetails.open { display: block; } .typeSelect { cursor: pointer; } .headerHover.extraLarge strong { font-size: 3em; } .homeHeaderGrid { display: grid; grid-gap: 5px; grid-auto-columns: 1fr; grid-template: repeat(1, 1fr) / repeat(4, 1fr); grid-auto-flow: column; } .typeSelect .homeHeader { transition: .5s; } .typeSelect.selected .homeHeader { border: 2px solid #2995D3; } .selectableTypes.itemSelected .typeSelect:not(.selected) .homeHeader { opacity: .3; } .checkoutDetails input { padding-left: 10px; margin-bottom: 16px; } .paddedRight { padding-right: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; } .checkoutDetails input[type="checkbox"] { height: 12px; width: 16px; padding: 0; margin: 0; } .checkoutDetails select { width: 100%; max-width: 350px; height: 39px; font-size: 16px; font-family: 'Open Sans', sans-serif; padding-left: 10px; } .checkoutDetails h3 { text-align: left; } .checkoutLine { width: 200px; height: 4px; border-bottom: 5px solid #2995D3; } section.blue, .checkoutForm { background: #e8f4fa; padding: 20px 50px 50px; margin-bottom: 20px; } h4.checkoutTitle, h5.checkoutTitle { font-size: 1.2em; margin-top: 0; } .detailColumns { font-size: 15px; } .detailColumns input { width: 50%; margin: 10px 0px; padding-left: 5px; } a.bookTitle h4 { color: #1c2542; } p.needMore, .isbnTip { position: relative; display: inline-block; } p.needMore .searchToolTip, .isbnTip .searchToolTip { visibility: hidden; width: 135px; background-color: black; color: white; text-align: left; padding: 10px 20px; position: absolute; z-index: 1; /* font-weight: 300; */ font-weight: 400; bottom: 130%; left: calc(50% - 25px); margin-left: -60px; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } p.needMore.approxBooks .searchToolTip { visibility: hidden; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; background-color: #2995D3; color: white; text-align: left; padding: 10px 20px; position: absolute; z-index: 1; top: -200%; left: 130%; opacity: 0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } p.needMore.loadCustomerBidDataInfo .searchToolTip { width: fit-content; white-space: nowrap; } .isbnTip .searchToolTip { bottom: 135%; left: -125%; } p.needMore .searchToolTip::after, .isbnTip .searchToolTip::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent; } p.needMore.approxBooks .searchToolTip::after { content: ""; position: absolute; top: 50%; right: 100%; left: 0; margin-left: -10px; border-width: 5px; border-style: solid; border-color: transparent #2995D3 transparent transparent; } p.needMore:hover .searchToolTip, .isbnTip:hover .searchToolTip { visibility: visible; opacity: 1; } ul.preference { list-style-type: none; padding: 0; } ul.preference li { padding: 5px 0; } .searchDetails { font-size: 13px; } select.searchOrder { font-size: 11px; } input.basketCode { width: 160px; padding-left: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 30px; margin-left: 10px; } input.voucherCode { max-width: 100%; padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0px 10px 0px; width: 100%; } span#removeVoucher { color: grey; cursor: pointer; } span#removeVoucher:hover { color: darkgrey; } .basketTopOption { font-size: 14px; padding: 10px 0px } #exportBasket { margin-top: 10px; } div.basketBackground { background-color: #fcfcfc; -webkit-box-shadow: 0px 1px #e6e6e6; box-shadow: 0px 1px #e6e6e6; } input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-outer-spin-button { -webkit-appearance: none; } #switchUserType { cursor: pointer; padding-left: 3px; transition: .5s; } #switchUserType * { color: #F8AF14; } #switchUserType:hover * { color: #1c2542; } p.contactTab { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 20px; } .tooltip { position: relative; display: inline-block; } .tooltip .tooltiptext { visibility: hidden; width: 60px; background-color: rgb(196, 192, 192); color: rgb(0, 0, 0); text-align: center; border-radius: 6px; padding: 4px 8; /* Position the tooltip */ position: absolute; z-index: 1; } .tooltip:hover .tooltiptext { visibility: visible; } p.viewOptions { margin: 2px 0; color: #2995D3; } .viewButtons { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 8px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; flex-wrap: wrap; } .viewButtons i { -webkit-transition: 300ms ease; transition: 300ms ease; /* color: #2995D3; */ cursor: pointer; text-align: right; } .viewButtonsTitle { font-size: 1em; margin: 0; font-weight: normal; } .toggleFilterSidebar { cursor: pointer; padding-right: 10px; box-sizing: border-box; font-weight: bold; min-width: 115px; /* an idea to match the filter sidebar width */ /* padding: 0px 30px 0 0; width: calc(100% / 6); min-width: 215px; */ } .toggleFilterSidebar * { pointer-events: none; } #toggleFilterSidebarIcon { transition: .5s; } #sidebarShowHideText { margin-left: 8px; } .toggleFilterSidebar.filterSidebarOpen #toggleFilterSidebarIcon { transform: rotate(180deg); } .searchPageContentBox, #structuredBooleanFilters { padding: 0.3rem 0.7rem; margin: 0; list-style: none; border: 1px solid #2995D3; color: #2995D3; font-size: 10px; /* font-weight: 600; */ } .searchPageContentBox ul, #structuredBooleanFilters ul { padding: 0 0 0 5px; margin: 0; list-style: none; } /* Changes colour to indicate what view search results is in */ .selectedSeachView { color: #1c2542; } .listView .fa-th-list { color: #1c2542; } .gridView .fa-th-large { color: #1c2542; } .denseView .fa-line-columns { color: #1c2542; } /* .gridView .viewButtons { color: #1c2542; } */ .denseView .viewButtons i:not(.fa-line-columns):hover { color: #999999; } .listView .viewButtons i:not(.fa-th-list):hover { color: #999999; } .gridView .viewButtons i:not(.fa-th-large):hover { color: #999999; } img.productImg { max-width: 100%; } .third.column.productImageContainer { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px 0 0; } .gridView .searchBox { flex: 0 1 calc(100% / 4); -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid white; padding: 15px; background-color: #f5f5f5; margin-top: 0; margin-bottom: 1px; } .gridView .searchBox.bookPackProduct{ height: 380px; } .gridView .searchBox.bookPackProduct .image{ height:245px; } body[class*="isIE"] .gridView .searchBox { float: left; width: calc((100% / 4) - 1px); flex-basis: auto; } .gridView .third.column.productImageContainer { padding: 0; } .searchSection.gridView .searchItems { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /* margin-top: 20px; */ } .searchSection.gridView .columns .third.column { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .searchSection.gridView .columns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-right: 0; } .gridView .productContainer>.columns { height: 100%; flex-wrap: nowrap; } .searchSection.gridView .columns .third.column.priceSection { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; text-align: left; } .searchSection.gridView .columns .third.column.productImageContainer { width: 100%; position: relative; text-align: center; } .gridHover, .gridHover a { color: white; } .searchSection.gridView .columns .third.column.priceSection .addToBasketContainer { text-align: left; } .searchSection.gridView .columns .third.column.infoSection { width: 100%; } /* Search Listing Views */ .gridView .gridViewStock, .listView .listViewStock { display: block; } .gridView .listViewStock, .listView .gridViewStock { display: none; } /* Grid view */ .gridView { position: relative; } .gridView .image { height: 200px; width: auto; /* position: relative; */ } .gridView .grey { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid white; height: 825px; padding: 15px; } .gridView img { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; display: block; margin: 0 auto; max-height: 100%; } .gridView .bookPackCollageImage{ -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; display: block; margin: 0 auto; max-height: auto; } .gridView .bookPackCollage.bookBadge{ top: 150%; } .gridView .bookPackCollage .bookPackBadgeImage{ padding:0; } .gridView .classSetOffer { height: 100%; } .gridView .classSetOffer > .classSetOverlay { top: 3.5rem; left: 3.5rem; width: 100px; } .gridView h4 { margin: 0; } .gridView .searchPrice { font-size: 14px; width: 50%; text-align: left; } .gridView .homeWishlistButton { display: none; } .gridHover { display: none; } .gridView .gridHover { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .gridView .gridHover .bookTitle { display: block; text-align: center; margin: 0 auto; padding: 10px; max-height: 100%; } .gridView .gridHover .bookAuthor { display: block; text-align: center; font-size: 15px; margin-top: 10px; padding: 0; } .gridHover .gridProductTitle { font-weight: 600; font-size: 15px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: -o-ellipsis-lastline; } .gridView .bookTitle, .gridView .bookAuthor, .gridView .bookSeries, .gridView .bookBinding, .gridView .bookDetails { display: none; } .gridHover .bookTitle { padding: 0px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .gridView .columns .twoThirds.column { width: 100%; } .gridViewStock p.needMore { margin: 0; } .gridView img.bookBadge.bookPack { width: 100px !important; height: 30px !important; padding: 2px; margin: 1px; background: #fff; position:absolute; top: 200px; border-radius: 2px; z-index: 1; } .gridView .bookBadge+.offerBadge { margin-left: 5px; } .gridView .pricingDetails { display: none; } /* Ordered before (grid view) */ .gridView .column.priceSection a { display: none; } .gridView a.blue { display: none; } .gridView .searchPrice { display: none; } .gridView .gridPriceBinding .searchPrice { display: contents; } .gridView .gridPriceBinding { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 10px; } .gridView .gridActions .addButtonContainer { margin: 0 auto; padding-bottom: 2px; width: 100%; } .gridView .gridActions { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /* justify-content: space-between; */ justify-content: center; align-items: center; } body[class*="isIE"] .gridView .gridActions { width: 100%; } .gridView .gridPrice .bookDetails { display: inline-block; width: 50%; text-align: right; padding-right: 40px; } .gridView .infoSection>.twoThirds { display: none; } .gridView .priceSection { -webkit-box-flex: 1; -ms-flex: 0 1 auto; flex: 0 1 auto; } .twoThirds.column.columns.infoSection { margin: 0 auto; padding: 0; } /* .gridView .imageBadgeContainer .bookBadge { display: none; } */ .gridView .imageBadgeContainer { display: none; } .gridView .gridBadges { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 5px; } .gridView .gridBadges img { width: 30px; height: 30px !important; padding: 2px; margin: 1px; } .gridBadges { display: none; } .gridView .gridBadgeImage { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; justify-content: center; align-items: center; flex-flow: wrap; } .gridView .gridBadgeImage .award.Winner { border-bottom: 3px solid gold; } .gridView .gridBadgeImage .award.Shortlisted { border-bottom: 3px solid #9E9E9E; } .gridView .gridBadgeImage .award.Longlisted { border-bottom: 3px solid #BB7E42; } .gridView .addToBasket { /* min-width: 90px; */ font-size: 1em; } .gridView .searchQuantity { padding-bottom: 0; margin: 5px 5px 5px 0; } .gridView .addToBasketContainer { padding-bottom: 0; margin: 5px 5px 5px 0; } .gridView .priceSection { align-items: center !important; } .gridView .wishlistText { font-size: 12px; } /* List view */ .listView .bookDetails { margin-top: 30px; } .listView .bookDetails>div+div { margin-top: 10px; } /* .listView .bookReview.bibText { overflow: hidden; position: relative; line-height: 1.2em; max-height: 3.6em; text-align: justify; margin-right: -1em; padding-right: 1em; } .listView .bookReview.bibText::before { content: '...'; position: absolute; right: 0; bottom: 0; } .listView .bookReview.bibText::after { content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: white; */ /* } */ .listView .bookReview.evaluation, .listView .bookReview.schoolsOnlyReview { color: rgb(128, 179, 74); } .listViewStock::first-letter { text-transform: uppercase; } .insidePopupClose { cursor: pointer; font-weight: 600; color: white; } #lookInsideModal .insidePopupContent { width: 800px; background-color: #313131; color: black; text-align: right; } #lookInsideModal .insidePopupContent p { text-align: center; font-size: 20px; } .insidePopupContent { background-color: #fefefe; padding: 8px; border: 1px solid #888; width: 80%; margin: 40px auto; } .insideWhite { background-color: white; width: 100%; height: 100%; } .insidePopupContent .insideWhite img { width: 100%; max-width: 100%; } .tcBg { background: url("/assets/img/header-shapes.svg"); background-repeat: no-repeat; background-position: top; } .ui-datepicker th, .ui-datepicker .ui-datepicker-title { color: #2995D3; font-size: 18px; font-family: 'Open Sans', sans-serif; } .ui-datepicker .ui-widget-header { background: #ffffff; } /* better for Firefox */ .ui-datepicker .ui-datepicker-title select { font-size: 0.95rem !important; } .datepickerContainer { position: relative; } .datepickerContainer .far.fa-calendar-alt { position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; height: 14px; pointer-events: none; } .datepickerContainer .datepicker { min-width: 120px; } textarea.coveringBox { height: 170px; font-family: 'Open Sans', sans-serif; width: 96%; } .ckgContainer { color: #69aadb; font-size: 28px; } .ckgContainer .column { width: 100%; } .ckgHeader img { margin: 0 auto; display: block; } .ckgSubhead { background-color: #009083; color: white; } .ckgSubhead h2 { /* font-weight: 300; */ font-weight: 400; text-align: center; font-size: 43px; width: 990px; margin: 0 auto; padding: 20px 0; } .ckgContainer textarea { width: 100%; } p.serviceOptions, p.serviceOptions a { color: #009083; } .ckgContainer input { margin: 15px 0; } p.noResults { background-color: #f8af14; color: white; padding: 12px; border-radius: 7px; } .eventsSection h3 { margin: 15px 0; font-size: 30px; } ul.eventView { list-style-type: none; } .eventsSection input[type="search"] { background: 0; border: grey dotted 1px; } .greyBg { background-color: #f5f5f5; } .newsSearch { width: 100%; background-color: #5c4293; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 50px 30px 50px; } .newsSearch input { height: 28px; font-family: 'Open Sans', sans-serif; outline: none; border: #f8af14 solid 5px; width: 100%; font-size: 20px; padding: 30px; } .newsCategories { background-color: #80b349; padding: 30px 0; } .newsSearch i { background-color: #f8af14; padding: 17px; color: white; position: absolute; background-size: 30px; margin: 10px 20px; top: 195px; right: 30px; text-align: center; font-size: 30px; } #newsForm .filtersContainer { margin: 20px 0; } #news { width: 100%; } .categoryExpandBar h3 { font-size: 22px; /* font-weight: 300; */ font-weight: 400; cursor: pointer; } ul.categoryList { padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ul.categoryList li { list-style-type: none; cursor: pointer; } select.categoryList { width: 20%; height: 30px; margin-right: 7px; } .newsContainer { position: relative; display: block; width: 1500px; margin: 0 auto; color: white; } .newsSummaryInfo { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .newsSummaryInfo h5 { margin: 0; } /* .newsSummaryInfo h4:nth-child(6n+1) { color: #da1e63; } .newsSummaryInfo h4:nth-child(6n+2) { color: #5c4293; } .newsSummaryInfo h4:nth-child(6n+3) { color: #2995D3; } .newsSummaryInfo h4:nth-child(6n+4) { color: #079285; } .newsSummaryInfo h4:nth-child(6n+5) { color: #80b349; } .newsSummaryInfo h4:nth-child(6n+6) { color: #f8af14; } */ .newsSummaryInfo p { margin: auto 0 0; padding: 7px 0; } .newsSection img { width: 100%; } .newsSection .columns .third.column { width: calc((100% / 3) - 15px); margin: 7px 7px; } .newsPanel { background-color: #80b349; max-height: 0; overflow: hidden; -webkit-transition: max-height 0.2s ease-out; transition: max-height 0.2s ease-out; } .newsDateInfo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .blogPreview { height: 450px; } h3.newsHeader { color: #5c4293; font-size: 60px; text-align: left; } .bppText { font-size: 12px; line-height: 1.6; text-rendering: optimizeLegibility; color: #a7a7a7; margin: 0 10px 0 0; white-space: nowrap; } input.displayFrom { width: 38px; margin-right: 12px; } select#switchToBasket { width: 200px; margin-top: 15px; } .sliderNumbers { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: .5em 0; } #deleteBasket { width: 250px; } h3.basketSelect { text-align: left; margin: 10px 0px; font-size: 20px; } select[item="primary"], select[item="secondary"], select[item="examLevel"], select[item="examBoard"], select[item="resourceType"] { height: 25px; width: 120px; margin: 6px auto 6px 10px; padding: 0; } .keywordModal { background-color: white; z-index: 1; display: none; -webkit-transition: 300ms ease; transition: 300ms ease; position: absolute; width: 100%; top: 0; left: 101%; width: 100%; border: #2995d3 1px solid; padding: 15px; } .applyButton { background-color: #2995d3; color: white; padding: 5px; margin: 0px 5px; width: 60px; text-align: center; cursor: pointer; -webkit-transition: 300ms ease; transition: 300ms ease; } .applyButton:hover { background-color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } .keywordSearchSection { display: -webkit-box; display: -ms-flexbox; display: flex; } .keywordModalContent { overflow: auto; width: 85%; max-height: 500px; padding-left: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #2995D3; font-size: 16px; cursor: pointer; } .keywordListItems { -webkit-transition: 300ms ease; transition: 300ms ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .keywordListItems:hover { color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } /* .keywordListItem::first-letter { color: #1c2542; } */ .keywordLetterItem.selected { color: #1c2542; } .keywordLetters { overflow: auto; height: 500px; width: 15%; cursor: pointer; } .keywordModal h3 { /* font-weight: 300; */ font-weight: 400; color: #2995D3; font-size: 16px; margin: 0; padding: 5px 0px; } .keywordModalContent::-webkit-scrollbar, .keywordLetters::-webkit-scrollbar { width: 10px; } .keywordModalContent::-webkit-scrollbar-track, .keywordLetters::-webkit-scrollbar-track { background: #f1f1f1; } .keywordModalContent::-webkit-scrollbar-thumb, .keywordLetters::-webkit-scrollbar-thumb { background: #465c7f; -webkit-transition: 300ms ease; transition: 300ms ease; } .keywordModalContent::-webkit-scrollbar-thumb:hover, .keywordLetters::-webkit-scrollbar-thumb:hover { background: #92cdef; -webkit-transition: 300ms ease; transition: 300ms ease; } .keywordLetters .keywordLetterItem { background-color: #2995D3; color: white; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 7px 4px; margin-bottom: 2px; text-align: center; -webkit-transition: 300ms ease; transition: 300ms ease; cursor: pointer; } .keywordLetters .keywordLetterItem.selected { background-color: #1c2542; } .keywordLetters .keywordLetterItem:hover { background-color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; cursor: pointer; } .keywordListItem { cursor: pointer; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 17px; } .keywordListItem.selected { font-weight: 600; } .closeSection { width: 100%; padding: 15px; } .keywordOpen { display: block; } .keywordClose { display: none; } p.registrationInfo { font-size: 14px; } .registrationText { padding: 20px 0; } textarea.isbnList, textarea.titleList { width: 100%; height: 140px; /* 60% */ font-family: 'Open Sans', sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px; font-size: 14px; resize: vertical; max-height: 600px; min-height: 100px; } .multiIsbn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px; } .multiIsbnArea, .advancedSearchArea { background-color: #e8f3fa; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 15px; -webkit-box-shadow: 5px 5px 5px 0px rgb(128 128 128 / 64%); -moz-box-shadow: 5px 5px 5px 0px rgba(128, 128, 128, 0.64); box-shadow: 5px 5px 5px 0px rgb(128 128 128 / 64%); } .multiIsbn i { cursor: help; } .multiIsbnArea h1, .advancedSearchArea h1 { text-align: center; color: #2995D3; } .advancedSearchArea .column { box-sizing: border-box; padding: 10px; } .advancedSearchArea .filterItemContainer:not(:last-child) { margin-bottom: 0.6rem; } .ui-datepicker table { background: white; border: 1px solid gainsboro; } .filters .hasChildren ul.open { /* display: block; */ display: inline-block; width: 100%; } .filterTag.indeterminate { background-color: #da1e63; } input.validField { color: #80b349; outline: #80b349; border: 1px solid #80b349; } input.invalidField { color: rgb(218, 30, 99); outline: rgb(218, 30, 99); border: 1px solid rgb(218, 30, 99); } .errorMessage { color: rgb(218, 30, 99); margin-bottom: 15px; font-size: 16px; } ul.passionateSection { padding: 0; columns: 2; -webkit-columns: 2; -moz-columns: 2; } ul.checkMarkList { padding: 0; } ul.checkMarkList li::before { content: '\f00c'; font-family: "Font Awesome 5 Pro"; margin-right: 4px; } ul.checkMarkList li { list-style-type: none; color: #2995D3; padding: 3px 0px; } .keyStageHomepage ul.passionateSection { padding: 0; columns: 3; -webkit-columns: 3; -moz-columns: 3; } ul.passionateSection li { list-style-type: none; color: #2995D3; padding: 3px 0px; } .passionateSection h5 { color: #2995D3; /* font-weight: 300; */ font-weight: 400; text-align: left; padding-bottom: 0px; padding-top: 20px; margin: 0; font-size: 32px; } /* .recommendedContainer h3 { font-weight: 300; color: #2995D3; font-size: 25px; margin-bottom: 0; } .recommendedHeader i { color: #ffffff; background-color: #e6007e; padding: 5px; border-radius: 100%; font-size: 18px; height: 30px; width: 30px; box-sizing: border-box; } */ img.recommendedBadge { width: 260px; padding: 10px 0; } /* .home .carouselStyles { border-top: 1px solid #DA1E63; } */ .recommendedLink { color: #2995D3; text-align: center; padding: 8px; border: 1px solid; width: 26%; margin: 0 auto; border-radius: 6px; cursor: pointer; -webkit-transition: 300ms ease; transition: 300ms ease; } .recommendedLink:hover { color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } .testimonialHeader { margin: 0.6em 0 auto; /* color: #80b349; margin-bottom: 0px; margin-top: 23px; */ font-size: 1.8em; } .testimonialSection { margin: 30px auto; position: relative; background: #80b349; color: #FFF; padding: 10px 30px; } /* .testimonialBkgGraphic { border-top: 1px solid #80b349; background-image: url("/assets/img/speechmarks.png"); background-repeat: no-repeat; background-position: top; background-size: 265px; background-position-x: 95%; opacity: .2; position: absolute; top: 30px; right: 0; bottom: 0; left: 0; } */ img.testimonialBkgGraphic { opacity: .2; position: absolute; right: 20px; width: 20%; top: 20px; } .testimonialSubheader { text-align: center; font-size: 1.5em; margin: 0.7em; } /* .testimonialSection p { color: black; } */ .testimonialSection h4 { text-align: left; font-size: 14px; font-weight: 600; margin-top: 5px; margin-bottom: 35px; } h3.testimonialHeader { color: #80b349; /* font-weight: 300; */ font-weight: 400; font-size: 25px; text-align: left; margin-bottom: 0; } .testimonialSection h4 { text-align: left; font-size: 14px; font-weight: 600; margin-top: 5px; margin-bottom: 35px; } .testimonialEntries { /* font-weight: 300; */ font-weight: 400; /* color: #80b349; */ padding-bottom: 40px; } .testimonialEntries.swiper-container { padding-bottom: 40px; } .testimonialEntries .testimonial { padding-bottom: 20px; } .testimonialEntries .testimonial p { margin: 10px auto; font-size: 0.8em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .testimonialEntries .sliderPaginationContainer { margin: 20px auto; right: 0; left: 0; bottom: 0; width: fit-content; } .graphicButtonsContainer { display: flex; justify-content: space-between; align-items: center; margin: 20px auto; } .graphicButtonContainer { display: inline-block; position: relative; width: calc(100%/4 - 50px); margin: 20px 0; } .graphicButtonContainer:after { content: ''; display: block; margin-top: 100%; } .graphicButton { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding:10% 10% 30%; border-radius:50%; display:flex; justify-content:end; align-items:center; text-align: center; flex-direction: column; -webkit-box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); overflow: hidden; } .graphicButton *:not(img){ z-index: 10; } .graphicButton .actionText { font-size: 1em; margin: 0; } .graphicButton h4 { font-size: 2em; /* font-size: 1.8vw; */ line-height: 1.2em; margin-top: -1em; margin-bottom: 0.2em; } .graphicButton img { width: 100%; position: absolute; bottom: 0; } .linkSection { text-align: left; /* margin-bottom: 40px; */ } .linkSection .topSection,.linkSection .linkBannerBlock { margin-bottom: 20px; } .linkSection h3 { font-weight: 400; text-align: left; } .linkLeftSection, .linkSectionBg1, .linkSectionBg2 { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 80px; height: 100%; } .linkLeftSection { padding: 40px 80px; } .linkSectionBg1 { background-color: #80b349; } .linkSectionBg1 p, .linkSectionBg1 h3 { color: #ffffff; } .linkLeftSection .button { -webkit-box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); margin-left: 0; } .linkSectionBg1 .button { -webkit-box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); background-color: #ffffff; color: #80b349; } .linkSectionSizing i { font-size: 24px; cursor: pointer; -webkit-transition: 300ms ease; transition: 300ms ease; position: absolute; right: 20px; bottom: 9%; } .linkSectionSizing i:hover { color: rgba(0, 0, 0, 0.6); -webkit-transition: 300ms ease; transition: 300ms ease; } .linkSectionSizing { max-height: 270px; position: relative; overflow: hidden; } .linkSectionSizing a { display: inline-block; } .linkSection img { width: 100%; -o-object-fit: cover; object-fit: cover; height: auto; } .linkSectionBg2 { background-color: #7b478f; } .linkSectionBg2 p { color: #ffffff; } .linkSectionBg2 .button, .linkSection .button { background-color: #ffffff; color: #7b478f; -webkit-box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); } .linkSectionBg3 { background-color: #d0b9d1; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 80px; } .linkSection.half.column { padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; } .linkSection h3 { margin-top: 0; } .bottomSection, .linkBannerBlock { overflow: hidden; } .linkSection .bottomSection h3, .linkSection .linkBannerBlock h3 { color: #ffffff; } .instagramHome .socialSectionHeader { /* font-weight: 300; */ font-weight: 400; color: #c90060; margin: 0; } .socialSectionHeader i { background-color: #ffffff; padding: 9px; border-radius: 1000px; font-size: 34px; margin-right: 25px; vertical-align: middle; } .socialSectionHeader span { display: inline-block; vertical-align: middle; } /* Embedded product (gallery styling) */ .embeddedProductGalleryButtonContainer { text-align: center; display: flex; flex-direction: column; justify-content: flex-start; } .embeddedProductGalleryButtonContainer .searchQuantity { display: inline-flex; padding-bottom: 0; margin: 5px 0; } .embeddedProductGalleryButtonContainer .addToBasketContainer { margin: 0; } .header.container { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; } h3.bookOfWeek { color: #2995D3; margin: 30px 0; } /* Books of the week carousel */ .botw .swiper-container { min-height: 390px; } .botwLink { display: block; } .botw.fullWidth { max-width: 600px; margin: 0 auto; } .botw .swiper-wrapper { height: 100%; width: 100%; } .botw .swiper-container .botwSliderSlide { height: 375px; background-color: transparent; align-items: flex-start; justify-content: center; box-sizing: border-box; padding: 80px 150px 50px 180px; } .botw, .librariansChoice { background-image: url("/assets/img/bgcircle.png"); background-repeat: no-repeat; background-size: 460px; background-position-x: 43%; background-position-y: -20px; position: relative; } .botwSliderImage img { max-height: 215px; height: 215px; width: auto; position: relative; /* position: absolute; left: 24%; top: 10%; */ font-size: 12px; min-width: 125px; min-height: 200px; } .botwSliderMainCircle { background: rgba(255, 22, 121, 0.8); cursor: pointer; width: 130px; height: 130px; padding: 5px 25px; margin: auto; color: white; text-align: center; border-radius: 1000px; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 80%; top: 25%; } .slick-slide .botwSliderMainCircle { left: 125px; top: 15%; } .botwSliderMainCircle h3 { color: white; font-size: 19px; padding: 5px 0px; position: relative; } .botwSliderMainCircle i { height: auto; color: #DA1E63; background: rgba(255, 255, 255, 0.9); border-radius: 100%; font-size: 20px; -webkit-transition: 300ms ease; transition: 300ms ease; cursor: pointer; padding: 4px 9px; position: absolute; right: -20px; bottom: -20px; } .botwSliderMainCircle i:hover { opacity: 0.6; -webkit-transition: 300ms ease; transition: 300ms ease; } .botw .botwSliderBookTitle { color: rgb(255, 22, 121); font-size: 18px; text-align: left; margin: 0; } .botw .botwSliderText { width: 100%; margin-top: 25px; } .botw .botwSliderBookTitle, .botw .botwSliderText p { text-align: left; } .botw .botwSliderText p { font-size: 14px; margin: 0; color: black; } .bespokeLibrary { position: relative; display: block; width: 460px; height: 100%; margin: auto; } .bespokeLibrary * { height: 100%; } .bespokeLibrary .slide { position: relative; width: 100%; height: 100%; } .bespokeLibrary .circle { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 460px; height: 460px; background-size: cover; background-position: center; border-radius: 50%; margin: auto; overflow: hidden; } .bespokeLibrary .circle img { display: block; width: 100%; height: 100%; object-fit: cover; } .clickLibraries i { color: #DA1E63; background: rgba(255, 255, 255, 0.9); border-radius: 100%; font-size: 20px; -webkit-transition: 300ms ease; transition: 300ms ease; cursor: pointer; padding: 4px 9px; } .clickLibraries i:hover { opacity: 0.6; -webkit-transition: 300ms ease; transition: 300ms ease; } .librariansChoice img { max-width: 100%; max-height: 100%; } h3.librariansBookTitle { color: rgb(255, 22, 121); font-size: 18px; text-align: left; margin: 0; } .bespokeLibraryMainCircle i { color: #079285; background: rgba(255, 255, 255, 0.9); border-radius: 100%; font-size: 20px; -webkit-transition: 300ms ease; transition: 300ms ease; cursor: pointer; padding: 4px 9px; } .bespokeLibraryMainCircle i:hover { opacity: 0.6; -webkit-transition: 300ms ease; transition: 300ms ease; } .bespokeLibraryMainCircle { background: #079285; cursor: pointer; width: 130px; height: 130px; padding: 5px 25px; margin: auto; color: white; text-align: center; border-radius: 1000px; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; right: 15%; top: 15%; } .bespokeLibraryMainCircle h3 { color: white; font-size: 19px; padding: 5px 0px; } .librariansChoiceMainCircle { background: rgba(255, 22, 121, 0.8); cursor: pointer; width: 130px; height: 130px; padding: 5px 25px; margin: auto; color: white; text-align: center; border-radius: 1000px; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; right: 35%; top: 10%; } .librariansChoiceMainCircle h3 { color: white; font-size: 19px; padding: 5px 0px; } .clickLibraries { position: absolute; right: 0; bottom: 0; height: auto; } .librariansText { position: absolute; bottom: 18%; width: 304px; left: 21%; } h3.librariansBookTitle, .librariansText p { text-align: left; } .librariansText p { font-size: 14px; margin: 0; color: black; } .librariansSlider { position: relative; } .navigationContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin: auto 0 0; } .navigationContainer.rightAlign { justify-content: flex-end; } .navigationContainer .clickable { font-size: 14px; } .clickable.disabled { pointer-events: none; color: #b6b6b6 !important; } p.smallText { font-size: 0.8em; } .clickable { cursor: pointer; } .clickable.next, .clickable.register { color: white; margin: 0; } .clickable.back, button.clickable.back { color: white; margin: 0; background-color: #da1e63; -webkit-transition: 300ms ease; transition: 300ms ease; } .clickable.back:hover, button.clickable.back:hover { background-color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } .homeHeaderImage img { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; -o-object-fit: cover; object-fit: cover; } #linkedImages .column:last-child .homeHeaderImage img { padding: 0; } .homeHeaderImage { position: relative; } .homeHeader i { font-size: 26px; color: white; position: absolute; bottom: 20px; right: 20px; -webkit-transition: 300ms ease; transition: 300ms ease; cursor: pointer; } .homeTitleBox { background: white; position: absolute; bottom: 6.25%; width: 200px; height: 31.125%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .homeTitleColourStrip { height: 100%; width: 10px; margin: 0; } .blueStrip { background-color: #2995D3; } .greenStrip { background-color: #80b34e; } .pinkStrip { background-color: #DA1E63; } .yellowStrip { background-color: #f4b01d; } .purpleStrip { background-color: #5c4293; } .jadeStrip { background-color: #079285; } .homeTitleText { padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; color: #2995D3; } .twitterHome .socialSectionHeader { /* font-weight: 300; */ font-weight: 400; color: #2b67b1; margin: 0 0 15px; } .twitterHome { background-color: #cee7f5; padding: 20px 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#cee7f5), to(#6fbde8)); background-image: linear-gradient(#cee7f5, #6fbde8); text-align: center; margin-bottom: 20px; } .timeline-Tweet:hover { background: none; } .instagramHome { background-color: #feeaf3; padding: 20px 0; background-image: -webkit-gradient(linear, left top, left bottom, from(#feeaf3), to(#ff9ac5)); background-image: linear-gradient(#feeaf3, #ff9ac5); } .recommendedHeader h5 { /* font-weight: 300; */ font-weight: 400; color: #e6007e; text-align: left; margin: 0; padding-top: 20px; padding-bottom: 0px; } /* Carousel using slick.js*/ .recommendedSlider { padding-left: 10px; padding-right: 10px; } /* .recommendedSlider .slick-track { display: flex; } */ .recommendedSlider .slick-slide { flex: 1; min-height: 100%; height: auto; display: flex !important; } .recommendedSlider .slick-slide>div { flex: 1; min-height: 100%; display: flex; max-width: 100%; } /* .recommendedSlider .recommendedContainer:not(.viewAllDefault){ flex: 1; min-height: 100%; display: inline-flex !important; flex-direction: column; } */ .recommendedSlider .recommendedBookDetails { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between; } .recommendedSlider .spacer { display: flex; flex-wrap: wrap; } .recommendedSlider .spacer::before { margin-right: 5px; } .recommendedSlider .spacer::before, .recommendedSlider .spacer::after { display: block; content: ""; font-weight: 500; width: 60px; height: 18px; } .recommendedSlider img { width: auto; height: auto; max-height: 250px; position: relative; margin: auto; max-width: 100%; vertical-align: middle; display: inline-block !important; } .resourcesSection .recommendedSlider img { max-height: 165px; } .tabContent #resourcesList { text-align: center; } .recommendedSlider .carouselBookTitle { margin-bottom: 2px; color: #2991cc; -webkit-transition: 300ms ease; transition: 300ms ease; } /* Carousel using swiper.js */ .recommendedSection.pinkSection { color: #DA1E63; } .recommendedSection.greenSection { color: #80b349; } .recommendedSection.jadeSection { color: #079285; } .recommendedSection.yellowSection { color: #F8AF14; } .recommendedSection.purpleSection { color: #5c4293; } .recommendedSection.blueSection { color: #2995D3; } .recommendedSection.botwSection { color: #DA1E63; } .recommendedSection:not(.botwSection) .swiper-container, .recommendedSection .columns:not(.halfWidth) .swiper-container { margin-left: -50px; margin-right: -50px; } .recommendedSection[data-carousel="swiper"] .swiper-container, .recommendedSection .carouselContainer[data-carousel="swiper"] .swiper-container { padding: 0 50px; width: 100%; position: relative; /* max-height: 350px; */ } .carouselContainer.botwCarousel { position: relative; } /* .botwSection.recommendedSection .carouselContainer.botwCarousel.halfWidth.layoutOrder0 .swiper-container { margin-left: -50px; padding-right: 0; } .botwSection.recommendedSection .carouselContainer.botwCarousel.halfWidth.layoutOrder0 .swiper-container .swiper-button.swiper-button-next.botwCarouselNext { display: none; } .botwSection.recommendedSection .carouselContainer.botwCarousel.halfWidth.layoutOrder1 .swiper-container { margin-right: -50px; padding-left: 0; } .botwSection.recommendedSection .carouselContainer.botwCarousel.halfWidth.layoutOrder1 .swiper-container .swiper-button.swiper-button-prev.botwCarouselPrev { display: none; } */ .botwSection.recommendedSection .carouselContainer.botwCarousel.halfWidth.layoutOrder1 .swiper-container { margin: 0; padding: 0; } .botwSection .carouselContainer.botwCarousel.halfWidth.layoutOrder0 .viewDefaultBtn { margin-left: 0; margin-right: auto; } .carouselCell .recommendedSection .swiper-container { padding: 0; margin: 0; } .swiper-container .swiper-slide { text-align: center; font-size: 18px; /* background: #fff; */ /* Center slide text vertically */ display: flex; align-items: center; justify-content: space-between; flex-direction: column; height: auto; } .swiper-slide .recommendedImageContainer { height: 200px; min-height: 150px; display: flex; } .swiper-slide .recommendedImageContainer.isSquare { height: auto; min-height: 0; padding-top: 100%; position: relative; } .swiper-slide .recommendedImageContainer.isBookPack { height: auto; min-height: 0; position: relative; } .swiper-slide .recommendedImage { flex: 1 1 auto; } .swiper-slide .isSquare .recommendedImage, .swiper-slide .isBookPack .recommendedImage { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .swiper-slide .recommendedImage a { display: inline-flex; max-height: 100%; } .swiper-slide .recommendedImage img { width: 100%; /* height: 100%; */ display: inline-block; object-fit: contain; white-space: normal; } .swiper-slide .recommendedImage img:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: calc(100% - 10px); width: 100%; background-color: #f6f6f6; border-radius: 0; min-height: 130px; } .swiper-slide .recommendedImage img.bookPackIcon { padding-top: 30px; } .recommendedBookPackImage .bookBadge.bookPackCollage { top: 150%; } .swiper-slide .recommendedImage .swiper-lazy-loaded:before { content: url("data:image/svg+xml,%3Csvg data-name='Layer 1' viewBox='0 0 250 350' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%231c2642;%7D.cls-2%7Bfill:%232767af;%7D.cls-3%7Bfill:%232f9fda;%7D.cls-4%7Bfill:%232f9ed9;%7D.cls-5%7Bfill:%232993d1;%7D.cls-6%7Bfill:%232993d0;%7D.cls-7%7Bfill:%232992d0;%7D.cls-8%7Bfill:%232994d1;%7D.cls-9%7Bfill:%232992cf;%7D.cls-10%7Bfill:%232994d2;%7D.cls-11%7Bfill:%232891ce;%7D.cls-12%7Bfill:%231c2844;%7D.cls-13%7Bfill:%231c2b48;%7D.cls-14%7Bfill:%231c2a47;%7D.cls-15%7Bfill:%231c2945;%7D%3C/style%3E%3C/defs%3E%3Crect class='cls-1' width='250' height='350'/%3E%3Cpath class='cls-1' d='M250,350H0V0H250ZM124.39,163.53a5.34,5.34,0,0,1,.52.25l1.11-.36c1.21-.57,10.16-3.36,30.08-10,.76-.25,1.49-.62,2.18-.91V92.07l-33.43,11L91.55,92v60.69Zm.46-110.67A20,20,0,0,0,124.66,93a20,20,0,1,0,.19-40.09Zm34,170.65-5.87,1v29.36c3.48.85,6.91,1.52,10.41,1,4.25-.58,7.25-2.82,8.48-7.06a14.53,14.53,0,0,0-.1-8.39,8.63,8.63,0,0,0-10.21-6.32l-2.71.47ZM58.27,183.25a51.47,51.47,0,0,0-6.36-1.63c-7.09-.89-14.68,2-16.27,11.39-1.54,9.13,3,15.86,11.52,16.88a20.39,20.39,0,0,0,9.35-1.07,18.62,18.62,0,0,0,2.06-1l-1.68-4.67c-1.34.38-2.51.79-3.71,1-7.73,1.62-12.18-2.54-11.13-10.39a10,10,0,0,1,.4-1.7,6.71,6.71,0,0,1,6.42-5,29.39,29.39,0,0,1,5.4.71,19.54,19.54,0,0,1,2.2.63Zm52.88,17.63h13.6a59.16,59.16,0,0,0-1-6.93,7.62,7.62,0,0,0-4.91-5.29,10.16,10.16,0,0,0-12.72,4.49c-2.68,5-1.49,11.84,2.56,14.78a6.65,6.65,0,0,0,.62.41c4.52,2.44,9.07,1.92,13.89.32l-.79-4.49C114.56,205.67,112,204.94,111.15,200.88Zm94.42,48.39c-8.5,1.2-10.94.49-11.26-3.36h13a13.33,13.33,0,0,0-.88-8,8,8,0,0,0-4.42-4.2,10.19,10.19,0,0,0-12.89,4.56c-2.64,5-1.38,11.87,2.74,14.74a8.06,8.06,0,0,0,1.51.86c4.22,1.79,8.41,1.29,12.81-.16C206,252.18,205.78,250.81,205.57,249.27ZM81,199.21c.11-7.64-5.77-12.64-12.84-10.93-7.23,1.75-10.35,10.82-6,17.38a9.23,9.23,0,0,0,5.08,3.81C74.46,211.77,80.85,207,81,199.21ZM197.49,199c0-7.51-5.85-12.37-12.84-10.68-7.23,1.74-10.35,10.81-6,17.37a9.33,9.33,0,0,0,5.08,3.82C191.07,211.8,197.49,206.89,197.49,199ZM54,241.23a63.85,63.85,0,0,0-7.55.93c-3.14.76-4.61,3.09-4.5,6.33a5.79,5.79,0,0,0,4.7,6c4.46,1.11,8.86.53,13.32-.6,0-4.75.1-9.33,0-13.9a6.14,6.14,0,0,0-3.15-5.64c-4.19-2.14-8.45-1.51-12.91-.17l.8,4.28c2.23-.15,4.22-.42,6.19-.38C53.05,238.08,53.81,239,54,241.23ZM102.4,253.9c0-4.83.12-9.49,0-14.13a6.07,6.07,0,0,0-3.49-5.68c-4.09-1.83-8.21-1.28-12.53,0,.28,1.57.53,2.92.8,4.41,1.1-.14,2-.3,2.89-.35a22,22,0,0,1,4-.08c1.87.24,2.49,1.24,2.33,3.21a60.85,60.85,0,0,0-6.65.63c-3.55.69-5.29,2.9-5.29,6.23,0,3.53,1.77,5.7,5.38,6.44C93.94,255.47,98.05,254.91,102.4,253.9Zm30.18-15.46c2.36-.17,4.35-.45,6.33-.4,2.22.05,3,1,3,3.26a65.22,65.22,0,0,0-6.87.68c-3.5.7-5.2,3-5.15,6.34s1.79,5.55,5.28,6.28c4.25.89,8.42.32,12.68-.7,0-4.9.14-9.72-.06-14.52a5.91,5.91,0,0,0-4-5.56c-3.92-1.43-7.8-.94-11.9.26C132.13,235.61,132.35,237,132.58,238.44Zm27.78-29.11v-16c4.57-.92,6,.15,6.1,4.33.08,3.16,0,6.33,0,9.5,0,.71.12,1.42.17,2.07h5.79c0-2.69.05-5.18,0-7.66a62,62,0,0,0-.4-7.47,6.62,6.62,0,0,0-5.7-5.83c-4-.83-7.89-.13-11.84.86v20.16ZM82.64,188.57c.87,4.86,5.57,17.21,7.9,20.8h5a116.61,116.61,0,0,0,7.87-20.76H97.5c-1.38,4.36-2.72,8.61-4.07,12.85l-.74.06c-1.35-4.3-2.7-8.59-4.06-13Zm.34,45H77c-1.37,4.33-2.74,8.62-4.1,12.92h-.76q-2-6.47-4-12.89H61.94a123.36,123.36,0,0,0,7.89,20.77h5.24A119.58,119.58,0,0,0,83,233.57Zm131-45.21h-6.84c-.1-2.09-.18-3.89-.27-5.85l-5.75,1c0,6.6,0,12.84,0,19.08a6.34,6.34,0,0,0,.44,2.45,9.78,9.78,0,0,0,1.92,3.13c2.62,2.43,8.35,2.53,11.47.31l-.79-3.9c-.79.11-1.35.19-1.92.25a14.64,14.64,0,0,1-1.73.16c-2.09,0-3.14-.64-3.3-2.62-.22-2.86-.05-5.75-.05-8.84H214Zm-95.47,36.07a12.77,12.77,0,0,0-.2,1.52c0,7.5-.08,15,0,22.5.07,4.6,3.26,7,8.29,6.25l.83-4.47c-3-.54-3.31-2.64-3.29-5.07.06-6.25,0-12.5,0-18.75,0-.89-.08-1.77-.13-2.85ZM186,250.12c-3.1-.37-3.3-2.49-3.29-4.8q0-9.51,0-19c0-.88-.1-1.75-.16-2.79l-5.62,1c0,8.57-.15,16.81.07,25,.1,3.81,3.84,6,8.2,5.07C185.43,253.29,185.68,251.91,186,250.12Zm-56.93-60.61c-.56,4.29-.36,18,.25,19.81h5.23c.48-5.4-.22-10.7.45-16.13h6.5l.91-4.37C137.75,187.35,133.43,187.93,129.07,189.51Zm-21.59,44.13v20.65H113V233.64Zm6.3-6.72a3.56,3.56,0,1,0-3.6,3.56A3.44,3.44,0,0,0,113.78,226.92Z'/%3E%3Cpath class='cls-2' d='m124.87 103.07 33.58-11v60.51c-0.69 0.29-1.42 0.65-2.19 0.91-10.07 3.36-31.35 10.34-31.35 10.34v0.06-4.18q-0.01-28.34-0.04-56.64z'/%3E%3Cpath class='cls-3' d='m124.91 103.1q0 28.25 0 56.5v4.18c-10.89-3.59-22.26-7.43-33.3-11.07v-60.71z'/%3E%3Cpath class='cls-4' d='m124.85 52.86a20 20 0 1 1-20.07 19.92 20 20 0 0 1 20.07-19.92zm11.15 22.46-23.31-5a11.92 11.92 0 1 0 23.31 5z'/%3E%3Cpath class='cls-5' d='M158.8,223.51v10.05l2.71-.47a8.63,8.63,0,0,1,10.21,6.32,14.53,14.53,0,0,1,.1,8.39c-1.23,4.24-4.23,6.48-8.48,7.06-3.5.48-6.93-.19-10.41-1V224.46Zm0,26.13c4.77.92,7.05-.75,7.38-5.14a10.07,10.07,0,0,0,0-2c-.52-4.31-3.34-5.7-7.33-3.53Z'/%3E%3Cpath class='cls-6' d='M58.27,183.25l-1.8,5.13a19.54,19.54,0,0,0-2.2-.63,29.39,29.39,0,0,0-5.4-.71,6.71,6.71,0,0,0-6.42,5,10,10,0,0,0-.4,1.7c-1,7.85,3.4,12,11.13,10.39,1.2-.25,2.37-.66,3.71-1l1.68,4.67a18.62,18.62,0,0,1-2.06,1,20.39,20.39,0,0,1-9.35,1.07c-8.51-1-13.06-7.75-11.52-16.88,1.59-9.37,9.18-12.28,16.27-11.39A51.47,51.47,0,0,1,58.27,183.25Z'/%3E%3Cpath class='cls-6' d='M111.15,200.88c.8,4.06,3.41,4.79,11.29,3.29l.79,4.49c-4.82,1.6-9.37,2.12-13.89-.32a6.65,6.65,0,0,1-.62-.41c-4-2.94-5.24-9.82-2.56-14.78a10.16,10.16,0,0,1,12.72-4.49,7.62,7.62,0,0,1,4.91,5.29,59.16,59.16,0,0,1,1,6.93Zm-.07-4.08h7.45c-.31-2.58-1.42-3.76-3.48-3.82S111.77,194,111.08,196.8Z'/%3E%3Cpath class='cls-6' d='m205.57 249.27c0.21 1.54 0.39 2.91 0.6 4.44-4.4 1.45-8.59 1.95-12.81 0.16a8.06 8.06 0 0 1-1.51-0.86c-4.12-2.87-5.38-9.71-2.74-14.74a10.19 10.19 0 0 1 12.89-4.56 8 8 0 0 1 4.42 4.2 13.33 13.33 0 0 1 0.88 8h-13c0.33 3.85 2.77 4.56 11.27 3.36zm-4-7.38c-0.36-2.77-1.59-4-3.76-3.9s-3.3 1.3-3.55 3.9z'/%3E%3Cpath class='cls-7' d='m81 199.21c-0.12 7.78-6.51 12.56-13.74 10.26a9.23 9.23 0 0 1-5.08-3.81c-4.37-6.56-1.25-15.63 6-17.38 7.02-1.71 12.9 3.29 12.82 10.93zm-14.8-0.31a26.39 26.39 0 0 0 0.81 3.49 3.81 3.81 0 0 0 7.2 0 9.13 9.13 0 0 0 0-7 3.62 3.62 0 0 0-3.45-2.39 3.47 3.47 0 0 0-3.57 2.19 25.05 25.05 0 0 0-0.99 3.71z'/%3E%3Cpath class='cls-7' d='m197.49 199c0 7.93-6.42 12.84-13.75 10.51a9.33 9.33 0 0 1-5.08-3.82c-4.36-6.56-1.24-15.63 6-17.37 6.98-1.73 12.82 3.13 12.83 10.68zm-14.79-0.15a25.4 25.4 0 0 0 0.88 3.7 3.79 3.79 0 0 0 7.09 0 9 9 0 0 0 0-7.24 3.56 3.56 0 0 0-3.26-2.3 3.45 3.45 0 0 0-3.63 2.07 25.49 25.49 0 0 0-1.08 3.73z'/%3E%3Cpath class='cls-5' d='M54,241.23c-.14-2.25-.9-3.15-3.14-3.19-2,0-4,.23-6.19.38l-.8-4.28c4.46-1.34,8.72-2,12.91.17A6.14,6.14,0,0,1,59.88,240c.14,4.57,0,9.15,0,13.9-4.46,1.13-8.86,1.71-13.32.6a5.79,5.79,0,0,1-4.7-6c-.11-3.24,1.36-5.57,4.5-6.33A63.85,63.85,0,0,1,54,241.23Zm.16,4.22c-1.75.11-3.14.1-4.49.31a2,2,0,0,0,.14,4.05c1.37.14,2.76,0,4.35,0Z'/%3E%3Cpath class='cls-5' d='M102.4,253.9c-4.35,1-8.46,1.57-12.63.72-3.61-.74-5.37-2.91-5.38-6.44,0-3.33,1.74-5.54,5.29-6.23a60.85,60.85,0,0,1,6.65-.63c.16-2-.46-3-2.33-3.21a22,22,0,0,0-4,.08c-.9.05-1.79.21-2.89.35-.27-1.49-.52-2.84-.8-4.41,4.32-1.32,8.44-1.87,12.53,0a6.07,6.07,0,0,1,3.49,5.68C102.52,244.41,102.4,249.07,102.4,253.9Zm-5.79-8.43c-1.72.09-3.11.08-4.46.28a2,2,0,0,0,.09,4.05c1.37.14,2.77,0,4.37,0Z'/%3E%3Cpath class='cls-5' d='M132.58,238.44c-.23-1.47-.45-2.83-.69-4.36,4.1-1.2,8-1.69,11.9-.26a5.91,5.91,0,0,1,4,5.56c.2,4.8.06,9.62.06,14.52-4.26,1-8.43,1.59-12.68.7-3.49-.73-5.22-2.86-5.28-6.28s1.65-5.64,5.15-6.34a65.22,65.22,0,0,1,6.87-.68c0-2.22-.79-3.21-3-3.26C136.93,238,134.94,238.27,132.58,238.44Zm9.53,7c-1.7.1-3.09.08-4.44.28a2,2,0,0,0,.07,4.05c1.37.14,2.77,0,4.37,0Z'/%3E%3Cpath class='cls-8' d='m160.36 209.33h-5.86v-20.16c3.95-1 7.83-1.69 11.84-0.86a6.62 6.62 0 0 1 5.7 5.83 62 62 0 0 1 0.4 7.47c0.06 2.48 0 5 0 7.66h-5.79c0-0.65-0.16-1.36-0.17-2.07v-9.5c-0.11-4.18-1.53-5.25-6.1-4.33z'/%3E%3Cpath class='cls-9' d='m82.64 188.57h6c1.36 4.36 2.71 8.65 4.06 13l0.74-0.06c1.35-4.24 2.69-8.49 4.07-12.85h5.94a116.61 116.61 0 0 1-7.87 20.76h-5c-2.37-3.64-7.07-15.99-7.94-20.85z'/%3E%3Cpath class='cls-9' d='M83,233.57a119.58,119.58,0,0,1-7.91,20.8H69.83a123.36,123.36,0,0,1-7.89-20.77h6.19q2,6.42,4,12.89h.76c1.36-4.3,2.73-8.59,4.1-12.92Z'/%3E%3Cpath class='cls-6' d='m214 188.36v5.14h-6.81c0 3.09-0.17 6 0.05 8.84 0.16 2 1.21 2.61 3.3 2.62a14.64 14.64 0 0 0 1.73-0.16c0.57-0.06 1.13-0.14 1.92-0.25l0.79 3.9c-3.12 2.22-8.85 2.12-11.47-0.31a9.78 9.78 0 0 1-1.92-3.13 6.34 6.34 0 0 1-0.44-2.45v-19.08l5.75-1c0.09 2 0.17 3.76 0.27 5.85z'/%3E%3Cpath class='cls-8' d='m118.53 224.43 5.55-0.87c0 1.08 0.12 2 0.13 2.85v18.75c0 2.43 0.29 4.53 3.29 5.07l-0.83 4.47c-5 0.7-8.22-1.65-8.29-6.25-0.11-7.5 0-15 0-22.5a12.77 12.77 0 0 1 0.15-1.52z'/%3E%3Cpath class='cls-8' d='M186,250.12c-.32,1.79-.57,3.17-.8,4.49-4.36.88-8.1-1.26-8.2-5.07-.22-8.24-.07-16.48-.07-25l5.62-1c.06,1,.16,1.91.16,2.79q0,9.5,0,19C182.7,247.63,182.9,249.75,186,250.12Z'/%3E%3Cpath class='cls-8' d='m129.07 189.51c4.36-1.58 8.68-2.16 13.34-0.69l-0.91 4.37h-6.5c-0.67 5.43 0 10.73-0.45 16.13h-5.23c-0.61-1.78-0.81-15.52-0.25-19.81z'/%3E%3Cpath class='cls-10' d='M107.48,233.64H113v20.65h-5.53Z'/%3E%3Cpath class='cls-11' d='m113.78 226.92a3.43 3.43 0 0 1-3.6 3.56 3.5 3.5 0 1 1 3.6-3.56z'/%3E%3Cpath class='cls-12' d='m136 75.32a11.92 11.92 0 1 1-23.31-5z'/%3E%3Cpath class='cls-13' d='m158.85 249.64v-10.64c4-2.17 6.81-0.78 7.33 3.53a10.07 10.07 0 0 1 0 2c-0.28 4.36-2.56 6.03-7.33 5.11z'/%3E%3Cpath class='cls-14' d='M111.08,196.8c.69-2.82,1.87-3.89,4-3.82s3.17,1.24,3.48,3.82Z'/%3E%3Cpath class='cls-14' d='m201.56 241.89h-7.31c0.25-2.6 1.39-3.83 3.55-3.9s3.4 1.13 3.76 3.9z'/%3E%3Cpath class='cls-15' d='m66.2 198.9a25.05 25.05 0 0 1 1-3.73 3.47 3.47 0 0 1 3.56-2.17 3.62 3.62 0 0 1 3.43 2.42 9.13 9.13 0 0 1 0 7 3.81 3.81 0 0 1-7.2 0 26.39 26.39 0 0 1-0.79-3.52z'/%3E%3Cpath class='cls-15' d='m182.7 198.81a25.49 25.49 0 0 1 1.07-3.75 3.45 3.45 0 0 1 3.63-2.06 3.56 3.56 0 0 1 3.26 2.3 9 9 0 0 1 0 7.24 3.79 3.79 0 0 1-7.09 0 25.4 25.4 0 0 1-0.87-3.73z'/%3E%3Cpath class='cls-13' d='m54.11 245.45v4.39c-1.59 0-3 0.11-4.35 0a2 2 0 0 1-0.14-4.05c1.38-0.24 2.74-0.23 4.49-0.34z'/%3E%3Cpath class='cls-13' d='m96.61 245.47v4.36c-1.6 0-3 0.11-4.37 0a2 2 0 0 1-0.09-4.05c1.35-0.23 2.74-0.22 4.46-0.31z'/%3E%3Cpath class='cls-13' d='m142.11 245.47v4.36c-1.6 0-3 0.11-4.37 0a2 2 0 0 1-0.07-4.05c1.33-0.23 2.74-0.21 4.44-0.31z'/%3E%3C/svg%3E"); display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100%; width: 100%; background-color: #1C2642; } .swiper-slide .isSquare .swiper-lazy-loaded:before, .swiper-slide .isBookPack .swiper-lazy-loaded:before { content: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%231c2542;%7D.cls-2%7Bfill:%23359fd9;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m0 0h200v200h-200zm100.16 64.75a36.25 36.25 0 1 0 36.11 36 36.06 36.06 0 0 0-36.11-36z'/%3E%3Cpath class='cls-2' d='M100.16,64.75a36.25,36.25,0,1,1-36.4,36.53A36.13,36.13,0,0,1,100.16,64.75ZM77.81,96.25a19.36,19.36,0,0,0-.32,8.33,21.85,21.85,0,0,0,42.66,2.11c.25-.94.1-1.29-.92-1.51q-15.45-3.29-30.88-6.66Z'/%3E%3Cpath class='cls-1' d='M77.81,96.25l10.54,2.27q15.44,3.35,30.88,6.66c1,.22,1.17.57.92,1.51a21.85,21.85,0,0,1-42.66-2.11A19.36,19.36,0,0,1,77.81,96.25Z'/%3E%3C/svg%3E"); background-color: transparent; } .swiper-slide .multiLine { margin-bottom: auto; } .swiper-slide .multiLine p { margin-top: 0; } .swiper-slide .multiLine p:last-child { margin-bottom: 0; } .swiper-slide .recommendedBookDetails { flex: 1 1 auto; /* max-height: 100px; */ font-family: 'Open Sans', sans-serif; font-size: 14px; display: flex; flex-direction: column; justify-content: flex-end; /* width:100%; */ } .swiper-container .swiper-button { height: 100%; top: 0; width: 50px; bottom: 0; background-color: #fff; margin: 0; font-size: 35px; color: inherit; } .swiper-container .swiper-button.swiper-button-disabled { visibility: hidden; } .swiper-container .swiper-button:focus { outline: 0 none; } .swiper-container .swiper-button:hover { color: #1c2542 !important; } .swiper-container .swiper-button-next:after, .swiper-container .swiper-button-prev:after { font-family: "Font Awesome 5 Pro"; } .swiper-container .swiper-button-prev { left: -1px; /* -1px or -10px works for iPad Pro/Edge/Chrome */ } .isIE11 .swiper-container .swiper-button-prev { left: -1px; } .swiper-container .swiper-button-next:after { content: "\f054"; } .swiper-container .swiper-button-next { right: -3px; /* -3px or -10px works for iPad Pro/Edge/Chrome */ } .isIE11 .swiper-container .swiper-button-next { right: -1px; } .swiper-container .swiper-button-prev:after { content: "\f053"; } .sliderOverlay { position: absolute; left: 50px; top: 0; right: 50px; bottom: 0; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 350; /* This cant be over 400 as that is used by the modal overlay */ border-radius: 6px; background: #FFF; } .carouselSkeleton { background: linear-gradient(180deg, rgb(204 204 204 / 50%), rgb(36 36 36 / 50%)); background-size: 700% 700%; -webkit-animation: LoadWeb 2s cubic-bezier(0.4, 0, 1, 1) infinite; -moz-animation: loadMoz 2s cubic-bezier(0.4, 0, 1, 1) infinite; -o-animation: LoadO 2s cubic-bezier(0.4, 0, 1, 1) infinite; animation: LoadAnim 2s cubic-bezier(0.4, 0, 1, 1) infinite; width: 100%; height: 100%; border-radius: 6px; } .searchPrice.skeletonItemWithPulse { min-width: 90px; min-height: 40px; margin-bottom: 20px; padding: 0; } .savingPercent.skeletonItemWithPulse { margin-left: 5px; min-width: 68px; min-height: 19px; } .servicingCost.skeletonItemWithPulse { padding: 0; min-width: 100px; min-height: 19px; margin-bottom: 2px; } .savingPercent.skeletonItemWithPulse { margin-left: 5px; min-width: 68px; min-height: 19px; } .searchQuantity.skeletonItemWithPulse { margin-bottom: 20px; padding: 0; min-width: 80px; min-height: 40px; } .atbButton.skeletonItemWithPulse { margin: 0 0 10px auto; min-width: 146px; min-height: 29px; } .atbButton.bookshelf.skeletonItemWithPulse { min-width: 176px; } .wishlistText.skeletonItemWithPulse { padding: 0; margin: 0 0 0 auto; min-width: 115px; min-height: 19px; } .skeletonItemWithPulse { background: linear-gradient(180deg, rgb(0 0 0 / 6%), rgb(0 0 0 / 12%)); /* background: linear-gradient(180deg, rgba(0 0 0 .2), rgba(0 0 0 .1)); */ background-size: 1000% 1000%; /* -webkit-animation: LoadWeb 3s cubic-bezier(0.4, 0, 1, 1) infinite; -moz-animation: loadMoz 3s cubic-bezier(0.4, 0, 1, 1) infinite; -o-animation: LoadO 3s cubic-bezier(0.4, 0, 1, 1) infinite; animation: LoadAnim 3s cubic-bezier(0.4, 0, 1, 1) infinite; */ -webkit-animation: LoadWeb 3s infinite; -moz-animation: loadMoz 3s infinite; -o-animation: LoadO 3s infinite; animation: LoadAnim 3s infinite; /* border-radius: 6px; */ /* background: rgba(0, 0, 0, 0.1); */ display: inline-block; } .isIE11 .carouselSkeleton { display: none; } /* Frontpage header */ .frontpageHeader { position: relative; max-height: 80vh; overflow: hidden; display: flex; align-items: center; } .frontpageHeader picture { width: 100%; } .frontpageHeaderText { position: absolute; right: 5%; color: white; /* #2995D3; */ padding: 0; bottom: 0; top: 0; margin: auto; height: fit-content; width: 38% !important; font-size: 16px; } .frontpageHeaderText h2 { font-size: 3em; line-height: 1.2em; } .frontpageHeaderText p { font-size: 1em; } .frontpageHeaderText * { margin: 0; } /* Buttons on frontpage (e.g. "/furniture") */ a.frontpageButton { position: relative!important; background: #2995D3; color: #ffffff!important; text-decoration: none; display: block; text-align: center; transition: 300ms ease; box-sizing: border-box; border: 0; cursor: pointer; width: -moz-fit-content; width: fit-content; margin: 10px 0 10px auto; padding: 7px 10px; font-size: 14px; box-shadow: 4px 4px 3px 1px rgb(168 168 168 / 50%); } a.frontpageButton:before{ content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0); transition: .3s; } a.frontpageButton:hover:before { content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); } /* Curated carousels for frontpage (e.g. "/furniture") */ .curatedCarousel { /* color:#2995D3; -> DEFAULT = color:#1c2542; */ border: 0 !important; } .curatedCarousel > * { margin: 0; } .curatedCarousel .recommendedHeader h2 { margin: 0 20px 0 0; display: inline-flex; justify-content: flex-start; align-items: center; } .curatedCarousel .recommendedHeader h2~.recommendedHeaderText { margin-top: 10px; } /* .curatedCarousel[data-carousel=swiper] .swiper-container { padding: 0 50px; width: calc(100% + 100px); margin-left: -50px; position: relative; box-sizing: border-box; margin: auto; overflow: visible; } */ #curatedCarouselContainer2 .curatedCarousel .swiper-slide .recommendedImageContainer.isSquare { width: 100%; } .curatedCarouselFullWidthContainer .swiper-button { height: 100%; top: 0; width: 100px; bottom: 0; background-color: #fff; margin: 0; font-size: 35px; color: #2995D3; } .curatedCarouselFullWidthContainer .swiper-button.swiper-button-disabled { visibility: hidden; } .curatedCarouselFullWidthContainer .swiper-button:focus { outline: 0 none; } .curatedCarouselFullWidthContainer .swiper-button-next:after, .curatedCarouselFullWidthContainer .swiper-button-prev:after { font-family: "Font Awesome 5 Pro"; } .curatedCarouselFullWidthContainer .swiper-button-prev { left: -1px; /* -1px or -10px works for iPad Pro/Edge/Chrome */ } .isIE11 .curatedCarouselFullWidthContainer .swiper-button-prev { left: -1px; } .curatedCarouselFullWidthContainer .swiper-button-next:after { content: "\f054"; } .curatedCarouselFullWidthContainer .swiper-button-next { right: -3px; /* -3px or -10px works for iPad Pro/Edge/Chrome */ } .isIE11 .curatedCarouselFullWidthContainer .swiper-button-next { right: -1px; } .curatedCarouselFullWidthContainer .swiper-button-prev:after { content: "\f053"; } .curatedCarouselFullWidthContainer { position: relative; } .centreBannerTitle { /* color: #2995D3; -> DEFAULT = color:#1c2542; */ margin-bottom: 0; } .centreBannerSubtitle { /* color: #2995D3; -> DEFAULT = color:#1c2542; */ margin-top: 10px; } .centreBannerImg { width: 100%; } /* .curatedCarousel .swiper-container-horizontal>.swiper-scrollbar { position: initial; height: 4px; width: 100%; margin-top: 30px; } .curatedCarousel .swiper-container-horizontal .swiper-scrollbar-drag { background: #2995D3; } .curatedCarousel .swiper-slide .recommendedBookDetails{ width: 100%; } .curatedCarousel .contentItemName { margin: 5px 0 0 0; } .curatedCarousel .swiper-slide .recommendedImage img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .curatedCarouselImageBackground { background-repeat: no-repeat; background-position: center; background-size: cover; background-size: cover; position: absolute; background-position: center; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .curatedCarousel .swiper-slide .recommendedImageContainer.isSquare { width: 100%; } .curatedCarousel .swiper-slide .isSquare .swiper-lazy-loaded:before { content: ''; } */ .curatedCarousel .recommendedBookDetails .price { font-weight: bold; } .curatedCarousel .recommendedBookDetails .offer { color: #ff006d; margin: 0; } .curatedListMediaHeader { position: relative; /* max-height: 50vh; */ overflow: hidden; display: flex; justify-content: center; } .curatedListMediaHeader picture { width: 100%; } .curatedListMediaHeaderText { position: absolute; text-align: center; color: white; /* #2995D3; */ padding: 0; bottom: 0; top: -70%; margin: auto; height: fit-content; width: 38%; font-size: 16px; } .curatedListMediaHeaderText h2 { font-size: 3em; line-height: 1.2em; } .curatedListMediaHeaderText p { font-size: 1em; } .curatedListMediaHeaderText * { margin: 0; } /* "BANNER WITH TEXT" COLOURS START ----------------------------------------------- */ .frontpageHeaderText.petersWhite, .curatedListMediaHeaderText.petersWhite { color: white !important; } .frontpageHeaderText.petersBlack, .curatedListMediaHeaderText.petersBlack { color: black !important; } .frontpageHeaderText.petersNavy, .curatedListMediaHeaderText.petersNavy { color: #1c2542 !important; } .frontpageHeaderText.petersBlue, .curatedListMediaHeaderText.petersBlue { color: #2995D3 !important; } .frontpageHeaderText.petersYellow, .curatedListMediaHeaderText.petersYellow { color: #F8AF14 !important; } .frontpageHeaderText.petersPurple, .curatedListMediaHeaderText.petersPurple { color: #5c4293 !important; } .frontpageHeaderText.petersJade, .curatedListMediaHeaderText.petersJade { color: #079285 !important; } .frontpageHeaderText.petersGreen, .curatedListMediaHeaderText.petersGreen { color: #80b349 !important; } .frontpageHeaderText.petersPink, .curatedListMediaHeaderText.petersPink { color: #DA1E63 !important; } .frontpageHeaderText.petersGrey, .curatedListMediaHeaderText.petersGrey { color: #d6d6d6 !important; } /* BANNER TEXT COLOUR OPTIONS END ------------------------------------------------- */ @keyframes LoadAnim { 0% { background-position: 50% 0% } 50% { background-position: 51% 100% } 100% { background-position: 50% 0% } } @keyframes LoadWeb { 0% { background-position: 50% 0% } 50% { background-position: 51% 100% } 100% { background-position: 50% 0% } } @-webkit-keyframes LoadWeb { 0% { background-position: 50% 0% } 50% { background-position: 51% 100% } 100% { background-position: 50% 0% } } @keyframes loadMoz { 0% { background-position: 50% 0% } 50% { background-position: 51% 100% } 100% { background-position: 50% 0% } } @-moz-keyframes loadMoz { 0% { background-position: 50% 0% } 50% { background-position: 51% 100% } 100% { background-position: 50% 0% } } @keyframes LoadO { 0% { background-position: 50% 0% } 50% { background-position: 51% 100% } 100% { background-position: 50% 0% } } @-o-keyframes LoadO { 0% { background-position: 50% 0% } 50% { background-position: 51% 100% } 100% { background-position: 50% 0% } } .swiper-container-initialized .sliderOverlay { z-index: -1; display: none; } .botwSliderContainer .sliderOverlay { left: 0; right: 0; } .sliderOverlay .fa-spinner { width: 50px; height: 50px; } .authorSub { font-size: 16px; } .authorSub a { font-size: 18px; } img.authorNationalityFlag { margin-right: 10px; width: 32px; } .recommendedSlider .carouselBookAuthor { /* font-weight: 300; */ font-weight: 400; margin-top: 4px; margin-bottom: 1px; color: #2991cc; font-size: .9em; } .recommendedSlider .sixth.column { padding: 0px 5px; -webkit-box-sizing: border-box; box-sizing: border-box; } .bookListCarousel .recommendedHeader .carouselTitle { padding: 0; color: #2995d3; } .bookListCarousel .recommendedButton { margin: 0 0 0 auto; background-color: #2995d3; } .bookListCarousel .recommendedButton:hover { background-color: #1c2542; } /* Slick slider overrides */ .swiper-container .slick-track { min-width: 100%; display: flex; } .swiper-container .slick-list { min-width: 100%; } .swiper-container:not(.botwSlider) .slick-slide { min-width: 150px; max-width: 150px; } .swiper-container .slick-centered .slick-list { padding: 0 !important; } /* tweetCarousel */ .tweet.swiper-container { margin: 0; width: 100%; box-sizing: border-box; } .tweet.swiper-container * { box-sizing: border-box; } #twitterFeedContainer a { color: white; } .tweet.swiper-container .swiper-slide { /* background: transparent; */ flex-direction: row; column-gap: 20px; margin: 0; font-size: 16px; padding: 0 60px; /* width: calc(100% - 110px) !important; */ width: 100% !important; } .tweet.swiper-container .slick-slide .swiper-slide { display: flex !important; } .tweet.swiper-container .slick-slide { min-width: 0; max-width: 1200px; } .tweet.swiper-container .slick-slide p { max-width: 100%; /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .tweet.swiper-container .swiper-button { background-color: transparent; } .tweet.swiper-container .swiper-slide .column { display: flex; text-align: left; min-height: 155px; box-sizing: border-box; } .isIE11 .tweet.swiper-container .swiper-slide .column { display: block; } .tweet.swiper-container .swiper-slide .tweetMedia { display: flex; justify-content: center; align-items: center; } .tweet.swiper-container .tweetMediaVideo { min-width: 250px; /* object-fit: cover; object-position: left top; height: 100%; */ } .tweet.swiper-container .tweetMediaImage { min-width: 150px; max-width: 200px; max-height: 200px; /* object-fit: cover; object-position: left top; height: 100%; */ } .tweet.swiper-container .swiper-slide .tweetText { flex-direction: column; justify-content: center; align-items: flex-start; flex: 1 1 auto; } /* .tweetEntry.columns{ height: 100%; display: flex !important; } */ .tweet.swiper-container .swiper-slide .column { align-items: center; } .tweet.swiper-container .swiper-slide .tweetMedia { justify-content: center; align-items: center; } .tweetMediaVideo { min-width: 250px; /* object-fit: cover; object-position: left top; height: 100%; */ } .tweetMediaImage { min-width: 150px; max-width: 200px; max-height: 200px; /* object-fit: cover; object-position: left top; height: 100%; */ } .tweet.swiper-container .swiper-slide .tweetText { flex-direction: column; justify-content: center; align-items: flex-start; flex: 1 1 auto; } .tweet.swiper-container .swiper-slide p { margin-top: 0; /* These are technically the same, but use both overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; */ /* This is the dangerous one in WebKit, as it breaks things wherever word-break: break-all; */ /* Instead use this non-standard one: word-break: break-word;*/ /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .tweet.swiper-container .swiper-slide.noMedia p { text-align: center; } .tweet.swiper-container .swiper-slide i { background-color: transparent; padding: 0; border-radius: 0; font-size: 14px; margin: 0 0 10px 0; } .tweet.swiper-container .swiper-slide .tweetEmbed { text-align: center; font-size: 0.95em; font-style: italic; margin: 0 auto 20px; width: 80%; } .tweet.swiper-container .swiper-slide .tweetEmbedQMark { font-size: 1.6rem; line-height: 1; } .tweet.swiper-container .swiper-slide .tweetEmbed a { color: white; } .tweetArrow { font-size: 35px; padding: 10px; } /* IE11 Overrides */ .isIE11 .tweetMediaImage img { margin: auto; } .isIE11 .tweetEntry .column { display: block; } .isIE11 .tweetEntry.noMedia .column { text-align: center; } p.homePrice { font-weight: 500; margin: 0; font-size: 22px; margin-top: auto; } p.rrpHome { font-weight: 500; margin: 0 5px 0 0; font-size: 13px; white-space: nowrap; } p.savingHome { color: #DA1E63; font-weight: 500; margin: 0; font-size: 13px; white-space: nowrap; } .recommendedBookDetails { text-align: left; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 5px 5px; } .recommendedBookDetails .skeletonItemWithPulse { width: 100%; margin-top: 6px !important; } .wishListHome i { color: #a2a2a2; font-size: 11px; -webkit-transition: 300ms ease; transition: 300ms ease; } .wishListHome:hover { color: #2991cc; -webkit-transition: 300ms ease; transition: 300ms ease; } .wishListHome i:hover { color: #DA1E63; -webkit-transition: 300ms ease; transition: 300ms ease; } .wishListHome { cursor: pointer; font-size: 11px; -webkit-transition: 300ms ease; transition: 300ms ease; margin-top: 4px; } button.homePrev, button.homeNext { background: none; color: #2995D3; font-size: 35px; outline: none; width: 40px; } button.homePrev { position: absolute; right: 100%; top: 0; bottom: 0; margin: auto; height: 60px; padding: 10px; } button.homeNext { position: absolute; left: 100%; top: 0; bottom: 0; margin: auto; height: 60px; padding: 10px; } button.homeNext:hover, button.homePrev:hover { color: #1c2542; } .sliderContainer { position: relative; margin: auto; } .sliderContainer a { outline: none; } .sliderContainer a.multiLine { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .sliderContainer a.multiLine p { margin-block-start: 0; margin-block-end: .5em; } .recommendedImageContainer { position: relative; /* height: 250px; */ min-height: 150px; width: 100%; /* margin: auto; */ } .verticalAlignHelper { display: inline-block; height: 100%; vertical-align: middle; margin-left: -3px; } td.carouselCell .verticalAlignHelper { height: 0 !important; } .recommendedImage { position: relative; width: 100%; height: 100%; /* display: flex; */ /* align-items: center; */ white-space: nowrap; text-align: center; overflow: hidden; } .recommendedImage>div, .recommendedImage>div>a { width: 100%; height: 100%; } /* CROSS SELLING BASKET CHECKOUT SECTION START ----------------------------------------------- */ #crossSellingContainer { position: relative; } #crossSellingItems { width: 100%; position: relative; } #crossSellingItems .recommendedContainer { display: flex; flex-wrap: wrap; justify-content: flex-start; padding-bottom: 20px; } #crossSellingItems .recommendedImageContainer { display: flex; /* height: 200px; */ min-height: 150px; max-width: 110px; padding-right: 10px; height: auto; } #crossSellingItems .recommendedImageContainer.isBookPack { min-height: 0; position: relative; } #crossSellingItems .recommendedImage a { display: inline-flex; max-height: 100%; } #crossSellingItems .recommendedImage img { width: 100%; display: inline-block; object-fit: contain; white-space: normal; } #crossSellingItems .recommendedImage img:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: calc(100% - 10px); width: 100%; background-color: #f6f6f6; border-radius: 0; min-height: 130px; } #crossSellingItems img { max-width: 100%; height: auto; } #crossSellingItems .recommendedImage .bookHover p, #crossSellingItems .recommendedImage .bookHover ul, #crossSellingItems .recommendedImage .bookHover li, #crossSellingItems .recommendedImage .bookHover div { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; } #crossSellingItems .recommendedImage .bookImg:before { content: url("data:image/svg+xml,%3Csvg data-name='Layer 1' viewBox='0 0 250 350' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%231c2642;%7D.cls-2%7Bfill:%232767af;%7D.cls-3%7Bfill:%232f9fda;%7D.cls-4%7Bfill:%232f9ed9;%7D.cls-5%7Bfill:%232993d1;%7D.cls-6%7Bfill:%232993d0;%7D.cls-7%7Bfill:%232992d0;%7D.cls-8%7Bfill:%232994d1;%7D.cls-9%7Bfill:%232992cf;%7D.cls-10%7Bfill:%232994d2;%7D.cls-11%7Bfill:%232891ce;%7D.cls-12%7Bfill:%231c2844;%7D.cls-13%7Bfill:%231c2b48;%7D.cls-14%7Bfill:%231c2a47;%7D.cls-15%7Bfill:%231c2945;%7D%3C/style%3E%3C/defs%3E%3Crect class='cls-1' width='250' height='350'/%3E%3Cpath class='cls-1' d='M250,350H0V0H250ZM124.39,163.53a5.34,5.34,0,0,1,.52.25l1.11-.36c1.21-.57,10.16-3.36,30.08-10,.76-.25,1.49-.62,2.18-.91V92.07l-33.43,11L91.55,92v60.69Zm.46-110.67A20,20,0,0,0,124.66,93a20,20,0,1,0,.19-40.09Zm34,170.65-5.87,1v29.36c3.48.85,6.91,1.52,10.41,1,4.25-.58,7.25-2.82,8.48-7.06a14.53,14.53,0,0,0-.1-8.39,8.63,8.63,0,0,0-10.21-6.32l-2.71.47ZM58.27,183.25a51.47,51.47,0,0,0-6.36-1.63c-7.09-.89-14.68,2-16.27,11.39-1.54,9.13,3,15.86,11.52,16.88a20.39,20.39,0,0,0,9.35-1.07,18.62,18.62,0,0,0,2.06-1l-1.68-4.67c-1.34.38-2.51.79-3.71,1-7.73,1.62-12.18-2.54-11.13-10.39a10,10,0,0,1,.4-1.7,6.71,6.71,0,0,1,6.42-5,29.39,29.39,0,0,1,5.4.71,19.54,19.54,0,0,1,2.2.63Zm52.88,17.63h13.6a59.16,59.16,0,0,0-1-6.93,7.62,7.62,0,0,0-4.91-5.29,10.16,10.16,0,0,0-12.72,4.49c-2.68,5-1.49,11.84,2.56,14.78a6.65,6.65,0,0,0,.62.41c4.52,2.44,9.07,1.92,13.89.32l-.79-4.49C114.56,205.67,112,204.94,111.15,200.88Zm94.42,48.39c-8.5,1.2-10.94.49-11.26-3.36h13a13.33,13.33,0,0,0-.88-8,8,8,0,0,0-4.42-4.2,10.19,10.19,0,0,0-12.89,4.56c-2.64,5-1.38,11.87,2.74,14.74a8.06,8.06,0,0,0,1.51.86c4.22,1.79,8.41,1.29,12.81-.16C206,252.18,205.78,250.81,205.57,249.27ZM81,199.21c.11-7.64-5.77-12.64-12.84-10.93-7.23,1.75-10.35,10.82-6,17.38a9.23,9.23,0,0,0,5.08,3.81C74.46,211.77,80.85,207,81,199.21ZM197.49,199c0-7.51-5.85-12.37-12.84-10.68-7.23,1.74-10.35,10.81-6,17.37a9.33,9.33,0,0,0,5.08,3.82C191.07,211.8,197.49,206.89,197.49,199ZM54,241.23a63.85,63.85,0,0,0-7.55.93c-3.14.76-4.61,3.09-4.5,6.33a5.79,5.79,0,0,0,4.7,6c4.46,1.11,8.86.53,13.32-.6,0-4.75.1-9.33,0-13.9a6.14,6.14,0,0,0-3.15-5.64c-4.19-2.14-8.45-1.51-12.91-.17l.8,4.28c2.23-.15,4.22-.42,6.19-.38C53.05,238.08,53.81,239,54,241.23ZM102.4,253.9c0-4.83.12-9.49,0-14.13a6.07,6.07,0,0,0-3.49-5.68c-4.09-1.83-8.21-1.28-12.53,0,.28,1.57.53,2.92.8,4.41,1.1-.14,2-.3,2.89-.35a22,22,0,0,1,4-.08c1.87.24,2.49,1.24,2.33,3.21a60.85,60.85,0,0,0-6.65.63c-3.55.69-5.29,2.9-5.29,6.23,0,3.53,1.77,5.7,5.38,6.44C93.94,255.47,98.05,254.91,102.4,253.9Zm30.18-15.46c2.36-.17,4.35-.45,6.33-.4,2.22.05,3,1,3,3.26a65.22,65.22,0,0,0-6.87.68c-3.5.7-5.2,3-5.15,6.34s1.79,5.55,5.28,6.28c4.25.89,8.42.32,12.68-.7,0-4.9.14-9.72-.06-14.52a5.91,5.91,0,0,0-4-5.56c-3.92-1.43-7.8-.94-11.9.26C132.13,235.61,132.35,237,132.58,238.44Zm27.78-29.11v-16c4.57-.92,6,.15,6.1,4.33.08,3.16,0,6.33,0,9.5,0,.71.12,1.42.17,2.07h5.79c0-2.69.05-5.18,0-7.66a62,62,0,0,0-.4-7.47,6.62,6.62,0,0,0-5.7-5.83c-4-.83-7.89-.13-11.84.86v20.16ZM82.64,188.57c.87,4.86,5.57,17.21,7.9,20.8h5a116.61,116.61,0,0,0,7.87-20.76H97.5c-1.38,4.36-2.72,8.61-4.07,12.85l-.74.06c-1.35-4.3-2.7-8.59-4.06-13Zm.34,45H77c-1.37,4.33-2.74,8.62-4.1,12.92h-.76q-2-6.47-4-12.89H61.94a123.36,123.36,0,0,0,7.89,20.77h5.24A119.58,119.58,0,0,0,83,233.57Zm131-45.21h-6.84c-.1-2.09-.18-3.89-.27-5.85l-5.75,1c0,6.6,0,12.84,0,19.08a6.34,6.34,0,0,0,.44,2.45,9.78,9.78,0,0,0,1.92,3.13c2.62,2.43,8.35,2.53,11.47.31l-.79-3.9c-.79.11-1.35.19-1.92.25a14.64,14.64,0,0,1-1.73.16c-2.09,0-3.14-.64-3.3-2.62-.22-2.86-.05-5.75-.05-8.84H214Zm-95.47,36.07a12.77,12.77,0,0,0-.2,1.52c0,7.5-.08,15,0,22.5.07,4.6,3.26,7,8.29,6.25l.83-4.47c-3-.54-3.31-2.64-3.29-5.07.06-6.25,0-12.5,0-18.75,0-.89-.08-1.77-.13-2.85ZM186,250.12c-3.1-.37-3.3-2.49-3.29-4.8q0-9.51,0-19c0-.88-.1-1.75-.16-2.79l-5.62,1c0,8.57-.15,16.81.07,25,.1,3.81,3.84,6,8.2,5.07C185.43,253.29,185.68,251.91,186,250.12Zm-56.93-60.61c-.56,4.29-.36,18,.25,19.81h5.23c.48-5.4-.22-10.7.45-16.13h6.5l.91-4.37C137.75,187.35,133.43,187.93,129.07,189.51Zm-21.59,44.13v20.65H113V233.64Zm6.3-6.72a3.56,3.56,0,1,0-3.6,3.56A3.44,3.44,0,0,0,113.78,226.92Z'/%3E%3Cpath class='cls-2' d='m124.87 103.07 33.58-11v60.51c-0.69 0.29-1.42 0.65-2.19 0.91-10.07 3.36-31.35 10.34-31.35 10.34v0.06-4.18q-0.01-28.34-0.04-56.64z'/%3E%3Cpath class='cls-3' d='m124.91 103.1q0 28.25 0 56.5v4.18c-10.89-3.59-22.26-7.43-33.3-11.07v-60.71z'/%3E%3Cpath class='cls-4' d='m124.85 52.86a20 20 0 1 1-20.07 19.92 20 20 0 0 1 20.07-19.92zm11.15 22.46-23.31-5a11.92 11.92 0 1 0 23.31 5z'/%3E%3Cpath class='cls-5' d='M158.8,223.51v10.05l2.71-.47a8.63,8.63,0,0,1,10.21,6.32,14.53,14.53,0,0,1,.1,8.39c-1.23,4.24-4.23,6.48-8.48,7.06-3.5.48-6.93-.19-10.41-1V224.46Zm0,26.13c4.77.92,7.05-.75,7.38-5.14a10.07,10.07,0,0,0,0-2c-.52-4.31-3.34-5.7-7.33-3.53Z'/%3E%3Cpath class='cls-6' d='M58.27,183.25l-1.8,5.13a19.54,19.54,0,0,0-2.2-.63,29.39,29.39,0,0,0-5.4-.71,6.71,6.71,0,0,0-6.42,5,10,10,0,0,0-.4,1.7c-1,7.85,3.4,12,11.13,10.39,1.2-.25,2.37-.66,3.71-1l1.68,4.67a18.62,18.62,0,0,1-2.06,1,20.39,20.39,0,0,1-9.35,1.07c-8.51-1-13.06-7.75-11.52-16.88,1.59-9.37,9.18-12.28,16.27-11.39A51.47,51.47,0,0,1,58.27,183.25Z'/%3E%3Cpath class='cls-6' d='M111.15,200.88c.8,4.06,3.41,4.79,11.29,3.29l.79,4.49c-4.82,1.6-9.37,2.12-13.89-.32a6.65,6.65,0,0,1-.62-.41c-4-2.94-5.24-9.82-2.56-14.78a10.16,10.16,0,0,1,12.72-4.49,7.62,7.62,0,0,1,4.91,5.29,59.16,59.16,0,0,1,1,6.93Zm-.07-4.08h7.45c-.31-2.58-1.42-3.76-3.48-3.82S111.77,194,111.08,196.8Z'/%3E%3Cpath class='cls-6' d='m205.57 249.27c0.21 1.54 0.39 2.91 0.6 4.44-4.4 1.45-8.59 1.95-12.81 0.16a8.06 8.06 0 0 1-1.51-0.86c-4.12-2.87-5.38-9.71-2.74-14.74a10.19 10.19 0 0 1 12.89-4.56 8 8 0 0 1 4.42 4.2 13.33 13.33 0 0 1 0.88 8h-13c0.33 3.85 2.77 4.56 11.27 3.36zm-4-7.38c-0.36-2.77-1.59-4-3.76-3.9s-3.3 1.3-3.55 3.9z'/%3E%3Cpath class='cls-7' d='m81 199.21c-0.12 7.78-6.51 12.56-13.74 10.26a9.23 9.23 0 0 1-5.08-3.81c-4.37-6.56-1.25-15.63 6-17.38 7.02-1.71 12.9 3.29 12.82 10.93zm-14.8-0.31a26.39 26.39 0 0 0 0.81 3.49 3.81 3.81 0 0 0 7.2 0 9.13 9.13 0 0 0 0-7 3.62 3.62 0 0 0-3.45-2.39 3.47 3.47 0 0 0-3.57 2.19 25.05 25.05 0 0 0-0.99 3.71z'/%3E%3Cpath class='cls-7' d='m197.49 199c0 7.93-6.42 12.84-13.75 10.51a9.33 9.33 0 0 1-5.08-3.82c-4.36-6.56-1.24-15.63 6-17.37 6.98-1.73 12.82 3.13 12.83 10.68zm-14.79-0.15a25.4 25.4 0 0 0 0.88 3.7 3.79 3.79 0 0 0 7.09 0 9 9 0 0 0 0-7.24 3.56 3.56 0 0 0-3.26-2.3 3.45 3.45 0 0 0-3.63 2.07 25.49 25.49 0 0 0-1.08 3.73z'/%3E%3Cpath class='cls-5' d='M54,241.23c-.14-2.25-.9-3.15-3.14-3.19-2,0-4,.23-6.19.38l-.8-4.28c4.46-1.34,8.72-2,12.91.17A6.14,6.14,0,0,1,59.88,240c.14,4.57,0,9.15,0,13.9-4.46,1.13-8.86,1.71-13.32.6a5.79,5.79,0,0,1-4.7-6c-.11-3.24,1.36-5.57,4.5-6.33A63.85,63.85,0,0,1,54,241.23Zm.16,4.22c-1.75.11-3.14.1-4.49.31a2,2,0,0,0,.14,4.05c1.37.14,2.76,0,4.35,0Z'/%3E%3Cpath class='cls-5' d='M102.4,253.9c-4.35,1-8.46,1.57-12.63.72-3.61-.74-5.37-2.91-5.38-6.44,0-3.33,1.74-5.54,5.29-6.23a60.85,60.85,0,0,1,6.65-.63c.16-2-.46-3-2.33-3.21a22,22,0,0,0-4,.08c-.9.05-1.79.21-2.89.35-.27-1.49-.52-2.84-.8-4.41,4.32-1.32,8.44-1.87,12.53,0a6.07,6.07,0,0,1,3.49,5.68C102.52,244.41,102.4,249.07,102.4,253.9Zm-5.79-8.43c-1.72.09-3.11.08-4.46.28a2,2,0,0,0,.09,4.05c1.37.14,2.77,0,4.37,0Z'/%3E%3Cpath class='cls-5' d='M132.58,238.44c-.23-1.47-.45-2.83-.69-4.36,4.1-1.2,8-1.69,11.9-.26a5.91,5.91,0,0,1,4,5.56c.2,4.8.06,9.62.06,14.52-4.26,1-8.43,1.59-12.68.7-3.49-.73-5.22-2.86-5.28-6.28s1.65-5.64,5.15-6.34a65.22,65.22,0,0,1,6.87-.68c0-2.22-.79-3.21-3-3.26C136.93,238,134.94,238.27,132.58,238.44Zm9.53,7c-1.7.1-3.09.08-4.44.28a2,2,0,0,0,.07,4.05c1.37.14,2.77,0,4.37,0Z'/%3E%3Cpath class='cls-8' d='m160.36 209.33h-5.86v-20.16c3.95-1 7.83-1.69 11.84-0.86a6.62 6.62 0 0 1 5.7 5.83 62 62 0 0 1 0.4 7.47c0.06 2.48 0 5 0 7.66h-5.79c0-0.65-0.16-1.36-0.17-2.07v-9.5c-0.11-4.18-1.53-5.25-6.1-4.33z'/%3E%3Cpath class='cls-9' d='m82.64 188.57h6c1.36 4.36 2.71 8.65 4.06 13l0.74-0.06c1.35-4.24 2.69-8.49 4.07-12.85h5.94a116.61 116.61 0 0 1-7.87 20.76h-5c-2.37-3.64-7.07-15.99-7.94-20.85z'/%3E%3Cpath class='cls-9' d='M83,233.57a119.58,119.58,0,0,1-7.91,20.8H69.83a123.36,123.36,0,0,1-7.89-20.77h6.19q2,6.42,4,12.89h.76c1.36-4.3,2.73-8.59,4.1-12.92Z'/%3E%3Cpath class='cls-6' d='m214 188.36v5.14h-6.81c0 3.09-0.17 6 0.05 8.84 0.16 2 1.21 2.61 3.3 2.62a14.64 14.64 0 0 0 1.73-0.16c0.57-0.06 1.13-0.14 1.92-0.25l0.79 3.9c-3.12 2.22-8.85 2.12-11.47-0.31a9.78 9.78 0 0 1-1.92-3.13 6.34 6.34 0 0 1-0.44-2.45v-19.08l5.75-1c0.09 2 0.17 3.76 0.27 5.85z'/%3E%3Cpath class='cls-8' d='m118.53 224.43 5.55-0.87c0 1.08 0.12 2 0.13 2.85v18.75c0 2.43 0.29 4.53 3.29 5.07l-0.83 4.47c-5 0.7-8.22-1.65-8.29-6.25-0.11-7.5 0-15 0-22.5a12.77 12.77 0 0 1 0.15-1.52z'/%3E%3Cpath class='cls-8' d='M186,250.12c-.32,1.79-.57,3.17-.8,4.49-4.36.88-8.1-1.26-8.2-5.07-.22-8.24-.07-16.48-.07-25l5.62-1c.06,1,.16,1.91.16,2.79q0,9.5,0,19C182.7,247.63,182.9,249.75,186,250.12Z'/%3E%3Cpath class='cls-8' d='m129.07 189.51c4.36-1.58 8.68-2.16 13.34-0.69l-0.91 4.37h-6.5c-0.67 5.43 0 10.73-0.45 16.13h-5.23c-0.61-1.78-0.81-15.52-0.25-19.81z'/%3E%3Cpath class='cls-10' d='M107.48,233.64H113v20.65h-5.53Z'/%3E%3Cpath class='cls-11' d='m113.78 226.92a3.43 3.43 0 0 1-3.6 3.56 3.5 3.5 0 1 1 3.6-3.56z'/%3E%3Cpath class='cls-12' d='m136 75.32a11.92 11.92 0 1 1-23.31-5z'/%3E%3Cpath class='cls-13' d='m158.85 249.64v-10.64c4-2.17 6.81-0.78 7.33 3.53a10.07 10.07 0 0 1 0 2c-0.28 4.36-2.56 6.03-7.33 5.11z'/%3E%3Cpath class='cls-14' d='M111.08,196.8c.69-2.82,1.87-3.89,4-3.82s3.17,1.24,3.48,3.82Z'/%3E%3Cpath class='cls-14' d='m201.56 241.89h-7.31c0.25-2.6 1.39-3.83 3.55-3.9s3.4 1.13 3.76 3.9z'/%3E%3Cpath class='cls-15' d='m66.2 198.9a25.05 25.05 0 0 1 1-3.73 3.47 3.47 0 0 1 3.56-2.17 3.62 3.62 0 0 1 3.43 2.42 9.13 9.13 0 0 1 0 7 3.81 3.81 0 0 1-7.2 0 26.39 26.39 0 0 1-0.79-3.52z'/%3E%3Cpath class='cls-15' d='m182.7 198.81a25.49 25.49 0 0 1 1.07-3.75 3.45 3.45 0 0 1 3.63-2.06 3.56 3.56 0 0 1 3.26 2.3 9 9 0 0 1 0 7.24 3.79 3.79 0 0 1-7.09 0 25.4 25.4 0 0 1-0.87-3.73z'/%3E%3Cpath class='cls-13' d='m54.11 245.45v4.39c-1.59 0-3 0.11-4.35 0a2 2 0 0 1-0.14-4.05c1.38-0.24 2.74-0.23 4.49-0.34z'/%3E%3Cpath class='cls-13' d='m96.61 245.47v4.36c-1.6 0-3 0.11-4.37 0a2 2 0 0 1-0.09-4.05c1.35-0.23 2.74-0.22 4.46-0.31z'/%3E%3Cpath class='cls-13' d='m142.11 245.47v4.36c-1.6 0-3 0.11-4.37 0a2 2 0 0 1-0.07-4.05c1.33-0.23 2.74-0.21 4.44-0.31z'/%3E%3C/svg%3E"); display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100%; width: 100%; background-color: #1C2642; } #crossSellingItems .recommendedImageContainer.isBookPack .bookImg:before { content: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%231c2542;%7D.cls-2%7Bfill:%23359fd9;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m0 0h200v200h-200zm100.16 64.75a36.25 36.25 0 1 0 36.11 36 36.06 36.06 0 0 0-36.11-36z'/%3E%3Cpath class='cls-2' d='M100.16,64.75a36.25,36.25,0,1,1-36.4,36.53A36.13,36.13,0,0,1,100.16,64.75ZM77.81,96.25a19.36,19.36,0,0,0-.32,8.33,21.85,21.85,0,0,0,42.66,2.11c.25-.94.1-1.29-.92-1.51q-15.45-3.29-30.88-6.66Z'/%3E%3Cpath class='cls-1' d='M77.81,96.25l10.54,2.27q15.44,3.35,30.88,6.66c1,.22,1.17.57.92,1.51a21.85,21.85,0,0,1-42.66-2.11A19.36,19.36,0,0,1,77.81,96.25Z'/%3E%3C/svg%3E"); background-color: transparent; } .crossSellingItemDetailsContainer { display: inline-flex; align-items: flex-start; max-width: 175px; flex-direction: column; } .crossSellingItemDetailsContainer .crossSellingItemBookDetails { /* padding: 0; */ font-family: 'Open Sans', sans-serif; font-size: 14px; display: flex; flex-direction: column; justify-content: flex-end; } .crossSellingItemDetailsContainer .crossSellingAddToBasketContainer { padding-top: 10px; } .crossSellingItemDetailsContainer .crossSellingAddToBasketContainer .searchQuantity { padding-bottom: 10px; } /* CROSS SELLING BASKET CHECKOUT SECTION END ----------------------------------------------- */ ul.schemeList { list-style-type: none; padding: 0; } .bespokeSections .columns .column { -webkit-box-sizing: border-box; box-sizing: border-box; } .bespokeSections .columns+.columns { margin-top: 30px; } .bespokeSections .columns:first-child .column:first-child { padding-right: 20px; } h3.bespokeHeader { color: #2995D3; text-align: left; margin: 25px 0; } h3.needBooksHeader { color: #DA1E63; text-align: left; font-size: 18px; margin: 0; } .bespokeImageMain { height: 100%; } .bespokeImageMain img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } body[class*="isIE"] .bespokeImageMain img { height: auto; } ul.bespokeChecklist { list-style-type: none; padding: 0; margin-top: 10px; } ul.bespokeChecklist li { color: #2967af; } ul.bespokeChecklist li i { padding-right: 5px; } .bespokeCallSection { background-color: #5c4293; height: 100%; color: white; /* height: 400px; */ -webkit-box-sizing: border-box; box-sizing: border-box; padding: 70px; } .bespokeCallSection h3, .bespokeCallSection p { text-align: left; } .bespokeCallSection p { font-size: 18px; margin: 20px 0; } .bespokeCallSection h3 { color: white; font-size: 18px; margin: 0; padding: 10px 0; } .callSection p { font-size: 16px; } /* Events Lisiting */ .eventMonth { font-size: 18px; } .eventTitle { font-size: 18px; color: #2995D3; margin: 0 0 10px; } .dateTimeTitle { margin-top: 0; font-size: 18px; } .dateTimeTitle span:first-child { margin-right: 40px; } .dateTimeTitle { display: -webkit-box; display: -ms-flexbox; display: flex; } .placeTitle { color: #2995D3; font-weight: 300; margin: 0; } .eventDesc { font-size: 16px; } .findOutButton { color: white; background-color: #2995D3; padding: 10px; width: 115px; text-align: center; font-weight: 500; -webkit-transition: 300ms ease; transition: 300ms ease; text-transform: uppercase; } .findOutButton:hover { background-color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } .eventEntry { background-color: #e8f3fa; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; margin-bottom: 30px; } .eventListImage img { width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-box-sizing: border-box; box-sizing: border-box; /* padding: 0 98px; */ padding-left: 50px; max-width: 680px; } .eventEntryContainer { background-color: #e8f3fa; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 60px 12.5%; margin: 10px 0; } .eventEntryContainer form:after { content: ""; display: table; clear: both; } .eventButtonContainer .button { margin: 0 0 20px 0; width: 110px; } .eventForm { width: 100%; } .allEventsButton a { color: #5c4293; font-size: 18px; -webkit-transition: 300ms ease; transition: 300ms ease; cursor: pointer; display: inline-block; margin-right: 20px; margin: 5px 20px 5px 0; } .allEventsButton i { padding-right: 5px; } .allEventsButton a:hover { color: #edeaf3; -webkit-transition: 300ms ease; transition: 300ms ease; } h3.entryMainHeader { color: #2995D3; text-align: left; margin-top: 0; margin-bottom: 5px; } .entryTopSection { border-bottom: 1px solid #2995D3; padding-bottom: 10px; } .entryTopSection img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .entryTopSection h3 { text-align: left; font-size: 16px; } .entryTopSection p { font-size: 16px; } .dateDetails p { color: #2995D3; } .agendaTitle, .eventSummaryTitle { text-align: left; font-size: 22px; } .entryMiddleSection { border-bottom: 1px solid #2995D3; padding-bottom: 10px; } .entryBottomSection { margin-top: 20px; } .entryBottomSection h2 { font-size: 22px; text-align: left; } ul.titleSection { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 0; list-style-type: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .venueSection { background-color: #feedf4; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; margin-top: 10px; } .venueSection .columns .column { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } ul.venueList { list-style-type: none; text-align: right; width: 180px; padding: 0; margin-right: 50px; } ul.venueList li { padding: 0; color: #DA1E63; } .venueTitle { margin: 0; text-align: left; font-size: 20px; color: #DA1E63; } #map { height: 400px; width: 400px; } #basketManager { position: fixed; top: 50%; right: 0; transition: .3s; } #basketManager.closed { left: 100%; } .managerContainer { position: relative; background-color: #2995D3; } #basketManager .tabButton { background-color: #2995D3; color: #FFFFFF; position: absolute; right: 100%; padding: 14px 10px; cursor: pointer; } #basketManager .tabButton:hover { background-color: #1c2542; } #orderSummarySection h5 { margin: 1em 0; font-size: 20px; } .servicesList { margin: 5px 0; list-style: none; padding: 0; } .orderDetail { margin-left: 15px; } .summaryTabItem.button { margin: 0; } .checkoutButtonContainer { display: flex; align-items: center; } .checkoutButtonContainer .fa-exclamation-circle { color: #e80e0e; font-size: 20px; margin-right: 3px; } #checkoutPopup .button { margin: 0; } .linkSectionBg3 { background-color: #2995D3; box-sizing: border-box; padding: 20px 80px; height: 100%; } .linkSectionBg3 p { color: white; } .checkoutMain { width: 75%; } .checkoutServicing { display: none; } .orderSummary { width: calc(25% - 15px); margin-left: 15px; -ms-flex-line-pack: bottom; align-content: bottom; } span.stepCircle { border-radius: 0.6em; display: inline-block; font-weight: bold; line-height: 1.2em; text-align: center; width: 1.2em; font-size: 30px; z-index: 2; } .basketSteps { margin-top: 20px; } span.stepArrow { color: #add6ed; font-size: 36px; letter-spacing: -0.5em; font-weight: 500; margin-left: 3.5em; z-index: -1; position: relative; } .redC { background: #DA1E63; color: #fff; } .blueC { background: #add6ed; color: #2995d3; } .stepsText>div { width: 20%; font-weight: bold; color: #2995d3; text-align: center; } .stepsText .active { color: #DA1E63; } .stepsText { width: 71%; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -39px; margin-bottom: 30px; } #basketTotal { border: 1px solid rgba(238, 238, 238, 1); padding: 10px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .basketTotal>h2 { text-align: left; margin: 0px 0px 15px 0px; font-size: 1.4em; } #basketTotal h2 { margin-top: 0px; font-size: 28px; } .navBtn { color: #DA1E63; font-weight: 500; } .checkoutSection.closed { display: none; } .checkoutSection { display: none; width: 100%; } .checkoutSection.open { display: block; overflow-x: auto; } .sectionChildContainer { display: inline-block; min-width: 100%; } #checkoutSections { width: 73%; position: relative; } .checkoutSection .linkSectionSizing { margin-bottom: 0; } #classSetsBanner .linkSectionSizing { max-height: 190px; } #classSetMessage { color: #DA1E63; } .checkoutSection [class^=linkSectionBg], .resultsListBanners [class^=linkSectionBg] { padding: 30px; } .checkoutSection .linkSection { margin-top: 30px; margin-bottom: 40px; padding-bottom: 0; } .checkoutSection .linkSection>.columns { margin-bottom: 20px; } .checkoutSection .linkSection a { display: flex; height: 100%; } .thankYouOrder { margin-bottom: 20px; } .thankYouOrder .pageTitle { margin-bottom: 20px; } .thankYouOrder p { display: inline-block; font-size: 2em; margin: 20px 0 0; } #heldReasonText { display: none; } #basketContents { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .totalDisplay { margin-top: 20px; font-weight: 600; font-size: 1.6em; text-align: right; display: flex; justify-content: space-between; } div#schoolsSearchListBanners { height: 190px; margin: 20px 0 0; } #classSetsBannerImage { /* background-image: url(/uploads/img/medium/img9273.jpg); */ background-image: url(/uploads/img/medium/showroom_crop.jpg); height: 100%; width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } ul.productPageTabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; margin: 0; scrollbar-width: thin; scrollbar-color: #2995D3 #d6d6d6; } ul.productPageTabs li { list-style-type: none; background-color: #d6d6d6; font-weight: 700; padding: 10px; border-radius: 5px 5px 0px 0px; margin-right: 1px; cursor: pointer; -webkit-transition: 300ms ease; transition: 300ms ease; font-size: 1.2em; text-align: center; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; white-space: nowrap; } ul.productPageTabs li:last-child { margin: 0; } ul.productPageTabs li:hover { background-color: #918e8e; color: white; -webkit-transition: 300ms ease; transition: 300ms ease; } ul.productPageTabs li.current { background-color: #2995D3; color: white; } textarea#myNotesInput { width: 100%; height: 300px; resize: none; } .tabContent { display: none; padding: 25px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; } .passionateSection .tabContent { height: 340px; } .passionateSection .tabContent p { margin: .7em 0; } .passionateSection .tabContent .helpSide p { margin: .7em 0 .7em 1.7em; } .tabContent.current { display: block; } .passionateLibraries .tabContent.current { margin-block-start: 0.83em; } .passionateLibraries .tabContent.current *:first-child { margin-block-start: 0; } .tabContainer { position: relative; display: block; width: 100%; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .1s; transition: .1s; border: 1px solid #2995D3; height: 0; /* overflow: hidden; */ height: auto; } .tabContainer .titleText { color: #2995D3; font-weight: 700; font-size: 1.1em; margin-bottom: 15px; } .tabContainer .textBlock { margin-bottom: 10px; } .tabContainer h4 { margin: 0; color: #2995D3; padding-bottom: 10px; } .noteSection { padding-bottom: 20px; } .reviewSeparator { border-bottom: 1px solid #2995D3; margin: 10px 0; } .annotPadding { padding: 15px 15px 15px 0px; } .splashTab img { height: auto; max-height: 240px; max-width: 100%; width: auto; } .basketSidebar { display: inline-flex; flex-direction: column; } .summaryContainer { width: 25%; margin-bottom: 30px; } @media (max-width: 1280px) { .summaryContainer { width: 22%; } .columns.wrap.denseView.libs { flex-wrap: nowrap !important; } } .summarySection { position: relative; } .summarySection .navigationContainer { margin: 15px 0; } .summaryTabItem.button { justify-self: flex-end; } .accHeaders { color: #2995D3; } ul.deleteAddress { list-style-type: none; padding-left: 0; } ul.deleteAddress li { padding: 7px 0px; } .columns .quarter.column.deleteArea.address { box-sizing: border-box; width: calc(25% - 10px); } .deleteArea { background-color: #e8f4fa; padding: 20px; margin: 5px; -webkit-transition: 300ms ease; transition: 300ms ease; } .deleteArea:hover { background-color: #d7ecf7; -webkit-transition: 300ms ease; transition: 300ms ease; } .deleteIcons { display: -webkit-box; display: -ms-flexbox; display: flex; } .deleteIcons i { padding: 0px 3px; cursor: pointer; -webkit-transition: 300ms ease; transition: 300ms ease; color: black; } .deleteIcons i:hover { -webkit-transition: 300ms ease; transition: 300ms ease; color: #2995D3; } .deleteModal { background-color: #e8f4fa; } .selectAddress.close { display: none; } .deleteModal.close { display: none; } .deletePopup { z-index: 200; } .stretch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .addressEdit { background-color: #e8f4fa; padding: 30px; } .addressEdit h3 { text-align: center; } .addressInvalid { color: rgb(218, 30, 99); } .addressEdit select { width: 100%; height: 35px; } .addressContainer { max-width: 760px; margin: 0 auto; } .addressEdit h3 { text-align: left; } .addressEdit input { margin: 10px 0px; width: 100%; padding: 10px 0px 10px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .manageBackArrow { text-align: left; padding: 10px; font-weight: 600; -webkit-transition: 300ms ease; transition: 300ms ease; cursor: pointer; } .manageBackArrow:hover { color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } p.addressConfirm { padding: 13px 0; font-weight: 600; color: green; } a.addAddress { font-weight: 500; -webkit-transition: 300ms ease; transition: 300ms ease; } a.addAddress:hover { color: #2995D3; -webkit-transition: 300ms ease; transition: 300ms ease; } .tcHeader { color: #2995D3; text-align: left; margin: 8px 0; } .tcHeader.pageTitle { margin: 5px 0; } .tcSubheader { color: #2995D3; text-align: left; width: 100%; margin: 5px 0; } .subsectionTc { border-top: 1px solid #2995D3; padding-top: 40px; } ul.makeAccount li { list-style-type: none; color: #2995D3; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; padding-bottom: 6px; } ul.makeAccount { -webkit-columns: 2; -moz-columns: 2; columns: 2; padding: 0; } ul.makeAccount i { margin-right: 5px; line-height: 1.5; } ul.makeAccount li p { margin: 0; } .eventMap { text-align: left; } .eventMap iframe { width: 400px; height: 400px; } .venueText h3, .venueText ul.venueList li { text-align: left; } /* .venueText { position: absolute; right: 60%; } */ .bookPlaceButton { background-color: #5c4293; color: white; padding: 10px; width: 120px; text-align: center; font-weight: 500; margin: 10px 0; /* position: absolute; right: 18%; */ float: right; } table.eventForm input { width: 100%; height: 30px; padding-left: 5px; margin: 3px 0; } table.eventForm textarea { width: 99%; font-family: 'Open Sans', sans-serif; } .eventContainer { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .eventContainer label { cursor: pointer; } /* Hide the browser's default checkbox */ .eventContainer input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .eventCheckmark { position: relative; height: 18px; width: 18px; background-color: #cecdcd; margin-left: 8px; } /* On mouse-over, add a grey background color */ .eventContainer:hover input~.eventCheckmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .eventContainer input:checked~.eventCheckmark { background-color: #2196F3; } /* Create the checkmark/indicator (hidden when not checked) */ .eventCheckmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .eventContainer input:checked~.eventCheckmark:after { display: block; } /* Style the checkmark/indicator */ .eventContainer .eventCheckmark:after { left: 5px; top: 1px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } ul.titleSection li { display: -webkit-box; display: -ms-flexbox; display: flex; } .homeHeaderStrip { display: flex; background-color: #ecf7fc; color: #1bb6ef; /* background-color: #e8f4fa; color: #2995D3; */ margin-bottom: 12px; } .stripItem { width: 100%; box-sizing: border-box; padding: 10px; text-align: center; font-weight: 500; } .swiper-container .swiper-slide.stripItem { background-color: #ecf7fc; /* background-color: #e8f4fa; */ /* width: calc(100%/3); */ font-size: 14px; flex-direction: row; justify-content: center; flex: auto; } .stripItemText { margin-left: 4px; } .textPanels { padding-left: 12px; width: calc((100% / 3) - 1px); box-sizing: border-box; } .textBanners { padding-left: 12px; width: calc((100% / 1.5) - 1px); box-sizing: border-box; display: inline-grid; } .textPanel { cursor: pointer; position: relative; color: #fff; font-size: 2.4em; line-height: 1.2em; text-align: center; font-weight: 600; display: flex; align-items: center; justify-content: center; height: calc((100%/3) - (20px/3)); -webkit-box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); padding: 12px; box-sizing: border-box; color: rgb(255,255,255); background-color: rgb(41,149,211); } .textPanel:not(:first-of-type) { margin: 10px 0 0; } .textBanners .tile { height: 200px; } .textBanners .homeTileTextbox { /* margin: 78px 0 38px 0; */ box-sizing: border-box; /* padding: 12px 24px; */ max-width: calc(70% - 28px); position: relative; top: calc(100% - 60px); } .textBanner { cursor: pointer; color: #fff; font-size: 1.4em; line-height: 1.2em; text-align: center; font-weight: 600; display: flex; align-items: center; justify-content: center; height: calc((100%/3) - (20px/3)); /* -webkit-box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); */ padding: 5px; box-sizing: border-box; margin: 0; text-transform: revert; } @media (min-width: 768px) { .textBanners { grid-template-rows: repeat(4, 5vw); row-gap: 7px; column-gap: 7px; } .textBanners .tile { height: auto; } .textBanners .tile[data-id="0"], .textBanners .tile[data-id="1"] { grid-row-start: 1; grid-row-end: 3; } .textBanners .tile[data-id="2"], .textBanners .tile[data-id="3"] { grid-row-start: 3; grid-row-end: 5; } } /* HEADER SECTION ASPECT RATIO*/ .headerSection .column { position: relative; } .headerSection .column:before { display: block; content: ""; width: 100%; padding-top: calc((10 / 15) * 100%); } /* .librariesHomepage .headerSection .column:before { padding-top: calc((8 / 15) * 100%); } */ .headerSection .homeHeader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center; } .headerSection .columns .quarter:last-child .homeHeader { margin: 0; } .homeHeader img { -webkit-transition: 300ms ease; transition: 300ms ease; position: relative; height: 100%; } .headerHover, .bookHover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; -webkit-transition: .5s ease; transition: .5s ease; /* cursor: pointer; */ display: -webkit-box; display: -ms-flexbox; display: flex; } .headerHover p, .bookHover p, .bookHover ul, .bookHover li, .bookHover div { color: white; -webkit-box-sizing: border-box; box-sizing: border-box; } .headerHover:hover, .bookHover:hover { opacity: 1; } .selectableTypes.itemSelected .selected .headerHover:hover { opacity: 0; } .headerHover { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .headerHover p { padding: 10px 30px; } .bookHover { background-color: #1c2542; padding: 10px; box-sizing: border-box; flex-direction: column; margin: 0 auto; justify-content: space-between; white-space: normal; font-size: 14px; align-items: center; } .bookHover p, .bookHover ul, .bookHover li, .bookHover div { overflow: hidden; margin: auto; white-space: normal; width: calc(100% - 20px); text-align: left; } .bookHover ul, .bookHover li { padding:0; margin:0; } .moreSlides .bookHover { padding: 5px !important; } .recommendedImage .bookHover p, .recommendedImage .bookHover ul, .recommendedImage .bookHover li, .recommendedImage .bookHover div { font-size: 0.8rem; } .moreSlides .bookHover p, .moreSlides .bookHover div { font-size: 0.8rem; /* https://css-tricks.com/almanac/properties/l/line-clamp/ */ overflow: hidden; /* white-space: nowrap; */ text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 12; -webkit-box-orient: vertical; } .bookHover .moreText { border: 1px solid #fff; width: 100px; /* flex: 1 1 auto; */ margin-left: 10px; } .bookPackContainer { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .bookPackCollage { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 auto; width:100%; height: auto; position: relative; } .bookPackCollageImage{ height: 50%; width: 50%; object-fit: fill; } .bookListCarousel .bookPackCollageImage, .bookListCarousel .bookPackBadgeImage, .offersSlider .bookPackCollageImage, .offersSlider .bookPackBadgeImage { max-width: 100%; height: auto; } .recommendedSection.basicCarousel .viewAllDefault .recommendedImageContainer { background-color: #2995D3; } .recommendedSection .viewAllDefault .recommendedImageContainer { background-color: #80b349; } .recommendedSection.offersSlider .viewAllDefault .recommendedImageContainer { background-color: #DA1E63; } .recommendedSection.yellowSection .viewAllDefault .recommendedImageContainer { background-color: #F8AF14; } .recommendedSection.jadeSection .viewAllDefault .recommendedImageContainer { background-color: #079285; } .resourcesSection .viewAllDefault .recommendedImageContainer { background-color: #5c4293; } .recommendedContainer.viewAllDefault .recommendedImageContainer, .offersSlider .bookHover, .fixedItem.bookHover, .groupedItemsSlider .bookHover { color: #FFFFFF; padding: 15px; font-size: 14px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; white-space: normal; z-index: 3; text-align: center; } .recommendedHeader .viewDefaultBtn, .viewDefaultBtn { position: relative; padding: 10px 20px; display: inline-block; color: #fff; margin: 10px 0; -webkit-box-shadow: 4px 4px 3px 1px rgb(168 168 168 / 50%); box-shadow: 4px 4px 3px 1px rgb(168 168 168 / 50%); } .viewDefaultBtn { margin: auto; } .recommendedSection .viewDefaultBtn { background-color: #DA1E63; } .greenSection .viewDefaultBtn { background-color: #80b349; } .resourcesSection .viewDefaultBtn { background-color: #5c4293; } .bookList .viewDefaultBtn { background-color: #2995D3; } .jadeSection .viewDefaultBtn { background-color: #079285; } .yellowSection .viewDefaultBtn { background-color: #F8AF14; } .botwSection .viewDefaultBtn, .booksOfTheWeekPanel { background-color: #DA1E63; } .botwSection .viewDefaultBtn { margin-left: auto; } .recommendedSection.botwSection { justify-content: space-between; } .recommendedSection.botwSection > *.halfWidth { width: 48%; } .recommendedSection.botwSection > *.fullWidth { width: 100%; } .recommendedSection.botwSection.columns { flex-wrap: wrap; } .booksOfTheWeekPanel { color: #FFF; padding: 0 18px 26px; box-sizing: border-box; justify-content: center; align-items: center; overflow: hidden; font-size: 1em; } .booksOfTheWeekPanel .bookOfTheWeekText { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -moz-box-orient: vertical; -webkit-line-clamp: 8; } .booksOfTheWeekPanel .button { background-color: #FFF; color: #DA1E63; margin: 22px auto auto 0; font-size: 1em; font-weight: 700; -webkit-box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); } .booksOfTheWeekPanel #featuredBookOfTheWeek { width: 40%; margin-right: 16px; max-width: 50%; } .booksOfTheWeekPanel h3 { margin: .8em auto; font-size: 2em; line-height: 1em; } .booksOfTheWeekPanelText { width: 60%; } .booksOfTheWeekPanelText p { margin: .6em auto; } .booksOfTheWeekPanel #featuredBookOfTheWeek img { width: 100%; height: auto; } .viewDefaultTextContainer { margin: 0; text-align: center; } .mobileViewOnly { display: none; } .viewDefaultHoverContainer { position: absolute; background-color: #1c2542; box-sizing: border-box; right: 0; left: 0; top: 0; bottom: 0; opacity: 0; z-index: -1; color: #fff; display: inline-flex; justify-content: center; align-items: center; margin: 0; } .viewDefaultHoverText { color: inherit; display: inline-block; } .viewDefaultBtn:hover .viewDefaultHoverContainer { opacity: 1; z-index: 100; transition: opacity 0.5s ease; } .offersSlider .bookHover.isText { padding: inherit; white-space: initial; } .viewDefaultText { position: relative; white-space: normal; } .recommendedContainer.viewAllDefault a { color: #FFFFFF; } .gridView .gridHover { height: 200px; width: 100%; background-color: #1c2542; opacity: 0; -webkit-transition: .5s ease; transition: .5s ease; position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: white; -webkit-box-sizing: border-box; box-sizing: border-box; } .gridView .gridHover:has(+ .classSetOffer) { z-index: -2; } .bookPackProduct .gridHover{ z-index:2; height:245px; } .gridView .gridHover:hover { opacity: 1; } .bookPackProduct p { text-align: left; margin-left: 20px; } ul.blogList { margin: 0 0 20px; padding: 0; list-style-type: none; } li.dropListTitle, li.listTitle { color: #2995D3; font-size: 1.8em; font-weight: 600; text-decoration: none; } .blogList .dropListTitle { display: none; } ul.blogList li h4 { color: #2995D3; margin: 6px 0; font-size: 22px; } ul.blogList li a { color: #2995D3; -webkit-transition: 300ms ease; transition: 300ms ease; } ul.blogList li a:hover { color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } .blogDate { text-align: right; font-size: .9em; margin: 0 0 1em; } .blogBottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .blogDetails h4 { color: #2995D3; -webkit-transition: 300ms ease; transition: 300ms ease; cursor: pointer; margin: 0 0 10px; font-size: 1.5em; } .blogDetails h4:hover { color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } .blogTextSection > a > h4 { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .mainParagraphBlog { margin: 0; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .homeTabSlider .mainParagraphBlog { margin: 0; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; /* -webkit-line-clamp: 1; */ -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } p.blogReadMore { color: #2995D3; cursor: pointer; -webkit-transition: 300ms ease; transition: 300ms ease; } p.blogReadMore:hover { color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } .blogImage img { width: 100%; height: 295px; -o-object-fit: contain; object-fit: contain; background-color: #e8f4fa; } body[class*="isIE"] .blogImage { overflow: hidden; } /* body[class*="isIE"] .blogImage img{ height: auto; width: 100%; } */ .homeTabSlider .homeTabSliderSlide .blogImage { background-color: #e8f4fa; padding-left: 20px; } .homeTabSlider .homeTabSliderSlide .blogImage img { height: -webkit-fill-available; background-color: transparent; } .blogText { padding: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #e8f4fa; /* overflow: hidden; */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* .blogTextSection { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: 215px; } */ /* .blogTextSection > * { display: inline-block; flex: 1 1 auto; } */ .blogDetailPage img { width: 100%; -o-object-fit: cover; object-fit: cover; height: 470px; padding: 5px 0; } .blogDetailPage h3 { text-align: left; margin: 30px 0; } .blogContent { padding: 25px 0px; } .blogDetails { margin: 20px 0; } .blogDetails .columns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .blogEntrySingle { width: 100%; } .caseStudyDetailsImage { background-position: center; background-repeat: no-repeat; height: 500px; } #PetersInspireMe { background-color: #079285; padding: 10px 20px; display: flex; color: #ffffff; align-items: center; justify-content: center; margin-bottom: 10px; font-size: 28px; font-weight: 600; } #inspireMeFilters { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 10px; } #inspireMeFilters .types { display: flex; } #inspireMeFilters .type { color: #2995D3; padding: 2px 10px; border-radius: 15px; margin: 5px; background-color: #ffffff; cursor: pointer; font-weight: 600; border: 2px solid #2995D3; transition: .3s; } #inspireMeFilters .type.filterOn { border-color: #079285; color: #ffffff; background-color: #079285; } .inspireMeItems .third.column { display: flex; justify-content: center; flex-direction: column; } .inspireMeItems img { max-height: 100%; max-width: 100%; } .inspireMeItems p { color: #2995D3; text-align: center; font-size: 16px; } /* For tiles editor, based on library design tiles but works slightly differently */ #tilesList { display: flex; flex-wrap: wrap; justify-content: space-between; } #tilesList .tile { display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; width: calc((100% / 3) - (120px / 3)); background-repeat: no-repeat; background-size: cover; background-position: center; color: #FFFFFF; text-align: center; padding: 20px 24px; margin-bottom: 60px; } #tilesList .tile i { font-size: 52px; } #tilesList .tile .titleText { font-weight: 700; font-size: 24px; } #tilesList .tile p { font-weight: 300; margin: 10px 0; } /* end tiles */ div#libraryDesignTiles { display: flex; flex-wrap: wrap; } #libraryDesignTiles .tile { width: calc((100%/3) - (120px/3)); background-repeat: no-repeat; background-size: cover; background-position: center; color: #FFFFFF; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px 24px; box-sizing: border-box; } #libraryDesignTiles .row { width: 100%; margin-bottom: 60px; flex-wrap: wrap; } #libraryDesignTiles .row:last-child { margin-bottom: 30px; } #libraryDesignTiles .tile:nth-child(2) { margin: 0 60px; } #libraryDesignTiles .tile i { font-size: 52px; } #libraryDesignTiles p.titleText { font-weight: 700; font-size: 24px; } #libraryDesignTiles p { font-weight: 300; margin: 10px 0; } .button.bigDark { width: 80%; margin: auto; text-transform: initial; background-color: #1c2542; font-size: 2em; font-weight: 300; padding: 14px 20px; } /* News Entry */ .newsImg { max-width: 100%; max-height: 500px; } .newsImg img { width: 100%; max-height: 500px; -o-object-fit: contain; object-fit: contain; } body[class*="isIE"] .newsImg.compat-object-fit { background-position: top center; background-size: contain; background-repeat: no-repeat; } h1.pageTitle { text-align: left; } h6.pageTitle { margin: .1em 0; } /* Instagram Posts*/ /* BEGIN - MEDIUM */ .instagramPostsGallery { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 90%; margin: 0 auto; cursor: pointer; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; padding: 20px 0 0; list-style: none; /* justify-content: space-between; */ } .instagramPostsGalleryItem { width: calc((100%/5) - 10px); height: 0; position: relative; overflow: hidden; margin: 5px; box-sizing: border-box; padding-top: calc((100%/5) - 10px); } .instagramPostsLink:hover { color: #fff; } .instagramPostsLink { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 50; } .instagramPostsGalleryItem .instagramPostsCaption, .instagramPostsGalleryItem .instagramPostsCaption:before { opacity: 0; -webkit-transition: .5s ease; transition: .5s ease; display: block; } .instagramPostsGalleryItem:hover .instagramPostsCaption { opacity: 1; z-index: 100; overflow: hidden; } .instagramPostsGalleryItem:hover .instagramPostsCaption:before { opacity: 1; content: ""; z-index: 125; position: absolute; left: 0; right: 0; bottom: 0; height: 10px; background-color: #1c2542; } .instagramPostsCaption { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #1c2542; padding: 10px; font-size: 13px; color: #fff; z-index: -1; overflow: hidden; line-height: 1.35rem; max-height: 14rem; -webkit-box-orient: vertical; display: none; display: -webkit-box; overflow: hidden !important; text-overflow: ellipsis; -webkit-line-clamp: 10; } .instagramPostsThumbnail { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 575px) { .instagramPostsGallery { width: 320px; } .instagramPostsGalleryItem { width: 150px; height: 150px; margin: 2px; } } /* END - MEDIUM */ .blogSearch input { border: none; border-bottom: 1px solid #2995D3; outline: none; padding-left: 5px; width: 300px; font-family: 'Open Sans', sans-serif; color: #2995D3; font-size: 16px; background: none; } .blogSearch input::-webkit-input-placeholder { color: #2995D3; } .blogSearch i { color: #2995D3; } .roundImage img { border-radius: 100%; width: 100%; max-width: 270px; margin: 0 auto; display: block; } .teamImage { text-align: center; } .teamImage img { width: 100%; max-width: 270px; margin: 0 auto; /* border-radius: 10%; */ } p.teamBio p { text-align: center; } .loginError { color: #bc2e23; font-weight: 600; padding: 10px 0; } #cookieBanner { position: fixed; background-color: #e8f4fa; bottom: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 60px; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 102; font-weight: 600; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; } #cookieBanner.closeModal { display: none; } #cookieBanner.openModal { display: inline-block; } .cookieBannerButtons { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; } .cookieBannerButtons>* { font-weight: 400; overflow: visible; white-space: nowrap; } button.acceptCookies { margin-right: 10px; } .cookieBannerText { margin: 0 10px 0 0; } .isEdge .cookieBannerText { border: 1px solid #e8f4fa; } /* My account */ .formLayout { margin: 10px 0 20px; width: 100%; } .formLayout tr th { width: 1%; white-space: nowrap; padding-right: 10px; font-weight: 700; } .formLayout th { text-align: left; } .formLayout tr td input[type="text"], .formLayout tr td input[type="email"], .formLayout tr td input[type="password"], .formLayout tr td input[type="number"], .formLayout tr td input[type="date"] { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1px 4px; max-width: 350px; } span.mandatoryFlag { position: absolute; top: 8px; right: 5px; font-size: .9em; text-align: right; } /* form Widget */ .formWrapper { max-width: 760px; } .formWrapper input { height: 30px; } .formInfo { padding: 0 10px; } /* Embedded Product Widget */ .productWrapper:not(:last-child) { margin-right: 1rem; } .instaSlider { text-align: center; } .twitterContainer { /* padding: 0px 0px 6px 15px; */ -webkit-box-sizing: border-box; box-sizing: border-box; } #tweetArrowLeft i, #tweetArrowRight i { cursor: pointer; background: none; color: #2b67b1; -webkit-transition: 300ms ease; transition: 300ms ease; } /* #tweetArrowLeft i{ margin-left: 5px; margin-right: 20px; } #tweetArrowRight i { margin-left: 20px; margin-right: 5px; } */ #tweetArrowLeft i:hover, #tweetArrowRight i:hover { color: rgba(255, 255, 255, 0.80); -webkit-transition: 300ms ease; transition: 300ms ease; } #tweetContent { font-size: 1.2em; color: white; } #tweetContent a { color: #2b67b1; } .homeWishlistButton { background: none; color: #5c4293; float: left; padding: 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .homeWishlistButton.basketButton { padding: 0; margin: 0 0 0 auto; } .announcementBanner { background-color: #edeaf3; color: #5c4293; padding: 10px 5px; } .announcementBanner p { margin: 0; } .usingBackgroundImage { background-position: center; background-size: cover; background-repeat: no-repeat; } p.wishlistText { font-family: 'Open Sans', sans-serif; } .homeWishlistButton:hover { background: none; color: #e6007e; } .libHeaderImages { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: 300ms ease; transition: 300ms ease; } .libHeaderImages img { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; cursor: pointer; -webkit-transition: 300ms ease; transition: 300ms ease; margin: 0 auto; height: auto; } .libHeaderImages img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } #newsForm .filtersContainer { margin: 20px 0; } .librariansContent img { display: inline-block; height: auto; max-width: 200px; } .librariansContent { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 0; } .librariansSection { -webkit-box-sizing: border-box; box-sizing: border-box; } .librariansContentImage { flex: 0 1 auto; } .librariansContentImage a { display: inline-block; margin-right: 30px; } .librariansContentDetails { flex: 1 1 auto; } .searchBOTW { margin: 30px 0px 0px auto; } .isEdge .searchBOTW, body[class*='isIE'] .searchBOTW { float: right; } h4.latestBooks { font-size: 22px; } .librariansIntro, .librariansHeader { position: relative; } .isEdge .librariansHeader:after, body[class*='isIE'] .librariansHeader:after { content: ""; display: table; clear: both; } button.librarianPrev, button.librarianNext { background: none; color: #2995D3; font-size: 35px; outline: none; position: absolute; top: 0; bottom: 0; -webkit-transition: 300ms ease; transition: 300ms ease; padding: 10px 18px; } button.librarianPrev:hover, button.librarianNext:hover { color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } button.librarianPrev { left: -55px; } button.librarianNext { right: -55px; } button.servicingPrev, button.servicingNext { background: none; color: #2995D3; font-size: 35px; outline: none; position: absolute; top: 7%; -webkit-transition: 300ms ease; transition: 300ms ease; padding: 10px 18px; } button.servicingPrev:hover, button.servicingNext:hover { color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } button.servicingPrev, button.servicingNext { top: 280px; width: auto !important; } button.servicingPrev { left: -60px !important; right: auto !important; } button.servicingNext { right: -60px !important; left: auto !important; } .reviewBooksHeader, .latestBooksHeader { color: #2995D3; margin: 22.5px 0; } .reviewBooksHeader p, .latestBooksHeader p { margin: 0; } .bookWeekHeader { margin: 0; color: #2995D3; font-size: 21px; font-size: 1.5rem; } .third.column.highlighted .staffSection { border: 2px solid #2995D3; box-sizing: border-box; transition: 2s; } .staffSection h3, .staffSection p { text-align: center; margin: 8px 0; } .staffSection { padding: 20px; } .homePriceSection { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .meetTheTeamArea { background-color: #e8f3fa; padding: 20px; } .meetTheTeamArea h2 { margin-bottom: 5px; } .staffSection .staffName, .staffSection p { text-align: center; margin: 8px 0; } .teamHeader p { margin: 3px 0; } .teamHeader h1 { margin: 10px 0; text-align: center; } .teamHeader h5 { color: #2995D3; } /* .meetTheTeamArea { background-color: #e8f3fa; padding: 55px 20px; } */ .teamHeader { text-align: center; } .vacancyArea { background-color: #e8f3fa; padding: 30px; margin-top: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .vacancyArea .pageTitle { margin-top: 0; } .vacancyArea .button { display: inline-block; } .vacancyArea img { max-width: 100%; height: auto; } .vacancyArea iframe { max-width: 100%; } .vacancyListDisplay { background-color: #ffffff; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 7px 40px; position: relative; margin: 30px 0; } button.pageBack { display: inline-block; } .smallTextSpacer p { margin: 8px 0; } h5.vacancyHeader { margin: 10px 0px; text-transform: capitalize; color: #2995D3; } .vacancyStrip { height: 100%; width: 10px; position: absolute; left: 0; top: 0; bottom: 0; } .vacancyBottom { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 3px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .vacancyBottom p { text-align: left; font-size: 13px; -ms-flex-item-align: center; align-self: center; padding-right: 10px; } .vacancyButtons { height: 60px; -webkit-box-flex: 0; -ms-flex: 0 0 210px; flex: 0 0 210px; } .vacancyButtons>button { margin-right: 10px; display: inline-block; } h3.vacancyDetailsHeader { text-transform: capitalize; color: #2995D3 } .newsHeading { font-size: 25px; font-size: 1.78rem; margin-top: 0; } a.adminColour { color: #079285 !important; } /* a.pageColour { color: #E15554 !important; } */ .schemeRound { text-align: center; margin: 0 auto; } .schemeRound div.blue { color: #2995D3; background-color: #e8f4fa; } .schemeRound div.purple { color: #5c4293; background-color: #edeaf3; } .schemeRound div.jade { color: #079285; background-color: #e3f3f2; } .schemeRound div.yellow { color: #F8AF14; background-color: #FEF2D8; } .schemeRound div.green { color: #80b349; background-color: #f1f7eb; } .schemeRound div.small { font-size: 18px; } .schemeRound div.medium { font-size: 26px; } .schemeRound div.large { font-size: 34px; } .schemeRound div { display: inline-flex; justify-content: center; align-items: center; font-size: 34px; overflow: hidden; font-weight: 600; line-height: 34px; } .schemeRound img, .schemeRound div { border-radius: 100%; height: 150px; width: 150px; } .schemeRound div span { max-width: 100%; overflow-wrap: break-word; } .roundedColumnImg.inspireMeItemImage { height: 200px; background-size: cover; background-position: center; background-repeat: no-repeat; } .servicingSlider { position: relative; } .servicingSection { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .servicingSection img { width: 100%; height: 430px; -o-object-fit: cover; object-fit: cover; } .servicingListTitle { font-size: 1.2em; margin: 20px auto; color: #2995D3; } .servicingOverlay { position: absolute; text-align: center; background-color: #2995D3; color: white; padding: 50px 67px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 650px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .servicingOverlay h3, .servicingOverlay p { margin: 0; } .servicingSubSection { text-align: center; margin: 15px 0; } .servicingSubSection img { border-radius: 100%; width: 180px; } .servicingBox { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; } .servicingSubSection h3 { color: #2995D3; } .servicingProfileOptionsContainer { display: flex; flex-wrap: wrap; } span.servicingProfileOption { cursor: pointer; margin: 3px 6px 3px; font-weight: 900; background-color: rgba(28, 37, 66, 0.3); padding: 3px 6px; border-radius: 2px; transition: .2s; white-space: nowrap; } span.servicingProfileOption.selected { background-color: rgba(41, 149, 211, 0.5); } span.servicingProfileOption:hover { background-color: rgba(41, 149, 211, 0.5); } span#cannotSaveMessage { color: rgba(28, 37, 66, 0.6); font-size: .8em; } span#servicingProfilesContainerToggle { margin-left: 20px; text-decoration: underline; cursor: pointer; color: rgba(28, 37, 66, 0.7); font-size: 0.9em; } div#entryListDisplay, div#servicingProfilesDisplay { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); column-gap: 10px; row-gap: 1em; } .entryListItem, .servicingProfileItem { box-sizing: border-box; padding: 0 20px 36px; position: relative; background: rgba(232, 244, 250, 0.902); cursor: pointer; color: #1c2542; } .entryListItem:hover, .servicingProfileItem:hover, .entryListItem.selected, .servicingProfileItem.selected { box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%); } .iconSpin { animation: spin-animation 1s infinite; display: inline-block; } @keyframes spin-animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .entryListItemParent i.clickable, .servicingProfileItemParent i.clickable { background-color: rgba(214, 214, 214, 0); transition: .2s; cursor: pointer; padding: 1px 0; margin: 9px 8px; box-sizing: border-box; border-radius: 100%; } .entryListItemParent i.clickable:not(.selected):hover, .servicingProfileItemParent i.clickable:not(.selected):hover { padding: 9px 8px; margin: 1px 0; background-color: rgba(214, 214, 214, .6); } .entryListItemParent i.clickable.deleteItem, .servicingProfileItemParent i.clickable.deleteItem { padding: 2px; margin: 10px 11px 10px 10px; } .entryListItemParent i.clickable.deleteItem:hover, .servicingProfileItemParent i.clickable.deleteItem:hover { padding: 10px 11px 10px 10px; margin: 2px; } .entryListItem .deleteItem, .servicingProfileItem .deleteItem { opacity: 0; position: absolute; bottom: 10px; right: 8px; } .entryListItem:hover .deleteItem, .servicingProfileItem:hover .deleteItem { opacity: 1; } /* .entryListAdd i.fas.fa-plus, .servicingProfileAdd i.fas.fa-plus { font-size: 5em; margin: auto; } */ .entryListItem:hover .deleteItem, .servicingProfileItem:hover .deleteItem { opacity: 1; } div#servicingProfileEditor { position: fixed; bottom: 0; right: calc(50% - 600px); width: min(75%, 600px); height: min(50%, 680px); /* background: #e8f4fa; */ background: #FFF; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; -webkit-box-shadow: 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 20%); box-shadow: 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 20%); display: flex; flex-direction: column; overflow: hidden; } .servicingProfileDetails { padding: 10px 0 10px 16px; align-items: center; } .servicingProfileDetails.headerBar { background-color: #d6d6d6; } #serviceOptionsContainer { overflow-y: scroll; padding: 10px 4px 10px 16px; border-top: 1px solid #2995D3; border-bottom: 1px solid #2995D3; } #serviceOptionsContainer::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 1px 1px 0 rgb(0 0 0 / 10%), inset 0 -1px 0 rgb(0 0 0 / 7%); } #serviceOptionsContainer::-webkit-scrollbar-corner { background-color: transparent; } #serviceOptionsContainer::-webkit-scrollbar-button { width: 0; height: 0; display: none; } #serviceOptionsContainer::-webkit-scrollbar { width: 12px; height: 16px; } ul.profileDetails { padding-inline-start: 20px; } .profileDetails { font-size: .9em; color: rgba(28, 37, 66, 0.8); } i.setDefault { position: absolute; right: 10px; top: 10px; font-size: 16px; } i.fas.setDefault { color: #FFD700; } i#closeServicingProfileEditor { margin: auto 10px; cursor: pointer; padding: 2px 4.5px; } i#closeServicingProfileEditor:hover { box-shadow: inset 0 0 100px 100px rgb(255 255 255 / 40%); color: grey; } input.clearInput { background-color: rgba(255, 255, 255, 0); border: 0; outline: none; -webkit-box-shadow: inset 0 -1px 0 0 rgb(100 121 143 / 12%); box-shadow: inset 0 -1px 0 0 rgb(100 121 143 / 12%); width: calc(100% - 10px); box-sizing: border-box; } .niceButton { cursor: pointer; -webkit-border-radius: 4px; border-radius: 4px; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; white-space: nowrap; -webkit-box-shadow: none; box-shadow: none; background-color: #2995D3; background-image: -webkit-linear-gradient(top, transparent, transparent); background-image: linear-gradient(top, transparent, transparent); border: 1px solid #e8f4fa; color: #fff; padding: 4px 10px 4px 6px; transition: .2s; } .niceButton:hover { /* box-shadow: 0 1px 2px 0 rgb(41,149,211 / 45%), 0 1px 3px 1px rgb(41,149,211 / 30%); background-color: #2995D3; outline: 1px solid transparent; */ box-shadow: inset 0 0 100px 100px rgb(255 255 255 / 15%); } .ibaSection { color: black; padding: 10px 0; } .ibaSection h5 { margin: 0; } .ibaQtys input { padding-left: 5px; background-color: #e7e7e8; border: 1px solid #939598; border-radius: 5px; outline: none; } .ibaForm input { width: 100%; height: 50px; padding-left: 5px; background-color: #e7e7e8; border: 1px solid #939598; border-radius: 5px; margin-bottom: 10px; outline: none; } .ibaBanner h2 { text-align: center; color: #2396d3; font-size: 41px; margin: 5px 0; } .ibaBanner h3 { text-align: center; } .ibaForm textarea { width: 100%; background-color: #e7e7e8; border: 1px solid #939598; border-radius: 5px; height: 100px; padding-left: 5px; outline: none; } .ibaForm h5 { margin: 10px 0; } /* .bookInfo .properties span { font-size: 1.3em; } */ .bookInfo .properties p { margin: 6px 0; } .roundedColumns .column { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 20px; } .roundedColumns.caseStudies a { width: 100%; } .roundedColumn { text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px 10px; height: 100%; } .roundedColumn h3 { margin: 10px 0; font-size: 1.33em; } .caseStudyImage { background-position: center; height: 200px; background-size: cover; background-repeat: no-repeat; width: 100%; } body[class*="isIE"] .roundedColumnImg { background-size: contain; background-repeat: no-repeat; } #content .roundedColumnImg img, .roundedColumnImg img { max-width: 320px; height: 160px; -o-object-fit: contain; object-fit: contain; width: 100%; } .standardHeader h3 { color: #2995D3; text-align: center; } .lcImage img { border-radius: 100%; width: 85px; margin-right: 10px; height: 85px; box-sizing: border-box; } .lcImage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 10px; } h3.popupTitle { text-align: center; margin-top: 0; font-size: 21px; } .button.newEditor.popupCancel, .button.newEditor.popupConfirm { margin: 0; } .popup .buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .popup .buttons .button { margin-left: 0; margin-right: 0; } .isEdge .popup .buttons { justify-content: space-around; } .updateMessageAcc { color: #da1e63; } /* Help section */ .helpSide h3 { margin-top: 0; margin-bottom: 10px; font-size: 18px; font-size: 1.285rem; } #content.contentHelp.container { padding-top: 50px; margin-bottom: 20px; } .contentHelp .columns .column.helpColumn { width: 25%; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .contentHelp .columns .three.quarter.column.contactColumn { width: 75%; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Account */ #myAccountForm h1 { margin: 15px 0; } .accountButtons { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 15px 0; } .accountButtons .button { margin: 0px 10px 0 0; } .yourOrdersTable { width: 100%; } .yourOrdersTable thead tr { background: #ffffff; } .yourOrdersTable th { text-align: left; font-size: 15px; font-weight: 600; padding: 10px; } .yourOrdersTable td { padding: 10px; font-size: 14px; } .yourOrdersTable tbody tr { background-color: #fbfbfb; } .yourOrdersTable tbody tr:nth-child(odd) { background: #e8f4fa; } /* Primary and Secondary class sets */ .classSetsTable th { background-color: #2995D3; color: white; border: 1px solid white; } .classSetsTable td { color: #2995D3; border: 1px solid #2995D3; } .classSetsTable td input { border: 1px solid lightgrey; height: 30px; } .classSetsTable thead th { position: -webkit-sticky; position: sticky; top: 0; } .classSetsTable td div { -webkit-transform: rotateZ(-90deg); transform: rotateZ(-90deg); font-weight: 600; } .classSetsTable [data-td-label="spacer"] { border: 0 none; } .classSetsTable .sideways { background-color: #e8f4fa; } .classSetsTable .qty { text-align: center; } .classSetsTable [data-td-label="Amount"] { text-align: right; } .classSetCarouselBreak { margin-top: auto; margin-bottom: 0.5rem; } table.classSetCarouselTable { width: 100%; max-width: 145px; align-self: center; } table.classSetCarouselTable > thead > tr { background: #ececec; } table.classSetCarouselTable > tbody > tr { background-color: #fbfbfb; } table.classSetCarouselTable > tbody > tr:nth-child(odd) { background: #e8f4fa; } table.classSetCarouselTable > thead > tr > th, table.classSetCarouselTable > tbody > tr > td { text-align: center !important; border: 1px solid #eeeeee; } table.classSetCarouselTable > thead > tr > th { font-size: 14px; font-weight: 600; padding: 5px; /* 7px; */ } table.classSetCarouselTable > tbody > tr > td { font-size: 13px; padding: 5px; /* 6px; */ } table.classSetCarouselTable > thead > tr > th:last-child, table.classSetCarouselTable > tbody > tr > td:last-child { color: #DA1E63; } /* .classSetRrp { margin-top: 5px; } */ .reviewDate { color: black; position: absolute; top: 145%; font-size: 15px; } .packBadge img.bookBadge { width: 180px; } .socialSection { /* margin-bottom: 40px; */ } .loginButtons { display: -webkit-box; display: -ms-flexbox; display: flex; } .loginButtons .button, .loginButtons button { margin: 0px 10px 0px 0px; } #loginForm p { margin-top: 0; } .blogEntryTitle { display: flex; justify-content: space-between; width: 100%; margin-bottom: 1rem; } .blogEntrySingle { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; -webkit-box-flex: 1; -ms-flex: 1 1 295px; flex: 1 1 295px; max-height: 295px; } .homeTabSlider .homeTabSliderSlide .blogEntrySingle { /* -ms-flex: 0; */ flex: 0; } .newsArticles #titleSearch, #bookListSearch { height: 35px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 5px; width: 270px; } .loginHeader { text-align: center; font-size: 22px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; background-color: #6a4b99; color: white; margin: 10px 0 12px; font-weight: 600; } img.googleMaps { width: 120px; margin: 10px 0 0; } a.meetTeamLink { color: #80b349; -webkit-transition: 300ms ease; transition: 300ms ease; } a.meetTeamLink:hover { color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } #basketDraw { position: fixed; z-index: 100; top: 0; bottom: 0; margin: auto; -webkit-transition: .6s; transition: .6s; min-height: 169px; } #basketDraw * { -webkit-box-sizing: border-box; box-sizing: border-box; } #basketDraw.closed { left: 100% !important; } #openDrawButton .icon { font-family: "Font Awesome 5 Pro"; font-weight: 300; -webkit-transition: .3s; transition: .3s; position: absolute; top: 30%; right: 18px; } #basketDraw #openDrawButton .icon::before { content: "\f077"; } #basketDraw.closed #openDrawButton .icon::before { content: "\f078"; } .drawContainer { position: relative; top: 0px; min-height: 169px; background-color: #2995D3; transition: all .3s; } #basketDraw:not(.closed) .drawContainer { -webkit-box-shadow: -4px 4px 3px 1px rgba(168, 168, 168, .5); box-shadow: -4px 4px 3px 1px rgba(168, 168, 168, .5); } #openDrawButton { background-color: #2995D3; color: #FFFFFF; position: absolute; right: calc(100% - 66px); padding: 8px 16px; cursor: pointer; height: 39px; width: 169px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; top: 0; bottom: 0; -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); -webkit-box-shadow: 4px 7px 3px 1px rgba(168, 168, 168, .5); box-shadow: 4px 7px 3px 1px rgba(168, 168, 168, .5); } .closed #openDrawButton { -webkit-box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); } /* #openDrawButton:hover { background-color: #1c2542; } */ #basketDrawItems { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #2995D3; border: 3px solid #2995D3; /* max-height: 500px; overflow-y: overlay; */ } #basketDrawItems * { -webkit-box-sizing: border-box; box-sizing: border-box; } /* #basketDrawItems tr th:nth-of-type(2) { width: calc(100% - 215px); } */ #basketDrawItems thead { display: table-header-group; } #basketDrawItems tbody { display: table-row-group; } #basketDrawItems tfoot { display: table-footer-group; } #basketDrawItems .basketDrawItemsMiddle thead, #basketDrawItems .basketDrawItemsBottom thead { visibility: hidden; } #basketDrawItems .basketDrawItemsMiddle thead th, #basketDrawItems .basketDrawItemsBottom thead th { font-size: 0; padding-top: 0; padding-bottom: 0; } #basketDrawItems .basketDrawItemsMiddle { max-height: 460px; /* Just for the demo */ overflow-y: auto; /* Trigger vertical scroll */ overflow-x: hidden; /* Hide the horizontal scroll */ } .monetary { text-align: right; } #basketDraw tbody tr:hover { -webkit-box-shadow: 0px 0 4px -1px rgba(0, 0, 0, 0.2); box-shadow: 0px 0 4px -1px rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.05); } #basketDraw tbody tr.basket:not(.active):hover td { cursor: pointer; -webkit-box-shadow: 0px 0 4px -1px rgba(0, 0, 0, 0.2); box-shadow: 0px 0 4px -1px rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 0.6); } #basketDraw th, #basketDraw td { padding: 4px 6px; vertical-align: middle; text-align: left; font-weight: 400; position: relative; white-space: nowrap; } #basketDraw th { font-weight: 600; } #basketDraw tr td .button { margin-right: 10px; font-weight: 600; } #basketDraw .button.small { min-width: 23px; } #basketDraw tr td .button:only-child { margin-right: 0px; margin-left: auto; } #addNewBasket { font-weight: normal !important; } #basketDraw tbody tr { overflow: hidden; } #basketDraw tr td { background-color: white; color: #2995D3; } /* #basketDraw tr:nth-child(even) td { background-color: rgba(228,244,249 , 1); } #basketDraw tr:nth-child(odd) td { background-color: rgb(240, 252, 255); } */ #basketDraw tr.active td { background-color: #d9d9d9; } #basketDraw tr .basketDrawFlex { display: flex; height: 100%; flex: 1 1 auto; align-content: center; justify-content: space-between; align-items: center; } #basketDraw tr.forSchoolBasket td.basketNameColumn .basketDrawFlex::after { content: '\f549'; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin-left: 6px; color: #F8AF14; } #basketDraw tr.newBasket td { background-color: white; border-top: 1px solid #2995D3; border-right: 0; border-bottom: 0; border-left: 0; } #basketDraw tr.wishList td { background-color: white; border-top: 1px solid #2995D3; border-right: 0; border-bottom: 0; border-left: 0; border-bottom: 1px solid #2995D3; } #basketDraw th, #basketDraw td { border-bottom: 1px solid #2995D3; } #basketDraw table th { background-color: #2995D3; color: #FFFFFF; padding: 5px; } #basketDraw tr.furnitureBasket td.basketNameColumn .basketDrawFlex::after { content: '\f6c0'; font-family: "Font Awesome 5 Pro"; font-weight: 900; margin-right: 2px; } .button.small { margin: auto; padding: 6px; margin: 2px 6px; font-size: 0.8em; } #newBasket input { font-size: 1em; height: auto; } #newBasket input::-webkit-input-placeholder { color: initial; font-size: 1em; } #newBasket input::-moz-placeholder { color: initial; font-size: 1em; } #newBasket input:-ms-input-placeholder { color: initial; font-size: 1em; } #newBasket input::-ms-input-placeholder { color: initial; font-size: 1em; } #newBasket input::placeholder { color: initial; font-size: 1em; } .basketButtonContents { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .monetary { text-align: right !important; } .text { display: -webkit-box; display: -ms-flexbox; display: flex; } /* Disable Add to Basket button when out of stock (and not an internal user */ .addButtonContainer.disabled .addToBasket.basketButton { background-color: grey; pointer-events: none; } /* .addButtonContainer.disabled select.addToBasketSelect { background-color: grey; pointer-events: none; } */ .addButtonContainer.disabled .basketSelectWrapper.addToBasketSelectWrapper { background-color: grey; } .addButtonContainer.disabled .removeFromBasket.basketButton { background-color: grey; margin: 0 2px; } /* Change colour of Add to Basket button to when out of stock AND are an internal user */ .addButtonContainer.addOutOfStock .addToBasket.basketButton, .addButtonContainer.addOutOfStock .basketSelectWrapper.addToBasketSelectWrapper, .addButtonContainer.addOutOfStock .removeFromBasket.basketButton { background-color: grey; } .checkoutStyles input { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px; border: 1px solid #2995D3; } input.requiredError, select.requiredError { border: 1px solid red; } .checkoutStyles table { width: 100%; } td.basketActiveIcon i { color: #2995D3; } #basketDraw tr.active td input { color: #2995D3; } #basketDraw .basketName { width: 180px; } .basketName { -webkit-box-sizing: border-box; box-sizing: border-box; } .advancedSearchLink { font-size: 13px; margin-left: 10px; line-height: 1; margin-top: 1px; } .button.stockFilterButton.toggleAllSelected { margin: 30px auto auto; } .button.stockFilterButton { display: inline-block; margin: auto auto 30px; } /* .newThemeTextButton.toggleAllSelected { display: inline-block; margin: 30px auto auto; } .newThemeTextButton { padding: 2px 7px; box-sizing: border-box; -webkit-box-shadow: 2px 2px 3px 1px rgb(168 168 168 / 80%); box-shadow: 2px 2px 3px 1px rgb(168 168 168 / 80%); border-radius: 4px; background-color: #2b97d4; color: #FFF; transition: .3s; cursor: pointer; } .newThemeTextButton:hover { background-color: #1c2542; } */ /* Manage baskets */ .manageBasketsLink { font-size: 13px; margin: 10px 0 0 auto; text-align: right; color: #C8C8C8; /*font-weight: bold;*/ /* position: absolute; bottom: 0; right: 0; */ } .manageBasketsLink.furniture { color: #079285; } .manageBasketsLink.furniture:hover { color: #1c2542; } a.drawWishlist { color: #e6007e; -webkit-transition: 300ms ease; transition: 300ms ease; } a.drawWishlist:hover { color: #1c2542; -webkit-transition: 300ms ease; transition: 300ms ease; } .deliveryTopUp h5 { color: #da1e63; font-weight: 700; margin-top: 5px; font-size: 13px; margin-bottom: 0; } .deliveryTopUp p { color: #da1e63; margin: 0; } tr.servicingTable td.servicingCheckbox, tr.servicingTable td.servicingPrice { white-space: nowrap; } tr.servicingTable td.servicingTitle { width: 100%; } .servicingSections .eventCheckmark { margin: 0 20px 0 0; } h4.servicingOpHeader { margin-top: 15px; margin-bottom: 0; } .basketHeaders, .basketSubHeader { margin: 1em 0; } .basketHeaders { color: #2995D3; font-size: 20px; } .basketSubHeader { font-size: 18px; } .servicingSections { border-top: 1px solid #2995D3; margin-bottom: 20px; } .bookPackExtraInfo { color: #4a4a4a; background-color: #e9e9e9; /* color: white; background-color: #80b349; */ -webkit-box-sizing: border-box; box-sizing: border-box; padding: 17px 10px; } .bookPackExtraInfo a { color: #4a4a4a; /* color: white; */ text-decoration: underline; } .bookPackExtraInfo p { margin: 7px 0; } .approxBooksSec { padding: 15px 0; } .carouselStyles h5 { margin: 0; } .carouselStyles .recommendedHeader h5 { font-size: 22px; } .offersSlider .slick-arrow i { color: #DA1E63; } .greenSection .slick-arrow i { color: #80b349; } .resourcesSection .slick-arrow i { color: #5c4293; } .jadeSection .slick-arrow i { color: #079285; } .yellowSection .slick-arrow i { color: #F8AF14; } /* .carouselStyles #content{ margin-bottom: 0; } */ .servicingTotal h5 { font-size: 16px; margin: 5px 0; } .basketInfoSummary { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .basketInfoSummary .servicesList { margin: 0 0 0 10px; } .basketInfoSummary strong { width: 100px; } .basketInfoSummary h5 { padding-right: 5px; } .basketInfoSummary .orderDetail span { display: block; } .noEvents { font-weight: 700; font-size: 20px; } .homeSpacer { height: 8px; } .recommendedSection.bookList, .recommendedSection.contentItemCategory { color: #2995D3; border-top: 1px solid #2995D3; } .recommendedSection.bookList .listCarouselDescription { color: #1c2542; } .recommendedSection { padding: 15px 0; border-top: 1px solid #DA1E63; position: relative; } /* For every carousel on the product page EXCEPT the first, apply a border */ .recommendedSection.relatedProducts { border: 0; } .bookInfo>.relatedProducts~.relatedProducts { border-top: 1px solid #2995D3; } .relatedProducts>.recommendedHeader { justify-content: center; } .recommendedSection>p { margin-top: 0; } .recommendedSection.greenSection { border-top: 1px solid #80b349; } .recommendedSection.jadeSection { border-top: 1px solid #079285; } .recommendedSection.yellowSection { border-top: 1px solid #F8AF14; } .recommendedSection.botwSection { border: none; } .botwSection { margin-top:15px; } .bestSellerRank { background-color: #DA1E63; color: #FFFFFF; display: inline-flex; position: absolute; z-index: 2; justify-content: center; align-items: center; height: 32px; width: 32px; } .offersSlider p.sliderTitle { color: #DA1E63; font-weight: 500; font-size: 1.4em; } .offersSlider p.sliderTitle { font-size: 1.7em; } h3.carouselBadgeHeader { font-weight: 500; } .carouselBadgeHeader { font-size: 2em; margin: 0; white-space: nowrap; } .carouselBadgeHeader i { color: #FFFFFF; border-radius: 100%; justify-content: center; align-items: center; margin-right: 0.1em; flex: 1 0 auto; text-align: center; width: 1em; display: inline-flex; justify-content: center; padding: 0.4em; } .search.container .imageBadgeContainer { overflow: hidden; flex-wrap: wrap; } .search.container .imageBadgeContainer .carouselBadgeHeader { margin: 5px 0; font-size: 1.6em; } .search.container .imageBadgeContainer .carouselBadgeHeader span { font-size: .9em; } .search.container .imageBadgeContainer .carouselBadgeHeader.searchBadge { font-size: 1em; margin: 0; } /* .carouselBadgeHeader i.fas:before { margin: 3px 0 0 3px; } */ .bestSellersTitle.carouselBadgeHeader, .bestsellingAuthorsTitle.carouselBadgeHeader, .specialOffersTitle.carouselBadgeHeader { color: #DA1E63; } .bestSellersTitle i, .bestsellingAuthorsTitle i, .specialOffersTitle i { background-color: #DA1E63; } .recommendedReadsTitle.carouselBadgeHeader { color: #80b349; } .recommendedReadsTitle i { background-color: #80b349; } .bookListsTitle.carouselBadgeHeader, .debutAuthorTitle.carouselBadgeHeader { color: #079285; } .bookListsTitle i, .debutAuthorTitle i { background-color: #079285; } .awardsTimelineHeader.carouselBadgeHeader { color: #F8AF14; } .awardsTimelineHeader i { background-color: #F8AF14; } .downloadableResourcesTitle.carouselBadgeHeader { color: #5c4293; } .downloadableResourcesTitle i { background-color: #5c4293; } .booksOfTheWeekHeader.carouselBadgeHeader { color: #2995D3; } .booksOfTheWeekHeader i { background-color: #2995D3; } .excludeContentAdvisoryTitle.carouselBadgeHeader { color: #079285; } .excludeContentAdvisoryTitle i { background-color: #079285; /*rgb(3, 146, 133);*/ } .awardWinnersTitle.carouselBadgeHeader { color: #F8AF14; } .awardWinnersTitle i { background-color: #F8AF14; /*rgb(247, 178, 28);*/ } .awardShortlistedTitle.carouselBadgeHeader { color: #9e9e9e; } .awardShortlistedTitle i { background-color: #9e9e9e; /*rgb(158, 158, 158);*/ } .awardLonglistedTitle.carouselBadgeHeader { color: #bb7e42; } .awardLonglistedTitle i { background-color: #bb7e42; /*rgb(187, 126, 66);*/ } .carouselBadgeHeader.pageTitle { margin: 1em 0; } .recommendedHeader.bottomMargin { margin: auto auto 14px auto; } /* Book badge (raw HTML) */ .carouselBadgeHeader.sidebarBadge { font-size: 18px; } p.carouselBadgeHeader.sidebarBadge i { height: 18px; width: 18px; margin-right: 5px; } .carouselBadgeHeader.sidebarBadge i.fa-exclamation, .carouselBadgeHeader.sidebarBadge i.fa-award { font-size: 22px; } .libs .bookPadding.dense .imageBadgeContainer:not(.flexBadges) .carouselBadgeHeader.productBadge { font-size: 14px; } .bookPadding:not(.dense) .imageBadgeContainer:not(.flexBadges) .carouselBadgeHeader.productBadge { font-size: 1.6em; } p.carouselBadgeHeader.productBadge i { margin-right: 4px; margin-top: 4px; margin-bottom: 4px; } .carouselBadgeHeader.searchBadge { font-size: 14px; } .gridView .carouselBadgeHeader.searchBadge, #searchList.denseView .gridBadges.denseVersion .carouselBadgeHeader.searchBadge { display: block; font-size: 14px; } .gridView a.carouselBadgeHeader.searchBadge i, #searchList.denseView .gridBadges.denseVersion a.carouselBadgeHeader.searchBadge i { margin-bottom: 0; } .sliderImageContainer { position: relative; } .resourcesSection { border-top: 1px solid #5c4293; } .resourcesList { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; } .resourcesList li { display: flex; align-items: center; } .resourcesList li img { height: 24px; margin-right: 6px; } .resourcesList li+li { margin-top: 6px; } /* 2 column template - content and figures */ .twoColumnContentFigures .mainContent { margin-bottom: 20px; } .twoColumnContentFigures .columns { -ms-flex-wrap: wrap; flex-wrap: wrap; } .twoColumnContentFigures .column { margin-bottom: 20px; } .twoColumnContentFigures .leftColumn { -webkit-box-flex: 1; -ms-flex: 1 1 55%; flex: 1 1 55%; } .twoColumnContentFigures .rightColumn { -webkit-box-flex: 1; -ms-flex: 1 1 35%; flex: 1 1 35%; } .twoColumnContentFigures .rightColumnFigure { text-align: center; } .twoColumnContentFigures .rightColumnFigureImage { margin-bottom: 20px; } .twoColumnContentFigures .rightColumnFigureCaption { font-style: italic; } /* Home tab container (swipeable) */ .homeTabContainer .homeTabSlider.swiper-container { width: 100%; height: 100%; padding-top: 18px; box-sizing: border-box; } .homeTabSlider > .homeTabSliderPagination, .sliderPaginationContainer { display: flex; margin: 18px 0; } .homeTabSlider > .homeTabSliderPagination > .homeTabSliderNav { font-size: 16px; font-family: "Font Awesome 5 Pro"; } .homeTabSlider > .homeTabSliderPagination > .swiper-pagination, .sliderPaginationContainer > .swiper-pagination { position: relative; text-align: start; display: flex; flex-wrap: wrap; gap: 16px; } .homeTabSlider > .homeTabSliderPagination > .swiper-pagination .customSliderBullet, .sliderPaginationContainer .customSliderBullet { cursor: pointer; padding: 5px 15px; background: #ececec; border-radius: 15px; white-space: nowrap; } .homeTabSlider > .homeTabSliderPagination > .swiper-pagination .customSliderBullet:hover, .sliderPaginationContainer .customSliderBullet:hover { background: #e8f4fa; } .homeTabSlider > .homeTabSliderPagination > .swiper-pagination .customSliderBullet.active, .sliderPaginationContainer .customSliderBullet.active { background: #2b97d4; color: #fff; } .homeTabSlider .swiper-wrapper { height: 100%; width: 100%; } .homeTabContainer .homeTabSlider.swiper-container .homeTabSliderSlide { background-color: transparent; /* align-items: center; */ justify-content: center; box-sizing: border-box; font-size: 14px; text-align: left; place-items: start; } .homeTabSlider.swiper-container .homeTabSliderSlide h2 { margin-block-start: 1rem; margin-block-end: 0.5rem; } .homeTabSlider.swiper-container .homeTabSliderSlide p:first-child { margin-top: 0; } /* Updated Home tab container */ .homeTabContainer.customContent .homeTabSlider.swiper-container { height:100%; padding:0; } .homeTabContainer.customContent .homeTabSlider > .homeTabSliderPagination, .sliderPaginationContainer { margin: 0; position: absolute; bottom: 16px; right: 16px; } .homeTabContainer.customContent .homeTabSlider.swiper-container .homeTabSliderSlide { justify-content: flex-end; padding: 0; background-position: center; background-repeat: no-repeat; background-size: cover; } .homeTabContainer.customContent .homeTabSliderTextbox { margin: 78px 0 38px 28px; box-sizing: border-box; padding: 12px 24px; max-width: calc(70% - 28px); } .homeTabSliderTextbox h4 { font-size: 3rem; margin: 0; line-height: 1.2em; } .homeTabSliderTextbox p { font-size: 1.2rem; } .homeTabContainer.customContent .button { position: relative; margin-left: 0; -webkit-box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); font-weight: 700; } /* Pagination bits */ .homeTabContainer.customContent .homeTabSlider > .homeTabSliderPagination > .swiper-pagination, .sliderPaginationContainer > .swiper-pagination { bottom: 0; gap:8px; } .homeTabContainer.customContent .homeTabSlider > .homeTabSliderPagination > .swiper-pagination .customSliderBullet, .sliderPaginationContainer > .swiper-pagination .customSliderBullet { padding: 5px 5px; border: 2px solid #FFF; background: none; } .homeTabContainer.customContent .homeTabSlider > .homeTabSliderPagination > .swiper-pagination .customSliderBullet.active, .sliderPaginationContainer > .swiper-pagination .customSliderBullet.active { background: #FFF; } /* Book of the week carousel */ .botwSlider { width: 100%; height: 100% } .botwSliderContainer { width: 100%; height: 100%; max-height: 450px; overflow: hidden; } .botwSliderImage { position: relative; } .botwSliderImage img { height: auto; width: auto; } .botwSliderImage img:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: calc(100% - 10px); width: 100%; background-color: #f6f6f6; border-radius: 0; min-height: 130px; } .botwSliderImage .swiper-lazy-loaded:before { content: url("data:image/svg+xml,%3Csvg data-name='Layer 1' viewBox='0 0 250 350' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%231c2642;%7D.cls-2%7Bfill:%232767af;%7D.cls-3%7Bfill:%232f9fda;%7D.cls-4%7Bfill:%232f9ed9;%7D.cls-5%7Bfill:%232993d1;%7D.cls-6%7Bfill:%232993d0;%7D.cls-7%7Bfill:%232992d0;%7D.cls-8%7Bfill:%232994d1;%7D.cls-9%7Bfill:%232992cf;%7D.cls-10%7Bfill:%232994d2;%7D.cls-11%7Bfill:%232891ce;%7D.cls-12%7Bfill:%231c2844;%7D.cls-13%7Bfill:%231c2b48;%7D.cls-14%7Bfill:%231c2a47;%7D.cls-15%7Bfill:%231c2945;%7D%3C/style%3E%3C/defs%3E%3Crect class='cls-1' width='250' height='350'/%3E%3Cpath class='cls-1' d='M250,350H0V0H250ZM124.39,163.53a5.34,5.34,0,0,1,.52.25l1.11-.36c1.21-.57,10.16-3.36,30.08-10,.76-.25,1.49-.62,2.18-.91V92.07l-33.43,11L91.55,92v60.69Zm.46-110.67A20,20,0,0,0,124.66,93a20,20,0,1,0,.19-40.09Zm34,170.65-5.87,1v29.36c3.48.85,6.91,1.52,10.41,1,4.25-.58,7.25-2.82,8.48-7.06a14.53,14.53,0,0,0-.1-8.39,8.63,8.63,0,0,0-10.21-6.32l-2.71.47ZM58.27,183.25a51.47,51.47,0,0,0-6.36-1.63c-7.09-.89-14.68,2-16.27,11.39-1.54,9.13,3,15.86,11.52,16.88a20.39,20.39,0,0,0,9.35-1.07,18.62,18.62,0,0,0,2.06-1l-1.68-4.67c-1.34.38-2.51.79-3.71,1-7.73,1.62-12.18-2.54-11.13-10.39a10,10,0,0,1,.4-1.7,6.71,6.71,0,0,1,6.42-5,29.39,29.39,0,0,1,5.4.71,19.54,19.54,0,0,1,2.2.63Zm52.88,17.63h13.6a59.16,59.16,0,0,0-1-6.93,7.62,7.62,0,0,0-4.91-5.29,10.16,10.16,0,0,0-12.72,4.49c-2.68,5-1.49,11.84,2.56,14.78a6.65,6.65,0,0,0,.62.41c4.52,2.44,9.07,1.92,13.89.32l-.79-4.49C114.56,205.67,112,204.94,111.15,200.88Zm94.42,48.39c-8.5,1.2-10.94.49-11.26-3.36h13a13.33,13.33,0,0,0-.88-8,8,8,0,0,0-4.42-4.2,10.19,10.19,0,0,0-12.89,4.56c-2.64,5-1.38,11.87,2.74,14.74a8.06,8.06,0,0,0,1.51.86c4.22,1.79,8.41,1.29,12.81-.16C206,252.18,205.78,250.81,205.57,249.27ZM81,199.21c.11-7.64-5.77-12.64-12.84-10.93-7.23,1.75-10.35,10.82-6,17.38a9.23,9.23,0,0,0,5.08,3.81C74.46,211.77,80.85,207,81,199.21ZM197.49,199c0-7.51-5.85-12.37-12.84-10.68-7.23,1.74-10.35,10.81-6,17.37a9.33,9.33,0,0,0,5.08,3.82C191.07,211.8,197.49,206.89,197.49,199ZM54,241.23a63.85,63.85,0,0,0-7.55.93c-3.14.76-4.61,3.09-4.5,6.33a5.79,5.79,0,0,0,4.7,6c4.46,1.11,8.86.53,13.32-.6,0-4.75.1-9.33,0-13.9a6.14,6.14,0,0,0-3.15-5.64c-4.19-2.14-8.45-1.51-12.91-.17l.8,4.28c2.23-.15,4.22-.42,6.19-.38C53.05,238.08,53.81,239,54,241.23ZM102.4,253.9c0-4.83.12-9.49,0-14.13a6.07,6.07,0,0,0-3.49-5.68c-4.09-1.83-8.21-1.28-12.53,0,.28,1.57.53,2.92.8,4.41,1.1-.14,2-.3,2.89-.35a22,22,0,0,1,4-.08c1.87.24,2.49,1.24,2.33,3.21a60.85,60.85,0,0,0-6.65.63c-3.55.69-5.29,2.9-5.29,6.23,0,3.53,1.77,5.7,5.38,6.44C93.94,255.47,98.05,254.91,102.4,253.9Zm30.18-15.46c2.36-.17,4.35-.45,6.33-.4,2.22.05,3,1,3,3.26a65.22,65.22,0,0,0-6.87.68c-3.5.7-5.2,3-5.15,6.34s1.79,5.55,5.28,6.28c4.25.89,8.42.32,12.68-.7,0-4.9.14-9.72-.06-14.52a5.91,5.91,0,0,0-4-5.56c-3.92-1.43-7.8-.94-11.9.26C132.13,235.61,132.35,237,132.58,238.44Zm27.78-29.11v-16c4.57-.92,6,.15,6.1,4.33.08,3.16,0,6.33,0,9.5,0,.71.12,1.42.17,2.07h5.79c0-2.69.05-5.18,0-7.66a62,62,0,0,0-.4-7.47,6.62,6.62,0,0,0-5.7-5.83c-4-.83-7.89-.13-11.84.86v20.16ZM82.64,188.57c.87,4.86,5.57,17.21,7.9,20.8h5a116.61,116.61,0,0,0,7.87-20.76H97.5c-1.38,4.36-2.72,8.61-4.07,12.85l-.74.06c-1.35-4.3-2.7-8.59-4.06-13Zm.34,45H77c-1.37,4.33-2.74,8.62-4.1,12.92h-.76q-2-6.47-4-12.89H61.94a123.36,123.36,0,0,0,7.89,20.77h5.24A119.58,119.58,0,0,0,83,233.57Zm131-45.21h-6.84c-.1-2.09-.18-3.89-.27-5.85l-5.75,1c0,6.6,0,12.84,0,19.08a6.34,6.34,0,0,0,.44,2.45,9.78,9.78,0,0,0,1.92,3.13c2.62,2.43,8.35,2.53,11.47.31l-.79-3.9c-.79.11-1.35.19-1.92.25a14.64,14.64,0,0,1-1.73.16c-2.09,0-3.14-.64-3.3-2.62-.22-2.86-.05-5.75-.05-8.84H214Zm-95.47,36.07a12.77,12.77,0,0,0-.2,1.52c0,7.5-.08,15,0,22.5.07,4.6,3.26,7,8.29,6.25l.83-4.47c-3-.54-3.31-2.64-3.29-5.07.06-6.25,0-12.5,0-18.75,0-.89-.08-1.77-.13-2.85ZM186,250.12c-3.1-.37-3.3-2.49-3.29-4.8q0-9.51,0-19c0-.88-.1-1.75-.16-2.79l-5.62,1c0,8.57-.15,16.81.07,25,.1,3.81,3.84,6,8.2,5.07C185.43,253.29,185.68,251.91,186,250.12Zm-56.93-60.61c-.56,4.29-.36,18,.25,19.81h5.23c.48-5.4-.22-10.7.45-16.13h6.5l.91-4.37C137.75,187.35,133.43,187.93,129.07,189.51Zm-21.59,44.13v20.65H113V233.64Zm6.3-6.72a3.56,3.56,0,1,0-3.6,3.56A3.44,3.44,0,0,0,113.78,226.92Z'/%3E%3Cpath class='cls-2' d='m124.87 103.07 33.58-11v60.51c-0.69 0.29-1.42 0.65-2.19 0.91-10.07 3.36-31.35 10.34-31.35 10.34v0.06-4.18q-0.01-28.34-0.04-56.64z'/%3E%3Cpath class='cls-3' d='m124.91 103.1q0 28.25 0 56.5v4.18c-10.89-3.59-22.26-7.43-33.3-11.07v-60.71z'/%3E%3Cpath class='cls-4' d='m124.85 52.86a20 20 0 1 1-20.07 19.92 20 20 0 0 1 20.07-19.92zm11.15 22.46-23.31-5a11.92 11.92 0 1 0 23.31 5z'/%3E%3Cpath class='cls-5' d='M158.8,223.51v10.05l2.71-.47a8.63,8.63,0,0,1,10.21,6.32,14.53,14.53,0,0,1,.1,8.39c-1.23,4.24-4.23,6.48-8.48,7.06-3.5.48-6.93-.19-10.41-1V224.46Zm0,26.13c4.77.92,7.05-.75,7.38-5.14a10.07,10.07,0,0,0,0-2c-.52-4.31-3.34-5.7-7.33-3.53Z'/%3E%3Cpath class='cls-6' d='M58.27,183.25l-1.8,5.13a19.54,19.54,0,0,0-2.2-.63,29.39,29.39,0,0,0-5.4-.71,6.71,6.71,0,0,0-6.42,5,10,10,0,0,0-.4,1.7c-1,7.85,3.4,12,11.13,10.39,1.2-.25,2.37-.66,3.71-1l1.68,4.67a18.62,18.62,0,0,1-2.06,1,20.39,20.39,0,0,1-9.35,1.07c-8.51-1-13.06-7.75-11.52-16.88,1.59-9.37,9.18-12.28,16.27-11.39A51.47,51.47,0,0,1,58.27,183.25Z'/%3E%3Cpath class='cls-6' d='M111.15,200.88c.8,4.06,3.41,4.79,11.29,3.29l.79,4.49c-4.82,1.6-9.37,2.12-13.89-.32a6.65,6.65,0,0,1-.62-.41c-4-2.94-5.24-9.82-2.56-14.78a10.16,10.16,0,0,1,12.72-4.49,7.62,7.62,0,0,1,4.91,5.29,59.16,59.16,0,0,1,1,6.93Zm-.07-4.08h7.45c-.31-2.58-1.42-3.76-3.48-3.82S111.77,194,111.08,196.8Z'/%3E%3Cpath class='cls-6' d='m205.57 249.27c0.21 1.54 0.39 2.91 0.6 4.44-4.4 1.45-8.59 1.95-12.81 0.16a8.06 8.06 0 0 1-1.51-0.86c-4.12-2.87-5.38-9.71-2.74-14.74a10.19 10.19 0 0 1 12.89-4.56 8 8 0 0 1 4.42 4.2 13.33 13.33 0 0 1 0.88 8h-13c0.33 3.85 2.77 4.56 11.27 3.36zm-4-7.38c-0.36-2.77-1.59-4-3.76-3.9s-3.3 1.3-3.55 3.9z'/%3E%3Cpath class='cls-7' d='m81 199.21c-0.12 7.78-6.51 12.56-13.74 10.26a9.23 9.23 0 0 1-5.08-3.81c-4.37-6.56-1.25-15.63 6-17.38 7.02-1.71 12.9 3.29 12.82 10.93zm-14.8-0.31a26.39 26.39 0 0 0 0.81 3.49 3.81 3.81 0 0 0 7.2 0 9.13 9.13 0 0 0 0-7 3.62 3.62 0 0 0-3.45-2.39 3.47 3.47 0 0 0-3.57 2.19 25.05 25.05 0 0 0-0.99 3.71z'/%3E%3Cpath class='cls-7' d='m197.49 199c0 7.93-6.42 12.84-13.75 10.51a9.33 9.33 0 0 1-5.08-3.82c-4.36-6.56-1.24-15.63 6-17.37 6.98-1.73 12.82 3.13 12.83 10.68zm-14.79-0.15a25.4 25.4 0 0 0 0.88 3.7 3.79 3.79 0 0 0 7.09 0 9 9 0 0 0 0-7.24 3.56 3.56 0 0 0-3.26-2.3 3.45 3.45 0 0 0-3.63 2.07 25.49 25.49 0 0 0-1.08 3.73z'/%3E%3Cpath class='cls-5' d='M54,241.23c-.14-2.25-.9-3.15-3.14-3.19-2,0-4,.23-6.19.38l-.8-4.28c4.46-1.34,8.72-2,12.91.17A6.14,6.14,0,0,1,59.88,240c.14,4.57,0,9.15,0,13.9-4.46,1.13-8.86,1.71-13.32.6a5.79,5.79,0,0,1-4.7-6c-.11-3.24,1.36-5.57,4.5-6.33A63.85,63.85,0,0,1,54,241.23Zm.16,4.22c-1.75.11-3.14.1-4.49.31a2,2,0,0,0,.14,4.05c1.37.14,2.76,0,4.35,0Z'/%3E%3Cpath class='cls-5' d='M102.4,253.9c-4.35,1-8.46,1.57-12.63.72-3.61-.74-5.37-2.91-5.38-6.44,0-3.33,1.74-5.54,5.29-6.23a60.85,60.85,0,0,1,6.65-.63c.16-2-.46-3-2.33-3.21a22,22,0,0,0-4,.08c-.9.05-1.79.21-2.89.35-.27-1.49-.52-2.84-.8-4.41,4.32-1.32,8.44-1.87,12.53,0a6.07,6.07,0,0,1,3.49,5.68C102.52,244.41,102.4,249.07,102.4,253.9Zm-5.79-8.43c-1.72.09-3.11.08-4.46.28a2,2,0,0,0,.09,4.05c1.37.14,2.77,0,4.37,0Z'/%3E%3Cpath class='cls-5' d='M132.58,238.44c-.23-1.47-.45-2.83-.69-4.36,4.1-1.2,8-1.69,11.9-.26a5.91,5.91,0,0,1,4,5.56c.2,4.8.06,9.62.06,14.52-4.26,1-8.43,1.59-12.68.7-3.49-.73-5.22-2.86-5.28-6.28s1.65-5.64,5.15-6.34a65.22,65.22,0,0,1,6.87-.68c0-2.22-.79-3.21-3-3.26C136.93,238,134.94,238.27,132.58,238.44Zm9.53,7c-1.7.1-3.09.08-4.44.28a2,2,0,0,0,.07,4.05c1.37.14,2.77,0,4.37,0Z'/%3E%3Cpath class='cls-8' d='m160.36 209.33h-5.86v-20.16c3.95-1 7.83-1.69 11.84-0.86a6.62 6.62 0 0 1 5.7 5.83 62 62 0 0 1 0.4 7.47c0.06 2.48 0 5 0 7.66h-5.79c0-0.65-0.16-1.36-0.17-2.07v-9.5c-0.11-4.18-1.53-5.25-6.1-4.33z'/%3E%3Cpath class='cls-9' d='m82.64 188.57h6c1.36 4.36 2.71 8.65 4.06 13l0.74-0.06c1.35-4.24 2.69-8.49 4.07-12.85h5.94a116.61 116.61 0 0 1-7.87 20.76h-5c-2.37-3.64-7.07-15.99-7.94-20.85z'/%3E%3Cpath class='cls-9' d='M83,233.57a119.58,119.58,0,0,1-7.91,20.8H69.83a123.36,123.36,0,0,1-7.89-20.77h6.19q2,6.42,4,12.89h.76c1.36-4.3,2.73-8.59,4.1-12.92Z'/%3E%3Cpath class='cls-6' d='m214 188.36v5.14h-6.81c0 3.09-0.17 6 0.05 8.84 0.16 2 1.21 2.61 3.3 2.62a14.64 14.64 0 0 0 1.73-0.16c0.57-0.06 1.13-0.14 1.92-0.25l0.79 3.9c-3.12 2.22-8.85 2.12-11.47-0.31a9.78 9.78 0 0 1-1.92-3.13 6.34 6.34 0 0 1-0.44-2.45v-19.08l5.75-1c0.09 2 0.17 3.76 0.27 5.85z'/%3E%3Cpath class='cls-8' d='m118.53 224.43 5.55-0.87c0 1.08 0.12 2 0.13 2.85v18.75c0 2.43 0.29 4.53 3.29 5.07l-0.83 4.47c-5 0.7-8.22-1.65-8.29-6.25-0.11-7.5 0-15 0-22.5a12.77 12.77 0 0 1 0.15-1.52z'/%3E%3Cpath class='cls-8' d='M186,250.12c-.32,1.79-.57,3.17-.8,4.49-4.36.88-8.1-1.26-8.2-5.07-.22-8.24-.07-16.48-.07-25l5.62-1c.06,1,.16,1.91.16,2.79q0,9.5,0,19C182.7,247.63,182.9,249.75,186,250.12Z'/%3E%3Cpath class='cls-8' d='m129.07 189.51c4.36-1.58 8.68-2.16 13.34-0.69l-0.91 4.37h-6.5c-0.67 5.43 0 10.73-0.45 16.13h-5.23c-0.61-1.78-0.81-15.52-0.25-19.81z'/%3E%3Cpath class='cls-10' d='M107.48,233.64H113v20.65h-5.53Z'/%3E%3Cpath class='cls-11' d='m113.78 226.92a3.43 3.43 0 0 1-3.6 3.56 3.5 3.5 0 1 1 3.6-3.56z'/%3E%3Cpath class='cls-12' d='m136 75.32a11.92 11.92 0 1 1-23.31-5z'/%3E%3Cpath class='cls-13' d='m158.85 249.64v-10.64c4-2.17 6.81-0.78 7.33 3.53a10.07 10.07 0 0 1 0 2c-0.28 4.36-2.56 6.03-7.33 5.11z'/%3E%3Cpath class='cls-14' d='M111.08,196.8c.69-2.82,1.87-3.89,4-3.82s3.17,1.24,3.48,3.82Z'/%3E%3Cpath class='cls-14' d='m201.56 241.89h-7.31c0.25-2.6 1.39-3.83 3.55-3.9s3.4 1.13 3.76 3.9z'/%3E%3Cpath class='cls-15' d='m66.2 198.9a25.05 25.05 0 0 1 1-3.73 3.47 3.47 0 0 1 3.56-2.17 3.62 3.62 0 0 1 3.43 2.42 9.13 9.13 0 0 1 0 7 3.81 3.81 0 0 1-7.2 0 26.39 26.39 0 0 1-0.79-3.52z'/%3E%3Cpath class='cls-15' d='m182.7 198.81a25.49 25.49 0 0 1 1.07-3.75 3.45 3.45 0 0 1 3.63-2.06 3.56 3.56 0 0 1 3.26 2.3 9 9 0 0 1 0 7.24 3.79 3.79 0 0 1-7.09 0 25.4 25.4 0 0 1-0.87-3.73z'/%3E%3Cpath class='cls-13' d='m54.11 245.45v4.39c-1.59 0-3 0.11-4.35 0a2 2 0 0 1-0.14-4.05c1.38-0.24 2.74-0.23 4.49-0.34z'/%3E%3Cpath class='cls-13' d='m96.61 245.47v4.36c-1.6 0-3 0.11-4.37 0a2 2 0 0 1-0.09-4.05c1.35-0.23 2.74-0.22 4.46-0.31z'/%3E%3Cpath class='cls-13' d='m142.11 245.47v4.36c-1.6 0-3 0.11-4.37 0a2 2 0 0 1-0.07-4.05c1.33-0.23 2.74-0.21 4.44-0.31z'/%3E%3C/svg%3E"); display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100%; width: 100%; background-color: #1C2642; } /* .librariansImgs { height: 215px; width: auto; position: absolute; left: 24%; top: 10%; } .librariansText { position: absolute; bottom: 10%; width: 350px; left: 24%; } .librariansChoiceMainCircle { right: -100px; } */ .homeCustomCarousel { border-top: 1px solid #2995D3; } .ckgHeaderBanner { margin-bottom: 20px; } .ckgHeaderImage { width: 100px; } .ckgHeaderImage.altTitle { width: 100%; height: auto; } .ckgHeaderTitle { display: flex; justify-content: flex-start; align-items: center; } .ckgHeaderTitle .pageTitle { margin-right: 10px; } .ckgHeaderSubTitle { font-size: 1.5em; text-align: center; } .ckgHeaderText { font-size: 18px; } h4.formHeaders { margin: 2px 0; color: black; } .topQtys { font-size: 18px; } .topQtys input[type="number"] { width: 70px; margin: 7px 0; height: 30px; } .orderFormSection { border-bottom: lightgrey 1px solid; padding: 30px 0; } .ckgFormInputs { color: #2995D3; } .orderForm { color: #2995D3; } .orderForm input { border-color: #2995D3; } .ckgformInputSection { padding: 30px 0; } .orderForm input { width: 100%; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 5px; margin-bottom: 20px; } .orderForm textarea { width: 100%; border-color: #2995D3; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 5px; margin-bottom: 5px; height: 90px; } .orderForm .column { -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 20px; } .orderForm h5 { margin: 2px 0; font-size: 18px; } .ckgHeader { text-align: left; } .servicingFormSelect button { display: inline; } /* Wishlist */ .wishlist .basketSummary { margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wishlist .basketSummary p { margin: 0; } .wishlist .basketSummary p+p { margin-left: 10px; } .wishlist .basketSummaryLabel { font-weight: bold; } .container.wishlist img { max-width: 100%; height: auto; } .wishlistBanner { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 7px; background-color: #e8f4fa; color: black; } /* Wish list with checkboxes */ .checkmarkAll.searchHeadBar { padding-left: 45px; position: relative; } .checkmarkAll .checkMarkContainer { position: absolute; left: 10px; top: 50%; } .wishListItems .infoSection { flex-basis: calc(100% - 40px); } .wishListItems .infoSection .productImageContainer { flex-grow: 1; flex-shrink: 1; flex-basis: calc((100% / 3) - 1px); } .wishListItems .infoSection .twoThirds.column { flex-grow: 1; flex-shrink: 1; flex-basis: calc((200% / 3) - 40px); } .wishListItems .checkMarkSection { display: flex; align-items: center; justify-content: center; padding: 0 10px 0 0; margin-left: -5px; } /* #bannerItems { position: fixed; top:0; left:0; width: 100%; z-index: 10000; } */ .button.closeAnnouncement { margin: 0 0 0 20px; } #newSiteBanner { display: none; background-color: #e8f4fa; padding: 10px 5px; color: black; justify-content: center; align-items: center; } #newSiteBanner.show { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #newSiteBanner p { flex: 0 1 auto; margin: 0; } body[class*='isIE'] #newSiteBanner p { width: calc(100% - 65px); } #newSiteBanner .button { margin: 0 0 0 20px; width: 65px; box-sizing: border-box; } .wishlistBanner h3 { text-align: center; margin: 7px 0; color: #1c2542; } .wlBannerPadding { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; } .wishlistBanner img { width: 100%; max-height: 280px; width: auto; } .wlBannerNarrow { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0px 20px 15px; } .wlImage img { width: 100%; -o-object-fit: cover; object-fit: cover; height: 320px; } .servicingFormSelect h5 { margin: 15px 0; } .servicingFormSelect { color: #079285; } .readingForm { margin: 20px 0; } .readingForm h5 { margin: 2px 0; color: #2995D3; } .sessionSection { border-top: 1px solid darkgrey; border-bottom: 1px solid darkgrey; text-align: center; box-sizing: border-box; padding: 30px 0; font-size: 20px; } .readingPadding { padding: 10px 8px; font-size: 14px; box-sizing: border-box; } .sponsorSection img { width: 60%; margin: 0 auto; } .sponsorSection { text-align: center; } .ckgHeader h3 { text-align: center; } table.readingTeachersTable td { border: 1px solid darkgrey; padding: 15px 0; } table.readingTeachersTable { border-collapse: collapse; width: 100%; text-align: center; } .readingTable { box-sizing: border-box; padding: 0px 40px; } .botwImageContainer { height: 350px; margin: 0 auto; padding: 8px; box-sizing: border-box; } .botwContainer { box-sizing: border-box; padding: 15px; } .botwTitle { margin: 5px 0; } img.schoolClassSets { width: 45%; } .carouselTitle { font-weight: 600; } .deweyIndex, .deweyList { list-style: none; padding-left: 0; } .deweyPage .deweyList { display: none; } .deweyPage .hasChildren { cursor: pointer; } .deweyList { columns: 3; } .deweyPage .deweyList { columns: 1; } .deweyList p { font-weight: bold; } .deweyList .deweyList { columns: 1; } .deweyLabel { width: 18px; display: inline-block; } .deweyNumber { margin-right: 10px; } .deweyPage .hasChildren::before { content: '\f054'; font-family: "Font Awesome 5 Pro"; color: #2995D3; display: inline-block; margin-right: 6px; } .deweyPage .nested .hasChildren::before { margin-left: -22px; } .deweyPage .hasChildren-down::before { transform: rotate(90deg); } .deweyPage .nested { display: none; list-style: none; } .listItem.ui-sortable-handle { cursor: grab; } .listItem.ui-sortable-handle:active { cursor: grabbing; } .breadcrumbs { display: flex; flex-wrap: wrap; list-style: none; padding-left: 0; /* margin-bottom: 0; */ } .breadcrumbs li:not(:last-child)::after { content: '\f054'; font-family: "Font Awesome 5 Pro"; margin: 10px; font-weight: 100; color: #7a7a7a; } .breadcrumbs li:last-child { font-weight: bold; } .breadcrumbs li:not(:last-child) a { color: #7a7a7a; } /* Internet Explorer/Edge ≤ 8 */ @media screen\0 { #wrapper { display: block; } #wrapper .bespokeImageMain img { height: auto; } #wrapper .addToBasketSelect { max-width: 26px; } select::-ms-expand { background-color: rgba(0, 0, 0, 0); border: 0; -webkit-box-shadow: inset 0 0px 0px rgba(10, 10, 10, 0.1); box-shadow: inset 0 0px 0px rgba(10, 10, 10, 0.1); } select.selectSearchDropdown::-ms-expand, #wrapper select.addToBasketSelect::-ms-expand { color: #FFFFFF; } .searchHeadBar select { padding: 4px 4px 4px 1px !important; } select { -webkit-box-shadow: inset 0 0px 0px rgba(10, 10, 10, 0.1); box-shadow: inset 0 0px 0px rgba(10, 10, 10, 0.1); border: 1px solid rgb(169, 169, 169); } input[type="checkbox"] { background-color: initial; cursor: default; appearance: checkbox; -webkit-appearance: checkbox; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 3px 3px 3px 4px; padding: initial; border: initial; } .popup .buttons { -ms-flex-pack: distribute; justify-content: space-around; } } @media screen\9 { #wrapper { display: block; } #wrapper .bespokeImageMain img { height: auto; } #wrapper .addToBasketSelect { max-width: 26px; } select::-ms-expand { background-color: rgba(0, 0, 0, 0); border: 0; -webkit-box-shadow: inset 0 0px 0px rgba(10, 10, 10, 0.1); box-shadow: inset 0 0px 0px rgba(10, 10, 10, 0.1); } select.selectSearchDropdown::-ms-expand, #wrapper select.addToBasketSelect::-ms-expand { color: #FFFFFF; } .searchHeadBar select { padding: 4px 4px 4px 1px !important; } select { -webkit-box-shadow: inset 0 0px 0px rgba(10, 10, 10, 0.1); box-shadow: inset 0 0px 0px rgba(10, 10, 10, 0.1); border: 1px solid rgb(169, 169, 169); } input[type="checkbox"] { background-color: initial; cursor: default; appearance: checkbox; -webkit-appearance: checkbox; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 3px 3px 3px 4px; padding: initial; border: initial; } .popup .buttons { -ms-flex-pack: distribute; justify-content: space-around; } } /* Internet Explorer ≥ 10 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .cookieBannerText { text-align: center; width: 100%; margin-bottom: 40px !important; } #cookieBanner { position: fixed; min-height: 100px; } .cookieBannerButtons { position: absolute; width: 200px; left: calc((100% - 200px)/ 2); bottom: 10px; } .cookieBannerButtons>* { margin-top: 0; margin-bottom: 0; } .browserupgrade.ie10 { display: block; } .browserupgrade.ie10~#header { margin-top: 50px; } ul.menu>li { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* IE11 */ _:-ms-fullscreen, :root .browserupgrade.ie10 { display: none; } _:-ms-fullscreen, :root .browserupgrade.ie10~#header { margin-top: 0; } } .orderRefItems { margin: 20px 0; } ul.servicesListSettings li { padding: 0; } ul.servicesListSettings { padding: 5px 10px 5px 30px; margin: 0; width: calc(100% - 100px); box-sizing: border-box; } .listView .bookPackTitle { display: none; } .gridView .bookPackTitle { color: #2995D3; font-weight: 600; padding: 10px 0; font-size: 16px; } .gridView .bookpackReview { display: none; } .basketInfoSummary { padding: 5px 0; } .newButtons button { margin: 0; white-space: nowrap; display: flex; justify-content: space-between; align-items: center; } .newButtons button i { font-size: .8em; margin-left: 5px; } .inlineItems { display: flex; flex-wrap: nowrap; } .inlineItems.spaceBetween { justify-content: space-between; } .inlineItems.spaceAround { justify-content: space-around; } .inlineItems.center { justify-content: center; } .inlineItems.flexEnd { justify-content: flex-end; } .inlineItems.wrap { flex-wrap: wrap; } .vAlignCenter { align-items: center; align-self: center; align-content: center; } .stickyItemContainer { position: relative; } #filtersContainer { width: 82%; margin: 0; box-sizing: border-box; } #customSearchContainer #filtersContainer { width: 100%; } #searchOptionsContainer { width: calc(100%/6); height: auto; display: table; box-sizing: border-box; } #searchOptionsContainer .borderedSection { width: 100%; height: auto; display: table; box-sizing: border-box; padding: 20px; border: 1px solid rgba(238, 238, 238, 1); } #searchOptionsContainer h4 { margin: 0; font-size: 28px; } #searchOptionsContainer .inlineItems { align-items: center; margin: 5px 0; } #searchOptionsContainer .navigationContainer { margin: 15px 0; } #searchOptionsContainer .runSearch { margin-left: auto; } #searchOptionsContainer .sortItem, #searchOptionsContainer .sortByText { margin-bottom: 10px; } .searchActionsContainer button { margin: 0 10px; } .optionsSection { border-bottom: 2px solid #2995D3; margin-bottom: 20px; padding-bottom: 20px; } .optionsSection h5 { margin-bottom: 20px; } .inlineItems button span { min-width: 80px; text-align: center; } .popupSection.container { width: 400px; } i.fal.fa-redo.updateList { font-size: 0.8em; margin-left: 5px; cursor: pointer; transition: all .5s; color: #4A4A4A; } i.fal.fa-redo.updateList:hover { transform: rotate(360deg); } ol.sortItemList { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; margin-top: -10px; } ol.sortItemList>* { float: left; } .sortItem .handle { display: flex; align-items: center; height: 100%; border-radius: 16px; padding: 0 5px; } .sortItem .sortNumber { margin: 0; } .button.updateList { margin: 0 0 0 auto; } #countLoadingContainer, #countCanceledText, #filtersLoadingContainer { display: none; text-align: center; } .selectedFiltersGroup { transition: .2s; padding: 0 10px; box-sizing: border-box; border: 1px solid rgba(238, 238, 238, 1); background-color: #FFFFFF; -webkit-box-shadow: 5px 5px 5px 0px rgb(128 128 128 / 64%); -moz-box-shadow: 5px 5px 5px 0px rgba(128, 128, 128, 0.64); box-shadow: 5px 5px 5px 0px rgb(128 128 128 / 64%); margin-top: 10px; } .actionButtonsContainer { margin-top: 20px; } .noCoverElement { transition: .2s; } #stopCount { cursor: pointer; } #loadCountSpinner { width: 60px; height: 60px; } /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 36px; height: 20px; box-sizing: border-box; } /* Hide default HTML checkbox */ .switch input { opacity: 0; width: 0; height: 0; } /* The slider */ .switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #666666; -webkit-transition: .4s; transition: .4s; padding: 0; } .switch .slider:before { position: absolute; content: ""; height: 14px; width: 14px; left: 3px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; } .switch input:checked+.slider { background-color: #2995D3; -webkit-box-shadow: inset 0px 0px 4px #0e3348; -moz-box-shadow: inset 0px 0px 4px #0e3348; box-shadow: inset 0px 0px 4px #0e3348; outline: none; } .switch input:active+.slider { box-shadow: 0 0 1px #2995D3; } .switch .slider { -webkit-box-shadow: 0 0 0 0px rgb(255 255 255 / 64%); -moz-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.64); box-shadow: 0 0 0 0px rgb(255 255 255 / 64%); -webkit-transition: box-shadow .25s linear; -moz-transition: box-shadow .25s linear; -ms-transition: box-shadow .25s linear; -o-transition: box-shadow .25s linear; transition: box-shadow .25s linear; } .switch:hover .slider { -webkit-box-shadow: 2px 2px 4px 0px rgb(128 128 128 / 64%); -moz-box-shadow: 2px 2px 4px 0px rgba(128, 128, 128, 0.64); box-shadow: 2px 2px 4px 0px rgb(128 128 128 / 64%); } .switch input:checked+.slider:before { -webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px); } /* Rounded sliders */ .switch .slider.round { border-radius: 34px; } .switch .slider.round:before { border-radius: 50%; } #escapeButton { background: #80b349; } meter { /* Reset the default appearance */ /* -webkit-appearance: none; -moz-appearance: none; appearance: none; */ width: 100%; height: 0.5em; /* Applicable only to Firefox */ background: none; /* background-color: rgba(0, 0, 0, 0.1); */ } meter::-webkit-meter-bar { background: none; background-color: rgba(0, 0, 0, 0.1); } /* Webkit based browsers */ meter[value="1"]::-webkit-meter-optimum-value { background: red; } meter[value="2"]::-webkit-meter-optimum-value { background: yellow; } meter[value="3"]::-webkit-meter-optimum-value { background: orange; } meter[value="4"]::-webkit-meter-optimum-value { background: green; } /* Gecko based browsers */ meter[value="1"]::-moz-meter-bar { background: red; } meter[value="2"]::-moz-meter-bar { background: yellow; } meter[value="3"]::-moz-meter-bar { background: orange; } meter[value="4"]::-moz-meter-bar { background: green; } .conditionsList { list-style: none; margin: 0; border: 1px solid rgba(238, 238, 238, 1); } .conditionGroup ol, .conditionsList { padding: 0; } .conditionsList { background-color: #FFFFFF; } /* .conditionGroup ol { background-color: #f7f7f7; } */ .booleanSearchContainer li { list-style: none; padding-left: 0; } .selectize-dropdown [data-selectable] { padding: 0 4px; } .selectize-input .item { padding-right: 30px; } .conditionsList .booleanSearchItem { display: flex; flex-wrap: nowrap; box-sizing: border-box; border: 1px solid rgba(238, 238, 238, 1); align-items: stretch; flex-direction: column; margin: 10px; background-color: #FFFFFF; -webkit-box-shadow: 5px 5px 5px 0px rgba(128, 128, 128, 0.64); -moz-box-shadow: 5px 5px 5px 0px rgba(128, 128, 128, 0.64); box-shadow: 5px 5px 5px 0px rgba(128, 128, 128, 0.64); } .conditionsList .conditionGroup.booleanSearchItem:not(.conditionItem) { border: 2px solid rgb(43 151 212); background: rgb(43 151 212); } #customSearchContainer { padding: 30px 10px 0; } #customSearchContainer .conditionsList .booleanSearchItem, #customSearchContainer .conditionsList { border: none; margin: 0; -webkit-box-shadow: none; box-shadow: none; background: none; } #customSearchContainer .conditionsList .booleanSearchItem { width: 100%; } #customSearchContainer .conditionsList .filterWidget>.filters>.hasChildren>ul.filters { max-height: none; } #customSearchContainer .conditionsList .filters li { width: initial; flex-grow: 1; } .stockTypeSelectAlls { margin-block-start: 1em; margin-block-end: -2em; } .stockTypeSelectAlls li.hasChildren { padding: 5px 2px 5px 9px; } .stockFiltersContainer { flex-grow: 1; } #customSearchContainer .conditionsList .stockFiltersContainer .booleanSearchItem.stockTypeFiltersContainer, #customSearchContainer .conditionsList .dateFiltersContainer .booleanSearchItem.dateFilters { box-sizing: border-box; /* border: 1px solid #2b97d4; */ border: 1px solid rgba(238, 238, 238, 1); background: rgba(255, 255, 255, 0.6); } .stockFilter>ul { display: flex; justify-content: space-around; } /* ul.productPageTabs.stockTypeOptions li { font-size: 1em; text-decoration: underline; } */ .selectToggleButtonsContainer { display: flex; justify-content: space-around; } /* .stockTypeOptions { display: flex; margin: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; justify-content: center; align-items: center; border-bottom: 1px solid #797e81; padding: 10px; font-size: 1.4em; } .stockTypeOptions input[type="radio"] { margin: 0 0 0 6px; border: 0px; width: 1em; height: 1em; } .stockTypeOptions label[for="adultStockRadio"] { margin: 0 0 0 20px; } .stockTypeOptions input, .stockTypeOptions label { cursor: pointer; } .stockTypeOptions label { white-space: nowrap; } */ #customSearchContainer .booleanSearchItem .checkMarkContainer { margin-right: 0; } .conditionsList .conditionGroup.booleanSearchItem { margin: 30px 10px; } .conditionsList .ui-sortable-helper:active { box-shadow: 2px 2px 5px -2px rgba(0, 0, 0, 0.6); } .conditionsList .filters .hasChildren ul { padding: 2px; margin: 5px 0; position: relative; box-sizing: border-box; } .conditionsList .openStateIcon { margin-left: 10px; } .conditionsList .filters li { padding: 5px 0 5px 10px; box-sizing: border-box; position: relative; width: 95%; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; break-inside: avoid-column; page-break-inside: avoid; } .conditionsList .filterWidget>.filters>.hasChildren>ul.filters { max-height: 280px; overflow-y: auto; overflow-x: hidden; } .conditionsList .filters li:only-child { min-width: calc(100% - 10px); } /* .conditionsList .filters li:only-child .filterItemContainer { justify-content: center; } */ #customSearchContainer .conditionsList { display: flex; } .filterWidget>ul>* { /* max-width: calc(50% - 10px); */ flex-grow: 1; box-sizing: border-box; } .filterItemContainer:not(.fixedExpand):not(.noTreeLines)~.filters.open:not(.noTreeLines)::before { content: ' '; position: absolute; height: calc(100% - 15px); width: 0; top: 5px; left: 0; border-left: 1px solid #CACACA; } .filterModal .filterItemContainer:not(.fixedExpand):not(.noTreeLines)~.filters.open:not(.noTreeLines)::before { top: -2px; height: calc(100% - 10px); } .filterItemContainer:not(.fixedExpand):not(.noTreeLines)~.filters.open:not(.noTreeLines) li:not(.selectr-option):not([filtertype='bookLevelFrom']):not([filtertype='bookLevelTo'])::before { content: ' '; position: absolute; height: 0; width: 7px; left: -2px; top: 20px; border-bottom: 1px solid #CACACA; } .filterModal .filterItemContainer:not(.fixedExpand):not(.noTreeLines)~.filters.open:not(.noTreeLines) li:not(.selectr-option):not([filtertype='bookLevelFrom']):not([filtertype='bookLevelTo'])::before { left: 0; top: 15px; } .booleanSearchContainer .removeItem { margin-left: auto; display: flex; justify-content: center; align-items: center; ; color: rgba(0, 0, 0, 0.7); padding: 14.5px; background-color: rgba(255, 0, 0, 0.15); border-left: 1px solid rgba(255, 0, 0, 0.16); cursor: pointer; transition: all .2s; } .booleanSearchContainer .removeItem:hover { color: rgba(0, 0, 0, 0.95); background-color: rgba(255, 0, 0, 0.31); border-left: 1px solid rgba(255, 0, 0, 0.32); } .booleanSearchContainer .title { width: 95px; } .conditionItem { display: flex; justify-content: space-between; align-items: stretch; background-color: #e8f4fa; } .booleanSearchContainer .handle { display: flex; align-items: center; padding: 6px 12px; width: 100%; } .optionsSection h5 { margin: 0 0 5px; color: #2995D3; font-weight: 400; } .searchActionsContainer { margin-top: 20px; } li .handle { cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } li .handle:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } .conditionItem .info { width: 100%; display: flex; } .conditionItem .options { width: 100%; } li div:hover>.anchor:before, tr:hover td>.anchor:before { color: #939393; } .booleanSearchContainer .anchor { margin-right: 1px; padding-left: 2px; padding-right: 6px; padding-top: 6px; padding-bottom: 6px; } li .anchor { cursor: -moz-grab; cursor: -webkit-grab; } .booleanSearchContainer .anchor:before { font-family: Font Awesome\ 5 Pro; content: '\f0c9'; margin: 0 1px; color: #CCCCCC; } .booleanSearchContainer .anchor.spacer:before { content: ''; } .booleanSelect.selectize-control { min-width: 200px; } span.positiveType { text-transform: uppercase; opacity: .3; transition: .5s; /* font-weight: 600; */ } span.positiveType.is { margin-right: 4px; } span.positiveType.isNot { margin-left: 4px; } span.positiveType.activeType { opacity: 1; } p#disabledSearchText { text-align: center; font-size: .9em; color: #9e9e9e; transition: .5s; } .conditionBooleanContainer { margin-left: 10px; } .conditionGroup ol li { margin: 10px; } .sortablePlaceholder { background-color: rgba(0, 0, 0, 0.05); margin: 3px 0; padding: 5px; } .sortablePlaceholder.sortItem { margin: 10px auto 10px 0; padding: 0; border: 0; background-color: #e8e8e8; } .filterWidget>ul { padding: 0; list-style: none; } .conditionsList .dateFiltersContainer .filterWidget>ul.filters { -moz-column-count: 1 !important; -webkit-column-count: 1 !important; column-count: 1 !important; } .filterWidget>ul:not([category='ukslc']):not([category='languages']):not([category='rrp']):not([category='keywords']):not([category='resource']):not([category='genre']) { /* .filterWidget > ul:not([category='ukslc']):not([category='languages']) { */ -moz-column-count: 2; -moz-column-gap: 1em; -webkit-column-count: 2; -webkit-column-gap: 1em; column-count: 2; column-gap: 1em; } .booleanSearchContainer li .options.filterWidget { -moz-column-count: 2; -moz-column-gap: 1em; -webkit-column-count: 2; -webkit-column-gap: 1em; column-count: 2; column-gap: 1em; padding: 10px; } .booleanSearchContainer li .options.filterWidget>ul:not([category='ukslc']):not([category='languages']):not([category='rrp']):not([category='keywords']):not([category='resource']):not([category='genre']) { -moz-column-count: 1; -moz-column-gap: 1em; -webkit-column-count: 1; -webkit-column-gap: 1em; column-count: 1; column-gap: 1em; } .conditionsList .filterWidget ul[category=bookBand] { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } .conditionsList .filterWidget ul[category=bookBand] li { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; break-inside: avoid-column; overflow: hidden } #nonstockform table { width: 100%; border-spacing: 10px; border-collapse: separate; } #nonstockform textarea { width: 100%; height: 75px; } #nonstockform td { vertical-align: top; } #booleanSearchHiddenMessage { display: none; } .bookListDetails { display: flex; justify-content: space-between; border-bottom: 1px solid; } #bookListTable { width: 100%; } .bookListDetails { cursor: pointer; } .bookListDetailsHeader { font-weight: 700; } .listItems>div { background-color: #fbfbfb; } .listItems>div:nth-child(even) { background: #e8f4fa; } .bookListDetailsItem { cursor: pointer; } .bookListDetailsItem:hover { background: #caecff !important; } .bookListDetails i.fas.fa-chevron-down { margin-left: 10px; } .tabCategories { display: flex; justify-content: space-between; color: #2995D3; margin: 15px auto; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .isIE11 .tabCategories { justify-content: center; } .tabCategories i, .tabItem { cursor: pointer; padding: 4px 10px; } .tabItem { background-color: lightgrey; padding: 0; border-radius: 100%; height: 10px; width: 10px; margin: 5px; } .tabItem.current { background-color: #2995D3; color: #FFFFFF; } #tabLinksContainer { color: #C8C8C8; } /* pikaday overrides */ .pika-single.is-bound .pika-prev, .pika-single.is-bound .pika-next { margin: 0; font-size: 12px; } .pika-single.is-bound .pika-day { color: #1c2542; background-color: #e8f4fa; text-align: center; border: 1px solid #ccc; } .passionateLibraries .tabContent { padding: 0; } .passionateLibraries .blogText { margin-bottom: 0; } /* width */ .passionateLibraries .tabContent::-webkit-scrollbar { width: 5px; } /* Track */ /* .innerSidebar::-webkit-scrollbar-track { border-radius: 10px; } */ /* Handle */ /* .passionateLibraries .tabContent::-webkit-scrollbar-thumb { border-radius: 10px; } */ .passionateLibraries .tabContent::-webkit-scrollbar-thumb { background-color: #2995D3b8; } .passionateLibraries .tabContent::-webkit-scrollbar-track { color: rgb(28, 37, 66); background-color: rgba(0, 0, 0, 0.3); } .tabContent h4, .blogDate { margin: 0; } .tabContent h4 { font-size: 1.2rem; } .tabContent .blogImage img { height: 100%; } .tabContent .mainParagraphBlog, .homeTabSliderSlide .mainParagraphBlog { font-size: .9em; } .tabContent .blogText { padding: 8px 16px; } .recommendedSection.noTop { border: 0; padding: 0 0 30px; } .recommendedSection.noBottom { padding: 30px 0 0; } /* .tabContent .blogEntrySingle { max-height: 210px; overflow: hidden; } */ /* .tabContent h2 { font-size: 1.6rem; margin-top: 0.6em; } */ #partnerLogo { max-width: 100%; } .partnerLogoContainer { box-sizing: border-box; padding: 0 30px; display: flex; justify-content: center; align-items: center; } .partnersPage .headerSection.columns { justify-content: space-between; align-items: center; padding-bottom: 40px; } .partnersPage .headerSection.columns .third.column { width: calc(90% / 3); } .partnersPage .carouselStyles+.optionalSection { margin-top: 20px; } .partnersPage .optionalSection>div { padding-bottom: 0; } .partnersPage .optionalSection>div+div { margin-top: 30px; } .partnersPage .optionalSection { margin-bottom: 10px; } .authorListContainer { width: 20%; margin-right: 1rem; display: inline-block; vertical-align: top; } .authorListContainer .authorListContent { display: block; } table.latestAwards, table.newLists { background-color: #e8f4fa; width: 96%; } .latestAwards td:first-child { min-width: 70px; } .latestAwards .desktopHidden { display: none; } .latestAwards td { height: 30px; box-sizing: border-box; } #authorityModal .modal-container .modal-header h3 { margin-top: 0; } .btn-purple { background-color: #5c4293; } /* Close button -> Authority modal */ .btn.btn-clear { background: transparent; border: 0; color: currentColor; height: 1rem; line-height: 0.875rem; margin-left: 0.2rem; margin-right: -2px; opacity: 1; padding: 0.1rem; text-decoration: none; width: 1rem; } .btn.btn-clear:focus, .btn.btn-clear:hover { background: rgba(17, 17, 17, 0.5); opacity: .95; } .btn.btn-clear::before { content: "\2715"; } /* Cancel button -> Authority modal */ .btn.btn-light { background: #b5b5b5; border-color: #adadad; color: #fff; } .btn.btn-light:focus { box-shadow: 0 0 0 0.1rem rgba(181, 181, 181, 0.2); } .btn.btn-light:focus, .btn.btn-light:hover { background: #b0b0b0; border-color: #a8a8a8; color: #fff; } .btn.btn-light:active, .btn.btn-light.active { background: #a3a3a3; border-color: #9c9c9c; color: #fff; } .btn.btn-light.loading::after { border-bottom-color: #fff; border-left-color: #fff; } .denseHeader .quarter.column { width: 35% !important; } /* INFO GALLERY */ .infoGallery .gallerySet.hidden { display: none; } .infoGallery .galleryRow { display: grid; column-gap: 10px; row-gap: 1em; margin-bottom: 1rem; } .infoGallery .galleryItem { display: inline-grid; overflow: hidden; position: relative; height: 60vw; } .infoGallery .galleryItemBackgroundImg { background-repeat: no-repeat; background-position: center; background-size: cover; } .infoGallery .galleryItemImg { width: 100%; height: 100%; object-fit: contain; position: absolute; } .infoGallery .galleryItemVid { width: 100%; height: 100%; object-fit: contain; border: 0; } .infoGallery .galleryItemHover { height: 100%; width: 100%; opacity: 0; transition: .5s ease; /* background-color: #1c2542; */ padding: 15px; box-sizing: border-box; display: flex; align-items: center; margin: 0 auto; white-space: normal; font-size: 14px; color: white; text-align: center; position: absolute; } .infoGallery .galleryItemHover * { overflow: hidden; white-space: normal; margin: 0; } .infoGallery .galleryItemHover ul, .infoGallery .galleryItemHover li { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; width: calc(100% - 20px); } .infoGallery .galleryItemHover p, .infoGallery .galleryItemHover div { display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 12; -webkit-box-orient: vertical; } .infoGallery .galleryItem.large .galleryItemHover p, .infoGallery .galleryItem.large .galleryItemHover div { -webkit-line-clamp: 20; } /* .infoGallery .galleryItem.medium .galleryItemHover p, .infoGallery .galleryItem.medium .galleryItemHover div { -webkit-line-clamp: 9; } */ .infoGallery .galleryItem.smallSquare .galleryItemHover p, .infoGallery .galleryItem.smallSquare .galleryItemHover div { -webkit-line-clamp: 6; } .infoGallery .galleryItemHover:hover { opacity: 1; } @media (min-width: 650px) { .infoGallery .galleryRow.firstRow, .infoGallery .galleryRow.secondRow, .infoGallery .galleryRow.thirdRow { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, 5vw); } .infoGallery .galleryRow.firstRow .galleryItem.large { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 5; } .infoGallery .galleryRow.firstRow .galleryItem.smallSquare.topLeft { grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3; } .infoGallery .galleryRow.firstRow .galleryItem.smallSquare.topRight { grid-column-start: 4; grid-column-end: 5; grid-row-start: 1; grid-row-end: 3; } .infoGallery .galleryRow.firstRow .galleryItem.smallSquare.bottomLeft { grid-column-start: 3; grid-column-end: 4; grid-row-start: 3; grid-row-end: 5; } .infoGallery .galleryRow.firstRow .galleryItem.smallSquare.bottomRight { grid-column-start: 4; grid-column-end: 5; grid-row-start: 3; grid-row-end: 5; } .infoGallery .galleryRow.secondRow .galleryItem.large { grid-row-start: 1; grid-row-end: 5; } .infoGallery .galleryRow.secondRow .galleryItem.large:nth-child(1) { grid-column-start: 1; grid-column-end: 3; } .infoGallery .galleryRow.secondRow .galleryItem.large:nth-child(2) { grid-column-start: 3; grid-column-end: 5; } .infoGallery .galleryRow.thirdRow .galleryItem.smallSquare.topLeft { grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; } .infoGallery .galleryRow.thirdRow .galleryItem.smallSquare.topRight { grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; } .infoGallery .galleryRow.thirdRow .galleryItem.smallSquare.bottomLeft { grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 5; } .infoGallery .galleryRow.thirdRow .galleryItem.smallSquare.bottomRight { grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 5; } .infoGallery .galleryRow.thirdRow .galleryItem.large { grid-column-start: 3; grid-column-end: 5; grid-row-start: 1; grid-row-end: 5; } .infoGallery .galleryItem { height: auto; } .infoGallery .galleryItemVid { position: absolute; } .infoGallery .galleryItemHover { top: 0; bottom: 0; left: 0; right: 0; } } .textSlider { padding: 40px 0 !important; /* color: #2995D3; */ border: 0 !important; } /* CASE STUDIES "MINI-GALLERY" */ .caseStudySet { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(6, 5vw); column-gap: 1em; row-gap: 1em; margin: 40px auto; } .caseStudySet.singleRow { grid-template-rows: repeat(3, 5vw); } .caseStudySet .caseStudyItem { display: inline-grid; overflow: hidden; position: relative; justify-content: center; height: auto; } .caseStudySet .caseStudyItem.topLeft { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 4; } .caseStudySet .caseStudyItem.topRight { grid-column-start: 3; grid-column-end: 5; grid-row-start: 1; grid-row-end: 4; } .caseStudySet .caseStudyItem.bottomLeft { grid-column-start: 1; grid-column-end: 3; grid-row-start: 4; grid-row-end: 7; } .caseStudySet .caseStudyItem.bottomRight { grid-column-start: 3; grid-column-end: 5; grid-row-start: 4; grid-row-end: 7; } .caseStudySet .caseStudyItem .caseStudyImg { position: absolute; width: 100%; height: 100%; object-fit: contain; background-repeat: no-repeat; background-position: center; background-size: cover; } .caseStudySet .caseStudyItem .caseStudyText { position: absolute; color: white; padding: 0; bottom: 5%; left: 5%; margin: auto; height: fit-content; max-width: 70%; font-size: 10px; opacity: 1; transition: .5s ease; background-color: #1c2542; padding: 4px 10px; } .caseStudySet .caseStudyItem .caseStudyText h2 { font-size: 2em; line-height: 1.2em; } .caseStudySet .caseStudyItem .caseStudyText * { margin: 0; } .caseStudySet .caseStudyItem .caseStudyHoveroverText { height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #1c2542; padding: 15px; box-sizing: border-box; display: flex; align-items: center; margin: 0 auto; white-space: normal; font-size: 14px; color: white; text-align: center; } .caseStudySet .caseStudyItem .caseStudyHoveroverText * { overflow: hidden; white-space: normal; margin: 0; } .caseStudySet .caseStudyItem .caseStudyHoveroverText p, .caseStudySet .caseStudyItem .caseStudyHoveroverText div { display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 20; -webkit-box-orient: vertical; } .caseStudySet .caseStudyItem:hover .caseStudyHoveroverText { opacity: 1; } .caseStudySet .caseStudyItem:hover .caseStudyText { opacity: 0; } /* CURATED LIST WITH HEADING */ #curatedListsContainer .productContainer { width: calc(100% / 4); } @media (max-width: 1035px) { #curatedListsContainer .productContainer { width: calc(100% / 2); } } @media (max-width: 555px) { #curatedListsContainer .productContainer { width: 100%; } } #curatedListsContainer .productContainer.curatedListHeading { display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; text-align: center; font-size: 20px; font-weight: bold; } #curatedListsContainer .curatedListHeading .headingBackground { display: inline-flex; justify-content: center; align-items: center; width: 260px; min-height: 280px; padding: 0 10px; border: 1px solid #eaeaea; } @media (max-width: 355px) { #curatedListsContainer .curatedListHeading .headingBackground { width: 150px; min-height: 170px; } } /* Microsoft Edge ≥ v13 */ @supports (-ms-ime-align: auto) { #cookieBanner { -webkit-box-pack: center; justify-content: center; -ms-flex-pack: center; } } @media (max-width: 1280px) { .graphicButton h4 { font-size: 1.8vw; } #bookPage #denseView .denseHeader .column.half, #bookpage #denseView .denseHeader .column.half { width: 65% !important; } .columns .quarter.column { width: 25%; } .columns .three.quarter.column, .columns .threeQuarter.column { width: 75% !important; } #tilesList .tile { width: calc((100% / 3) - (80px / 3)); } #tilesList .tile i { font-size: 48px; } /* Search results badge (e.g. bestsellers) */ .search.container .imageBadgeContainer .carouselBadgeHeader { font-size: 1em; } #tilesList .tile .titleText { font-size: 22px; } #libraryDesignTiles .tile { width: calc((100%/3) - (80px/3)); } #libraryDesignTiles .tile:nth-child(2) { margin: 0 40px; } #libraryDesignTiles .row { margin-bottom: 40px; } #libraryDesignTiles p.titleText { font-size: 22px; } #libraryDesignTiles .tile i { font-size: 48px; } .container { width: 90%; margin: auto; } .container>.container { position: relative; display: block; width: 1200px; margin: 0 auto; } .booleanSearchItem .checkMarkContainer { margin-right: 30px; } div#servicingProfileEditor { right: 5%; } .botw .swiper-container .botwSliderSlide { padding-left: 11vw; padding-right: 6vw; } /* Shopping basket */ table.basketTable .basketActions span { display: none; } table.basketTable .basketActions i { display: block; } #headerSearch { width: 230px; } #switchUserType .topHomeButtonText, #switchAuthorityLink .topHomeButtonText, .adminButton .topHomeButtonText { display: none; } } @media (max-width: 1250px) { div.filterItemContainer.mainFilterItem[id="excludeFor"] { flex-direction: column; align-items: flex-start; } } @media (max-width: 1060px) { .sortOrderValue { display: none; } .sortOrderIcon.show { margin-right: 0; } } @media (max-width: 1024px) { .graphicButton h4 { font-size: 1.8vw; } .megaDropDownLabel[onclick] { cursor: initial; } .orderFormPricingSection { flex-direction: column; } .orderFormItemsContainer, #orderFormSummary, #orderFormSummary .summaryContainer { width: 100%!important; position: relative!important; } #orderFormSummary { margin-top: 20px; } .orderFormItemsContainer .sectionTitleContainer h3 { font-size: 1.2rem; } .frontpageHeaderText { font-size: 14px; } .previewCell.sharedLists .bookListItem:nth-child(5) { display: none; } /* .search.container .imageBadgeContainer .carouselBadgeHeader { font-size: 16px; } */ #bookPage .bookInfo .denseView.libs #denseView .denseHeader .column, #bookpage .bookInfo .denseView.libs #denseView .denseHeader .column { width: 100% !important; padding: 0; } #bookPage .bookInfo .denseView.libs .bookPadding.dense, #bookpage .bookInfo .denseView.libs .bookPadding.dense { width: 25% !important; } #bookPage .bookInfo .denseView.libs #denseView, #bookpage .bookInfo .denseView.libs #denseView { width: 75%; } /* #customSearchContainer { display: none; } */ li.megaDropDown.quickAccessMenu { width: 100%; } .corporateMenuLabel { display: block; } .corporateMenu { display: none; width: 150px; margin-top: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .corporateMenu li:first-child a { padding-left: 5px; } .mceTmpl .column:last-child { padding-left: 0; } #returnToTop { right: 5px; } .searchHeadBar select { padding-right: 20px; } .header:not(.loggedIn) .verticalCenter { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } /* Gallery items - hoverover text */ .infoGallery .galleryItemHover * { font-size: 0.8rem; } /* Swap functionality of main menu from hover to toggle */ .menu li.megaDropDown:hover .dropDown, .menu li.widgetDropDown:hover .dropDown { display: none; } .menu li.megaDropDown.isSelected:hover .dropDown, .menu li.megaDropDown.isSelected .dropDown { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 100; } .menu li[title^="Furniture"] .dropDown p { margin: 0; display: inherit; } body[class*=isIE] .menu li[title^="Furniture"] .dropDown p { background-position: 0 0; background-size: contain; background-repeat: no-repeat; } .menu li[title^="Furniture"] .dropDown .dropDown { padding: 0; border-right: 0 none !important; } /* .menu li[title^="Furniture"] .dropDown .dropDown li{ padding: 0; } */ .menu li[title^="Furniture"]>.dropDown>li { margin: 0 10px; } .menu li.megaDropDown.isSelected .dropDownIcon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .menu li.megaDropDown:hover .dropDownIcon { color: inherit; } .menu li.megaDropDown>.dropDown li.hasChildren li>ul.dropDown, .menu li.megaDropDown>.dropDown>.column:last-child li.hasChildren li>ul.dropDown { position: relative; left: 0; top: 0; opacity: 1 !important; -webkit-box-shadow: none; box-shadow: none; border-width: 1px 0 0 0; margin-top: 8px; display: none; } /* Undo all hover states */ .menu li.megaDropDown>.dropDown li.hasChildren li.hasChildren:hover, .menu li.megaDropDown>.dropDown>.column:last-child li.hasChildren li.hasChildren:hover { border: 0 none; padding: 0 0 7px 0; } .menu li.megaDropDown>.dropDown li.hasChildren li.hasChildren:hover>ul.dropDown { opacity: 1; } .menu li.megaDropDown>.dropDown li.hasChildren li.hasChildren .fontAwesomeIcon { margin-left: 15px; margin-right: 0; width: 20px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 20px; min-height: 20px; } .menu li.megaDropDown>.dropDown li.hasChildren li.hasChildren:hover>ul.dropDown::before { display: none; } .menu li.megaDropDown>.dropDown li.hasChildren li.hasChildren:hover .fontAwesomeIcon { -webkit-transform: rotate(0deg); transform: rotate(0deg); } /* isSelected states */ .menu li.megaDropDown>.dropDown li.hasChildren li.isSelected>ul.dropDown, .menu li.megaDropDown>.dropDown>.column:last-child li.hasChildren li.isSelected>ul.dropDown { display: block } .menu li.megaDropDown>.dropDown li.hasChildren li.isSelected .fontAwesomeIcon { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .menu li.megaDropDown>.dropDown li.hasChildren li.isSelected li.hasChildren .fontAwesomeIcon { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .menu li.megaDropDown>.dropDown li.hasChildren li.isSelected.hasChildren:hover .fontAwesomeIcon { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .menu li.megaDropDown>.dropDown li.hasChildren li.isSelected:hover li.hasChildren .fontAwesomeIcon { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .menu li.megaDropDown>.dropDown li.hasChildren li.isSelected li.isSelected .fontAwesomeIcon { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .menu li.megaDropDown>.dropDown li.hasChildren li.isSelected:hover li.isSelected .fontAwesomeIcon { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .menu li.megaDropDown>.dropDown li.hasChildren li.isSelected li.isSelected:hover .fontAwesomeIcon { -webkit-transform: rotate(90deg); transform: rotate(90deg); } ul.productPageTabs { overflow-x: scroll; } #myAccountForm .productPageTabs, .bookInformationSection .productPageTabs { overflow: visible; width: 100%; } ul.productPageTabs::-webkit-scrollbar { width: 5px; height: 5px; } ul.productPageTabs::-webkit-scrollbar-track { background-color: #d6d6d6; } ul.productPageTabs::-webkit-scrollbar-thumb { background-color: #2995D3; outline: 1px solid slategrey; } .something { display: block; } #footer .columns .quarter.column { width: 25%; } .imageGallery .column { -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; max-width: 50%; } .reviews img { padding-left: 50px; width: 140px; } .recommendedBookDetails { -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 15px; } img.publishers { height: 120px; } #tweetContent { font-size: 1.1em; } .linkSectionBg1 { padding: 5px 65px; } .linkSection .columns .half.column { width: 50%; } .linkSection>.columns>.linkSectionSizing { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 0; } /* .linkSection img { height: 100%; } */ .botw .swiper-container .botwSliderSlide { padding-left: 30vw; padding-right: 30vw; } .librariansChoice { background-size: 420px; background-position-x: 20%; } .homePriceSection { display: block; } .recommendedSlider .spacer { display: block; } .recommendedSlider .spacer::before, .recommendedSlider .spacer::after { width: 100%; } .botw .botwSliderBookTitle, h3.librariansBookTitle { font-size: 1rem; } .botw .botwSliderText p, .librariansText p { font-size: 0.8125rem; } .botwSliderImage { position: relative; } .botwSliderImage img { position: relative; } .botwSliderMainCircle { top: 30%; /* display: none; */ } .swiper-lazy-loaded+.botwSliderMainCircle { display: block; } .recommendedSlider { margin: 25px 0px 15px; } .passionateLibraries .columns .half.column { width: 50%; } /* Delivery address + FAO (tablet/mobile) */ .columns .deliveryAddressDropdown.column, .columns .forAttentionOf.column { width: 100%; } .passionateLibraries:not(.noTabContent)>.passionateSection { display: flex; flex-wrap: nowrap; flex-direction: row; padding-bottom: 70px; overflow: hidden; position: relative; transition: height 1s; } .passionateSection>.tabContent { height: auto; flex: 1 0 100%; } .tabContent.current { overflow: hidden; position: relative; } .passionateSection>.tabBottomRow { position: absolute; left: 0; bottom: 0; width: 100%; display: flex; flex-direction: column; border-bottom: 1px solid #2995D3; } .passionateSection #tabLinksContainer { flex: 1 0 100%; margin-top: 0; margin-bottom: 0; } .passionateSection .tabCategories { margin: 15px auto; } /* Home tab container (swipeable) */ .passionateSection.homeTabContainer { padding-bottom: 20px !important; border-bottom: 1px solid #2995D3; } .homeTabSlider.swiper-container .swiper-pagination { bottom: -4px; } .latestAwards .desktopHidden { display: table-row; } /* .twitterHome { padding: 1px 0px; } */ .container { width: 850px; } div#servicingProfileEditor { right: calc(50% - 425px); } .recommendedSlider img { position: relative; } p.rrpHome { font-size: 12px; } .instaImage img { width: 120px; padding: 0px 6px; } .columns .half.column { width: 100%; } .publishersList .column { width: 25%; } img.publishers { padding: 15px 0px; } .footerBar { padding: 30px; } img.whyChooseSides { display: none; } .whyChooseSub { margin: 0; } .whyChoosePeters { padding: 40px 0px; } .whyChoosePeters h3 { margin: 0 auto; } .footerArrow { display: none; } /* #header .container { padding: 14px 0; } */ h2 { font-size: 27px; } img.homeBooks { height: 254px; width: 178.333px; } .footerLinks h2 { font-size: 22px; } /* img.footerImages { width: 100px; } */ .gazetteContainer { margin: 0; padding-top: 40px; } .helpSide h3 { font-size: 25px; } .expandBar { font-weight: 300; } .tablinks { padding: 35px 22px; } .bookPacks h3 { font-size: 19px; } .bookBands h3 { font-size: 22px; } .columns .quarter.column, .columns .three.quarter.column { width: 50%; } .homeHeaderGrid { grid-template: repeat(2, 1fr) / repeat(2, 1fr); } .contactColumn { padding: 0; } ul.menu { display: none; } ul.menu>li { position: relative; } .menu li.megaDropDown>.dropDown { position: relative; -webkit-box-shadow: none; box-shadow: none; } /* reorder elements in header */ .mainLogoLink { margin-right: 30px; } .columns.space { -ms-flex-wrap: wrap; flex-wrap: wrap; } .columns.space .quarter.column { width: 50%; } /* Peters logo */ .columns.space>.column:nth-of-type(1) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 215px; } /* Search bar */ .columns.space>.column:nth-of-type(2) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } /* Basket column + drawer */ .columns.space>.column:nth-of-type(3) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } #headerSearch { width: 275px; } /* .helpContact{ margin-bottom: 1em; } */ .flexContainer { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; } .basketHeader { margin-top: 0; } #basket { width: auto; min-width: 230px; margin-left: auto; } #basket a { margin-top: 0; } #basketDraw+div { margin-left: auto; margin-top: 5px; } #mainMenu .hamburger { display: block !important; -webkit-box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); box-shadow: 4px 4px 3px 1px rgba(168, 168, 168, .5); } .hamburgerInput:checked~#mainMenuContainer .menu { display: block !important; } .offers .columns .half.column { width: 50%; } .showroomContainer { margin: 20px 0px 0px 0px; } .searchContainer { width: 1000px; } .search.container .columns .quarter.column { width: 25%; } .search.container .columns .three.quarter.column { width: 75%; } .gridView .searchBox { -webkit-box-flex: 0; -ms-flex: 0 1 calc(100% /3); flex: 0 1 calc(100% /3); } body[class*='isIE'] .gridView .searchBox { width: calc((100% /3) - 1px); } /* Events Listings */ .eventListImage { text-align: center; } .eventListImage img { margin: 0 auto 20px; padding-left: 0; } .eventEntry .columns .column:nth-of-type(1) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .eventEntry .columns .column:nth-of-type(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .venueText { right: auto; } #filtersSection { width: 200px; } /* News/blog */ #blogListing { width: calc(100% - 200px); } /* Book details */ .bookInfo .columns .quarter.column.bookPadding { width: 50%; } .bookInfo .columns .half.column.headlineDetails { width: 50%; } .bookInfo>.columns>.column:last-child { width: 100%; } .bookInfo .headlineDetails h2 { margin-top: -5px; } .bookInformationSection { margin-top: 0; } /* Book details - badges */ .bookPadding:not(.dense) .imageBadgeContainer:not(.flexBadges) .bookBadge.bookOfTheWeek, .bookPadding:not(.dense) .imageBadgeContainer:not(.flexBadges) .bookBadge.recommendedRead, .bookPadding:not(.dense) .imageBadgeContainer:not(.flexBadges) .bookBadge.downloadableResources, .bookPadding:not(.dense) .imageBadgeContainer:not(.flexBadges) .bookBadge.contentAdvisory, .bookPadding:not(.dense) .imageBadgeContainer:not(.flexBadges) .bookBadge.award { height: 30px !important; } .bookPadding:not(.dense) .imageBadgeContainer:not(.flexBadges) .carouselBadgeHeader.productBadge { font-size: 1.2em; } /* Shopping Basket */ #basketPage { width: 850px; margin: 0 auto; } .basketContainer .container { width: 100%; } /* table.basketTable td { font-size: 14px; } */ #basketContents { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* Shopping basket */ table.basketTable { padding-bottom: 0; } table.basketTable .basketActions span { display: block; } table.basketTable .basketActions i { display: none; } .summarySection, #checkoutSections, #crossSellingContainer { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .summarySection { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } #checkoutSections { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } #crossSellingContainer { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .summaryContainer { width: 100%; } input.voucherCode { width: 260px; } .summarySection .navigationContainer { margin: 10px 0 20px; } #basketCheckout, .summarySection .navigationContainer .clickable { font-size: 20px; padding: 10px; } .checkoutForm { padding: 20px; } .basketInfoSummary strong { width: 50%; } .basketInfoSummary .servicesListSettings { width: 50%; padding-right: 0; box-sizing: border-box; } .basketInfoSummary .servicesList, .basketInfoSummary .orderDetail { width: 50%; margin-left: 0; } .basketInfoSummary .orderDetail span { display: block; } /* Login / Register */ #registrationForm .checkoutDetails input, fieldset.loginForm input { max-width: 350px; width: 100%; display: block; } #registrationForm input[type="checkbox"] { width: 16px; display: inline-block; } #registrationForm .purpleShowroom, .loginRegisterContainer .purpleShowroom { margin-top: 30px; } #registrationForm .paddedRight { padding-right: 0; } .deliveryDetails { margin-bottom: 20px; } /* bespoke.php */ .bespokeSections .columns:first-child .column:first-child { padding: 10px; } .bespokeImageMain { height: 450px; } /* Wish list */ .wishlist .columns .threeQuarter.column { width: 100%; margin-bottom: 20px; } .wishlist .columns .column.wlBannerNarrow { padding: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .wlBannerNarrow>div { width: 50%; } .wlImage img { height: 100%; } /* Reading Teachers */ .readingTable { padding: 0; } /* Browse by Dewey */ .deweyList { columns: 2; } .deweyList .deweyList { columns: 1; } } @media (max-width: 925px) { .mobileViewOnly { display: block; } .wideViewOnly { display: none; } .previewCell.sharedLists .bookListItem:nth-child(4) { display: none; } #header, #wrapper>#newsForm>.container, #wrapper>.container, #wrapper>form, #footer { width: 100%; padding: 0 10px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } #footer { padding: 35px 10px 10px; } #content~#footer { padding-top: 0px; } #header>*, #wrapper>.container>*, #wrapper>form>*, #wrapper>form>.container>*, #footer>*, .container { width: 100%; /* display: block; */ -webkit-box-sizing: border-box; box-sizing: border-box; } #filtersSection, #blogListing, .announcementBanner > .container { width: 100% !important; } /* #footer .columns .quarter.column.footerLinks { width: 100% !important; } */ div#servicingProfileEditor { right: 10px; } .homeHeader { margin-right: 0; } .librariansSlider, .sliderContainer { padding: 0 40px; } /* .sliderContainer button{ outline: 1px solid pink; } */ .sliderContainer button.homePrev { right: auto; left: 0; } .sliderContainer button.homeNext { right: 0; left: auto; } /* .recommendedHeader .viewDefaultBtn { display: none; } */ .recommendedSubHeader { display: none; } .recommendedFooter { display: flex; margin: 10px 0; } .recommendedSection[data-carousel=slick] .swiper-container { margin-left: 0; margin-right: 0; } .recommendedSection[data-carousel=swiper] .swiper-container, .recommendedSection .carouselContainer[data-carousel=swiper] .swiper-container { margin-left: 0!important; margin-right: 0!important; padding: 0 35px; box-sizing: border-box; } .recommendedSection .carouselContainer[data-carousel=swiper] .swiper-container { padding-left: 0; } .recommendedSection[data-carousel=slick] .recommendedFooter .viewDefaultBtn { margin: 0; } .swiper-container .swiper-button { width: 35px; } button.servicingPrev, button.servicingNext { top: 72px; width: auto !important; height: 430px; z-index: 50; } button.servicingPrev { left: 10px !important; right: auto !important; } button.servicingNext { right: 10px !important; left: auto !important; } button.librarianPrev, button.librarianNext { top: 250px; margin: auto; height: 60px; padding: 10px; z-index: 50; } button.librarianPrev { left: 0px !important; right: auto !important; } button.librarianNext { right: 0px !important; left: auto !important; } #content.contentHelp.container { padding-top: 30px; } .blogList .dropListTitle { display: block; } .blogList .dropListTitle~.listTitle { display: none; } .blogList.closed { overflow: hidden; height: 35px; } .blogList .dropListTitle i { -webkit-transition: 0.8s all; transition: 0.8s all; } .blogList.open .dropListTitle i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } } @media (max-width: 900px) { #tilesList .tile { width: calc((100% / 3) - (40px / 3)); } #tilesList .tile i { font-size: 38px; } #tilesList .tile .titleText { font-size: 18px; } #libraryDesignTiles .tile { width: calc((100%/3) - (40px/3)); } #libraryDesignTiles .tile:nth-child(2) { margin: 0 20px; } #libraryDesignTiles .row { margin-bottom: 20px; } #libraryDesignTiles p.titleText { font-size: 18px; } #libraryDesignTiles .tile i { font-size: 38px; } #instafeed { -ms-flex-wrap: wrap; flex-wrap: wrap; } .sortContainer { margin-right: 10px; } .searchHeadBar select { padding-right: 15px; } #pageNav { min-width: 155px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #pageNav span+span { margin-left: 5px; } ul.venueList { margin-right: 0; } } @media (max-width: 850px) { .header:not(.loggedIn) #centreMenu { display: none; } } @media (max-width: 825px) { .servicingOverlay { padding: 40px; width: 66%; } .servicingOverlay h3 { font-size: 1.75em; } /* Accounts */ .yourOrdersTable.verticalTable thead { display: none; } .yourOrdersTable.verticalTable tr, .yourOrdersTable.verticalTable td { display: block; min-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .yourOrdersTable.verticalTable td { padding-left: 50%; position: relative; } .yourOrdersTable.verticalTable td:before { content: attr(data-td-label) ":"; position: absolute; left: 10px; top: 10px; font-weight: bold; } .yourOrdersTable.verticalTable td[data-td-label="hide"] { display: none; } } @media (max-width: 800px) { .keyStageHomepage .middleBanner img, .keyStageHomepage .bottomBanner img { width: auto; height: auto; } } @media (max-width: 768px) { .testimonialSection { padding: 10px 18px; } .linkSection .columns .half.column { width: 100%; } .linkSection .columns .half.column.linkSectionSizing.usingBackgroundImage { padding-top: 40%; } .homeTabContainer.customContent .homeTabSliderTextbox { margin: 48px 0 38px 18px; padding: 8px 16px; max-width: calc(85% - 18px); } .recommendedSection.botwSection.columns { flex-direction: column; } .recommendedSection.botwSection > * { width: 100%!important; font-size: 12px; } .botwCarousel.carouselContainer { /* display: none; */ } .graphicButtonsContainer { flex-wrap: wrap; } .graphicButtonContainer { max-width: 320px; width: calc(100%/2 - 40px); } .graphicButton h4 { font-size: 4vw; } .recommendedSection[data-carousel="swiper"] .swiper-container, .recommendedSection .carouselContainer[data-carousel="swiper"] .swiper-container { padding: 0!important; margin-bottom: 60px!important; /* space for absolute .recommendedHeader .viewDefaultBtn button */ } .recommendedHeader .viewDefaultBtn { position: absolute; bottom: 10px; left: 0; } .carouselContainer.botwCarousel .recommendedHeader .viewDefaultBtn { bottom: 0; } .swiper-container .swiper-button { display: none; } .swiper-container .swiper-slide.stripItem { width: 100%; flex-grow: 0; flex-shrink: 0; } .textPanels, .textBanners { padding: 0; margin: 12px auto; width: 100%; } #tabsContainer.customContent { width: 100%; } .frontpageHeaderText, .curatedListMediaHeaderText { width: 60% !important; font-size: 12px; } #cookieBanner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #cookieBanner, #newSiteBanner { padding-left: 30px; padding-right: 30px; } i.listDescription { display: none; } .previewCell.sharedLists .bookListItem:nth-child(3) { display: none; } /* Login menu */ .corporateMenu, .userMenu { font-size: 17px; } .header.loggedIn.adminUser .topHomeButton { display: none; } .header.loggedIn.adminUser .mobileButton { display: inline-block; } .userMenu .mobileButton .topHomeButtonText { display: none; } .header.loggedIn.adminUser .userMenu li:nth-of-type(7):after { display: none; } .header.loggedIn .otherLinks span:first-child { display: none; } .header:not(.loggedIn) .otherLinks span:first-child { display: none; } .mobileButton { display: none; } /* TinyMCE columns */ body:not(#tinymce) .mceTmpl>.columns .column { width: 100%; padding: 0; } body:not(#tinymce) .mceTmpl>.columns .column+.column { margin-top: 1em; } .cookieBannerText { margin: 0 0 1em; } .botw .swiper-container .botwSliderSlide { padding-left: 20vw; padding-right: 20vw; } /* Order forms */ .orderForm .columns .column { width: 100%; padding-right: 0; } /* Force tables inserted by WYSIWYG editor to be responsive */ table.width-three-quarters, table.width-two-thirds, table.width-half, table.width-third, table.width-quarter { width: 100% !important; } /* Responsive tables */ .vacancyArea>table[border], #content>table[border] { display: block; height: auto !important; width: 100% !important; } .vacancyArea>table[border] thead, .vacancyArea>table[border] tbody, .vacancyArea>table[border] tfoot, .vacancyArea>table[border] th, .vacancyArea>table[border] td, #content>table[border]>thead, #content>table[border]>tbody, #content>table[border]>tfoot, #content>table[border]>thead>tr>th, #content>table[border]>tbody>tr>td { display: block; min-width: 100%; height: auto !important; padding: 0 !important; -webkit-box-sizing: border-box; box-sizing: border-box; } .vacancyArea>table[border]>tbody>tr, #content>table[border]>tbody>tr { height: auto !important; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .vacancyArea>table[border] td:first-child img, .vacancyArea>table[border] td:first-child img, #content>table[border]>thead>tr>td:first-child img, #content>table[border]>tbody>tr>td:first-child img { margin-bottom: 20px; } .socialButtons { font-size: 15px; text-align: left; } .socialButtons a { padding: 5px; width: 30px; height: 30px; } .linkSection h3 { font-size: 1.2em; } .checkoutSection .linkSection>.columns { margin-bottom: 0; } .menu li.megaDropDown>.dropDown { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 10px; } /* megaDropDown layout - three columns per row */ .megaDropDown li.column { -webkit-box-flex: 0; -ms-flex: 0 1 33.333%; flex: 0 1 33.333%; display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 15px; } ul.menu>li.megaDropDown>.dropDown>.column>ul.dropDown { padding-top: 15px; height: auto; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } ul.menu>li[title^=Furniture]>.dropDown>.column>ul.dropDown { padding-top: 5px; } .menu li[title^="Furniture"]>.dropDown>li { -ms-flex-preferred-size: calc(50% - 20px); flex-basis: calc(50% - 20px); flex: calc(50% - 20px); -ms-flex: calc(50% - 20px); margin-bottom: 20px; } ul.menu>li.megaDropDown>.dropDown>.column:nth-of-type(3n)>ul.dropDown { border-right: 0 none; } ul.menu>li.megaDropDown>.dropDown>.column:last-child:not(:nth-last-of-type(3n))>ul.dropDown { border-right: 1px solid #CACACA; } ul.menu>li.megaDropDown>.dropDown>.column { padding-bottom: 0 !important; } ul.menu>li.megaDropDown>.dropDown>.column>ul.dropDown { border-right: 0 none !important; border-bottom: 1px solid #CACACA; } .menu li.megaDropDown>.dropDown li.hasChildren li.isSelected>ul.dropDown.open { display: contents; } .menu li.megaDropDown>.dropDown li.hasChildren li.isSelected>ul.dropDown.open { display: contents; } .searchButtonsBar .hamburger { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1; -webkit-transition: 1s opacity; transition: 1s opacity; display: block !important; } .columns .column.mobileSidebar { position: absolute; left: -100%; top: 0px; -webkit-transition: all 1s; transition: all 1s; z-index: 100; background-color: #fff; padding: 10px; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; } #booleanSearchPage, .advancedSearch { display: none; } #booleanSearchHiddenMessage { display: block; } #customSearchContainer { display: none; } .filterBar { width: 100%; margin-top: 30px; } .filterModal.open { width: 100%; } .mobileSidebar>.hamburger { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: absolute; right: 10px; opacity: 0; } #hamburgerMenuFilterBar:checked~.mobileSidebar { left: 0; opacity: 1; -webkit-transition: all 1s; transition: all 1s; } .filterBarOverlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.80); padding: 0; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: auto; opacity: 0; display: none; } #hamburgerMenuFilterBar:checked~.filterBarOverlay { display: block; opacity: 1; -webkit-transition: all 3s; transition: all 3s; } .instaImage img { width: 100%; max-width: 120px; } .passionateSection h3 { font-size: 20px; } .testimonialBkgGraphic { background-size: 230px; } .reviewSection { height: 411px; } .librariansImgs { top: 20%; left: 10%; } .linkSectionBg1 { padding: 5px 40px; } .linkSectionBg2 { padding: 5px 40px; } .librariansChoiceMainCircle { right: -90px; top: 35%; width: 120px; height: 120px; } .librariansChoice { background-size: 340px; background-position-y: 160%; background-position-x: 30%; } .librariansChoiceMainCircle h3 { padding: 0; font-size: 14px; margin-top: 35px; } .librariansText { bottom: 5%; width: 305px; left: 6%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 32px; } .librariansContent>.quarter>a>img { margin: 0 auto 10px; } .lcBottom { flex-wrap: wrap; } /* .recommendedSlider img { width: 138px; height: 206px; } */ .passionateSection p { font-size: 0.875em; } .headerHover, .bookHover { display: none; } .headerSection .columns .quarter.column { width: 50%; } .whyChoosePeters p { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px 48px; } .featuredBlocks { display: block; } .mobile { display: inline-block; } .columns .third.column { width: 50%; } .columns .three.quarter.column { width: 100%; } .searchContainer .columns .three.quarter.column { width: 100%; } .wishListItems .infoSection .productImageContainer, .wishListItems .infoSection .twoThirds.column { flex-basis: 50%; } .columns .quarter.column { width: 100%; } .homeHeaderGrid { grid-template: repeat(4, 1fr) / repeat(1, 1fr); } .offers .columns .half.column { width: 50%; } .offers p { font-size: 18px; } .offers img { width: 65%; } .mobileFilter { background-color: #2199e8; color: white; padding: 10px; font-size: 16px; } .viewOptions span+span { margin-left: 5px; } .viewButtons h5 { line-height: 24px; } .viewButtons i { display: inline-block; padding: 5px; } /* Search Head Bar */ .searchHeadBar { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* search listing */ .search.container { padding-top: 0; } .search>.columns { -ms-flex-wrap: nowrap; flex-wrap: nowrap; position: relative; } #searchList.searchSection { /* transform: translateX(-240px); */ width: 100%!important; padding-left: 0; max-width: 100%; } .productContainer .columns .third.priceSection { width: calc(100% /3); } /* Primary and Secondary class sets */ .classSetsTable tr, .classSetsTable td { display: block; } .classSetsTable thead[role=rowgroup] { display: none; } .classSetsTable .sideways div { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } .classSetsTable td { position: relative; padding-left: 50%; } .classSetsTable td:before { content: attr(data-td-label); position: absolute; display: inline-block; width: calc(50% - 5px); height: auto; top: calc(50% - 9px); left: 5px; } .classSetsTable [data-td-label="none"] { padding-left: 5px; text-align: center; } .classSetsTable [data-td-label="spacer"] { border: 0 none; } .classSetsTable [data-td-label="hide"], .classSetsTable [data-td-label="spacer"]:before, .classSetsTable [data-td-label="none"]:before { display: none; } .classSetsTable .qty, .classSetsTable [data-td-label="Amount"] { text-align: left; } .classSetsTable [data-td-label="Amount"] { font-weight: bold; } /* Meet the team */ .meetTheTeamArea { padding: 10px; } /* News And Blog */ #newsForm #content { margin-bottom: 40px; } #filtersSection, #blogListing { width: 100%; ; } .blogText { height: auto; padding-bottom: 24px; margin-bottom: 24px; } /* .homeTabSliderSlide .blogText { height: 220px; } */ .blogDetails .columns .column:last-child { margin-bottom: 0; } .blogTextSection h4 { font-size: 1.5em; } /* Rounded Column Info*/ /* .roundedColumn { text-align: center; margin: 5px 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px 6px; } */ .roundedColumn h5 { font-size: 1.5em; } /* .roundedColumn img { max-width: 320px; height: 160px; -o-object-fit: contain; object-fit: contain; } */ /* Contact help */ .contentHelp .columns .column.helpColumn { margin-bottom: 20px; } .contentHelp .columns .column.helpColumn, .contentHelp .columns .three.quarter.column.contactColumn { width: 100%; } /* Shopping basket */ table.basketTable .basketActions span { display: none; } table.basketTable .basketActions i { display: block; } /* Two column template - content and figures */ .twoColumnContentFigures .leftColumn, .twoColumnContentFigures .rightColumn { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } /* bespoke.php */ .bespokeImageMain { height: 100%; } /* Wish list */ .furnitureInfo .columns .column { width: 100%; } .furnitureImages { padding-right: 0; } .furnitureImages .featured { height: auto; } .furnitureImages .featured img { max-height: 420px; } .furnitureImages .slider img, .lightbox .slider img { height: 98px; } #relatedProducts .slider img { height: 156px; } /* .search.container .imageBadgeContainer .carouselBadgeHeader { font-size: 20px; } */ /* Furniture colour swatch "hoverover" -> ONLY USED WHEN SWATCHES ARE CLOSE TO THE LEFT SIDE OF THE SCREEN */ .hoveroverZoom.hoveroverLeft { right: auto; left: 100%; } /* Text within "Case studies" gallery image? */ .caseStudySet .caseStudyItem .caseStudyText { font-size: 8px; } .caseStudySet .caseStudyItem .caseStudyHoveroverText { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .toggleFilterSidebar { display: none; } } /* Chevron buttons for carousel (when no peeking occurs) */ @media (min-width: 740px) and (max-width: 800px) { .swiper-container .swiper-button-prev { left: 0; } .swiper-container .swiper-button-next { right: 0; } } @media (min-width: 360px) and (max-width: 740px) { .columns.verticalCenter { display: flex; } .addToBasketContainer p.wishlistText { font-size: x-small; white-space: normal; } .bookControls .addToBasket.bookshelfButton p.wishlistText { font-size: xx-small; white-space: normal; word-break: break-word; } #denseView .denseHeader .bookPrice, #denseView .denseHeader .pricingBreakdown { font-size: x-small; } .orderTrackIcons { font-size: x-small; } .rating.main.columns.wrap { font-size: x-small; } #denseView .denseHeader .bookControls { padding: 2px !important; } .qualityMetricGraphic { display: none; /* font-size: x-small; */ } .column.libSuitRating { display: none; } .productContainer .qualityMetricText { font-size: small; } .bookInfo .rating.main .columns { font-size: small; } .rating span label { display: inline-flex; font-size: large; } /* .columnsHoover { display: flex; } */ .columnsHoover { display: -webkit-box; display: -ms-flexbox; display: flex; } .columnsHoover.wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } p.editionTitle { font-size: 16px; font-weight: 600; } #stolenHoverOver img { width: 60px; height: auto; padding-right: 10px; padding-bottom: 10px; } /* .bookpage.productContainer .columns { display: block; } */ /* .bookpage.productContainer .columns { display: -webkit-box; } */ .bookPadding.dense { width: 100% !important; } .needMore.ratingDetails { display: -webkit-box; font-size: 10px; padding: 6px; word-break: break-all; } #denseView { width: 100% !important; } .bookInfo .columns .quarter.column.bookPadding{ width: 100% !important; } .rating.main .columns.wrap .column:first-child{ font-size: 10px; text-align: center !important; } .bookControls .addButtonContainer.bookshelf { max-width: 94% !important; } /* .bookInfo .rating.main .columns { display: -webkit-box; } */ } /* @media (min-width: 375px) and (max-width: 667px) { .addToBasketContainer p.wishlistText { font-size: x-small; white-space: normal; } .bookControls .addToBasket.bookshelfButton p.wishlistText { font-size: xx-small; white-space: normal; word-break: break-word; } } */ @media (max-width: 650px) { .partnerLogoContainer { padding: 0 10%; } .previewCell.sharedLists .bookListItem:nth-child(2) { display: none; } #wrapper>.container.columns>.third.column { width: 100%; } .partnersPage .headerSection.columns .third.column { width: 100%; } .partnersPage .columns { flex-wrap: wrap; } #tilesList .tile { width: 100%; margin-bottom: 0; } #tilesList .tile i { font-size: 52px; } #tilesList .tile .titleText { font-size: 32px; } #libraryDesignTiles .tile { width: 100%; } #libraryDesignTiles .tile:nth-child(2) { margin: 0; } #libraryDesignTiles .row { margin: 0; } #libraryDesignTiles p.titleText { font-size: 32px; } #libraryDesignTiles .tile i { font-size: 52px; } ul.productPageTabs li { text-align: center; font-size: 14px; } /* .carouselBadgeHeader { font-size: 1.7em; margin: 0; } */ .offersSlider p.sliderTitle { font-size: 1.5em; } /* .carouselBadgeHeader i { height: 46px; width: 46px; flex-basis: 46px; } */ ul.menu>li.megaDropDown>.dropDown>.column>ul.dropDown { /* border-right: 0 none; */ -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; } ul.menu>li.megaDropDown.quickAccessMenu>.dropDown>.column>ul.dropDown { -ms-flex-direction: row; flex-direction: row; } ul.menu>li.megaDropDown>.dropDown>.column { padding-bottom: 15px; } ul.menu>li[title^=Furniture]>.dropDown>.column { padding: 0; } .menu li.megaDropDown>.dropDown li li { padding-bottom: 15px; } ul.menu li.hasChildren ul.dropDown { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .megaDropDown li.column { -webkit-box-flex: 1; -ms-flex: 0 1 50%; flex: 0 1 50%; } .menu li.megaDropDown.quickAccessMenu>.dropDown li li, #mainMenu li.hasChildren li { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100% !important; } .menu li.megaDropDown>.dropDown li.hasChildren li>ul.dropDown { top: 0; left: 0; } /* undoes 3 columns */ ul.menu>li.megaDropDown>.dropDown>.column:nth-of-type(3n)>ul.dropDown { border-right: 1px solid #CACACA; } ul.menu>li.megaDropDown>.dropDown>.column:nth-of-type(2n)>ul.dropDown { border-right: 0 none; } ul.menu>li.megaDropDown>.dropDown>.column:last-child:not(:nth-last-of-type(3n))>ul.dropDown { border-right: 0 none; } ul.menu>li.megaDropDown>.dropDown>.column:last-child:not(:nth-of-type(2n))>ul.dropDown { border-right: 1px solid #CACACA } #instafeed { -ms-flex-wrap: wrap; flex-wrap: wrap; } #footer .columns .quarter.column.footerLinks { width: 33.3%; } #footer .columns .quarter.column:last-child { width: 100%; } #tweetContent { width: calc(100% - 80px); } #instafeed { width: 95%; } /* Twitter carousel */ #tweetContent .slick-track { align-items: flex-start; } #tweetContent .slick-slide { margin: auto; } .tweetEntry.columns { flex-wrap: wrap; } .tweetEntry .column { padding: 5px; width: 100%; } .isIE11 .tweetEntry .column { text-align: center; } .tweetEntry .column+.column { margin-left: 0; margin-top: 10px; } .isIE11 .tweetMedia>* { margin: auto; } .tweetEntry .column.tweetText { justify-content: flex-start; align-items: center; } .tweetText p { text-align: center; /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; } .tweetText>a { margin: auto; } #tweetArrowLeft i { margin-right: 0; } #tweetArrowRight i { margin-left: 0; } /* News & Blog */ .newsSection .flexSpaceContainer { -ms-flex-wrap: wrap; flex-wrap: wrap; } .newsSection .flexSpaceContainer>* { margin-bottom: 10px } .blogDetails { margin-top: 10px; } /* Events Listing*/ .eventEntryContainer { padding: 25px; } .eventMap { padding-top: 63.5%; position: relative; width: 100%; } .eventMap iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } /* Shopping basket */ .checkoutSection h4 { font-size: 1.5em } /* Search/Wish List */ .wishListItems>.productContainer>.columns, .listView .searchItems>.productContainer>.columns { -ms-flex-wrap: wrap; flex-wrap: wrap; } body[class*="isIE"] .searchItems>.productContainer>.columns { display: block; } .infoSection, .priceSection { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: unset; } body[class*="isIE"] .infoSection, body[class*="isIE"] .priceSection { max-width: none; } .infoSection { padding-right: 0; } .priceSection { margin-top: 15px; } /* Library book page - badge(s) */ .libs .bookPadding.dense .imageBadgeContainer:not(.flexBadges) .bookBadge.bookOfTheWeek, .libs .bookPadding.dense .imageBadgeContainer:not(.flexBadges) .bookBadge.recommendedRead, .libs .bookPadding.dense .imageBadgeContainer:not(.flexBadges) .bookBadge.downloadableResources, .libs .bookPadding.dense .imageBadgeContainer:not(.flexBadges) .bookBadge.contentAdvisory, .libs .bookPadding.dense .imageBadgeContainer:not(.flexBadges) .bookBadge.award { height: 20px !important; } /* Schools book page - badge(s) */ .bookPadding:not(.dense) .imageBadgeContainer:not(.flexBadges) .bookBadge.bookOfTheWeek, .bookPadding:not(.dense) .imageBadgeContainer:not(.flexBadges) .bookBadge.recommendedRead, .bookPadding:not(.dense) .imageBadgeContainer:not(.flexBadges) .bookBadge.downloadableResources, .bookPadding:not(.dense) .imageBadgeContainer:not(.flexBadges) .bookBadge.contentAdvisory, .bookPadding:not(.dense) .imageBadgeContainer:not(.flexBadges) .bookBadge.award { height: 25px !important; } .bookPadding:not(.dense) .imageBadgeContainer:not(.flexBadges) .carouselBadgeHeader.productBadge { font-size: 1em; } /* Gallery items - hoverover text */ .infoGallery .galleryItemHover * { font-size: 14px; } } @media (max-width: 610px) { /* Shopping basket */ #orderSummarySection { width: 100%; } /* #placeOrder{ margin: 10px auto; } */ .basketTable.verticalTable thead { display: none; } .basketTable.verticalTable tr, .basketTable.verticalTable td { display: block; min-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .basketTable.verticalTable td { padding-left: 50%; position: relative; min-height: 30px; } .basketTable.verticalTable td:before { content: attr(data-td-label) ":"; position: absolute; left: 10px; top: calc(50% - 9px); font-weight: bold; } .basketTable.verticalTable td[data-td-label="hide"] { display: none; } .basketTable.verticalTable td[data-td-label="none"] { padding-left: 6px; } .basketTable.verticalTable td[data-td-label="none"]:before { display: none; } table.basketTable tr td:nth-last-of-type(2) { text-align: left; } .basketTable.verticalTable tr td:last-child { text-align: center; } .basketTable.verticalTable tr td:last-child a, .basketTable.verticalTable .basketActions a, .basketTable.verticalTable .basketActions span { display: inline-block; width: auto; } .basketTable.verticalTable tr td:last-child a, .basketTable.verticalTable .basketActions a { margin-right: 10px; } .basketTable.verticalTable .basketActions i { display: none; } /* headerSection */ .homeTitleBox { width: calc(100% - 20px); } /* Text within "Case studies" gallery image? */ .caseStudySet .caseStudyItem .caseStudyText { font-size: 6px; } .caseStudySet .caseStudyItem .caseStudyHoveroverText { font-size: 10px; } } @media (max-width: 580px) { .columns.space .quarter.column { width: 100%; } #basket { margin-left: 0; min-width: 100%; } .columns.space > .column:nth-of-type(2) { -ms-flex-order: 2; order: 2; } .header.loggedIn.adminUser .otherLinks span:first-child { display: none; } /* Embed*/ /*Basket draw -> header dropdown */ .quickSearchContainer { margin-top: 1em; } .manageBasketsLink { margin-top: 0; } .advancedSearchLink, .manageBasketsLink { display: none; } .header .columns.space .flexContainer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; justify-content: center; } .basketHeader { /* margin-top:20px; */ max-width: calc(100% - 40px); /* margin: auto; */ } /* #basket { width: 100%; margin:0; } */ #openDrawButton .icon { right: 14px; } #openDrawButton { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); position: absolute; right: 0; top: -29px; bottom: unset; margin: 0; width: 40px; height: 29px; padding: 4.5px 10px; border-left: 1px solid #fff; -webkit-box-shadow: 0px 0px 0px 0px rgba(168, 168, 168, .5); box-shadow: 0px 0px 0px 0px rgba(168, 168, 168, .5); } body[class*="isIE"] #openDrawButton { bottom: auto; } .basketButtonContents .text { display: none; } #basketDraw { /* max-width: calc(100% - 55px); */ position: relative; left: unset !important; top: unset; bottom: unset; margin: 0 0 10px; height: auto !important; width: 100%; min-height: auto; } body[class*="isIE"] #basketDraw { left: auto !important; top: auto; bottom: auto; } #basketDraw * { -webkit-box-sizing: border-box; box-sizing: border-box; } .drawContainer { min-height: unset; } body[class*="isIE"] .drawContainer { min-height: 0; } #basketDraw.closed { left: unset !important; } body[class*="isIE"] #basketDraw.closed { left: auto !important; } #basketDraw.closed #basketDrawItems { height: 0; padding: 0; overflow: hidden; border-top: 0; } #basketDrawItems { border: 0; padding: 3px; border-top: 1px solid #fff; } #basketDrawItems .basketName { width: 100%; max-width: 100px; } #basketDrawItems table { width: 100% !important; } #basketDrawItems .basketNameColumn { width: 100px; } #basketDrawItems .basketNameColumn span { max-width: 70px; display: block; width: 100%; } #basketDrawItems .basketName:focus { width: 200px; position: absolute; z-index: 300; top: 6px; min-width: 200px; } #basketDraw+div { margin-left: 0; margin-top: 0; } #basketDrawItems thead th { min-width: unset !important; } #basketDrawItems tr th:nth-of-type(1), #basketDrawItems tr td:nth-of-type(1) { display: none; } #basketDrawItems thead th:nth-of-type(2) { width: 100px !important; } #basketDrawItems thead th:nth-of-type(3) { width: 15px !important; } #basketDrawItems thead td:nth-of-type(3) { width: 15px !important; } #basketDrawItems thead th:nth-of-type(4) { width: 75px !important; } #basketDrawItems thead th:nth-of-type(5) { width: 35px !important; } #basketDrawItems thead th:nth-of-type(6) { width: 35px !important; } img.homeBooks { height: 248px; width: 170.333px; } #basketModal .popupContent { width: 550px; } table.loginInfoTable input { width: 260px; } .servicingBlock { max-width: 500px; padding: 28px; } .serviceColumn { height: 350px; } .container { width: 580px; } .columns .sixth.column { width: calc(100% / 4); } .instaImage { -ms-flex-preferred-size: calc((100% - 30px)/4); flex-basis: calc((100% - 30px)/4); } .instaImage+div { margin-left: 10px; } .instaImage img { padding: 0; } .dateTimeTitle { -ms-flex-wrap: wrap; flex-wrap: wrap; } .announcementBanner > .container { flex-wrap: wrap; } /* My Account */ #myAccountForm .verticalCenter { -ms-flex-wrap: wrap; flex-wrap: wrap; } .accountButtons, #myAccountForm h1 { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } #myAccountForm #login { padding-top: 50px; } .accountButtons { margin-top: 0; } /* Careers */ .vacancyBottom { -ms-flex-wrap: wrap; flex-wrap: wrap; } .vacancyBottom p { padding-right: 0; } /* Form builder */ form.formBuilder.event .field { -ms-flex-wrap: wrap; flex-wrap: wrap; } form.formBuilder.event .field .label, form.formBuilder.event .field .input { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } form.formBuilder.event .field .label { padding-left: 0; } .eventEntryContainer form.formBuilder.event .field .input textarea { min-height: 100px; } /* Authors List (on mobile) */ .authorListContainer { width: 100%; display: flex; flex-direction: column; } .authorListContainer .authorListTitle { cursor: pointer; } /* Add in dropdown arrow */ .authorListContainer .authorListTitle:after { margin-left: 5px; content: '\25BC'; } .authorListContainer .authorListTitle.active:after { margin-left: 5px; content: '\25B2'; } .authorListContainer .authorListContent { display: none; overflow: hidden; } } @media (max-width: 550px) { .booksOfTheWeekPanelText { width: 100%; } .booksOfTheWeekPanel #featuredBookOfTheWeek { display: none; } .carouselBadgeHeader { font-size: 5vw; } .graphicButtonContainer { width: 100%; margin-left: auto; margin-right: auto; } .graphicButton h4 { font-size: 2em; } .libHeaderImages .slick-slide img { margin: auto; } .librariansContent { flex-wrap: wrap; } .librariansContentImage, .librariansContentDetails { flex-basis: 100%; } .librariansContentImage { text-align: center; margin-bottom: 10px; } body:not(.isSafari) .swiper-slide .recommendedImageContainer { height: auto; } /* New and blog*/ .blogTextSection h4 { font-size: 1.25em; } .blogEntrySingle { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-height: unset; } body[class*="isIE"] .blogEntrySingle { max-height: none; } .blogImage { display: -webkit-box; display: -ms-flexbox; display: flex; } .homeTabSlider .homeTabSliderSlide .blogImage { padding-left: 0; } .blogText { min-height: 190px; } .mainParagraphBlog { -webkit-line-clamp: 4; } .newsHeading { font-size: 1.5em; margin-top: 0; } .vacancyArea { padding: 15px; } /* bespoke.php */ .bespokeCallSection p { /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .bespokeCallSection p a { color: white; } /* Book details */ .bookInfo .headlineDetails h2 { margin-top: 0; } .bookInfo .bookBadge { padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Library book page - badge(s) */ .libs .bookPadding.dense .imageBadgeContainer:not(.flexBadges) .bookBadge.bookOfTheWeek, .libs .bookPadding.dense .imageBadgeContainer:not(.flexBadges) .bookBadge.recommendedRead, .libs .bookPadding.dense .imageBadgeContainer:not(.flexBadges) .bookBadge.downloadableResources, .libs .bookPadding.dense .imageBadgeContainer:not(.flexBadges) .bookBadge.contentAdvisory, .libs .bookPadding.dense .imageBadgeContainer:not(.flexBadges) .bookBadge.award { height: 40px !important; } /* Schools book page - badge(s) */ .bookPadding:not(.dense) .imageBadgeContainer:not(.flexBadges) .bookBadge.bookOfTheWeek, .bookPadding:not(.dense) .imageBadgeContainer:not(.flexBadges) .bookBadge.recommendedRead, .bookPadding:not(.dense) .imageBadgeContainer:not(.flexBadges) .bookBadge.downloadableResources, .bookPadding:not(.dense) .imageBadgeContainer:not(.flexBadges) .bookBadge.contentAdvisory, .bookPadding:not(.dense) .imageBadgeContainer:not(.flexBadges) .bookBadge.award { height: 50px !important; } .bookPadding:not(.dense) .imageBadgeContainer:not(.flexBadges) .carouselBadgeHeader.productBadge { font-size: 1.2em; position: relative; left: 10px; } .bookInfo .columns .quarter.column.bookPadding, .bookInfo .columns .half.column.headlineDetails { width: 100%; } .bookInfo .columns .quarter.column.bookPadding { padding-right: 0; } .bookInfo .columns .half.column.headlineDetails { padding: 20px; } /* Checkout */ input.basketCode { margin-left: 0; } .checkoutStages { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 10px 0; } .checkoutStages li { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; text-align: left; margin-bottom: 10px; } .checkoutBubbles { width: 30px; height: 30px; font-size: 20px; line-height: 1.2; display: inline-block; vertical-align: middle; } body[class*="isIE"] .checkoutBubbles { line-height: 1; } .checkoutStageHead { display: inline-block; vertical-align: middle; margin: 0; } .checkoutStages li.complete .checkoutStageHead { font-weight: bold; color: #2995D3; } .checkoutStages li:after, .checkoutStages li:before { display: none; } /* Login / Register */ #registrationForm .purpleShowroom, .loginRegisterContainer .purpleShowroom { padding: 30px; } /* form widget */ .formWrapper { max-width: 760px; } .formWrapper form.formBuilder.event .field { -ms-flex-wrap: wrap; flex-wrap: wrap; } .formWrapper form.formBuilder.event .field .label, .formWrapper form.formBuilder.event .field .input { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } /* Search Listings */ #pageNav { font-size: 90%; } .gridView .searchBox { -ms-flex-preferred-size: calc(100% /2); flex-basis: calc(100% /2); } body[class*='isIE'] .gridView .searchBox { width: calc(100% /2); } /* Book of the week */ #booksOfTheWeekForm #pageNav { font-size: 100%; } /* Browse by Dewey */ .deweyList { columns: 1; } } @media (max-width: 525px) { .homeTitleText { font-size: 2.5vw; } } @media (max-width: 500px) { .socialButtons { justify-content: flex-start; } .menu li[title^=Furniture]>.dropDown>.column { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin: 0; } table.bookListsTable td:nth-child(6), table.bookListsTable th:nth-child(6) { display: none } .menu li[title^=Furniture]>.dropDown>.column:last-child { margin-bottom: 0; } .menu li[title^="Furniture"] .dropDown p>a, .menu li[title^="Furniture"] .dropDown p>img { margin: 0 auto; } #headerSearch { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; } .columns .mobileSidebar.column { left: calc(-100% - 15px); width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0; } .filterModal { position: unset; } body[class*="isIE"] .filterModal { position: static; } .filterSection h5 i.fa-angle-right.open { -webkit-transform: rotate(90deg); transform: rotate(90deg); } #hamburgerMenuFilterBar:checked~.mobileSidebar .hamburger { right: 0; } .searchButtonsBar { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .searchButtonsBar .button { margin: 10px 10px 10px 0; } .linkSectionSizing { margin-bottom: 0; } #instafeed { -ms-flex-wrap: wrap; flex-wrap: wrap; } .librariansContent .lcBottom { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .librariansSearchLink .button { margin: 10px auto; } #booksOfTheWeekForm .pagination { text-align: center; } .lcImage { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-right: 0; } #footer .columns .quarter.column.footerLinks { width: 50%; } #footer, .footerLinks h2, .socialButtons, .footerImageLinks { text-align: left; } /* Events */ .venueSection .columns .column { -ms-flex-wrap: wrap; flex-wrap: wrap; } .venueText { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .eventMap { padding-top: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .servicingSection img { margin-bottom: 250px; } .servicingOverlay { top: auto; left: 0; bottom: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); height: 250px; width: 100%; padding: 0 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .servicingOverlay h3 { font-size: 1.5em; } .servicingOverlay p { font-size: 1em; } /* Shopping basket */ section.blue, .checkoutForm { padding: 20px; } #orderDetailsSection h5 { font-size: 1.5em; } .basketTable.verticalTable td { padding-left: 50%; } .bespokeCallSection { padding: 30px; } .mainSearch { display: flex; } /* Basket order details + drawer? */ #basketColumn { width: 100% !important; margin-bottom: 0.5em; } #basket { margin-left: 0; min-width: 100%; } .header .columns.space .flexContainer { align-items: center; } } @media (max-width: 480px) { .carouselBadgeHeader { font-size: 6vw; } .recommendedSection[data-carousel="swiper"] .swiper-container, .recommendedSection .carouselContainer[data-carousel="swiper"] .swiper-container { margin-bottom: 40px!important; } .frontpageHeaderText, .curatedListMediaHeaderText { width: 70% !important; } .frontpageHeaderText { font-size: 10px; height: auto; } .recommendedBookDetails { text-align: center; } .libHeaderImages img { max-height: 320px; } .botwContainer { text-align: center; } .botw .botwSliderText { width: 290px; } .sliderContainer { padding: 0; } .sliderContainer .slick-arrow, .sliderContainer .homePrev, .sliderContainer .homeNext { display: none; } .recommendedSection { display: flex; flex-direction: column; justify-content: flex-start; padding: 20px 0; } .recommendedHeader, .recommendedSubHeader { margin-bottom: 10px; } .recommendedSection .swiper-container { padding: 20px 0 0; margin: 0 auto; max-height: unset; flex: 1 1 auto; display: flex; flex-direction: column; } .recommendedSection .swiper-container .swiper-button { display: none; } .recommendedSection .swiper-container .swiper-button-prev { left: 0; } .recommendedSection .swiper-container .swiper-button-next { right: 0; } .recommendedSection .swiper-container .swiper-wrapper { min-height: 100%; flex-wrap: wrap; margin: 0; } .recommendedSection .swiper-container .swiper-slide { flex: 1 1 50%; max-width: calc(50% - 10px); margin: 15px 5px; max-height: 300px; } .isSafari .recommendedSection .swiper-container .swiper-slide { margin: 15px 0; } .recommendedSection .swiper-container .swiper-slide:nth-of-type(n + 5) { display: none !important; } .recommendedSection .swiper-container .swiper-slide .carouselBookTitle, .recommendedSection .swiper-container .swiper-slide .carouselBookAuthor { display: none; } .recommendedSection .swiper-container .swiper-slide .recommendedImage { height: auto; } } @media (max-width: 450px) { [data-carousel] .sliderOverlay { z-index: -1; display: none; } [data-carousel]button.homePrev, [data-carousel] button.homeNext { display: none; } #tilesList .tile .titleText { font-size: 26px; } #libraryDesignTiles p.titleText { font-size: 26px; } #libraryDesignTiles .tile i { font-size: 46px; } .offersSlider p.sliderTitle { font-size: 1.1em; } ul.productPageTabs { overflow-x: visible; -ms-flex-wrap: wrap; flex-wrap: wrap; } ul.productPageTabs li { padding: 5px; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; border-radius: 0; } .tabContent { padding: 10px; } #newSiteBanner, #cookieBanner { padding: 10px 20px; } .columns.space { -ms-flex-wrap: wrap; flex-wrap: wrap; } .tweetEntry .column { min-width: 0; min-width: unset; width: 100%; } .tweetMediaVideo { min-width: 100%; } .socialSectionHeader { padding: 0 10px; } .socialSectionHeader i { margin-right: 10px; font-size: 25px; } .socialSectionHeader span { font-size: 20px; } .basketHeader .orderDetails { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .basketHeader .orderDetails>span { display: inline-block; width: 100%; } .basketHeader .total { margin: 10px; } .searchHeadBar { -ms-flex-wrap: wrap; flex-wrap: wrap; } .searchHeadBar .pagination { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .productContainer .columns .twoThirds.infoSection { width: 100%; padding-left: 0; } .productContainer .columns .twoThirds.infoSection .imageBadgeContainer { width: 75%; padding-right: 0; margin: auto; } .productContainer .columns .third.priceSection { width: 100%; } .imageBadgeContainer .productImg { margin-bottom: 10px; } .instaImage { -ms-flex-preferred-size: calc((100% - 30px)/2); flex-basis: calc((100% - 30px)/2); } .instaImage+div { margin-left: 0; } ul.makeAccount { -webkit-columns: 1; -moz-columns: 1; columns: 1; padding: 0; } .bookInfo ul.productPageTabs li { padding: 10px 0; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; text-align: center; } /* Registration */ p.smallText { font-size: 1em; } #registrationForm input[type="checkbox"] { height: 20px; width: 20px; vertical-align: middle; } p.smallText label { display: inline-block; vertical-align: middle; max-width: calc(100% - 30px); width: auto; } /* Account */ #myAccountForm ul.productPageTabs { -ms-flex-wrap: wrap; flex-wrap: wrap; } #myAccountForm ul.productPageTabs li { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; border-radius: 0; margin-right: 0; } #myAccountForm ul.productPageTabs li+li { border-top: 1px solid #a8a8a8; } #myAccountForm .tabContent { padding-left: 20px; padding-right: 20px; } .formLayout:not(.verticalTable) tr, .formLayout:not(.verticalTable) tr th, .formLayout:not(.verticalTable) tr td { width: 100%; display: block; } .formLayout:not(.verticalTable) tr { margin-bottom: 5px; } .wlBannerNarrow { -ms-flex-wrap: wrap; flex-wrap: wrap; } .wlBannerNarrow>div { width: 100%; } /* Events */ .dateTimeTitle span:first-child { margin-right: 0; } /* Text within "Case studies" gallery image? */ .caseStudySet .caseStudyItem .caseStudyText { width: 90%; } .caseStudySet .caseStudyItem .caseStudyHoveroverText { font-size: 6px; } } @media (max-width: 425px) { .megaDropDown li.column { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } /* .search.container .imageBadgeContainer .carouselBadgeHeader { font-size: 22px; } */ ul.menu>li.megaDropDown[title^="Furniture"]>.dropDown>.column>ul.dropDown { border-bottom: 0 none; } .publishersList .column { width: 50%; } .homeTitleText { font-size: 2vw; /* 3vw; */ } .twitterSection { font-size: 20px; padding: 30px 0; } .twitterIcon { font-size: 40px; margin-bottom: 0px; } .tweetMediaVideo iframe { width: 100% !important; } .sliderTab .slideText { font-size: 14px; } .columns .sixth.column { width: 100%; } .columns .third.column { width: 100%; } .sliderButtons { display: none; } ul.menu { display: none; } .homeSlider { height: 28vh; } .sliderImage { height: 27vh; } img.newsImage { padding-left: 5px; } .slider { padding: 20px; } .paddingBox { padding: 15px; } .accelerated p { font-size: 18px; } .serviceColumn { height: 420px; } table.basketTable tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } table.basketTable td, th { -webkit-box-flex: 1; -ms-flex: 1 1 100px; flex: 1 1 100px; } .servicingCheckbox, .servicingPrice, .servicingTitle { display: inline-block; box-sizing: border-box; } .servicingCheckbox { width: 40px; } tr.servicingTable td.servicingTitle { width: calc(100% - 40px); } .isIE11 tr.servicingTable td.servicingTitle, .isEdge tr.servicingTable td.servicingTitle { width: calc(100% - 45px); } .servicingPrice { width: 100%; margin-left: 40px; } .isIE11 .servicingPrice, .isEdge .servicingPrice { margin-left: 45px; } .tablinks i { font-size: 22px; padding: 12px; } .showroomText { padding: 20px; } .showroomText h2 { font-size: 40px; margin-top: 0px; } .showroomContainer { width: 350px; } /* Search Listing */ .infoSection, .priceSection { -ms-flex-wrap: wrap; flex-wrap: wrap; } .infoSection>.twoThirds { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-top: 10px; } .search.container .imageBadgeContainer { text-align: left; } .searchContainer { width: 560px; } .third.column.productImageContainer { padding-right: 0; text-align: center; } .listView .third.column.productImageContainer .image { margin-bottom: 20px; } .listView .bookDetails { margin-top: 10px; } .search h4 { font-size: 40px; } p.searchDescription { font-size: 22px; } .searchDetails { font-size: 17px; } /* Wish list */ .wishListItems .infoSection, .wishListItems .infoSection .productImageContainer, .wishListItems .infoSection .twoThirds.column { flex-basis: 100%; } .wishListItems .infoSection { position: relative; } .wishListItems .checkMarkSection { padding: 0; position: absolute; top: 33%; left: 0; } .filterExpand { font-size: 16px; width: 100%; } .accountHeader p { font-size: 16px; } .servicingBlock { max-width: 360px; padding: 20px; } .servicingBlock p { font-size: 16px; } .serviceColumn { height: 325px; } .centreButton { width: 270px; } .bookPageLinks { padding: 100px; } .container { width: 420px; } .container.flexVCentre { width: 100%; } } @media (max-width: 410px) { #basketDrawItems tr th:nth-of-type(2) { width: auto !important; } #basketDrawItems tr td:nth-of-type(2)>span { max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } @media (max-width: 390px) { /* Logout all users */ .header:not(.loggedIn) .topHomeButton { display: none; } .header:not(.loggedIn) .mobileButton { display: inline-block; } .header:not(.loggedIn) .mobileButton a { padding: 5px; display: inline-block; } .header:not(.loggedIn) .mobileButton i { font-size: 17px; vertical-align: middle; } .header #corporateMenu { width: auto; } .header .corporateMenuLabel { padding: 4px 5px; } /* Login normal users */ .header.loggedIn .topHomeButton { display: none; } .header.loggedIn .mobileButton { display: inline-block; } .header.loggedIn .mobileButton a { padding: 3px 6px; display: inline-block; } .header.loggedIn .mobileButton i { font-size: 17px; vertical-align: middle; } .header.loggedIn .otherLinks { padding: 5px; } .header.loggedIn:not(.adminUser) .userMenu li:nth-of-type(6):after { display: none; } .userMenu li .viewWishlist { font-size: inherit; } table.loginInfoTable input { width: 180px; } .servicingBlock { width: 325px; } .serviceColumn { height: 390px; } .librariansText { width: 98%; -webkit-box-sizing: border-box; box-sizing: border-box; } .botwSliderImage { margin-right: 90px; } #newsForm #pageNav { min-width: unset; } body[class*="isIE"] #newsForm #pageNav { min-width: 0; } /**/ .searchHeadBar .items span { font-size: 0.9em; } } @media (max-width: 375px) { .graphicButton h4 { font-size: 9vw; } img.mainLogo { width: auto; height: 46px; } .twitterSection { font-size: 18px; padding: 30px 0; } .twitterSection p { font-size: 13px; } .serviceColumn { height: 470px; } .offerPadding { padding: 10px; } .curriculumPara p { font-size: 16px; } .showroomText p { font-size: 14px; } img.homeBooks { height: 253px; width: 167.333px; } .librariansImgs { left: 15%; max-width: 150px; } .librariansChoiceMainCircle { right: -80px; } .librariansText { width: 100%; left: 0; } .botw .swiper-container .botwSliderSlide { padding-left: 40px; padding-right: 40px; } #pageNav { font-size: 80%; font-weight: bold; } #booksOfTheWeekForm #pageNav { font-size: 80%; font-weight: normal; } .listView .bookDetails, .listView .listViewStock { display: none; } .listView .priceSection { margin-top: 10px; } .listView .priceSection .searchPrice, .listView .priceSection .pricingDetails { padding-bottom: 10px; } .listView .searchQuantity { font-size: 20px; padding-bottom: 10px; } .listView .searchQuantity input { height: 35px; } .gridView p.wishlistText, .gridView .addToBasket, .basketButton { font-size: 20px; } .gridView .searchQuantity { font-size: 20px; } .gridView .searchQuantity input { height: auto; } .addToBasketSelectWrapper:after { top: 9px; } .gridView .searchBox { width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .gridView .gridHover { height: 300px; } body[class*='isIE'] .gridView .searchBox { width: 100%; } /* .listView .image, .gridView .image{ height: 300px; } */ .listView .image img { height: 100%; } .offerDetails { max-width: 190px; } .offerHeading, .offerName { font-size: 20px !important; } .container { width: 370px; } #footer .columns .quarter.column.footerLinks { width: 100%; } .wishlist .basketSummary { -ms-flex-wrap: wrap; flex-wrap: wrap; } .wishlist .basketSummary p+p { margin-left: 0; } .wishlist .basketSummary p { margin: 0 10px 10px 0; } /* Text within "Case studies" gallery image? */ .caseStudySet .caseStudyItem .caseStudyText { font-size: 4px; } } @media (max-width: 340px) { .header:not(.loggedIn) .mobileButton a { font-size: 0; } .header:not(.loggedIn) .userMenu li:not(:last-child):after { position: relative; top: 5px; } .tweetMediaVideo { min-width: 100%; } } @media (max-width: 325px) { #tilesList .tile .titleText { font-size: 22px; } #libraryDesignTiles p.titleText { font-size: 22px; } #libraryDesignTiles .tile i { font-size: 42px; } .basketHeader .total:before { display: none; } #basket { display: contents; } .ckgHeaderTitle .pageTitle { font-size: 30px; font-size: 2.14rem; } .botw .swiper-container .botwSliderSlide { padding-left: 20px; padding-right: 20px; } } @media (max-width: 320px) { .twitterSection { font-size: 15px; } .tweetMediaImage img { width: 100% !important; } .slider p { font-size: 17px; } img.newsImage { width: 145px; } .homeSlider { height: 23vh; } .sliderImage { height: 22vh; margin: 0; } .accelerated p { font-size: 17px; } .footerBar { font-size: 16px; } .servicingBlock { width: 280px; padding: 12px } .servicingBlock p { font-size: 12px; } .serviceColumn { height: 320px; } .offers img { width: 100%; } .detailColumns { font-size: 15px; } table.paymentAccountDetails td { font-size: 15px; padding: 6px; } #yourDetails p { font-size: 15px; } table.accountDeliveryInfo td { font-size: 15px; } table.loginInfoTable input { width: 150px; } .accountHeader h2 { font-size: 40px; } .showroomContainer { width: 300px; } .purpleShowroom { padding: 25px; } .showroomText { padding: 0px; } img.homeBooks { height: 221px; width: 140.333px; } .searchHeadBar .pagination .items { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; margin-top: 10px; } } @media (max-width: 311px) { table.loginInfoTable input { font-size: 15px; } .container { width: 310px; } } /* Mobile in landscape */ @media (max-height:500px) { .popup { padding-top: 10px; } } @media (max-width:850px) and (max-height:450px) { /*Basket draw -> header dropdown */ .header .columns.space .flexContainer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #basket { width: calc(100% - 40px); } #openDrawButton .icon { right: 14px; } #openDrawButton { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); position: absolute; right: 0; top: -29px; bottom: unset; margin: 0; width: 40px; height: 29px; padding: 4.5px 10px; border-left: 1px solid #fff; } body[class*="isIE"] #openDrawButton { bottom: auto; } .basketButtonContents .text { display: none; } #basketDraw { /* max-width: calc(100% - 55px); */ position: relative; left: unset !important; top: unset; bottom: unset; left: auto !important; top: auto; bottom: auto; margin: 0; height: auto !important; width: 100%; } body[class*="isIE"] #basketDraw { left: auto !important; top: auto; bottom: auto; } #basketDraw * { -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 0; } #basketDraw.closed { left: unset !important; } body[class*="isIE"] #basketDraw.closed { left: auto !important; } #basketDraw.closed #basketDrawItems { height: 0; padding: 0; overflow: hidden; } #basketDrawItems { border: 0; padding: 3px; border-top: 1px solid #fff; position: absolute; width: 100%; } #basketDrawItems .basketName { width: 100%; max-width: 100px; } #basketDrawItems table { width: 100%; } #basketDrawItems .basketNameColumn { width: 100px; } #basketDrawItems .basketName:focus { width: 200px; position: absolute; z-index: 300; top: 6px; min-width: 200px; } #basketDraw, .drawContainer { min-height: initial; } .basketHeader { padding-right: 40px; } } .productContainer .orderedBefore { position: absolute; left: 15px; bottom: 5px; font-size: 12pt; color: #DA1E63; } svg.recharts-surface { overflow: visible; }