/* ======================================================= PANEL widths / bespoke ======================================================= */ .pnl-1col .pnl, .w2col-img-pnl .img-rgt .pnl-inner, .w2col-img-pnl .img-rgt .pnl-txt, .w2col-img-pnl .img-lft .pnl-inner, .w2col-img-pnl .img-lft .pnl-txt, .rslt-list .pnl, .pnl-expnd-area .pnl-expnd-area-inner > div, .single-hl-pnl .pnl .pnl-inner.dg-bg .pnl-txt, #shopResults *, .threeCollFormElement * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pnl-block.pnl-block-act-btn {padding-bottom: 64px; padding-bottom: 4rem; } .pnl-row-title {min-height: 32px; margin: 0; padding: 16px 0; padding: 1rem 0; } .main-home-pg .pnl-row-title {padding:18px 0; padding:1.8rem 0;} h3.pnl-row-title + p {margin-top: -16px; margin-top: -1rem; } .pnl-row {*zoom: 1; position: relative; /*a .pnl-txt p {color:$grey_1; padding:0;} */} .pnl-6col .pnl, .pnl-6col .pnl-col {width: 144px; } .pnl-5col .pnl, .pnl-5col .pnl-col {width: 176px; } .pnl-4col .pnl, .pnl-4col .pnl-col {width: 224px; }/* grid_14 */ .new-footer .pnl-4col .pnl, .new-footer .pnl-4col .pnl-col {width: 218px; } .pnl-3col .pnl, .pnl-3col .pnl-col {width: 304px; }/* grid_14 */ .dg-bg .lrg-img-pnl.pnl-3col .pnl {width: 298px; }/* hack for 3 cols not floating... ? */ .pnl-2col .pnl, .pnl-2col .pnl-col, .pnl-2col .pnl-omit {width: 464px; }/* grid_19 */ .pnl-2-thirds {width: 624px; }/* grid_29 */ .pnl-1-third {width: 304px; }/* grid_38 */ .pnl-row .pnl-no-padding {width: 304px; }/* grid_19 */ /* grid_19 */ /*.pnl-3col-alt .pnl {width: $gutterWidth *18;}*/ /* grid_18 */ /* panel widths - 2 column layout - eg What's On */ .main-column .pnl-1col .pnl {width: 40rem; } .main-column .pnl-2col .pnl {width: 312px; } .main-column .pnl-3col .pnl {width: 202px; } .main-column .pnl-4col .pnl {width: 148px; } .rslt-lst .pnl-txt {width: 70%; } .pnl-2col {clear: none !important; float: left; } /* ********** temp work by DH start ******************* */ #main .pnl-shop4col .pnl, #main .pnl-shop4col .pnl-col {width: 232px /* !important; */} .main-home-pg #main .pnl-shop4col .pnl {width:auto/* !important */} #main .main-column .pnl-shop4col .pnl {width: 148px; } .desktop-site #main .pnl-shop4col .pnl {margin-left: 16px; margin-right: 0; } .desktop-site #main .pnl-shop4col .pnl:first-child, .desktop-site #main .pnl-shop4col .pnl:nth-child(5), .desktop-site #main .pnl-shop4col .pnl:nth-child(9) {margin-left: 0; } #main .pnl-shop4col .pnl * {box-sizing: border-box; } .main-home-pg .owl2 .owl-carousel .owl-item .pnl-txt p span {text-decoration: line-through;} /*task 8203: create gap between img label and img in shop pages*/ .shop #main .pnl-shop4col .pnl-img {padding-top: 30px;} #main .pnl-shop4col .pnl-img a {width: 100%; display: inline-block; overflow: hidden; } /*SoS carousel items*/ .save-our-sounds-gateway #main .pnl-shop4col .owl-carousel a {width:auto;} .save-our-sounds-gateway #main .pnl-shop4col .owl-carousel .pnl-img a:first-child {width:100%; display:block;} /*From/to tags*/ .save-our-sounds-gateway .save-our-sounds-content #intro-text p:first-of-type { text-align: center; font-size: 220%; color: #444;} /**/ /*task 8203: create gap between img label and img in shop pages*/ .shop #main .pnl-shop4col .pnl-img {padding-top:30px;} #main .pnl-shop4col .pnl-img a:hover {border-bottom: none; } #main .pnl-shop4col .pnl-img img {width: 100%; } /*#main .pnl-shop4col .pnl-img a:hover img {transform: translate3d(0px, 0px, 0px) scale(1.2); transition: all 5000ms linear 0s; } */ #main .pnl-shop4col .pnl-img img { transition-duration: 1.0s; /* mouse off */ transition-property: transform; } #main .pnl-shop4col .pnl-img a:hover img { /*transform: rotate(-10deg) scale(1.1);*/ transition-duration: 4.0s; transition-delay: 400ms; } /**/ .desktop-site #main .pnl-shop4col .pnl:hover {box-shadow: 0 0 14px rgba(0,0,0,0.2); } .desktop-site #main .pnl-shop4col .pnl {transition: opacity 200ms ease-in-out 100ms, box-shadow 400ms ease-in-out; } .desktop-site #main .pnl-shop4col .fade {opacity: 0.3; } /*.desktop-site.shop-theme .pnl-shop4col + .f-right {margin-right: 40%; }*/ .pnl-shop4col .pnl-inner {position: absolute; } .pnl-shop4col .product-cat {} .pnl-shop4col .product-cat p {} .prod-empty {display:none;} .prod-best, .shop02 .promo-label, .prod-sale, .prod-new, .prod-empty, .prod-preorder, .prod-signed, .prod-online-exclusive, .prod-library-exclusive, .prod-staff-pick, .prod-inthe-news, .prod-special-offer { color: #999; width: 150px; margin-left:-75px; padding: 1px; font-size: 10px; font-weight: normal; position: absolute; top: 0; left:50%; text-transform: uppercase; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-width: 1px; border-top-style: solid; float:left; z-index:999; background-color:#fff; } .shop.quick-basket .carousel-lrg > .pnl {margin-top:-26px;} /*tfs 10995, removed prefix desktop-site so that mobile is affected*/ .shop.quick-basket .carousel-lrg .prod-best, .shop.quick-basket .carousel-lrg .prod-new, .shop.quick-basket .carousel-lrg .prod-sale, .shop.quick-basket .carousel-lrg .prod-preorder, .shop.quick-basket .carousel-lrg .prod-signed, .shop.quick-basket .carousel-lrg .prod-online-exclusive, .shop.quick-basket .carousel-lrg .prod-library-exclusive, .shop.quick-basket .carousel-lrg .prod-staff-pick, .shop.quick-basket .carousel-lrg .prod-inthe-news, .shop.quick-basket .carousel-lrg .prod-special-offer { position: relative; top:27px; z-index: 10; } .shop li .pnl-inner .prod-best, .shop li .pnl-inner .prod-sale, .shop li .pnl-inner .prod-new, .shop li .pnl-inner .prod-empty, .shop li .pnl-inner .prod-preorder, .shop li .pnl-inner .prod-signed, .shop li .pnl-inner .prod-online-exclusive, .shop li .pnl-inner .prod-library-exclusive, .shop li .pnl-inner .prod-staff-pick, .shop li .pnl-inner .prod-inthe-news, .shop li .pnl-inner .prod-special-offer {margin-bottom: -29px; z-index: 1; } .prod-best p, .shop02 .promo-label p, .prod-sale p, .prod-new p, .prod-preorder p, .prod-signed p, .prod-online-exclusive p, .prod-library-exclusive p, .prod-staff-pick p, .prod-inthe-news p, .prod-special-offer p {padding: 4px; margin: 0; width: 100%; text-align: center; } /*19/07: reverted to box with bdr only*/ .prod-best, .shop02 .promo-label { color: #1380b5; border:1px solid #1380b5; } .prod-sale {color: #e4002d;border:1px solid #e4002d; } .prod-new {color: #970016;border:1px solid #970016;} .prod-preorder {color:#3d5c12;border:1px solid #3d5c12;} .prod-empty {border: none; background-color:transparent; } .prod-preorder {color: #3d5c12;border: 1px solid #3d5c12;} .prod-signed {color: #3d5c12;border: 1px solid #3d5c12;} .prod-online-exclusive {color: #642014;border: 1px solid #642014;} .prod-library-exclusive {color: #e4002d;border: 1px solid #e4002d;} .prod-staff-pick {color: #370F42;border: 1px solid #370F42;} .prod-inthe-news {color: #742648;border: 1px solid #742648;} .prod-special-offer {color: #789C46;border: 1px solid #789C46;} /**/ /**/ .pnl-shop4col .products-actions {position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; } /*.pnl-shop4col .products-actions button span {position: absolute; top: -3000px; left: -3000px; }*/ .pnl-shop4col .products-actions button {width: 30px; height: 30px; overflow: hidden; text-indent: -3000px; position: relative; top: -30px; float: right; margin: 0 6px 0 0; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; background-image: url('http://approval.vmllondon.com/britishlibrary-approval/shop/css/../img/icon-bag.png'); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px /* temp sizing solution! */; border: none; background-color: #fff; } .pnl-shop4col .products-actions button:first-child {float: left; margin: 0 0 0 6px; background-image: url('http://approval.vmllondon.com/britishlibrary-approval/shop/css/../img/icon-like.png'); } .pnl-shop4col .products-actions button:hover {background-image: url('http://approval.vmllondon.com/britishlibrary-approval/shop/css/../img/icon-bag-full.png'); } .pnl-shop4col .products-actions button:first-child:hover {background-image: url('http://approval.vmllondon.com/britishlibrary-approval/shop/css/../img/icon-like-full.png'); } /* plus button hover states !*/ .pnl-shop4col .pnl:hover button {position: relative; top: 0; } /* ********** temp work by DH end ******************* */ .pnl-row:after {content: ""; display: table; clear: both; } .pnl-row .pnl-row-ttl {display: block; } .pnl-row .pnl, .pnl-row .pnl-omit { margin: 0; padding: 0; position: relative; margin-right: 16px; margin-right: 1rem; margin-bottom: 16px; margin-bottom: 1rem; float: left; } #page-footer .pnl-row.pnl-4col nav .pnl {margin-bottom:0;} .main-home-pg .pnl-row .block-header.pnl {margin-bottom:0} .main-home-pg .get-started .pnl-row .block-header.pnl + .pnl {margin-bottom:0} .pnl-1col .pnl:last-child {border: none;} .shop-home .pnl-1col .pnl:last-child {width:100%;} .pnl-row .pnl .pnl-inner {position: relative; } /*.main-home-pg .get-started .pnl-row .pnl .pnl-inner { overflow:hidden !important ; height:auto !important; background:green; }*/ /* .pnl-row .pnl .pnl-inner.w-bg .pnl-txt, */ /* .pnl-row .pnl .pnl-inner.vlg-bg .pnl-txt, */ .pnl-row .pnl:not(.pnl-act-btn) .pnl-inner .pnl-txt, .pnl-row .pnl .facet-list a.pnl-inner .pnl-txt, .facet-list .pnl-row .pnl a.pnl-inner .pnl-txt, .pnl-row .pnl .pnl-inner.mdg-bg .pnl-txt, .pnl-row .pnl .pnl-inner.dg-bg .pnl-txt {padding: 16px; padding: 1rem; } .pnl-row .pnl .pnl-title {padding-bottom: 8px; padding-bottom: 0.5rem; } /*.main-home-pg .pnl-row .pnl .pnl-txt p {margin-top:0}*/ .pnl-row .pnl .pnl-txt, .pnl-row .pnl-omit .pnl-txt {padding-right: 16px; clear: right; } .main-content .pnl-row .pnl .pnl-txt, .main-content .pnl-row .pnl-row .pnl-omit .pnl-txt {clear: none; } /*.pnl-row .pnl .pnl-txt p {font-size: 12px; font-size: 0.8em; }*/ .pnl-row .pnl a.pnl-lnk {display: block; } .pnl-row .pnl h3, .pnl-row .pnl .pnl-title {margin: 0; } .pnl-row .pnl a.action-button:hover .icon {background-color: transparent; } .pnl-row .pnl dt {width: 80px; } .top-page-about-us .pnl-row .pnl dt {width:100%} .pnl-row .pnl dd {width: -moz-calc(100% - 80px); width: -o-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: calc(100% - 80px); } .top-page-about-us .pnl-row .pnl dd {width:100%; margin-bottom:16px;} .pnl-row .pnl span.pnl-field, .pnl-row .pnl-txt p.pnl-date {display: block; padding-bottom: 8px; padding-bottom: 0.5rem; } .pnl-row .pnl span.pnl-field .label {padding: 0; margin: 0; display: inline; } .pnl-row .pnl span.pnl-field .pf-txt {display: inline; } .pnl-row .pnl span.pnl-field + p.pnl-field {padding-top: 8px; padding-top: 0.5rem; } .pnl-row h3.pnl-title {margin: 1rem 0; padding: 0; } /*.pnl-row .pnl-inner .pnl-txt h3.pnl-title {margin-top: 14px; }*/ .pnl-row .pnl-act-btn .pnl-inner {position: relative; } .pnl-row .pnl-act-btn .pnl-inner.w-bg .pnl-txt, .pnl-row .pnl-act-btn .pnl-inner.vlg-bg .pnl-txt, .pnl-row .pnl-act-btn .facet-list a.pnl-inner .pnl-txt, .facet-list .pnl-row .pnl-act-btn a.pnl-inner .pnl-txt, .pnl-row .pnl-act-btn .pnl-inner.mdg-bg .pnl-txt {padding: 16px 16px 64px 16px; padding: 1rem 1rem 4rem 1rem; } .pnl-row dl {margin: 0; margin-bottom: 8px; margin-bottom: 0.5rem; } .pnl-row .pnl-wide, .pnl-row .pnl-1-third, .pnl-row .pnl-2-thirds, .pnl-row .pnl-img-2col {margin: 0; position: relative; margin-right: 16px; margin-right: 1rem; margin-bottom: 16px; margin-bottom: 1rem; float: left; } .pnl-row .pnl-wide .pnl-txt, .pnl-row .pnl-1-third .pnl-txt, .pnl-row .pnl-2-thirds .pnl-txt, .pnl-row .pnl-img-2col .pnl-txt {padding-right: 16px; } .pnl-row .pnl-wide a, .pnl-row .pnl-1-third a, .pnl-row .pnl-2-thirds a, .pnl-row .pnl-img-2col a {display: block; } .pnl-row .pnl-wide .pnl-title, .pnl-row .pnl-1-third .pnl-title, .pnl-row .pnl-2-thirds .pnl-title, .pnl-row .pnl-img-2col .pnl-title, .pnl-row .pnl-no-padding .pnl-title {margin: 0; } .pnl-row .pnl-img {padding-bottom: 0; position: relative; } .shop .search-rslt ul.pnl-row li.pnl .pnl-inner .pnl-img {padding-top: 29px; } .pnl-row .pnl-img img {display: block; width: 100%; height: auto; } .pnl-row .pnl-img img.lazy {width: 100%; } .pnl-row .pnl-no-padding {margin: 0 16px 0 0; /*margin: 0 1rem 0 0; */margin: 1rem 1rem 0 0; position: relative; padding: 0; float: left; } .pnl-row .pnl-no-padding .pnl-txt {padding: 16px; } .pnl-row .pnl-no-padding a {display: block; text-decoration: none; } .pnl-row .pnl-col {margin: 0 16px 16px 0; margin: 0 1rem 1rem 0; min-height: 200px; margin-right: 16px; margin-right: 1rem; margin-bottom: 16px; margin-bottom: 1rem; float: left; position: relative; } .pnl-row .pnl-col .pnl {margin: 0; margin-bottom: 1px; } .pnl-row .pnl-col.v-s-pnl .pnl {margin-bottom: 16px; margin-bottom: 1rem; } ul.pnl-3col p {margin: 10px 0; } .w2col-img-pnl .pnl-inner {width: 944px; } .w2col-img-pnl .pnl-img {padding: 0; width: 624px; } .w2col-img-pnl .pnl-img img {width: 100%; height: auto; display: block; } .w2col-img-pnl .pnl-txt {width: 304px; margin-top: 16px; margin-top: 1rem; } .w2col-img-pnl .img-rgt .pnl-inner {overflow: hidden; height: auto !important; } .w2col-img-pnl .img-rgt .pnl-img {float: right; padding-bottom: 0; } .w2col-img-pnl .img-rgt .pnl-txt {float: right; width: 320px; padding: 16px 32px 16px 16px; padding: 1rem 2rem 1rem 1rem; padding-bottom: 64px; padding-bottom: 4rem; } .w2col-img-pnl .img-lft .pnl-inner {padding-right: 16px; padding-right: 1rem; overflow: hidden; height: auto !important; } .w2col-img-pnl .img-lft .pnl-img {float: left; padding-bottom: 0; } .w2col-img-pnl .img-lft .pnl-txt {float: left; padding: 16px; padding: 1rem; padding-bottom: 64px; padding-bottom: 4rem; } .w2col-img-pnl .img-lft .action-button {margin-left: 624px; margin-left: 39rem; } .w2col-img-33-pnl-66 {} .w2col-img-33-pnl-66 .pnl-inner {width: 944px; } .w2col-img-33-pnl-66 .pnl-img {padding: 0; width: 304px; float: left; } .w2col-img-33-pnl-66 .pnl-img img {width: 100%; height: auto; display: block; } .w2col-img-33-pnl-66 .pnl-txt {width: 608px; margin-top: 0; float: left; } .w2col-img-33-pnl-66 .btm-lft {bottom: 16px; left: 320px; position: absolute; } .hlf-img-pnl .pnl {margin-right: 0; } .hlf-img-pnl .pnl-inner {overflow: hidden; } .hlf-img-pnl .pnl-inner .pnl-img {padding: 0; width: 472px; } .hlf-img-pnl .pnl-inner .pnl-img img {max-width: 100%; } .hlf-img-pnl .pnl-inner .pnl-txt {float: left; width: 416px; margin-right: 16px; margin-right: 1rem; margin-top: 16px; margin-top: 1rem; } .hlf-img-pnl.alternate-img .pnl:nth-child(odd) .action-button {margin-left: 472px; margin-left: 29.5rem; } .hlf-img-pnl.alternate-img .pnl:nth-child(odd) .pnl-img {float: left; } .hlf-img-pnl.alternate-img .pnl:nth-child(even) .pnl-img, .hlf-img-pnl.img-rgt .pnl-img {float: right; } /*Previously somebody made this comment: padding added here to fix/unify layouts without tracking down all html files*/ .rslt-list .pnl {width: 100%; min-height: 96px; padding-right: 16px; padding-right: 1rem;} /*02/0718: added this to remove extra r-pad from ul li.pnl so correct grid_xx class can be used (see: http://cdstaging.bl.uk/eccles-centre/resources lol - this breaks /press-releases - too generic a fix i'm afraid */ .rslt-list .pnl-inner {overflow: hidden; } .rslt-list .pnl-txt {float: left; width: 60%; padding-top: 0; min-height: 64px; } .rslt-list .pnl-img {float: left; padding: 0; } .rslt-list .pnl-row {padding-bottom: 16px; padding-bottom: 1rem;} .rslt-grid .quick-view {position: relative; } .rslt-grid .quick-view .pnl {position: static; } .rslt-grid .quick-view .pnl:nth-child(3n+4) {clear: left; } .rslt-grid .pnl {width: 224px; } ul li.notFound {padding-top: 20px !important; } ul li.notFound div.pnl-inner {border: 1px solid #ccc; height: auto !important; } .rslt-grid .pnl.notFound {width: 704px;} .sml-img-pnl .pnl .pnl-inner.w-bg, .thmb-pnl-col .pnl .pnl-inner.w-bg {padding: 0; } .sml-img-pnl .pnl .pnl-inner.w-bg .pnl-txt, .thmb-pnl-col .pnl .pnl-inner.w-bg .pnl-txt {padding: 8px 16px; padding: 0.5rem 1rem; } /** * compensation for the above....(.pnl-inner.w-bg) * which depends on the class w-bg being on the element to maintain guttering **/ .top-page-catalogues-collections .sml-img-pnl .pnl .pnl-inner .pnl-txt { /*add to top level so all get this*/ padding: 8px 16px; padding: 0.5rem 1rem; } .sml-img-pnl .pnl-img, .thmb-pnl-col .pnl-img {width: 96px; width: 6rem; float: left; } .sml-img-pnl .pnl-img img, .thmb-pnl-col .pnl-img img {/*height:auto; verflow:hidden; position:absolute; clip: rect(0,60px,60px,0);*/ } .sml-img-pnl .pnl-lnk, .thmb-pnl-col .pnl-lnk {min-height: 60px; } .sml-img-pnl .pnl-img + .pnl-txt, .sml-img-pnl .action-button, .thmb-pnl-col .pnl-img + .pnl-txt/*, .thmb-pnl-col .action-button */{margin-left: 96px; margin-left: 6rem; } .pnl-1col .pnl {width: 944px; width: 59rem; } .pnl-1col.pnl-img-2col .pnl {border-bottom: none; } .grid_37 .pnl-1col .pnl {width: 560px; width: 35rem; } .sml-img-pnl.pnl-1col .pnl-img {width: 192px; width: 12rem; } .sml-img-pnl.pnl-1col .pnl-img + .pnl-txt, .sml-img-pnl.pnl-1col .action-button {margin-left: 192px; margin-left: 12rem; } .sml-img-pnl.pnl-2col .pnl-img {width: 128px; width: 8rem; } .sml-img-pnl.pnl-2col .pnl-img + .pnl-txt, .sml-img-pnl.pnl-2col .action-button {margin-left: 128px; margin-left: 8rem; } .sml-img-pnl.pnl-6col .pnl-img + .pnl-txt {margin: 0; clear: left; } .sml-img-pnl.pnl-6col .action-button {margin: 0; } .col-41-width .sml-img-pnl.pnl-1col .pnl-img {width: 8rem;} /* sets image width for press contract page in 2 col layout*/ .col-41-width .sml-img-pnl.pnl-1col .pnl-img + .pnl-txt {margin-left: 9rem;} /* sets text panel width for press contract page in 2 col layout*/ .isotope, .isotope .isotope-item {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope {-webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; } .isotope .pnl img {display: block; margin: 0; height: auto; width: 100%; } .isotope .pnl {width: 224px; } .isotope .wide {width: 464px; } .isotope .isotope-item {z-index: 2; } .isotope .isotope-hidden.isotope-item {pointer-events: none; z-index: 1; } .isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; } .isotope .pnl .mdg-bg .pnl-txt {padding-bottom: 16px; } .pnl-expnd-wrap {position: absolute; width: 100%; height: 400px; overflow: hidden; margin-left: -8px; left: 0; }/* this did not have any selector on 25/11/15? */ .quick-view .qv-open {padding: 8px; padding: 0.5rem; padding-right: 8px !important; margin: 8px 8px 8px -8px !important; padding-bottom: 400px; } .quick-view .qv-open .pnl-expnd-area {display: block; height: 400px; } .quick-view .qv-open .pnl-inner {/*background: blue; */background: url('../images/qv-arrow.png') no-repeat center bottom; padding-bottom: 8px; padding-bottom: 0.5rem; } .pnl-expnd-area {width: 100%; position: absolute; height: 0px; background: #eee; z-index: 30; display: none; } .pnl-expnd-area .pnl-expnd-area-inner > div {width: 49%; float: left; padding: 32px 40px 40px 40px; position: relative; height: 400px; *height: 320px; } .pnl-expnd-area .pnl-expnd-area-inner .pnl-expnd-img {height: 368px; background: #000; padding: 8px; margin: 16px; width: 45%; } .qv-nav li {position: absolute; z-index: 999; } .qv-nav li:hover {cursor: pointer; } .qv-nav .qv-next {right: 0; top: 50%; } .qv-nav .qv-prev {left: 0; top: 50%; } .qv-nav .qv-close {top: 8px; right: 8px; } .no-js img.lazy {display: none; } .alternate-main-bg .pnl-txt {padding: 16px 16px 64px 16px; padding: 1rem 1rem 4rem 1rem; } /*.alternate-main-bg .pnl-txt {padding: 16px 16px 32px 16px; padding: 1rem 1rem 2rem 1rem; } .alternate-main-bg .btm-lft {clear: right; float: left; margin: 16px 0; position: static; }*/ .alternate-main-bg.noBtn .pnl-txt {padding: 16px; padding: 1rem; } .pnl-money span {display: none; } .pnl-money:after {content: '£'; display: block; width: 27px; height: 27px; font-size: 18px; font-weight: bold; text-align: center; vertical-align: middle; position: absolute; top: 0; right: 0; background-color: #999; color: #fff; } .pnl-txt .pnl-field .label {display: inline; } .pnl-column .pnl {margin-bottom: 16px; margin-bottom: 1rem; } .pnl-column .pnl .pnl-inner {position: relative; } .pnl-column .pnl .pnl-txt {padding: 16px; padding: 1rem; } .pnl-column .pnl .pnl-txt .pnl-title {margin: 0; } .rh-column .pnl-column .pnl .pnl-txt {padding: 0; } .rh-column .pnl-1col .pnl {width: 320px; width: 20rem; } .pnl-column-3col {width: 304px; float: left; padding: 0 16px 16px 0; padding: 0 1rem 1rem 0; } .pnl .hit-spot {display: none; /*position: absolute; height: 100%; width: 100%; opacity: 0; left: 0; top: 0; */ /*-webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; */ /*mobile = display: block*/ } /*.pnl .hit-spot:hover {opacity: 0.15; }*/ /*.main-bg .pnl-link-list .nmbr, .pnl .hit-spot .pnl-link-list .nmbr {padding-left: 8px; padding-left: 0.5rem; }*/ .main-bg .pnl-link-list .nmbr {display: inline-block; } .main-bg .pnl-link-list .nmbr:before {content: '-'; color: transparent; } .pnl-link-list li {margin: 0; } .pnl-link-list li a {display: inline-block; } .pnl-video .pnl-img, .pnl-media .pnl-img {position: relative; } /*.pnl-video .pnl-img .video-info, .pnl-media .pnl-img .video-info {bottom: 0; left: 0; xopacity: 0.8; position: absolute; cursor: pointer; }*/ /*.pnl-video .pnl-img .video-info .vid-time, .pnl-video .pnl-img .video-info .vid-time {display: inline-block; float: right; margin: 4px 0 0; padding: 0 14px; }*/ .single-hl-pnl .pnl {margin: 0; margin-bottom: 16px; margin-bottom: 1rem; } .single-hl-pnl .pnl .pnl-inner.dg-bg .pnl-img {width: 50%; float: right; } .single-hl-pnl .pnl .pnl-inner.dg-bg .pnl-txt {width: 50%; float: left; padding: 20px 12px 12px 12px; padding: 1.6rem 1rem 1rem 1rem;} .single-hl-pnl .pnl .pnl-inner.dg-bg p {margin: 8px 0; margin: 0.5rem 0; } .pnl-row .pnl span.pnl-field.pf-date {display: inline; } #eventsList .pnl-row .pnl span.pnl-field.pf-date .date-start {width: 100%; margin-bottom: 10px; display: inline-block; } .pnl-row .pnl h3 + span.pnl-field.pf-date span {display: inline !important; } .pnl-row .pnl span.pnl-field.pf-free, .pnl-row .pnl span.pnl-field.pf-type {display: inline; padding: 2px 5px; margin: 1px; /*width: 60px; ?*/ } .pnl-row .pnl span.pnl-field.pf-free {padding: 4px 6px; } .pnl-row .pnl span.pnl-field.pf-type {display: inline-block; margin-bottom: 10px; margin-top: -8px; line-height: 1rem; } .pnl-row .pnl span.pnl-field.pf-type.pf-wide {display: block; text-align: center;margin:10px 0 0 0;} .thmb-pnl-col .pnl-row .pnl span.pnl-field.pf-type {position: relative; top: -8px; } .pnl-pos-rel {position: relative; } .main-content-block-inner.w-bg .grid_37 ul.pnl-row li {margin-left: 0; } /*remove dash from global msg if only one*/ #shop-legend > div.grid_19.removeDash:first-child:after {content:none;} /*.search-rslt.grid_37 ul.pnl-row li:nth-child(odd) {margin-left: 57px; }*/ .search-rslt.grid_37 ul.pnl-row li:nth-child(2n+1) {margin-left: 57px; } .main-content-block-inner {margin-left: 2rem; } .hl-pnl {width: 976px; } .hl-pnl .hl-pnl-inner {padding-left: 16px; padding-left: 1rem; } .hl-pnl .hl-pnl-inner .pnl-row {clear: both; overflow: hidden; display: block; zoom: 1; } .hl-pnl h2 {position: absolute; z-index: 20; margin: 0; padding-left: 16px; padding-left: 1rem; } .hl-pnl .pnl-row .pnl {padding-right: 0; } .hl-pnl .pnl-lnk {height: 320px; overflow: hidden; } .hl-pnl .pnl-lnk .pnl-inner {height: 320px; } .hl-pnl.js-open {height: 471px; overflow: hidden; margin-bottom: 0; position: relative; } .hl-pnl-nav li {position: absolute; width: 100%; height: 63px; cursor: pointer; margin: 0; } .hl-pnl-nav .hl-next {bottom: -8px; } .hl-pnl-nav .icon {-moz-border-radius: 22px; -webkit-border-radius: 22px; border-radius: 22px; } .hl-pnl-nav .trans-icon-bg {width: 100%; position: absolute; height: 100%; display: block; top: 0; opacity: 0.6; } .hl-prev .trans-icon-bg {margin-top: -8px; } .hl-pnl-nav .icon {z-index: 999; position: absolute; left: 50%; margin-left: -22px; overflow: hidden; opacity: 0.7; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } .hl-pnl-nav li:hover .icon, .hl-prev .trans-icon-bg {opacity: 1; } .hl-pnl-nav li {z-index: 10; } .pnl .pnl-lnk:hover {margin: -8px; padding: 8px; } .desktop-site .network .pnl-3col .pnl-2col .pnl {width: 624px !important; } .desktop-site .network .pnl-row .pnl/* , .desktop-site.top-page-about-us .main-content-block-inner.cntr-blk .pnl-row .pnl */{box-sizing: border-box; border: 1px solid #ccc; } .desktop-site.top-page-about-us .main-content-block-inner.cntr-blk .bl-global-component-accordion .pnl-row .pnl {border: none;} .desktop-site .network .pnl-3col div.pnl div.vlg-bg {background: #eee !important; } .desktop-site .network .pnl-3col div.pnl div.vlg-bg p {margin-bottom: 8px; margin-bottom: 0.5rem; } .desktop-site .network .pnl-txt {padding: 16px 16px 64px 16px !important; padding: 1rem 1rem 4rem 1rem !important; } .desktop-site .network .pnl-txt .action-button {position: absolute; bottom: 16px; bottom: 1rem; } /*.desktop-site .network .pnl-txt {padding: 16px; padding: 1rem !important;}*/ /* ======================================================= STYLES USED TO REPLACE PADDING CLASSES FOR SPECIFIC PANELS EG COLLECTIONS GUIDE ======================================================= */ /*07/06/18: proposed new text component*/ .text-component .pnl-row .pnl .pnl-inner .pnl-txt { padding-left:0;padding-top:0;} .links-block-padding {margin-bottom: 32px; margin-bottom: 1rem; padding-left:32px; padding-left:1rem;} .vlg-bg .rh-column .links-block-padding {padding-bottom: 16px; padding-bottom: 1rem; } .pnl-block-padding {padding-bottom:32px; padding-bottom:2rem; margin-top: 32px; margin-top: 2rem;} .pnl-block-padding .pnl-row {padding-left:16px; padding-left:1rem;} /* ======================================================= PADDING / MARGIN ======================================================= */ /*Moved from all_m*/ [class*="grid_"] {display: block; float: none; margin: 0; padding: 0; } .m-t-1col {margin-top: 16px; margin-top: 1rem; } .m-t-2col {margin-top: 32px; margin-top: 2rem; } .m-t-3col {margin-top: 48px; margin-top: 3rem; } .m-t-4col {margin-top: 64px; margin-top: 4rem; } .m-b-1col {margin-bottom: 16px; margin-bottom: 1rem; } .m-b-2col {margin-bottom: 32px; margin-bottom: 2rem; } .m-b-3col {margin-bottom: 48px; margin-bottom: 3rem; } .m-b-4col {margin-bottom: 64px; margin-bottom: 4rem; } .m-l-1col {margin-left: 16px; margin-left: 1rem; } .m-l-2col {margin-left: 32px; margin-left: 2rem; } .m-l-3col {margin-left: 48px; margin-left: 3rem; } .m-l-4col {margin-left: 64px; margin-left: 4rem; } .m-r-1col {margin-right: 16px; margin-right: 1rem; } .m-r-2col {margin-right: 32px; margin-right: 2rem; } .m-r-3col {margin-right: 48px; margin-right: 3rem; } .m-r-4col {margin-right: 64px; margin-right: 4rem; } .p-t-1col {padding-top: 16px; padding-top: 1rem; } .p-t-2col {padding-top: 32px; padding-top: 2rem; } .p-b-1col {padding-bottom: 16px; padding-bottom: 1rem; } .p-b-2col {padding-bottom: 32px; padding-bottom: 2rem; } .p-l-1col, .prefix_1 {padding-left: 16px; padding-left: 1rem; } ul li.list-view {padding-left: 15px; padding-left: 0.9rem; /* for chrome */} .p-l-2col, .prefix_2 {padding-left: 32px; padding-left: 2rem; } .p-l-3col, .prefix_3 {padding-left: 48px; padding-left: 3rem; } .p-l-4col, .prefix_4 {padding-left: 64px; padding-left: 4rem; } .p-r-1col, .suffix_1 {padding-right: 16px; padding-right: 1rem; } .p-r-2col, .suffix_2 {padding-right: 32px; padding-right: 2rem; } .p-r-3col, .suffix_3 {padding-right: 48px; padding-right: 3rem; } .p-r-4col, .suffix_4 {padding-right: 64px; padding-right: 4rem; } .p-lr-1col {padding-left: 16px; padding-left: 1rem; padding-right: 16px; padding-right: 1rem; } .p-lr-2col {padding-left: 32px; padding-left: 2rem; padding-right: 32px; padding-right: 2rem; } .prefix_19, p-l-19col {padding-left: 304px; padding-left: 19rem; } .prefix_20, p-l-20col {padding-left: 320px; padding-left: 20rem; } .prefix_21, p-l-21col {padding-left: 336px; padding-left: 21rem; } .p-child-t-1col > div { padding-top: 16px; padding-top: 1rem; } /* ======================================================= GRID ======================================================= */ .grid_61 {width: 976px; } .grid_61:before, .grid_61:after {content: " "; display: table; } .grid_61:after {clear: both; } .grid_60 {width: 960px; } .grid_60:before, .grid_60:after {content: " "; display: table; } .grid_60:after {clear: both; } .grid_59 {width: 944px; } .grid_59:before, .grid_59:after {content: " "; display: table; } .grid_59:after {clear: both; } .grid_58 {width: 928px; float: left; } .grid_57 {width: 912px; float: left; } .grid_56 {width: 896px; float: left; } .grid_55 {width: 880px; float: left; } .grid_54 {width: 864px; float: left; } .grid_53 {width: 848px; float: left; } .grid_52 {width: 832px; float: left; } .grid_51 {width: 816px; float: left; } .grid_50 {width: 800px; float: left; } .grid_49 {width: 784px; float: left; } .grid_48 {width: 768px; float: left; } .grid_47 {width: 752px; float: left; } .grid_46 {width: 736px; float: left; } .grid_45 {width: 720px; float: left; } .grid_44 {width: 704px; float: left; } .grid_43 {width: 688px; float: left; } .grid_42 {width: 672px; float: left; } .grid_41 {width: 656px; float: left; } .grid_40 {width: 640px; float: left; } .grid_39 {width: 624px; float: left; } .grid_38 {width: 608px; float: left; } .grid_37 {width: 592px; float: left; } .grid_36 {width: 576px; float: left; } .grid_35 {width: 560px; float: left; } .grid_34 {width: 544px; float: left; } .grid_33 {width: 528px; float: left; } .grid_32 {width: 512px; float: left; } .grid_31 {width: 496px; float: left; } .grid_30 {width: 480px; float: left; } .grid_29 {width: 464px; float: left; } .grid_28 {width: 448px; float: left; } .grid_27 {width: 432px; float: left; } .grid_26 {width: 416px; float: left; } .grid_25 {width: 400px; float: left; } .grid_24 {width: 384px; float: left; } .grid_23 {width: 368px; float: left; } .grid_22 {width: 352px; float: left; } .grid_21 {width: 336px; float: left; } .grid_20 {width: 320px; float: left; } .grid_19 {width: 304px; float: left; } .grid_18 {width: 288px; float: left; } .grid_17 {width: 272px; float: left; } .grid_16 {width: 256px; float: left; } .grid_15 {width: 240px; float: left; } .grid_14 {width: 224px; float: left; } .grid_13 {width: 208px; float: left; } .grid_12 {width: 192px; float: left; } .grid_11 {width: 176px; float: left; } .grid_10 {width: 160px; float: left; } .grid_09 {width: 144px; float: left; } .grid_08 {width: 128px; float: left; } .grid_07 {width: 112px; float: left; } .grid_06 {width: 96px; float: left; } .grid_05 {width: 80px; float: left; } .f-left {float: left !important; } .f-right {float: right !important; } .f-none {float: none !important; } .results-heading .grid_06 {width: 110px; }/* for: .grid_06 used in BIPC search results, instead of .grid_07 */ .panel-list-height {min-height:265px;} /* these verbose selectors are due to the same cause as detailed below ... */ /* commented out 18/06/18: not sure why this was written, however there is a better way*/ /* .main-content-block.highlight-bg > .main-content-block-inner.main-bg { padding-top: 16px; padding-top: 1rem; padding-bottom: 16px; padding-bottom: 1rem; border:10px red solid; } */ /* 02/07/18 commented out: see 12615 .desktop-site .main-content-block.highlight-bg > .main-content-block-inner.main-bg > .pnl-block { padding-left: 16px; padding-left: 1rem; } */ /*** Following are some bespoke 'control' classes to add to wrapper divs in certain scenarios. In order to reuse the same HTML within components in different page layouts, etc, it has become necessary to wrap the HTML block/component in a wrapper which overrides certain css styles... ***/ .desktop-site .twitControl {float: left; clear: left; width: 940px; } .desktop-site .twitControl iframe.twitter-timeline, .desktop-site .twitControl #twitterwrapper {width: 520px !important; background-color: #e5e5e5; } .desktop-site .twitControl .pnl-row {margin: 0 auto; float: none !important; /*width: 50%; */} .twitControl #twitterwrapper {height: auto !important; padding: 0; } .twitControl h3.pnl-row-title {font-size: 1.1rem; } /*temp fix: set all feeds to this height, we need to offer height flexibility*/ #twitter-widget-0 {height:382px !important;} /* for including '
' inside '
use class .paddingControl01 inconjunction with class grid_61 */ .desktop-site .paddingControl01 {margin-bottom: -16px; margin-bottom: -1rem; } .desktop-site .paddingControl01 .main-content-block-inner {padding-left: 16px; padding-left: 1rem; } .desktop-site .paddingControl01 .lrg-img-pnl.pnl-3col .pnl {width: 304px !important; } .rslt-list .lrg-img-pnl.pnl-3col .pnl .pnl-txt { /*SoS - save-our-sounds-recording-page-nodescription.shtml*/ position: relative; top:-40px; width:auto;} .rslt-list .lrg-img-pnl.pnl-3col .pnl .pnl-txt .pnl-title { padding-left:22px; clear:both; } .desktop-site .paddingControl02 {float: left; clear: left; width: 100%; } .desktop-site .paddingControl02 .pnl-block.p-l-1col p.block-desc {padding-left: 0; width: 70%; font-size: 0.875rem; } .desktop-site .paddingControl02 h2.block-title {font-size: 1.4em; } .desktop-site .paddingControl02 .top-rgt {top: -48px; } /********* NEW HOME PAGE LAYOUT START *********/ .boxSize, .boxSize *, .main-home-pg .footer-block-inner, .product-hero, .product-hero *, .pnl-lg-footer {box-sizing: border-box; } .boxSize:before, .boxSize:after, .boxSize *:before, .boxSize *:after, .product-hero:before, .product-hero:after, .product-hero *:before, .product-hero *:after {box-sizing: inherit; } .boxSize .main-content-block div:before, .boxSize .main-content-block div:after {content: " "; display: table; } .boxSize .main-content-block div:after {clear: both; } .main-home-pg .owl-carousel {height: 430px; display: block; overflow: hidden; } .main-home-pg .shopping .owl-carousel {height:auto} .main-home-pg .owl-carousel .owl-stage {overflow: hidden; } .main-home-pg .owl-carousel .owl-stage, .desktop-site.main-home-pg .owl-carousel .owl-stage .owl-item:first-child .item:first-child {height: 398px; } .main-home-pg .owl-carousel .owl-stage, .desktop-site.main-home-pg .owl-carousel .owl-stage .owl-item:first-child .item:first-child {height: 430px !important} .main-home-pg .shopping .owl-carousel .owl-stage {height:380px !important} .main-home-pg #main .shopping .pnl-shop4col .pnl-img a {margin-top:30px;} .main-home-pg .owl-carousel .top-row {height: 304px; overflow: hidden; } .main-home-pg .owl-carousel .top-row .pnl {min-height: 286px; } .main-home-pg .owl-carousel .bottom-row {height: 126px; overflow: hidden; } .main-home-pg .owl-carousel .top-row .pnl-img {height: 126px; max-height: 126px; overflow: hidden; } .main-home-pg .owl-carousel .pnl-title {padding: 0; margin: 0 0 6px 0; font-weight: normal; font-size: 18px; font-size: 1.3em; } .main-home-pg .owl-carousel .bottom-row .pnl-img {float: left; } /*.main-home-pg .owl-carousel .owl-item .pnl.item:not(.onload-right-half) .bottom-row .pnl-img {width:142px}*/ .main-home-pg .owl-carousel .top-row .pnl-block .pnl-col:first-child {margin-right: 16px; } .main-home-pg .owl-carousel .pnl-txt p.free { background-color: #000; color: #fe0 !important; display: inline-block; margin: 0 10px 6px 0; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; padding: 2px 4px; font-size: 10px; float:left } .main-home-pg .owl-carousel .pnl-txt p.desc {clear:both} .main-home-pg .owl-carousel .pnl-txt p.event-availability {color:red !important;clear:both} /*.main-home-pg .owl-carousel .pnl-txt p {font-size: 13px; font-size: 0.7875rem; }*/ /* Remove silly grey strip on hp top carousel. .desktop-site.main-home-pg #owl-carousel .owl-stage-outer:before {content: ' '; display: block; height: 100%; position: absolute; right: 0; width: 20px; z-index: 50; opacity: 1; transition: opacity 1.0s ease-in-out; }*/ .desktop-site.main-home-pg .owl-carousel .owl-stage-outer.fade:before {opacity: 0; } .main-home-pg .block-footer .pnl {width:auto;} .main-home-pg .owl-carousel .owl-nav div, .shop .owl-carousel .owl-nav div, .save-our-sounds .owl-carousel .owl-nav div { background-color: #037a8d; display: inline-block; position: absolute; top: 54%; height: 40px; width: 40px; z-index: 100; color: transparent; text-transform: capitalize; box-sizing:border-box; } .main-home-pg .owl-carousel .owl-nav div { background-color:#b70303; top:12px } .desktop-site .main-home-pg .owl2 .owl-carousel .owl-nav div {top:48%} .main-home-pg .owl-carousel .owl-nav div:before, .shop .owl-carousel .owl-nav div:before, .save-our-sounds .owl-carousel .owl-nav div:before {content: ' '; width: 30px; height: 30px; display: block; opacity: 1; transition: opacity 0.30s ease-in-out; } /* .main-home-pg .owl-carousel .owl-nav div:hover:before, .shop .owl-carousel .owl-nav div:hover:before, .save-our-sounds .owl-carousel .owl-nav div:hover:before {opacity: 0.6; } */ .main-home-pg .owl-carousel .owl-next {right: 0; } /*carousel nav*/ /*.main-home-pg .owl-carousel .owl-next:before, .shop .owl-carousel .owl-next:before {background-position: 39px -56px; }*/ .main-home-pg .owl-carousel .owl-next:before, .shop .owl-carousel .owl-next:before, .save-our-sounds .owl-carousel .owl-next:before {background-position: -153px -57px;} .main-home-pg .owl-carousel .owl-prev:before, .shop .owl-carousel .owl-prev:before, .save-our-sounds .owl-prev:before {background-position: -106px -57px;} /*.main-home-pg .owl-carousel .owl-prev:before, .shop .owl-carousel .owl-prev:before {background-position: 88px -56px; }*/ /**/ .main-home-pg .owl-carousel .owl-prev {left: 0; } .main-home-pg .owl-carousel .owl-dots {height: 0; display: none; } .main-home-pg .owl-carousel .owl-stage .owl-item .pnl, .main-home-pg .owl-carousel .top-row .pnl, .main-home-pg .owl-carousel .bottom-row {background-color: #fff; } .main-home-pg .owl-carousel .owl-stage-outer:before {background-color: #ddd;}/* darker gry */ /**/ .main-home-pg .main-content .main-content-block:first-child .main-content-block-inner > p, .main-home-pg .main-content .main-content-block .main-content-block-inner > .pnl-2col > p, .main-home-pg .main-content .main-content-block .main-content-block-inner > .pnl-3col > p {font-weight: bold;} /* .main-home-pg .main-content .main-content-block .main-content-block-inner p a {border-bottom: 1px solid; } */ .main-home-pg .main-content .main-content-block .main-content-block-inner p a:hover {border-bottom: none; } .main-home-pg .pnl-row .pnl-row-title + p {margin-top: -16px; margin-top: -1rem; } /* .main-home-pg ul:not(.strapline-list) .action-button {background-color: red; font-size: 0.8rem; padding: 0 20px; } .main-home-pg ul:not(.strapline-list) .action-button:hover {background-color: green !important;} */ .main-home-pg .shopping .pnl-txt h2 + p, .main-home-pg .shopping .pnl-txt h3 + p {color: #cd3333 !important; }/*first p*/ .main-home-pg .main-content-block-inner .pnl-row {padding-left: 16px; padding-left: 1rem;} /* .save-our-sounds .main-content-block-inner .pnl-row {padding-left: 16px; padding-left: 1rem;} */ .shop-category .promo-wrap .main-content-block-inner .pnl-row {padding-left:0;padding-right:0;} .shop .search-rslt #eventsList {padding-left:0;padding-right:0;} .main-home-pg .main-content-block-inner .block-footer.pnl-row {padding-left:0} .main-home-pg .owl1 .block-footer.pnl-row {padding-left:16px;} .main-home-pg .main-content-block-inner #owl-carousel + .block-footer {padding-left:16px;} .main-home-pg .main-content-block.shopping .block-footer .pnl {padding-left:16px;} /*.main-home-pg .shopping .main-content-block-inner .pnl-row {padding-left:0;padding-right:0}*/ .main-home-pg .owl-carousel .pnl-txt, .main-home-pg .owl-carousel {padding: 16px; padding: 1rem;} .main-home-pg .owl-carousel .pnl-txt {overflow:hidden !important} .main-home-pg .bottom-row .pnl-txt {padding-left:0 !important} .main-home-pg .owl1 .owl-carousel {padding-top:0;} /*homepage top carousel*/ .desktop-site.main-home-pg .owl1 #owl-carousel {height:457px;} .desktop-site.main-home-pg .owl1 #owl-carousel .owl-stage {height:457px !important;} .desktop-site.main-home-pg .owl1 #owl-carousel .owl-stage .owl-item:first-child .item:first-child {height:457px !important} .desktop-site.main-home-pg .owl1 #owl-carousel .top-row {height:331px;background:#F1F1F1} .desktop-site.main-home-pg .owl1 #owl-carousel .top-row .pnl {min-height:315px} /* .main-home-pg .owl-carousel .owl-nav div:hover:before {opacity:1} */ .main-home-pg .owl-carousel .owl-nav div:hover {background-color: #6A0000;} /*news / blogs section*/ .main-home-pg .owl1 + .main-content-block .pnl-inner, .main-home-pg .discover-learn .pnl-omit + .pnl .pnl-inner { padding:0; height:auto !important; } /*discover/learn images*/ .mobile-site.main-home-pg .discover-learn .pnl-omit .pnl-row {padding:0} .main-home-pg .discover-learn .pnl-omit .pnl-row a {float:left} .mobile-site.main-home-pg .discover-learn .pnl-omit .pnl-row a {width:100%} /*.desktop-site.main-home-pg .discover-learn .pnl-omit .pnl-row a {padding:16px;}*/ .main-home-pg .discover-learn img, .main-home-pg .social img {width:100%;float:left} /*.main-home-pg .social .ads .pnl {margin-top:16px;}*/ /**/ /*Homepage footer carousel*/ .mobile-site.main-home-pg .shopping .pnl-shop4col {width:auto/* !important */} .main-home-pg .owl1 + .main-content-block .pnl-inner .pnl-txt, .main-home-pg .discover-learn .pnl-omit + .pnl .pnl-inner .pnl-txt, .main-home-pg .owl1 > .main-content-block .pnl-inner .pnl-txt /*03/03/17: used on the incorrect structure on cdstaging for the news on HP*/ { /*padding: 16px !important; padding-left:0 !important; */ padding: 16px 16px 16px 0 !important; } .main-home-pg .shopping.owl2 .owl-carousel {padding:0} .main-home-pg .shopping.owl2 .section-footer {margin-top:16px;} /*HP blogs/news images*/ .main-home-pg .sm-img { /*max-width:170px; width: 100%;*/ float: left; padding-right: 16px; padding-right: 1rem; } .main-home-pg .news .sm-img {width:130px} /*.mobile-site.main-home-pg .sm-img {max-width: 135px;}*/ .main-home-pg .sm-img a {float:left} .main-home-pg .last-pnl {margin-bottom:0} .mobile-site.main-home-pg .last-pnl + .block-footer {padding-top:16px;padding-top:1rem;} .main-home-pg .sm-txt {padding-top: 16px; padding-top: 1rem; } .main-home-pg .promo-banner-inner {width: 100%; height: 332px; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; } .main-home-pg .promo-banner-inner span {position: absolute; left: -3000px; top: -3000px; } .main-home-pg .main-content-block-inner.grid_61 .pnl-row.grid_59:first-child {padding-bottom: 16px; padding-bottom: 1rem; } .main-home-pg .main-content-block .main-content-block-inner .pnl-row .pnl.live-feed {margin-bottom:0} .main-home-pg .live-feed .suffix_1 {margin:0} .main-home-pg .main-content-block .main-content-block-inner .pnl-row .pnl #twitterwrapper {height: 382px !important;} .shelvesandspaces.content-page .live-feed.pnl #twitterwrapper {height: 382px !important;} .shop.shop-product.quick-basket .social-icons ul {width:auto;float:left} .social-icons {height: 0px; } /* Checking impact of this on non-home pages */ .social-icons ul {width: 100%;} .social-icons ul li {display: inline-block; float: left; margin-right: 10px; } .main-home-pg .social-icons ul li {float:none;margin-right:0} .desktop-site.shop .product-info .social-icons h2 {width:auto;} /*use for black/white icons*/ /* .social-icons ul li a {display: inline-block; width: 48px; height: 48px; text-indent: -3000px; opacity: 1; transition: opacity 0.3s ease-in-out; background-repeat: no-repeat; background-image: url('data:image/gif;base64,R0lGODlhUgEvANUAAKysrPPz83x8fLCwsM3NzcbGxjw8PMnJyZ2dnYmJiUpKStra2pWVlbm5uUJCQt7e3uHh4UZGRtPT06ioqOrq6ujo6GhoaO3t7U1NTfj4+NbW1vT09FJSUqSkpISEhFpaWoGBgebm5l5eXlZWVqGhoZiYmGVlZdTU1PDw8MLCwmFhYXZ2dm1tbXJycrS0tI6Ojj4+PuTk5L6+vpGRkby8vNDQ0MDAwDg4OO/v7/7+/js7O9jY2Do6OtnZ2Tk5Of///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwNjcgNzkuMTU3NzQ3LCAyMDE1LzAzLzMwLTIzOjQwOjQyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTVGNUVEMDY4RTBGMTFFNTk4RjJGMEE0QjRGNUYwRjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTVGNUVEMDc4RTBGMTFFNTk4RjJGMEE0QjRGNUYwRjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NUY1RUQwNDhFMEYxMUU1OThGMkYwQTRCNEY1RjBGNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1w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'); } */ /* .social-icons ul {display:inline-block;width:auto} */ /* .social-icons ul li a:hover {border-bottom: none; opacity: 0.8;} */ /*use for black/white icons*/ /* .main-home-pg .social-icons ul li a {background-image: url(../../../resources/global/images/2016-social-icons.jpg);} */ /* .main-home-pg .social-icons ul li a {background-image: url(../../../resources/global/images/social-icons.jpg);} .main-home-pg .social-icons ul li.fb a {background-position: 0 0 !important} .main-home-pg .social-icons ul li.t a {background-position: -59px 0 !important} .main-home-pg .social-icons ul li.yt a {background-position: -233px 0 !important} .main-home-pg .social-icons ul li.pi a {background-position: -175px 0 !important} .main-home-pg .social-icons ul li.li a {background-position: -347px 0 !important} .main-home-pg .social-icons ul li.i a {background-position: -290px 0 !important} .main-home-pg .social-icons ul li.g a {background-position: -117px 0 !important} .mobile-site .social-icons ul li a {color: transparent; } */ /* .main-home-pg .social-icons ul li a, .main-home-pg .icon-list li a:before {width: 48px; height: 48px;} */ .main-home-pg .social-icons ul li.pi a {background-position: 70px 0 !important} /*removes line under the tweets*/ .main-home-pg .social-icons.align-center ul {overflow:hidden} /**/ /*TODO: why has last-child been used here? - IE doesn't repect last-child*/ body:last-child.desktop-site.shop .product-info .icon-list li {float:none;margin-right:0;display:inline-block} body:last-child.desktop-site.shop .product-info .icon-list li a {width:60px;height:60px} body:last-child.desktop-site.shop .icon-list .t a {background-position: -60px 0px;} body:last-child.desktop-site.shop .icon-list .yt a {background-position: -124px 0px;} body:last-child.desktop-site.shop .icon-list .pi a {background-position: -421px 0px;} body:last-child.desktop-site.shop .icon-list .li a {background-position: -240px 0;} body:last-child.desktop-site.shop .icon-list .i a {background-position: -180px 0;} body:last-child.desktop-site.shop .icon-list .g a {background-position: -846px 0;} /**/ /* .desktop-site.main-home-pg .social .block {margin-bottom:16px;} */ .desktop-site.main-home-pg .social .pnl-row-title {font-size:1rem; padding:0} .main-home-pg .social-icons .pnl-block, .main-home-pg .social-icons .pnl-block .pnl-row.pnl-3col {padding-left:0} .main-home-pg .med-img {float: left; padding-right: 16px; padding-right: 1rem; width: 165px; } .main-home-pg .pnl-omit {float: left; margin: 0 16px 16px 0; margin: 0 1rem 1rem 0; padding: 0; position: relative; width: 100%; } .main-home-pg .pnl-inner-omit {min-height: 100px; } .main-home-pg .pnl-3col > p {padding-right: 16px; padding-right: 1rem; } /* pre-footer */ /*.shop.masthead-compress .main-content .main-content-block.bg03 {margin-top:100px;}*/ /* end pre-footer*/ .main-home-pg .whatson-newsletter-block, .shop .whatson-newsletter-block {color: #fff; margin: 0 auto; max-width: 500px; padding: 40px 0 50px 16px; padding: 2.6rem 1rem 3rem 1rem; } .main-home-pg .form-block-inner h3, .shop .form-block-inner h2, .shop .form-block-inner h3 {font-size: 22px; font-size: 1.5rem; font-weight: normal; margin: 0; } .main-home-pg .form-block-inner h3 + p, .shop .form-block-inner h3 + p {color: #cdcb98; font-size: 11px; font-size: 0.8rem; } /*.main-home-pg #go_link, */ /*.shop #go_link {background-color: transparent !important; border: 1px solid #fff; text-align: center; font-size: 14px; height: 37px; width: 62px; }*/ .main-home-pg #go_link:hover, .shop #go_link:hover {background-color: #66676a !important; } .main-home-pg #go_link {background-color: #037a8d;text-transform:uppercase} .main-home-pg .pnl-omit .pnl-inner-omit p {padding-left: 16px; padding-left: 1rem; } .main-home-pg .pnl-omit .pnl-inner-omit h2, .main-home-pg .pnl-omit .pnl-inner-omit h3 {margin: 0; font-size: 16px; font-size: 1rem; } .main-home-pg .block-footer.pnl-row .pnl {margin:0} .new-footer #page-footer {background-color: #131313; float: left; width: 100%; } .new-footer #page-footer, .new-footer #page-footer a {color: #a09c9d; } .new-footer #page-footer a.no-hover:hover {border: none; cursor: default; } .new-footer #page-footer dt a {color: #fff; } .new-footer #page-footer .sml-txt, .new-footer #page-footer .sml-txt a {color: #585858; } /*01/03/17: last set of links in the footer*/ .new-footer #page-footer .pnl-4col {padding: 16px; padding: 1rem;padding-bottom:0;} /* this does the same as the above when the html is without the .pnl-4col class as is the case in sitecore currently*/ footer .menu-block ul.h-menu {padding: 16px; padding: 1rem;padding-bottom:0;} /*end*/ .new-footer #page-footer dl {display: block; width: inherit; } .new-footer #page-footer dt {width: 100%; } .new-footer #page-footer dd {width: 100%; margin: 6px 0; } .new-footer #page-footer dt {font-size: 16px; font-size: 1.0rem; margin-bottom: 0.6rem; margin: 6px 0; color: #fff; } .new-footer #page-footer .main-content-block + .footer-block {border-top: 1px solid #4e4e4e; } .new-footer #page-footer .footer-block-inner {display: block; min-height: 120px;/* commented out 27/02/17: padding-left:42px;padding-left:2.6rem; */} .new-footer #page-footer .footer-block-inner .menu-block ul li a { border-left: 1px solid #4e4e4e; display: inline-block; font-size: 12px; font-size: 0.8rem; /*TFS 9461: */ margin-top: 0; padding: 0 18px; } .new-footer #page-footer .footer-block-inner .menu-block ul li.desktop a, .new-footer #page-footer .footer-block-inner .menu-block ul li.mobile a {border-left: 0 none; padding-left: 0; } .shop .new-footer #page-footer .pnl h2 {display: none; } /*.shop .new-footer #page-footer .pnl dd .icon-list {float: left; margin-left: -10px; }*/ .shop .new-footer #page-footer dd .pnl-block {padding: 0; } /********* NEW product PAGE LAYOUT END *********/ body.shop-home div#main div.main-content-block.main-bg, body.shop-home div#main div.highlight-bg {background: none !important; background-color: transparent !important; } body.desktop-site.shop-home #main .pnl-3col .pnl {width: 309px !important; } body.shop-home #main .main-bg .highlight-bg {overflow: hidden; } body.desktop-site.shop-home #main .main-bg .highlight-bg .pnl-inner {margin-left: 8px; } body.shop-home #main .main-bg .highlight-bg .pnl-inner .pnl {margin: 0 16px 16px 0; } body.desktop-site.shop-home #main .pnl-3col .pnl {position: relative; right: -4px; } body.shop-home .hlf-img-pnl .pnl-title {text-transform: uppercase; } body.shop-home .hlf-img-pnl .pnl-txt {text-align: right; } /*body.desktop-site.shop-home .hlf-img-pnl .btm-lft {left: 336px; } could just remove .btm-lft ? */ body.desktop-site.shop-home .hlf-img-pnl .pnl-inner .pnl-img {width:50%;} body.shop-home .products .pnl-1col .pnl {width:100%;} .mobile-site .products { padding-left:16px; padding-right:16px; } .mobile-site .products .pnl.pnl-act-btn {padding:0;} /*12079 .shop #main {position: relative; top: 112px;} */ /*12079 .shop.shop-home #main {top: 0;padding-top:16px;} */ /*12079 .shop.shop-theme .footer-block.sectional-footer { address the gap in the footer in files with extra heading depth (currently only desktop-shop-theme-pg.html) margin-top:112px;} .shop .main-content {position: relative; top: 0; } .shop footer#footer {position: relative; top: 112px; z-index: 1; } */ /*12079 .shop.masthead-compress #main {top: 208px; }*/ /*12079 .shop.masthead-compress .main-content {top: -208px; } */ body.feature-module.masthead-compress #main > .main-content > .main-content-block {position:relative; top: -30px;} /*12079 .shop.shop-home #main {top: 195px; }*/ .shop.masthead-compress footer#footer, .shop.shop-theme footer#footer, .shop.shop-search footer#footer {top: 0;} /**/ .shop.shop-search #main {top:0;} /*26/07/2016: bg image depth (I though this was a fix but it's not the case - keep for now)*/ /*.shop.masthead-compress #main {top: 454px; } .shop.masthead-compress .main-content {top: -454px; } .shop.shop-home #main {top: 220px; } .shop.masthead-compress footer#footer {top: 87px; }*/ /* end: page blocks repositioning */ #shop-legend {padding: 6px 0; /*height: 34px;*/ overflow: hidden; }/*this was required after having to move this row into the nav area*/ #shop-legend > div > p {display: block; font-size: 11px; /*line-height: 34px;*/ min-height: 34px; text-align: center; width: 100%; text-transform: uppercase; }/* because we're in a hurry */ .quick-basket #shop-legend/* global msg, .shopping-basket.basket-default #shop-legend */{height:auto;} .quick-basket #shop-legend > div > p, .shopping-basket/* .basket-default */ #shop-legend > div > p { line-height: normal; min-height: 0; } .shopglobalmessage p { line-height: normal !important; min-height: 0 !important; } .desktop-site #shop-legend > div.shopglobalmessage:first-child:after { content: none;} .desktop-site.quick-basket #shop-legend > div:first-child:after, .desktop-site.shopping-basket #shop-legend > div:first-child:after {content: none;} .product-hero {padding: 0; } /*.desktop-site .product-hero {margin-bottom: 16px !important; margin-bottom: 1rem !important; }*/ #shop-legend p, .product-hero p {margin: 0; } .product-hero .product-info, .product-hero .carousel-lrg {padding-top: 0; } #shop-legend > div:first-child {position: relative; } .desktop-site #shop-legend > div:first-child:after {content: ''; display: block; height: 1px; position: absolute; right: -16px; top: 50%; width: 34px; } /*#shop-legend #local-search, .product-hero #local-search {position: absolute; left: -3000px; top: -3000px; } #shop-legend .local-search-wrapper {border: 1px solid #eee; margin: 0; } #shop-legend .searchbox-wrapper, .product-hero .searchbox-wrapper {padding: 0; } #shop-legend .search-section {padding-right: 16px; padding-right: 1rem; }*/ /*.promo-label { background-color: #fff; font-size: 13px; font-weight: bold; margin: -30px auto 0; max-width: 130px; min-width: 130px; padding: 5px 6px; position: relative; text-align: center; text-transform: uppercase; top: 30px; z-index: 10; height: 30px; overflow: hidden; }*//* this'll have to do */ .product-info2, .product-hero, .product-info, .shop .alternate-img .w-bg {background: #f4f4f4; background-color: #f4f4f4; } .desktop-site .product-info svg polygon {fill: #f4f4f4; } .product-info {padding: 0 32px; padding: 0 2rem; } /* .product-info h2 {font-weight: normal;} */ .desktop-site .product-info h2 {width: 414px; } .product-info > .pnl > div {float: left; clear: left; width: 100%; border-bottom: 1px solid #ccc; padding: 16px 0; padding: 1rem 0; } .product-info .pnl div.btn, .product-info > .pnl > div.qty ~ div {border-bottom: none; } .shop .icon-list:before {content: normal; top: -3000px; border-top: none !important; } .product-info p {max-width: 416px; color: #333;} .product-info > .pnl h2 + div {padding-top: 0; /*padding-bottom: 0; */} .product-info2 > .pnl > div span, .product-info > .pnl > div span {display: inline-block; } .desktop-site .product-info .quote {width: 410px; border-bottom: 0; } .product-info2 .price p, .product-info .price p {display: inline-block; width: auto; position: relative; line-height: normal; } .product-info2 .price p span, .product-info .price p span, .feature-module .products .price p span, .shop-home .products .price p span {float: right; font-size: 16px; font-size: 1.6rem; font-weight: normal; } .product-info2 .price p span + span, .product-info .price p span + span, .feature-module .products .price p span + span, .shop-home .products .price p span + span { color: #999; text-decoration: line-through; font-size: 12px; font-size: 0.8rem; margin-right: 16px; height: 30px; line-height: 40px; } .feature-module .products .price p, .shop-home .products .price p {float:left;} /*.desktop-site .main-content > .main-content-block:first-child .product-hero .pnl:after {content: normal; } .desktop-site #product-hero .carousel-lrg .pnl:after, .desktop-site .carousel-lrg .pnl:after {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAADJCAYAAADVYJdkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVCNjI1OEExOTM4MjExRTU4QTcxQTI2RjQyMzE2RkI0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVCNjI1OEEyOTM4MjExRTU4QTcxQTI2RjQyMzE2RkI0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUI2MjU4OUY5MzgyMTFFNThBNzFBMjZGNDIzMTZGQjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUI2MjU4QTA5MzgyMTFFNThBNzFBMjZGNDIzMTZGQjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7VVqlRAAAGS0lEQVR42uyd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'); background-position: left center; background-repeat: no-repeat; content: ' '; display: block; height: 100%; right: 0; position: absolute; top: 0; width: 50px; z-index: 1000; }*/ .desktop-site .product-info svg {position: absolute; top: 60%; z-index: 10; } .desktop-site.shop-product .product-info svg {top: 50%; } .desktop-site .product-info.f-right svg {left: -90px; } .desktop-site .product-info.f-left svg {right: -90px; } .desktop-site li.product-hero .product-info.f-left svg {right: -76px; } .shop-product .main-column .text-block h2, .shop-product aside.rh-column .pnl-block h3 { font-size: 18px; font-size: 1.1375rem; } .desktop-site aside.lh-column, .desktop-site .image-block {padding-left:16px;padding-left:1rem;} /*tfs 11031*/ aside.rh-column .image-block {padding:0;} /*#10594 add searchbox: RHC image e.g. desktop-services-landing-page-with-search.html*/ .desktop-site aside .main-content-block .button-block + .button-block + .image-block, .desktop-site [class^="grid_"].mpu-ad .image-block {padding-left:0;} .desktop-site.shop-product #owl-carousel .owl-stage-outer { height: 70px; top: -84px; } .desktop-site.shop-product #owl-carousel .owl-stage {width: 100% !important; margin-top: 5px; } .desktop-site.shop-product #owl-carousel .owl-item {float: left; clear: right; width: auto !important; margin-right: 0 !important; } .desktop-site.shop .owl-carousel .item.gry {opacity: 0.6; } /*.mobile-site.shop-product #owl-carousel .owl-stage-outer { } .mobile-site.shop-product #owl-carousel .owl-stage {border: 2px solid purple; } .mobile-site.shop-product #owl-carousel .owl-item {border: 1px solid blue; }*/ .shop .owl-carousel {top: 0; min-height: 60px; } .shop .product-hero .pnl {width: 100%; } /* * Robin and Andy 20160721 * Andy 28/07/2016 removed desktop-shop-theme-pg.html from this decleration */ .shop:not(.shop-theme) .product-hero .carousel-lrg .pnl {width: 100%; margin-top: -27px;} .shop.shop-theme .pnl-row.product-info {clear:none} .shop.quick-basket .product-hero .pnl {width:100% !important} .desktop-site.shop .product-hero .product-info {min-width: 480px; /*width: 496px; */} .desktop-site.shop .product-hero .owl-carousel {margin: 0 auto; width: 148px; } /*all shop files but not theme pages (e.g. not desktop-shop-theme-pg.html) */ .desktop-site.shop .product-hero .carousel-lrg {margin-bottom: -95px; } .desktop-site.shop.shop-theme .product-hero .carousel-lrg .pnl:first-child {margin-bottom:0;} /**/ .shop .productMainImg {margin-bottom: -5px; width:100%; } #product-hero .productMainImgDiv {cursor: crosshair; } .productMainImgDiv {padding: 0; margin-bottom: -2px; } .desktop-site.shop.quick-basket .product-hero .carousel-lrg {margin-bottom: -65px; } .quick-basket .productMainImgDiv {padding-top:30px; background-color:#fff;} .productMainImgDiv, .productMainImg {width: 100%; } .product-hero .product-info .qty {padding-bottom: 0; } .product-hero .product-info .qty label {display: inline-block; float: left; clear: right; margin-right: 10px; font-size: 14px; line-height: 44px; font-size: 0.9rem; line-height: 2.8rem; } .product-hero .product-info .qty input {float: left; clear: right; min-height: 42px; } .shop input.prod-qty {width: 20% !important; height: 80%; } .shop #main .product-info input, .shop #main .product-info select { border: 1px solid #ccc; color: #666; width: 60%; margin-bottom: 0; } .shop #main .product-info input { -webkit-appearance: none; border-radius: 0; min-height:32px; } .mobile-site.shop #main .product-info select {width:auto} div.product-hero .product-info .action-button { text-transform: uppercase; font-size: 16px; font-size: 1rem; width: 100%; padding: 6px; text-align: center; min-height: 40px; min-height: 2.4rem; line-height: 2.4rem; } li.product-hero .product-info {padding-top: 16px; padding-bottom: 16px; } .product-hero .product-info .pnl-block {padding: 0 !important; } .product-hero .product-info .pnl-3col h2 {position: absolute; top: -3000px; left: -3000px; } .product-hero .product-info .action-button .action-text {display: inline-block; line-height: 1.9rem; } .shop .icon-list {margin: 0; } /*.shop .icon-list li:first-child {margin-left: 10px; }*/ /*.shop .icon-list .yt, .shop .icon-list .li, .shop .icon-list .g {display: none; }*/ /*.shop .icon-list li {margin: 0 0 0 6px; float: right; height: 33px; }*/ .shop .icon-list li:first-child {margin-left:0} .shop .social-icons li {float: right; } /*.mobile-site.shop #footer .icon-list li {height: 100px; }*/ body:last-child.desktop-site.shop .icon-list li a {margin: 0 0 0 5px; height: 40px; width: 40px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }/* incs ie8 filter */ body:last-child.desktop-site.shop .icon-list .fb a {background-position: 0 0; }/* incs ie8 filter */ body:last-child.desktop-site.shop .icon-list .t a {background-position: -40px 0; }/* incs ie8 filter */ body:last-child.desktop-site.shop .icon-list .i a {background-position: -120px 0; }/* incs ie8 filter */ body:last-child.desktop-site.shop .icon-list li a:hover::before {content: normal !important; } .shop .icon-list .yt, .shop .icon-list .g {display:none} .shop .main-content-block-inner .basic-social .icon-list {float: left; margin-left: -16px; margin-left: -1rem; } .shop .main-content-block-inner .basic-social .pnl-block {padding: 0 !important; margin: 0 !important; } .shop .main-content-block-inner .basic-social .pnl-block h2 {display: none; } .shop .main-content-block-inner .basic-social {padding-left: 16px; padding-left: 1rem; } dl#prod-property {width: 100%; display: block; margin: 32px 0; margin: 2rem 0; font-size: 0.875rem; } dl#prod-property * {display: inline-block; color: #000 !important; } dl#prod-property dt {float: left; clear: left; width: 25%; text-align: right; padding-right: 10px; font-weight: normal; } dl#prod-property dt:after {content: ':'; } dl#prod-property dd {width: auto; } .shop p.split a {float: right; } .shop p.split a:first-child {float: left; } .shop p.split span {position: absolute; top: -3000px; left: -3000px; } .shop .video-block {margin-bottom: 16px; margin-bottom: 1rem; } .shop .audio-block {background-color: #eee; border: 1px solid #ccc; } .shop .audio-block h3 {font-size: 16px; font-size: 0.8rem; padding: 0 16px; padding: 0 1rem; } .shop .audio-block ol {background-color: #fff; padding: 0 0 0 30px; } .desktop-site.shop-product .audio-block ol *, .desktop-site.shop-product .audio-block h3 {text-align: left !important; } .shop .audio-block li {border-top: 1px solid #ccc; margin: 0; padding: 8px 16px; font-size: 13px; font-size: 0.8rem; } .shop .audio-block li:first-child {border-top: none; } .shop .recommended {padding: 16px 0; padding: 1rem 0; margin: 16px 0; margin: 1rem 0; } .desktop-site.shop .recommended {width: 80%; margin-left: auto; margin-right: auto; } .desktop-site.shop .recommended blockquote {font-family: Georgia, serif; font-size: 16px; font-size: 1rem; font-style: italic; /*width: 500px; */margin: 0.25em 0; padding: 0 0 0 16px; line-height: 1.45; position: relative; color: #666; /*float: right; padding: 0 70px 0 16px; */ display: block; width: auto; } .shop .product-info q {/*background: orange; */display: inline-block; width: auto; } .desktop-site.shop .recommended blockquote span {width: 100%; } .product-info2 blockquote:before, .desktop-site.shop .recommended blockquote:before, .desktop-site.shop .recommended blockquote:after {display: block; position: absolute; font-size: 40px; } .product-info2 blockquote:before, .desktop-site.shop .recommended blockquote:before {content: '\201C'; left: -20px; top: -13px; position: relative; height: 0; } .shop .product-info2 blockquote:before {font-size: 60px; left: -10px !important; } /*.desktop-site.shop .recommended blockquote span:after {content: '\201D'; right: -15px; bottom: -15px; }*/ .desktop-site.shop .recommended .pnl-img {border-radius: 80px; overflow: hidden; } .desktop-site.shop .recommended .pnl-img {margin-right: 1rem; position: relative; top: 8px; } .shop .recommended h3 {font-weight: normal; text-transform: uppercase; font-size: 16px; font-size: 1rem; color: #333; } .shop.shop-theme .recommended h3 {padding-left:16px;} .shop .recommended cite {font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 12px; font-size: 0.8rem; font-style: normal; display: block; margin-top: 10px; } /*.shop .pnl-shop4col h2 {font-weight: normal; }*/ .shop .pnl-shop4col .pnl-txt p span, .save-our-sounds .pnl-shop4col .pnl-txt p span, .shop li .pnl-txt p span {text-decoration: line-through; opacity: 0.6; font-style: italic; font-weight: bold; margin-right: 0.5rem; } .shop .owl-carousel {margin-bottom: 64px; margin-bottom: 4rem; } .shop .owl-carousel .owl-next, .save-our-sounds .owl-carousel .owl-next {right: -16px; right: -1rem; } /*.mobile-site.shop .owl-carousel .owl-next {right: 4px; }*/ .shop .owl-carousel .owl-prev, .save-our-sounds .owl-carousel .owl-prev {left: -16px; left: -1rem; } /*.shop .owl-carousel {padding-bottom: 17px; }*/ .shop .product-2pnl .pnl-img {width: 100%; } /*.shop .product-2pnl .pnl-img img {position: relative; margin-left: auto; margin-right: auto; top: 50%; }*/ .shop .product-info2 blockquote {font-size: 20px; line-height: 24px; font-family: Times, "Times New Roman"; padding: 20% 10% 10% 10%; font-style: italic; } .desktop-site.shop .product-info2 blockquote {font-size: 2rem; line-height: 2.2rem; padding-right: 120px; } .desktop-site.shop .product-info2 blockquote cite {font-style: normal; font-weight: normal; font-size: 18px; font-size: 1.2rem; font-family: arial; margin-top: 1rem; float: left; text-transform: uppercase; } .desktop-site .owl-carousel, .desktop-site .owl-carousel li {display: block; } .desktop-site .owl-carousel {position: relative; margin: 0; } .desktop-site .owl-carousel li {/*border: 2px solid #eee; */display: inline; float: left; clear: right; overflow: hidden; /*box-shadow: 3px 3px 5px rgba(68,68,68,0.6); */transition: all 0.3s ease-in-out 0s; margin: 0 7px; } .desktop-site .owl-carousel li, /*.desktop-site .owl-carousel li div, */ .desktop-site .owl-carousel li img {border-radius: 30px; } .desktop-site .owl-carousel li:hover {transform: scale(1.1); } .desktop-site .owl-carousel li, .desktop-site .owl-carousel li img {width: 60px; height: 60px; cursor: pointer; } .desktop-site.shop-product #product-hero .owl-carousel .owl-controls {display: none; } .shop .form-block-inner .sml-txt {display: none; } /********* PRODUCTS PGS LAYOUT END ***********/ /*** LAYOUT ISSUES - OVERRIDE CSS: Following is a basic/crass/[bonkers necessity if you build websites like this] attempt to bring some visual order and consistency back to padding/margins in areas of the page throughout the site, without major CSS & HTML surgery (or rebuild). DH. Note: 'body:last-child' is a hack to keep out ie8, as all the following are overrides ***/ /* REMOVED because of documented issues - see :\Digital Marketing Operations\Web Design\regression testing 2015-12-09 for screenshots */