/* ======================================================= HOME PAGE ======================================================= */ body { /*added google fonts in header - uncomment both link in header & body font when ready*/ /*font-family: 'Roboto', sans-serif !important;*/ /*font-family: 'Open Sans', sans-serif;*/ /*font-family: 'Indie Flower', cursive;*/ /*-webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale;*/ } /*XXXXXXXXXXXXXXXXXXXXXXXXX 26/07/18 tfs #14303 Fix for digital-preservation misaligned image component XXXXXXXXXXXXXX*/ /** * See container rule: https://wiki.bl.uk:8443/display/WD/HTML+structures. * Problem: * The image component is using incorrect nesting of main-content-block inside main-content-block * as a result of nested components with using the same parent outer divs. * * Each main-content-block acts like a row or section and ideally shouldn't be nested inside another main-content-block. * Agreed with dev to use css here to prevent complicated component fix */ .desktop-site.top-page-digitalpreservation .cntr-blk.vlg-bg:first-child > .pnl-block.p-l-1col:first-child { /*difficult finding a specific class to hook onto but remove the padding from the 1st child with this class combi*/ padding-left:0;} .desktop-site.top-page-digitalpreservation .cntr-blk.vlg-bg:first-child > .pnl-block.p-l-1col:first-child > .lrg-img-pnl { padding-left:16px; padding-left:1rem;} .mobile-site.top-page-digitalpreservation .further-info .pnl-txt.suffix_1.mob-no-p-l { /* mob-no-p-l is a problem on this elem (AM Recommended the use of this class), needs to be removed from component */ padding-left:16px !important;/*override '!important' in helper-classes*/ padding-left:16px !important;/*override '!important' in helper-classes*/} .mobile-site.top-page-digitalpreservation .main-content-block-inner .main-content-block { /*compensate for incorrect block nesting*/ margin-top:16px; margin-top:1rem;} .mobile-site.top-page-digitalpreservation .pnl-row.lrg-img-pnl.pnl-3col .pnl.suffix_1:last-of-type {margin-bottom:0 !important;} .mobile-site.top-page-digitalpreservation .further-info .pnl-row.lrg-img-pnl.pnl-4col .p-t-2col.p-b-1col.p-r-1col:last-of-type {padding:0;} /*XXXXXXXXXXXXXXXXXXXXXXXXXXXX End digital-preservation misaligned image component XXXXXXXXXXXXXXX*/ /*XXXXXXXXXXXXXXXXXXXXX Sponsors sub-header side-by-side XXXXXXXXXXXXXXXX*/ aside.sponsors .block-title {padding-top:0;margin-top:0;} aside.sponsors img {width:100%;height:auto;} aside.sponsors .pnl:first-child {margin-right:0;} /**/ /** * only add padding to text-block headings hard left if parent and self don't have padding classes * Athena: * */ .text-block:not([class*=-l-]) .page-title:not([class*=-l-])/* , .text-block:not([class*=-l-]) *:not([class*=-l-]) */ { padding-left: 16px; padding-left:1rem; } /*flattern via css saves on component edits (e.g http://cdstaging.bl.uk/eccles-centre/resources) */ .page-title[class*=-t-] {padding-top: 0;} /*Item viewer*/ #img-viewer .img-viewer-nav {height:auto;} /* helper classes */ .center {margin:0 auto} .shelvesandspaces .leaderboard-txt {box-sizing:border-box;} /* end helper */ .main-home-pg #page-outer { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* .main-home-pg .main-page-img div { -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; background-repeat: no-repeat; background-color: transparent; } */ .main-home-pg .main-content {background-color: #e0e0e0;padding-bottom:16px;padding-bottom:1rem;} /* .desktop-site.main-home-pg .main-page-img div {background-position: 0 -47px !important;} */ /*.mobile-site.main-home-pg .main-page-img div {background-position: -357px 0 !important;}*/ /*.desktop-site.main-home-pg .main-page-img div,*/ .desktop-site .footer-sponsors.footer-2col .sponsors, .desktop-site .footer-sponsors.footer-2col .collaboration {max-width:50%;} .desktop-site.main-home-pg #page-inner, .desktop-site.main-home-pg .primary-nav-item { background-image:none; border-right:none; } .desktop-site.main-home-pg .main-bg {background-color:transparent;} /**** Search text ****/ .desktop-site.main-home-pg label[for^=Radio] { color:#999 !important; } /**** search icon ****/ .desktop-site.main-home-pg .search-icon { background-color:#666; } /**** Nav wrapper *****/ .desktop-site.main-home-pg #main-navigation { /*background-color:#fff;*/ float:left; /*can't use overflow hidden as it prevents the dropdowns from showing*/ } /**** Nav header ****/ .desktop-site.main-home-pg #primary-nav { background-color:transparent !important; padding:64px 0 0; height:30px; } .desktop-site.main-home-pg .primary-nav li.primary-nav-item.donate:hover a h3 { border-width:2px; } .desktop-site.main-home-pg .primary-nav-item a { color:#333; } /* masthead */ /**** Parent nav items ****/ .desktop-site.main-home-pg .primary-nav-item a h3, .desktop-site.main-home-pg .primary-nav .primary-nav-item h4, .desktop-site.main-home-pg .homepage-title, .desktop-site.main-home-pg .homepage-title + .strapline-inner { /*font-family: 'Open Sans', sans-serif;*/ } .desktop-site.main-home-pg .primary-nav-item a h3 { font-size:10px; font-size:0.95rem; padding-right:24px; padding-top:8px; line-height:1.2; font-weight:normal; } .desktop-site.main-home-pg .primary-nav li.primary-nav-item.donate a h3 { color:#d60021; border-bottom:1px solid #d60021; padding: 8px 0 0 0; font-size: 10px; font-size: 0.95rem; line-height: 1.2; font-weight: normal; margin-left:21px; } /**** mega menu dropdown headings ****/ .desktop-site.main-home-pg .primary-nav .primary-nav-item > .dropdown04 > li h4 { line-height:25px; } .desktop-site.main-home-pg ul.menuV2:before, .desktop-site.main-home-pg ul.menuV2:after { content: ' '; display: block; width: 100%; /* height: 10px; */ position: relative; background-color: #eee; } .desktop-site.main-home-pg ul.menuV2:before {top: 0; left: 0; } /* TODO: WHY!.desktop-site.main-home-pg ul.menuV2:after {bottom: -42px; left: 0; } */ .desktop-site.main-home-pg .primary-nav .primary-nav-item h4 { text-transform: none; color: #b70303; font-size:10px; font-size:1rem; font-weight:normal; /* padding-top:12px; padding-bottom:12px; */ } /* .desktop-site.main-home-pg ul[class*=dropdown] > li + li noscript + span { clear:right; display:block; background:green; } */ /* .desktop-site.main-home-pg ul.dropdown02 > li + li noscript + span, */ /* .desktop-site.main-home-pg .dropdown02 li span { display:block !important; width:60%; } */ .primary-nav-item ul li ul li a:hover span {text-decoration: underline;} .primary-nav-item ul li ul li a span {width:60%;} /* TFS: 9460: * remove this to fallback to smaller font size of 96% declaration on * .desktop-site .menuV2 li a, .desktop-site .dropdown04 > li:first-child li */ .desktop-site.main-home-pg .primary-nav-item .menuV2 li ul li a, .desktop-site.main-home-pg .primary-nav-item .menuV2 li ul li span { font-size:10px; font-size: 0.9rem; } /**** Discover and Learn sub nav heading + shop ****/ /* .desktop-site.main-home-pg .dropdown02 > li + li ul, .desktop-site.main-home-pg .dropdown05 > li + li ul { margin-top:0; padding-top:0; } .desktop-site.main-home-pg .dropdown05 > li:first-child + li { margin-top:0; padding-top:0; } */ .discover-learn-landing .lrg-img-pnl, .discover-learn-landing *:not(#footer) .pnl-4col {padding-left:16px;padding-left:1rem;} .desktop-site.main-home-pg .hidden { /* hide sub headings */ visibility:hidden; display: block !important; } /**** Visiting menu item ****/ .desktop-site.main-home-pg .grid_61.menuV2.dropdown04 { /*remove padding here add it to the li below*/ padding-bottom:0; } /**** visiting menu dropdown li's ****/ .desktop-site.main-home-pg .grid_61.menuV2.dropdown04 > .grid_46 ul li { padding-bottom:20px; overflow:hidden; } /**** visit opening times ****/ .desktop-site.main-home-pg .dropdown04 > li:first-child li {font-size:100%} /*shop dropdown also in components.css*/ .desktop-site.main-home-pg .dropdown01 li a img {padding-bottom:8px;} .desktop-site.main-home-pg .dropdown01 li a span {padding-bottom:10px} .desktop-site.main-home-pg .dropdown01 li a span + span {color:#666} .desktop-site.main-home-pg .dropdown03 li a span + span, .desktop-site.main-home-pg .dropdown01 li a span + span { } /**** Page title ****/ /* from all_m: .mobile-site.main-home-pg .homepage-title {font-size:1.7rem;letter-spacing: .04rem;} */ .desktop-site.main-home-pg .homepage-title { font-size:34px; font-size:3.4rem; color: #fff; font-weight: normal; margin-top: 45px; margin-bottom: 12px; letter-spacing: .04rem; /*text-indent:1px;*//*so that the beginning of the heading letter does not show when nav flyout is open*/ } /**** container: title, strapline, search, browse ****/ /* from all_m: .mobile-site.main-home-pg .page-header .strapline {display: block;padding-right:16px;text-align:center;} */ .mobile-site.main-home-pg #page-inner {overflow:hidden;} .main-home-pg .strapline-inner {font-size:1rem;color:#a3a3a3;margin-bottom:32px} .main-home-pg .strapline-list li:first-child a { border:1px solid #e8e8e8; background-color:transparent; } /* .main-home-pg .strapline-list li span {font-size:1rem} */ .desktop-site.main-home-pg .page-header .strapline { width:100%; text-shadow:none; color: #666; clear:both; letter-spacing: .04rem; padding-left:16px; } .desktop-site.main-home-pg .page-header .strapline-inner {font-size:14px;font-size:1.4rem;} .desktop-site.main-home-pg .page-header .strapline .strapline-list { font-size:10px; font-size:1rem; padding-top:40px; overflow:hidden; } .desktop-site.main-home-pg .page-header .strapline .strapline-list li {margin-bottom:15px;margin-bottom:1.5rem} /**** search, browse btns ****/ /*.desktop-site.main-home-pg .strapline-list { padding-top:40px; overflow:hidden; }*/ /*.desktop-site.main-home-pg .strapline-list li {margin-right:30px;}*/ /**** homepage strapline links ****/ /*.desktop-site.main-home-pg .strapline-list li {font-size:12px;font-size:1.1rem;}*/ .desktop-site.main-home-pg .strapline-list li:first-child a {border:1px solid #e8e8e8;height:48px;line-height:48px;} .main-home-pg .strapline-list li:first-child a:hover {background-color:rgba(255,255,255, .4) !important} .main-home-pg .strapline-list li:first-child + li a {border-bottom:1px solid #fff} .main-home-pg .strapline-list li span {color:#fff} /**** Browse btn focus/active ****/ .desktop-site.main-home-pg .strapline-list li span a:hover, .desktop-site.main-home-pg .strapline-list li span a:focus {text-decoration: underline;} .desktop-site.main-home-pg .strapline-list li span a:hover {text-decoration:none;} /**** search/browse btns ****/ .desktop-site.main-home-pg .strapline-list li span {text-decoration:none;} /**** Search btn a tag ****/ .desktop-site.main-home-pg .strapline-list .action-button { background-color:transparent; width:277px; text-decoration:none; } /**** search inner span ****/ .desktop-site.main-home-pg .strapline-list .action-button span { display: inline-block; width:100%; text-align:center; text-shadow:none; color: #fff; } /**** Panel row titles ****/ .desktop-site.main-home-pg .pnl-row-title { font-size:19px; font-size:1.93rem; } /**** HEADINGS (except Carousel featured): news, Blogs, Discover, Getting started, Business Advice, Shop *****/ .main-home-pg .pnl-row .pnl .pnl-title a { font-size:10px; font-size:1rem; color:#000; } .main-home-pg .main-content .main-content-block .main-content-block-inner p a { /* border-bottom: 1px solid #c8c8c8 #000 !important; */ font-size:10px; font-size:1rem; } /* .main-home-pg .action-button {background-color: #b70303;} .main-home-pg .action-button:hover {background-color: #6A0000;} */ /* .main-home-pg .action-button {background-color: #018074;} .main-home-pg .action-button:hover {background-color: #003a34;} */ /* html.red .main-home-pg .action-button {background-color: #b70303;} html.blue .main-home-pg .action-button {background-color: #6A0000;} html.grey .main-home-pg .action-button {background-color: #999;} html.grey .main-home-pg .action-button:hover {background-color: #999;} */ html.grey .main-home-pg .action-button {background-color: #999;} html.grey .main-home-pg .action-button:hover {background-color: #333;} html.red .main-home-pg .action-button {background-color: #b70303;} html.red .main-home-pg .action-button:hover {background-color: #6A0000;} html.blue .main-home-pg .action-button {background-color: #018074;} html.blue .main-home-pg .action-button:hover {background-color: #003a34;} /*Hot fix #10994*/ .main-home-pg .main-content .main-content-block .main-content-block-inner p a:not(.action-button) { border-bottom: 1px solid #444 !important; color:#000; } .main-home-pg .main-content .main-content-block .main-content-block-inner p a:hover { border:none; } /*tfs #10998 – HP View all text links (btn links with be replacing this shortly)*/ .main-home-pg .main-content .main-content-block .main-content-block-inner p a:hover, .main-home-pg .discover-learn .pnl-omit .pnl-row a:hover { border: none; } .main-home-pg .main-content .main-content-block .main-content-block-inner p a:hover { color:#000; } /*.desktop-site.main-home-pg .discover-learn .pnl-lg-footer .pnl-title a, .desktop-site.main-home-pg .get-started .pnl-title, .desktop-site.main-home-pg .get-started .pnl-title a, .desktop-site.main-home-pg .business-advice .pnl-title, .desktop-site.main-home-pg .business-advice .pnl-title a {font-size:1.2rem !important}*/ /* Use this if image is to have a border, remove desktop prefix so it works in both desktop and mobile */ .main-home-pg #main a.imgCenterGreyBg { display: block; height: 331px; width: 464px; background-image: url('../../../resources/global/images/homepage-mpu-v2.jpg'); background-position: center center; background-repeat: no-repeat; /* margin: 0 auto; position:relative; top: 50% !important; transform: translateY(-50%) !important; */ } .main-home-pg #main a.imgCenterGreyBg:hover { border:none !important; } /* remove desktop prefix so it works in both desktop and mobile */ .main-home-pg #main a.imgCenterGreyBg span { position: absolute; top: -3000px; left: -3000px; } /**** More links ****/ .main-home-pg .block-footer, .main-home-pg .section-footer { clear:both; } .main-home-pg .block-footer {padding:16px 0; margin:0;padding-left:16px;} /*.main-home-pg .owl1 .main-content-block-inner .block-footer {padding-bottom:0}*/ /* .main-home-pg .pnl.social-icons.align-center {height:auto;margin:0;} .main-home-pg .pnl.social-icons.align-center p {font-size:10px;font-size:1rem} */ /*Added 28/0217 to compensate for classes removed from html*/ .main-home-pg .pnl.social-icons { text-align: center; background-color: #f1f1f1; height:auto; margin:0; } /*removes the extraneous line affecting the twitter feed*/ .main-home-pg .pnl.social-icons ul {overflow:hidden;} /* * somewhere in the live css this '.main-content-block.highlight-bg>.main-content-block-inner.main-bg' * is causing excessive padding so is overriden here, unable to find the problem css in Athena */ body[class$='B5A80'] .main-content-block.highlight-bg>.main-content-block-inner.main-bg { padding-bottom:0;padding-top:0;} /* end press*/ .desktop-site.main-home-pg .view-more { font-weight:normal; color:#333; } /* rogue view more override */ .main-home-pg .main-content .main-content-block .main-content-block-inner > .pnl-2col > p {font-weight:normal} .main-home-pg .section-footer .pnl {margin-bottom:0} .main-home-pg .section-footer .pnl p {margin:0} /*XXXXXXXXXXXXXXXXXXX #10784 PLR FORMS XXXXXXXXXXXXXXXXXXXXXXXX*/ .top-page-plr .scfForm {padding-bottom:16px;} .top-page-plr h1.scfTitleBorder {padding: 32px 0} .top-page-plr .scfRequired {float:none;padding-left:10px;} .top-page-plr .scfSectionContent label { font-size: 14px; font-size: 0.875rem; font-weight: normal; } .mobile-site.top-page-plr .scfSectionContent label {font-size:12px;} .mobile-site.top-page-plr .scfMultipleLineTextLabel, .mobile-site.top-page-plr .scfRadioButtonListLabel {float:none;} .top-page-plr .scfSectionContent input { line-height: normal; padding: 8px 10px; } .top-page-plr input[type=submit] { width: auto; text-align: center; text-transform: uppercase; background-color: #037a8d; border:none; display: inline-block; height: 32px; height: 2rem; border: none; line-height: 32px; line-height: 2rem; position: relative; text-decoration: none; padding: 0 16px; padding: 0 1rem; color:#fff; } .mobile-site.top-page-plr input[type=submit] {margin-top:16px;} .top-page-plr .scfSectionContent input { border: 1px solid #ccc !important; padding: 8px 10px; line-height: normal; min-height: auto !important; } .top-page-plr.scfSubmitButtonBorder {padding-bottom:16px;padding-bottom: 1rem} .mobile-site .scfSubmitButton {margin-top:16px;margin-top:1rem;} .mobile-site .scfCaptchaLabel {display: none;} /* end PLR Forms */ /**** Carousel position ****/ /*.desktop-site.main-home-pg .main-content-block:first-child {padding-top:35px;}*/ /**** Carousel featured heading ****/ .desktop-site.main-home-pg .pnl.item > .pnl-txt > .pnl-title a { color:#000; font-size:14px; font-size:1.4rem; font-weight:bold; } /**** Carousel items except featured ****/ .main-home-pg .grid_14 .pnl .pnl-txt > .pnl-title a, .main-home-pg .bottom-row > .pnl-txt > .pnl-title a { color:#000; font-weight:bold; font-size:10px; font-size:1rem; } .main-home-pg .owl-carousel.mobile .pnl-title a {color:#000 !important} /**** Carousel date ****/ .desktop-site.main-home-pg .pnl.item > .top-row .pnl-txt > .date, .desktop-site.main-home-pg .pnl.item .pnl-date { overflow:hidden; font-size:9px; font-size:0.9rem; float:left; } /**** Carousel nav btns ****/ /*.desktop-site.main-home-pg .owl-carousel .owl-nav div { width:40px; height:40px; }*/ /**** Carousel nav btns hover ****/ /*.desktop-site.main-home-pg .owl-carousel .owl-nav div:hover { background-color:#b70303; -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }*/ /**** Carousel prev/next nav btns bg images ****/ /*.desktop-site.main-home-pg .owl-carousel .owl-prev:before {background-position: 14.5% -53px;} .desktop-site.main-home-pg .owl-carousel .owl-next:before {background-position: 21.4% -53px;} .desktop-site.main-home-pg .owl-carousel .owl-nav div:hover:before {opacity:1;}*/ /* end btns */ /**** Discover module top modules ****/ .desktop-site.main-home-pg .pnl-omit.white-bg {height:232px;background-color:#fff;} /* Discover module large variants */ .desktop-site.main-home-pg .pnl-omit .pnl-sm {/*is .pnl-omit.white-bg*/} .desktop-site.main-home-pg .pnl-omit .pnl-md {} .desktop-site.main-home-pg .pnl-omit .pnl-lg {height:261px;padding:0} /*.desktop-site.main-home-pg .pnl-omit .pnl-lg-footer {padding: 0} */ .desktop-site.main-home-pg .pnl-omit .pnl-lg-footer .pnl, .desktop-site.main-home-pg .pnl-omit .pnl-lg-footer .pnl-inner {margin: 0;height: auto !important} .desktop-site.main-home-pg .pnl-omit .pnl-lg-footer .pnl-inner .pnl-txt.sm-txt {float:left;} .desktop-site.main-home-pg .pnl-omit .pnl-lg-footer .pnl-inner h3 {overflow: hidden;} .desktop-site.main-home-pg .pnl-omit .pnl-lg-footer .pnl-inner {padding-left:16px;padding-left:1px} .desktop-site.main-home-pg .pnl-omit .pnl-lg-footer .pnl-inner h3 a {padding-bottom:16px;} .desktop-site.main-home-pg .pnl-omit .pnl-lg-footer .pnl-inner h3 a:hover {text-decoration:underline;} /*.desktop-site.main-home-pg .block-header.pnl {margin-top:16px;margin-top:1rem}*/ /**** Panel descriptions ****/ .desktop-site.main-home-pg .pnl-txt.sm-txt > p { /*margin-top:10px;*/ font-size:0.9rem; } .desktop-site.main-home-pg .pnl-omit.white-bg .pnl-title a {color:#000;} /**** All page headings (carousel featured heading font-size set above) ****/ .desktop-site.main-home-pg .pnl-row .pnl .pnl-title, .desktop-site.main-home-pg .pnl-title { font-size:10px; font-size:1rem; } /**** All sub headings on page ****/ .desktop-site.main-home-pg .pnl-row .pnl-row-title + p { margin-top:-8px; margin-top:-0.5rem; font-size:10px; font-size:1rem; color:#666; } /*** Shop ***/ /*.desktop-site.main-home-pg .pnl-inner.w-bg { padding-top:10px; padding-top:1rem; }*/ /*.desktop-site.main-home-pg .main-content-block.shopping { margin-top:20px; }*/ /**** FOOTER ****/ .desktop-site.main-home-pg .form-block-inner h3, .desktop-site.main-home-pg .form-block-inner h2 { font-size: 22px; font-size: 1.5rem; font-weight: normal; margin: 0; } .desktop-site.main-home-pg .form-block-inner h2 + p { color: #cdcb98; font-size: 11px; font-size: 0.9rem; } /* ======================================================= COMPONENTS ======================================================= */ /* digital components list (ltd access items in landing pages) */ .limited-access-item .js-access-item.subscription-txt { /* background-color: #ccc; */ height: 50px; } .limited-access-item .js-access-item.subscription-txt span.inner { display: flex; justify-content: center; align-items: center; height: 50%; } .limited-access-item .js-access-item.subscription-txt a { float: right; margin-right: 19px; display: block; text-decoration: none; } .limited-access-item .js-access-item.empty { background-color: inherit; height: 50px; } /* end digital component*/ /* #10596 related - desktop-services-landing-page.html see .mobile-site .image-block {...}, .image-block {...} */ .desktop-site aside .button-block:nth-child(2) + .image-block {padding-left:0;} /*tfs 10209 shevesandspaces : desktop/primo-explore-home.html*/ .shelvesandspaces #rightcol .image-block.w-bg { padding:0; width:100%; } .shelvesandspaces #rightcol .image-block.w-bg a { float:left; width:100%; } /*primo-explore-home.html*/ .shelvesandspaces #rightcol .links-block.w-bg.p-t-1col { padding-top:0; } /*end 10209*/ /* tfs 10196: bl.uk/news: using css instead of padding class on element */ body:not(.mobile-site).shelvesandspaces .main-content-block.page-sub-header.clearfix + .main-content-block > article > .main-content-block-inner {padding-top:32px;} /*tfs 10521: (/romantics-and-victorians/articles), css instead of dev, intro-text right padding * #14435: commentted out as affecting learning/about-us - will offer fix for /romantics-and-victorians/articles if/when required .shelvesandspaces .main-content-block-inner.w-bg.cntr-blk.grid_61 > .text-block.p-l-1col { padding-right:16px; padding-right:1rem; } */ #site-logo a:hover {border: none; } #img-viewer .img-viewer-nav, .search input[type=text], .page-sub-header .search-box-wrapper, .lan-dropdown .action-button, .pager-lnk, .pager .active, .pager-elps, .jp-audio .jp-type-single .jp-progress, .carousel-slideshow figcaption, #img-viewer .img-viewer-thumbs, #img-viewer .img-viewer-main-img img, #img-viewer .img-viewer-info, .article-hl-block ul.ahl-pnl-row li .pnl-txt, .article-hl-block ul.ahl-nav li, .accordian-block .acc-pnl-content, .inline-link-buttons li, .jp-details, .jp-details div, #category, .shop .new-footer *, #quickBasket, #quickBasket * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #search-web-cat .search input[type="text"], .search input[type=submit], .ui-datepicker .ui-icon, .facet-list .icon {-webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } #img-viewer .img-viewer-thumbs {-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } #cookies {width: auto; padding: 2px 20px 4px 26px; position: relative; z-index: 100; border-bottom-right-radius: 28px; box-shadow: 0 8px 10px rgba(0,0,0,0.3); } body > .iv-overlay-wrap + #cookies {width: 50%; padding-right: 50px; } #cookies p a:first-child {border: 1px solid #fff; padding: 3px 5px; margin: 0 8px; font-size: 120%; border-radius: 3px; outline: none; } #cookies p a:last-child {white-space: nowrap; } #cookies .close {position: absolute; top: 0; right: 20px; width: 20px; height: 20px; text-align: center; font-weight: bold; cursor: pointer; font-size: 140%; } .skip-to {width: 100%; text-align: center; } .skip-to a {position: absolute; top: -3000px; left: -3000px; } .skip-to a:active, .skip-to a:focus {position: static; width: auto; height: auto; display: inline-block; padding: 10px 6px; margin: 0 0 -6px 0; text-decoration: underline; } .skip-to a:hover {border-bottom-width: 0; text-decoration: none; } #search-web-cat {padding: 4px 16px; padding: 0.25rem 1rem;} #search-web-cat, #searchpanelnoscript {position: absolute; top: 0; right: 0; /*font-size: 1.1em;*/font-size: 11.2px; font-size: 0.7rem; margin: 5px 0; width: 240px; z-index: 12; } #search-web-cat fieldset {border: none; margin: 0; padding: 0; } #search-web-cat legend, #search-web-cat .search-input {height: 1px; left: -1000px; position: absolute; text-indent: -10000px; top: 0; width: 1px; } #mainsearch {display: none; } #mainsearch label {vertical-align: top; } #search-web-cat [type="radio"], #search-web-cat label {display: inline; line-height: 16px; margin: 4px 8px 0 0; margin: 0.25rem 0.5rem 0 0; font-size: 12px; font-weight: normal; } #search-empty-message {display: none; font-size: 12.6px; font-size: 0.7875rem; font-weight: bold; margin: 3px; left: -230px; position: absolute; top: 5px; } .search-box-wrapper {position: relative; } .search-box-wrapper:before, .search-box-wrapper:after {content: " "; display: table; }/* add .clearfix ? */ .search-box-wrapper:after {clear: both; }/* add .clearfix ? */ #search-web-cat .search input[type="text"] {float: right; } #search-web-cat .search input[type="text"]:before, #search-web-cat .search input[type="text"]:after {content: " "; display: table; } #search-web-cat .search input[type="text"]:after {clear: both; } #search-web-cat .search input[type="text"] {margin: 0; } .search form {position: relative; } .search input[type=text] {height: 32px; display: block; } .search input[type=submit] {position: absolute; top: 1px; right: 1px; border: none; overflow: hidden; margin-left: 1px; height: 30px; display: block; } .search input[type=text] {padding: 0 16px; width: 100%; } .search-section label {display: none; } .search input[type=submit] {*width: 32px; *margin-top: 1px; } #search-web-cat input[type=text] {height: 24px; line-height: 24px; font-size: 12px; } #search-web-cat button[type=submit] {line-height: 22px; height: 22px; width: 22px; padding: 0; border: none; position: absolute; right: 1px; z-index: 100; top: 1px; } #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;overflow:hidden} #shop-legend .searchbox-wrapper, .product-hero .searchbox-wrapper {padding: 0; } #shop-legend .search-section {padding-right: 16px; padding-right: 1rem; } #local-search {display: block; padding: 8px; padding: 0.5rem; margin: 0; padding-top: 0; } /*hide label text, assuming all inmputs have placeholder txt (e.e. desktop-spaces-homepage-with-back-btn.html)*/ /* .spaceslandingpage.shelvesandspaces .searchbox-wrapper #local-search {display: none} */ /*related to #10596 - searchbox*/ .searchbox-wrapper #local-search {display: none} form .local-search-wrapper {-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative; margin-bottom: 16px; margin-bottom: 1rem; } form .local-search-wrapper + .local-search-wrapper {margin-top: -8px; margin-top: -0.5rem; } #search-section-input {width: 272px; border: none; margin: 0; width: -moz-calc(100% - 32px); width: -o-calc(100% - 32px); width: -webkit-calc(100% - 32px); width: calc(100% - 32px); } .search-section input[type=submit] {top: 0; right: 0; height: 32px; } .search-section button[type=submit] {padding: 0; border: none; position: absolute; right: 0; z-index: 10; top: 0; height: 32px; width: 32px; } .facet-search #local-search {display: none; } .pnl-3col p ~ .pnl {margin-top: 16px; margin-top: 1rem; } .main-content-block.highlight-bg > .main-content-block-inner.main-bg .pnl-3col p ~ .pnl:nth-child(n+6) {margin-top: 0; } .main-content-block.highlight-bg > .main-content-block-inner.main-bg h2.pnl-row-title + p {margin-top: -0.5rem; } #large-search-2 {margin-bottom: 0; margin-left: 1rem; } #large-search-2 fieldset:first-child {float: left; min-width: 412px; } #large-search-2 fieldset {border: medium none; padding: 1rem 0 0; } #large-search-2 label {font-weight: bold; } #large-search-2 button {background-image: url('../images/bl-web-sprite.png'); } .desktop-site #large-search-2 #search-section-input {min-width: 370px; } #large-search-2 #search-section-input {min-width: 170px; width: 40%; } #large-search-2 input {clear: right; float: left; font-size: 14px; line-height: 14px; margin: 0; padding: 0 0 0 10px; } #large-search-2 input, #large-search button {height: 40px; } #large-search-2 button {background-position: -389px -52px; background-repeat: no-repeat; border: medium none; position: relative; top: 0; width: 40px; } #large-search-2 input, #large-search-2 button {height: 40px; } #large-search-2 button span {display: inline-block; position: absolute; top: -3000px; } .desktop-site .fromOurShop {background: url('data:image/gif;base64,R0lGODlhsAMBAIAAAP///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwMTQgNzkuMTU2Nzk3LCAyMDE0LzA4LzIwLTA5OjUzOjAyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDU2ODRDMjYwQjkzMTFFNUExRDBGODg1QTBBNUVCQkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDU2ODRDMjcwQjkzMTFFNUExRDBGODg1QTBBNUVCQkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENTY4NEMyNDBCOTMxMUU1QTFEMEY4ODVBMEE1RUJCQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENTY4NEMyNTBCOTMxMUU1QTFEMEY4ODVBMEE1RUJCQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAACwAwEAAAIdhI+py+0Po5y02ouz3rz7D4biSJbmiabqyrZuWwAAOw==') repeat-y 0 0; position: static; /*top: 2rem; */margin-top: 2rem; } .desktop-site .fromOurShop .pnl-row-title {position: relative; top: -4rem; } .desktop-site .fromOurShop .pnl {margin-top: -3rem; } /*.desktop-site .fromOurShop:before {content: ' '; display: block; width: 100%; height: 200px; background-color: orange; width: -moz-calc(100% - 1rem); width: -o-calc(100% - 1rem); width: -webkit-calc(100% - 1rem); width: calc(100% - 1rem); position: absolute; top: 4rem; }*/ .fromOurShop .pnl-txt {text-align: center; } .fromOurShop p span {font-weight: bold; } .fromOurShop a.action-button {margin-top: 16px; margin-top: 1rem; } .fromOurShop .pnl-img {margin: 0 auto; } /*#contentstart #intro-text {margin-bottom: 32px; margin-bottom: 2rem; min-height: 200px; }*/ body:not(.spaceslandingpage) #contentstart .page-sub-header #intro-text {padding-bottom: 48px; padding-bottom: 3rem; } /*#contentstart .page-sub-header .grid_19 {border: 1px solid #ccc; margin: 16px 0; margin: 1rem 0; padding: 0 16px 0 16px; padding: 0 1rem 0 1rem; } */ /*.desktop-site .page-sub-header #intro-text p:last-child {visibility: hidden; } .desktop-site .page-sub-header #intro-text p:last-child a {visibility: visible; } .desktop-site #contentstart #intro-text p:last-child a:first-child {width: 46%; display: inline-block; float: left; margin-right: 20px; } .desktop-site #contentstart #intro-text p:last-child a + a {width: 46%; display: inline-block; float: right; text-align: right; } .desktop-site #contentstart #intro-text p:last-child a:hover {border-bottom: none !important; text-decoration: underline; }*/ /*.desktop-site .page-sub-header #intro-text p:last-child > a:first-child + a,*/ .desktop-site p a:first-child + .hidden + a {margin-left: 15px; } .search-block .facet-search .form-item {float: left; } .search-block .facet-search #search-section-input {width: 480px; } .search-block .facet-search select {height: 32px; max-width: 304px; } .search-block .facet-search .search-icon {top: 1px; height: 30px; right: 1px; } .vlg-bg .rh-column > div {margin-bottom: 16px; margin-bottom: 1rem; } .main-column .links-block li {display: inline-block; width: auto; margin-right: 16px; margin-right: 1rem; } .rh-column .links-block ul + p {display: inline-block; margin-top: 14px; } .tabbed-box-inner {position: relative; padding-top: 40px; padding-top: 2.5rem; } .tabs {padding: 8px 0 16px 0; padding: 0.5rem 0 1rem 0; margin-bottom: 8px; margin-bottom: 0.5rem; position: absolute; top: 0; } .tabs a {display: block; padding: 4px 16px; padding: 0.25rem 1rem; } .tabs a.active {cursor: default; } .tabs li {float: left; margin: 0; margin-right: 8px; margin-right: 0.5rem; } .tabs h3 {font-size: 14px; font-size: 0.875rem; margin: 0; line-height: 24px; font-weight: normal; } .tab-content .text-block h4:first-child, .tab-content .transcript h3 {display: none; } /*.list-right {padding: 5px 5px 0 5px; margin-bottom: 8px; } .list-right .pnl-img {float: left; } .list-right .pnl-txt {float: right; width: 144px; font-size: 0.9em; line-height: 1.2em; } .list-right .pnl-txt h3 {font-size: 1.2em; margin: 0 4px 8px 0; }*/ .lan-dropdown {position: absolute; top: 8px; right: 16px; width: 200px; cursor: pointer; } .lan-dropdown h4 {padding: 8px 16px; font-size: 14px; font-weight: normal; margin: 0; } .lan-dropdown .action-button {width: 100%; } .multi-lang .text-block h4:first-child, .multi-lang .transcript h3 {display: none; } .selection-filter-sort-results .label {text-indent: -10000px; height: 1px; margin: 0; padding: 0; } .pager.tp-rgt {position: absolute; right: 0; top: 0; } .pager li {float: left; height: 32px; overflow: hidden; margin-right: 4px; margin-right: 0.25rem; font-size: 16.8px; font-size: 1.05rem; } .shop.shop-search .pager {padding-left:16px} .pager-lnk, .pager .active, .pager-elps {padding: 0 0.5em; line-height: 32px; min-width: 32px; display: block; text-align: center; } .pager a {text-decoration: none; } .ui-datepicker .ui-datepicker-header {position: relative; } .ui-datepicker .ui-datepicker-prev {left: 0; position: absolute; right: auto; top: 0; } .ui-datepicker .ui-datepicker-next {position: absolute; left: auto; right: 0; top: 0; } .ui-datepicker .ui-datepicker-title {padding: 5px; padding: 0.3rem; text-align: center; } .ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td {text-align: center; width: 14%; } .ui-datepicker .ui-icon-circle-triangle-e, .ui-datepicker .ui-icon-circle-triangle-e:hover {background-position: -682px -56px; } .ui-datepicker .ui-icon-circle-triangle-w, .ui-datepicker .ui-icon-circle-triangle-w:hover {background-position: -632px -56px; } .ui-datepicker .ui-icon {display: block; float: left; /*font-family: FontAwesome; */height: 30px; overflow: hidden; padding-left: 30px; width: 0; transition-property: background-color; } #datepicker .ui-state-default {display: block; padding: 0.25rem; } #datepicker td {padding: 0; text-align: center; } .facet-list-outer #datepickerfacet td, .facet-list-outer #datepickerfacet th {padding: 3px; padding: 0.2rem; text-align: center; } aside #datepicker table.ui-datepicker-calendar {margin: 0; } .no-js .inline-link-buttons {display: none; } .inline-link-buttons li {float: left; margin: 0 0 0 4px; text-align: center; display: block; width: 34%; font-size: 12px; font-size: 0.8rem; } .inline-link-buttons li:first-child {width: 26%; } .inline-link-buttons ul {margin: 0; padding: 0; } .inline-link-buttons {padding:8px 4px 8px 0; } table.tbl-light {border: none; margin: 32px 0 16px 0; margin: 2rem 0 1rem 0; width: 100%; } table.tbl-light * {border: none; } table.tbl-light th {width: 50%; padding-left: 0; } table.tbl-light caption {font-weight: bold; font-size: 1rem; } .facet-list-outer .calendar-options-list li {float: left; font-size: 0.8rem; margin-right: 0.25rem; padding: 0; clear: left; } .calendar-options-list ul {float: left; margin-bottom: 10px; } .calendar-options-list li {margin-bottom: 0.6rem; } .sold-out, .limited-places, .availability-update {font-weight: normal; padding: 0.125rem 0.25rem 0.125rem 0; } /*inside the image div*/ .coming-soon {font-weight: bold; padding: 6px 8px; left: 0px; margin: 0; position: absolute; text-transform: uppercase; bottom:0; z-index: 1; } /*02/03/17: for situations where the coming soon div is outside the image div as in what's on homepage*/ .pnl-2col .pnl .pnl-inner > .coming-soon {top:143px;bottom:inherit;} .limited-places, .sold-out {font-weight: bold; padding: 0.125rem 0; background: none; } table .sold-out, table .limited-places, table .availability-update, table .availability {margin-top: 12px; float: left; } .availability:after {content: 'Checking availability'; float: left; width: 100%; text-align: right; } .leaderboard-block .ajaxCheck .availability, .leaderboard-block .ajaxCheck .availability:after {float: none; padding-left: 0; } .availability, .ajaxCheck .action-button, .no-btn .action-button, .leaderboard-block .leaderboard-block-inner .no-btn .js-btn-to-hide {display: none; } .rslt-list #eventsList .availability {float: left; } .ajaxCheck td .action-button {display: inline-block; } .ajaxCheck .availability {background-repeat: no-repeat; background-position: 0 -2px; background-color: rgba(0,0,0,0); display: block; float: left; padding-left: 26px; } .leaderboard-block .ajaxCheck .availability {background-position: 4px 4px; } .leaderboard-block .no-btn .availability-update {margin-top: 22px; } .rslt-list li.pnl dl {width: 100%; float: left; clear: left; } .rslt-list li.pnl dt {display: inline-block; float: left; clear: left; font-weight: bold; margin-right: 6px; width: auto; } .rslt-list li.pnl dt:after {content: ':'; } .rslt-list li.pnl dd {display: inline-block; float: left; clear: right; width: auto; } .social-block {overflow:hidden;} .social-links-wrapper {margin: 40px 0 20px 0; } .social-block .social-links-wrapper {margin-top: 4px; margin-bottom: 0; } .social-links-wrapper > span {display: inline-block; margin-bottom: 8px; } /*#stwrapper, #stLframe {margin-left: -999px; height: 1px; width: 1px; overflow: hidden; } This was "hiding" the iframe for the sharethis popups? */ body.shop p a {font-weight: bold; } body.desktop-site.shop .pnl-shop4col {padding-right: 0 !important; padding-left: 0 !important; } /*body .gradient01,*/ body .gradient01 .main-content-block-inner {background-repeat: repeat, repeat-x; background-position: center top, 0 0; } body .gradient01 .main-content-block-inner {background-repeat: no-repeat, repeat-x; background-position: 0 -1px, 0 0; } body .gradient01 .pnl-block {padding: 32px 48px; padding: 2rem 3rem; } body .gradient01 .text-block p {font-size: 20px; font-size: 1.3rem; } body.shop.banner-zoom #shop-legend {background-color: transparent; } /* global msg / search */ /*body.shop.banner-zoom #shop-legend div {display: none; }*/ body.shop.banner-zoom #shop-legend {background-color:#fff} body.shop .alternate-img .action-button {text-transform: uppercase; } /*body.shop .pnl-shop4col h2.block-title {font-size: 26px; font-size: 1.6rem; color: #666; font-weight: normal; }*/ /* 08/03/17 commented out: body.shop .pnl-shop4col h2.block-title {width: 100%;} */ .js .shop #productCategories .pnl-title, .js .shop #productCategories .pnl-title a {color: #fff; padding: 0; text-align: center; text-transform: uppercase; min-height: 34px; } .js .shop #productCategories .pnl-title a {display: inline-block; font-size: 12px; font-size: 0.9rem; font-weight: bold; width: 100%; min-height: 44px; line-height: 44px; padding: 0 7px 0 3px; } .js .shop #productCategories .pnl-title a:hover {border: none; text-decoration: underline; } .js .shop #productCategories .pnl-txt {position: absolute; top: 45%; width: 100%; min-height: 44px; } .shop #productCategories .pnl-inner {background-color: #fff; overflow: hidden; } .shop #productCategories .catBg1 .pnl-txt {background-color: #646667; background-color: rgba(100,102,103,0.9); }/* default fallback */ /*categories*/ .desktop-site.shop.shop-category #productCategories .cta { position:absolute; right:16px; top:22px; } /*.shop #productCategories .catBg0 .pnl-txt {background-color: #4e518b; background-color: rgba(78,81,139,0.9); } .shop #productCategories .catBg1 .pnl-txt {background-color: #aacfcd; background-color: rgba(170,207,205,0.9); } .shop #productCategories .catBg2 .pnl-txt {background-color: #e53a52; background-color: rgba(229,58,82,0.9); } .shop #productCategories .catBg3 .pnl-txt {background-color: #808c71; background-color: rgba(128,140,113,0.9); } .shop #productCategories .catBg4 .pnl-txt {background-color: #caad78; background-color: rgba(202,173,120,0.9); } .shop #productCategories .catBg5 .pnl-txt {background-color: #3a3016; background-color: rgba(58,48,22,0.9); } .shop #productCategories .catBg6 .pnl-txt {background-color: #584540; background-color: rgba(88,69,64,0.9); } .shop #productCategories .catBg7 .pnl-txt {background-color: #96b240; background-color: rgba(150,178,64,0.9); } .shop #productCategories .catBg8 .pnl-txt {background-color: #5c4a44; background-color: rgba(92,74,68,0.9); } .shop #productCategories .catBg9 .pnl-txt {background-color: #a0b77e; background-color: rgba(160,183,126,0.9); }*/ body.shop #category h2 {font-size: 52px; letter-spacing: 9px; font-size: 3rem; letter-spacing: 0.5rem; font-weight: normal; text-transform: uppercase; margin: 0; } .shop #category p {font-size: 21px; font-size: 1.3rem; } .shop #category div {border-width: 5px; border-style: solid; padding: 48px 64px; padding: 3.4rem 4rem 3rem 4rem; } .backgroundsize .desktop-site.banner-zoom #category, .backgroundsize .desktop-site.banner-zoom .main-page-img div {background-size: 1940px 566px; } .backgroundsize .desktop-site.shop .main-page-img div {background-position: center top ; } .backgroundsize .desktop-site.shop #category {background-position: center -247px; background-repeat: no-repeat; } /*12079*/ .shop-home div.strapline {margin: 70px auto ; background-color: #fff; background-color: rgba(255,255,255,0.9); padding: 7px; text-align: center; float: none; text-transform: uppercase; } /**/ .shop-home p.strapline-inner {font-size: 19px; line-height: 24px; letter-spacing: 0.1rem; text-shadow: none; } .shop-home p.strapline-inner span {font-weight: bold; display: block; /*white-space: nowrap; */} /*may be issues with the nav dropdown subs without z-index*/ .shop .masthead, .shop .second-nav-wrapper { position: relative; /*z-index:10;*/ } /*#quickBasket {width: 100%; height: 254px; background-color: #eee; position: absolute; z-index: 1; top: -60px; transition: all 400ms ease-in-out 0s; } #quickBasket.go {top: 200px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);} .mobile-site #quickBasket {display: none; } .mobile-site #quickBasket.go {display: block; top: 136px; }*/ #quickBasket { width: 100%; height: 254px; background-color: #eee; position: absolute; z-index: 1; top: -250px; transition: all 400ms ease-in-out 0s; } .mobile-site #quickBasket { display: none; transition: none !important; transform: none; } #quickBasket.go {top: 200px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);} .mobile-site #quickBasket.go {display: block; top: 136px; } .mobile-site .fixed #quickBasket.go { position: fixed; top:0; -webkit-transform: translateZ(0); } #quickBasket p.close { position: absolute; top: -9px; right: 2px; width: 0; height: 30px; text-indent: -300px; color: transparent; z-index: 1; cursor: pointer; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border: 1px solid #fff; } #quickBasket p.close {background-position: -7px -106px;} #quickBasket p.close.sml-cls:hover { border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border: 1px solid #dad9d9; } #overlay {position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; z-index: 1100; background: #000 /*url('../resources/global/images/ajax-loader.gif') no-repeat center center scroll*/; } #lightbox {padding: 4px 4px 1px 4px; position: absolute; z-index: 1101; background-color: #fff; border-radius: 4px; box-shadow: 3px 3px 10px rgba(0,0,0,0.5); } .desktop-site.shop x:-moz-any-link, .desktop-site.shop x:only-child {margin-right: 10px; }/*ff only*/ .shop #lightbox #ageConfirmForm {display: block; padding: 16px; } .shop #lightbox {width: auto; max-width: 80%; min-height: 150px; } .mobile-site #quickBasket .qb-left {display: none; } #quickBasket .qb-right .pnl-txt {width: 100%;padding:0;} #quickBasket .qb-left, #quickBasket .qb-right { height: 324px; overflow-y: auto; color: #666; margin:0; background-color:#fff; } .mobile-site #quickBasket .qb-right {float: none;width:100% !important} .mobile-site #quickBasket .qb-right .pnl-txt {max-width: none; margin: 0 auto; } #quickBasket .pnl-txt p:first-child {margin: 16px 0; padding: 0; font-size: 17px;} /*#quickBasket .qb-right .pnl-txt p:first-child {text-align: center; padding-left: 12px; }*/ #quickBasket .qb-right .pnl-txt p:first-child > span {display: inline-block; width: auto; margin: 0 auto; } #quickBasket .qb-right .pnl-txt span.icon { display: inline-block; /*float: right;*/ background-image: url(../../../resources/global/images/shopping-basket-alt-22x32.png) !important; /*background-position: -624px -108px; */ background-repeat: no-repeat; margin-top: -7px; margin-left: 10px; } .desktop-site.shop #quickBasket .qb-right .qb-header-total, .desktop-site.shop #quickBasket .qb-right .itemAddedTxt-mob, .desktop-site #quickBasket .qb-right .pnl-txt .prodAttrs {display:none} #quickBasket .qb-right .pnl-txt p:first-child + p span {padding-left:30px} #quickBasket .qb-right .pnl-txt div .transparent-btn {padding: 0 1rem;float:left;margin-right:16px;} #quickBasket .qb-right .pnl-txt > div {margin: 18px auto 10px 32px;} #quickBasket .qb-right .pnl-txt > div.mid { margin: 0; padding: 0; background: #eee; width: 100%; padding-left: 32px; padding-top: 16px; padding-bottom:16px; } /* click and collect */ #quickBasket .qb-right .pnl-txt > div.mid p { /*#10834, guttering needed after adding click/collect txt*/ width:98%; } /* end CC */ #quickBasket .qb-right .pnl-txt > div.mid p {margin:0;padding:0;text-transform:uppercase; font-size: 14px;font-size: 0.875rem;} .desktop-site #quickBasket .qb-right .pnl-txt > div.mid p:first-child {margin-bottom:16px} #quickBasket .qb-right .pnl-txt > div.mid p #totalVal {margin-left:45px} #quickBasket .qb-right .pnl-txt > p:first-child {font-weight:bold;} #quickBasket .qb-right .pnl-txt p {padding-bottom: 0; padding-left:32px;} #quickBasket .qb-right .pnl-txt .footer p {padding:0;margin-top:10px;} #quickBasket .qb-right .pnl-txt .footer p a.close {border-bottom: 1px solid;} #quickBasket .qb-right .pnl-txt > p a:hover {border-bottom: none;} /*#quickBasket .qb-right .pnl-txt > div + p {padding-left:16px;}*/ #quickBasket .qb-left { background-color: #fff; margin-right:0; border-right: 2px solid #ccc; } .desktop-site #quickBasket .qb-left > .pnl {width:100%} .desktop-site #quickBasket .qb-left .pnl-img {float:left;margin-right:32px;margin-right:2rem;} .desktop-site #quickBasket .qb-left .pnl-img img {max-width:120px;} .desktop-site #quickBasket .qb-left .pnl-img + .pnl-txt p:first-child {margin-bottom:6px;} .desktop-site #quickBasket .qb-left .pnl-txt p:first-child {font-weight:bold;} .desktop-site #quickBasket .qb-left .pnl-txt ul#prodAttrs li, .desktop-site #quickBasket .qb-left .pnl-txt ul#financeAttrs li {margin:0;margin-bottom:6px} .desktop-site #quickBasket .qb-left .pnl-txt ul#financeAttrs {overflow:hidden;} .shop #main .product-info .error {border: 2px solid #FC0105; } .shop #main #product-hero .action-button.disabled {opacity: 0.5; cursor: default; background-color: #666 !important; } /*.shop #main #product-hero .action-button.disabled:before {content: ' '; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: transparent; }*/ /* put into global */ .desktop-site.shop .second-nav-wrapper ul ul {visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.2s linear; } .desktop-site.shop .second-nav-wrapper ul ul {position: absolute; background-color: #fff; width: auto; max-width: 270px; z-index: 1; } .desktop-site.shop .second-nav-wrapper ul > li:hover ul, .desktop-site.shop .second-nav-wrapper li.tab ul {visibility: visible; opacity: 1; } .desktop-site.shop .second-nav-wrapper ul li.last:hover ul {right: 0; } .desktop-site.shop .second-nav-wrapper ul ul li {width: 100%; display: inline-block; } .desktop-site.shop .second-nav-wrapper ul ul li a {font-size: 0.8rem; } .desktop-site #second-nav-wrapper .second-nav ul.menu > li > a, .desktop-site #second-nav-wrapper .second-nav ul.menu li a:hover {color: #fff !important; }/* for ie8 */ .shop .product-info .prod-best2 p {color: #7c4797; } .shop .product-info .prod-sale2 p {color: #e20f0f; } .shop .product-info .prod-new2 p {color: #0888b9; } .promo-banner {width: 100%; } .promo-banner, .promo-banner a.promo-banner-inner {background-position: center center; background-repeat: no-repeat; display: block; margin: 0 auto; cursor: pointer; } .promo-banner a span {position: absolute; left: -3000px; top: -3000px; } /*shop category pages*/ .promo-wrap { /* margin-top:40px; */ padding-top:16px; padding-top:1rem; padding-bottom:16px; padding-bottom:1rem; } .mobile-site .promo-wrap { padding-bottom:0; margin-bottom:0; } .promo-wrap .promo-banner {background-image: url(../../../resources/global/images/shop-desktop-banner-example.jpg);} .promo-wrap .promo-banner a {background-image: url(../../../resources/global/images/shop-mobile-banner-example.jpg);} .promo-wrap .promo-banner, .promo-wrap .promo-banner a { background-repeat: no-repeat; background-position: center center; } /**/ /* HP promo banner ads to the right of tweets */ .desktop-site.main-home-pg .social .main-content-block-inner {padding-bottom: 16px;} .desktop-site.main-home-pg .block.banner.ads .pnl {margin-bottom:0;} .main-home-pg .block.banner.ads {padding-top:56px} .main-home-pg div.ad a {display:block;} .main-home-pg a img:not(.menuV2):not(img) {display:block; width:100%} .block.banner ul li.last {margin-bottom:0} .main-home-pg .block.banner.ads ul.unit-1.promo li {margin:0} /**/ .desktop-site .promo-banner a.promo-banner-inner {width: 944px; height: 90px;} .desktop-site.shop .promo-banner a.promo-banner-inner, .desktop-site.feature-module .promo-banner a.promo-banner-inner, .desktop-site.shop-home .promo-banner a.promo-banner-inner {width: 976px; height: 337px; }/* xxxxx change dimentions for shop banners here xxxxx */ .desktop-site .grid_20 .promo-banner a.promo-banner-inner, .mobile-site .promo-banner a.promo-banner-inner {width: 272px; height: 300px;} .mobile-site.shop .promo-banner a.promo-banner-inner, .mobile-site.feature-module .promo-banner a.promo-banner-inner, .mobile-site.shop-home .promo-banner a.promo-banner-inner {width: 272px; height: 337px; }/* xxxxx change dimentions for shop banners here xxxxx */ .mobile-site.feature-module .promo-banner a.promo-banner-inner, /*.mobile-site.shop-home .promo-banner a.promo-banner-inner {margin-top:16px;I don't like this as it not consistent}*/ .desktop-site .grid_20 .promo-banner a.promo-banner-inner {height: 340px; width: 100%; background-size: cover; } .desktop-site .grid_20 .grid_19 {overflow: hidden; } .desktop-site .main-content-block-inner > .promo-banner a.promo-banner-inner, .grid_20 .grid_19 div.promo-banner, .desktop-site.shop .pnl-row .promo-banner-inner, .desktop-site.feature-module .pnl-row .promo-banner-inner, .desktop-site.shop-home .pnl-row .promo-banner-inner, .mobile-site .promo-banner {background-image: none !important; } .icon-list {margin-top: 16px; margin-top: 1rem; } .main-home-pg .icon-list {margin-top:0;} .icon-list li {display: inline-block; background-repeat: no-repeat; margin-left: 0; margin-bottom: 20px; } .main-home-pg .icon-list { line-height: normal; padding-bottom:16px; padding-bottom:1rem; } .main-home-pg .icon-list li {margin-bottom:0;} .icon-list li:first-child {margin-left: 0; } .icon-list li a { text-indent: -3000px; display: block; width: 70px; height: 70px; background-image: url('../images/social-icons.jpg'); /*opacity: 1; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; */ } /** * hide text in social icons (HP only for now). * added span tag (with text-indent) to social icons, text-indent on the a tag only not working **/ /* .main-home-pg .icon-list li a span { display: block; position: relative; left:-3000px; height:1px; width:1px; font-size: 1px; } */ .share-icon-list li { margin: 0 0 0 6px; float: right; height: 33px; display: inline-block; } .icon-list li a:hover, .icon-list li a:active {text-decoration: none; border-bottom: none; /*opacity: 0.8; */} .icon-list li a:focus {outline: #fff dotted 1px; } .icon-list .fb a {background-position: 0 0; } .icon-list .t a {background-position: -72px 0; } .icon-list .yt a {background-position: -82px 0; } /* incase a content dev populates the linkedin field we need to hide it - linkedin is not required */ .main-home-pg li.li {display: none;} /**/ .pnl-row.pnl-3col > h2.pnl-row-title + .icon-list .yt a, .social-block .social-links-block .icon-list li.yt a {background-position: -144px 0;} .social-block .social-links-block .icon-list:before, .social-block .social-links-block .icon-list:after {content:none;} .icon-list .li a {background-position: -161px 0; } .pnl-row.pnl-3col > h2.pnl-row-title + .icon-list .li a, .social-block .social-links-block .icon-list li.li a {background-position: -286px 0;} .icon-list .i a {background-position: -215px 0; } .icon-list .g a {background-position: -430px 0; } .icon-list .p a {background-position: -500px 0; } /*8292 fix David*/ /*.icon-list li a:before {position: absolute; content: ' '; display: block; width: 70px; height: 70px; background-color: #000; opacity: 0; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }*/ .icon-list li a:before {position: absolute; content: ' '; display: block; width: 70px; height: 70px; background-color: #000; opacity: 0; -moz-transition: opacity 0.5s ease-in-out; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .social-block .social-links-block .icon-list li a:before {width:70px;height:70px;} /* .social-block .social-links-block .icon-list li a:before {} */ .icon-list li a:hover:before {opacity: 0.1; } /* Not sure why this is required, commented until missed!! .desktop-site .icon-list:before { content: ' '; display: block; width: inherit; border-top: 1px solid #ccc; height: 1; position: relative; top: -112px; top: -7rem; left: -16px; left: -1rem; margin-right: -16px; margin-right: -1rem; background-color:red; } */ .desktop-site .vlg-bg + div .icon-list:before, .desktop-site .search-rslt + div .icon-list:before, .desktop-site .highlight-bg .icon-list:before, .desktop-site .main-bg .icon-list:before {content: normal; } .desktop-site .alternate-main-bg:after {width: 980px; height: 10px; background-color: #fff; position: relative; bottom: 10px; left: -16px; left: -1rem; z-index: 100; } .jp-interface {position: relative; width: 100%; border: none; } .jp-audio .jp-type-single .jp-interface {height: 90px; } .jp-interface .jp-controls li {display: inline; float: left; } .jp-controls a {display: block; overflow: hidden; text-indent: -9999px; position: absolute; z-index: 999; top: 0; } .jp-interface .jp-controls li a:hover {border-bottom: none; } .jp-audio .jp-time-holder {position: absolute; top: 50px; right: 110px; } .jp-current-time, .jp-duration {width: auto; font-style: oblique; padding-right: 8px; float: left; } .jp-details {width: 100%; padding: 1px 10px 6px; font-size: 88%; } .jp-hidden-trans {display: none; max-height: 320px; width: 100%; padding: 10px; background: #fff; border: 1px solid #999; overflow-y: scroll; } .jp-hidden-trans .inner {display: none; } .jp-hidden-trans {overflow: scroll\9; } .media-player-audio, .video-block {*zoom: 1; clear: both; } .pnl-2col:not(.grid_30) .video-block {min-height: 286px; }/* stops uneven heights glitch obvious with 2 cols */ /*.video-block {margin-bottom: 20px; }*/ .audio-block:after, .media-player-audio:after, .video-block:after {content: "\0020"; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .audio-block:before, .audio-block:after, .media-player-audio:before, .media-player-audio:after, .video-block:before, .video-block:after {content: " "; display: table; } .audio-block:after, .media-player-audio:after, .video-block:after {clear: both; } a.jp-play, a.jp-pause, a.jp-mute, a.jp-unmute, .jp-volume-bar {width: 90px; height: 90px; } a.jp-play:hover, a.jp-play:focus {background-position: -180px 0; } a.jp-pause {background-position: 0 -90px; display: none; } a.jp-pause:hover, a.jp-pause:focus {background-position: -180px -90px; } a.jp-mute {background-position: 0 -180px; } a.jp-mute:hover, a.jp-mute:focus {background-position: -90px -180px; } a.jp-unmute {background-position: 0 -270px; display: none; } a.jp-unmute:hover, a.jp-unmute:focus {background-position: -90px -270px; } a.jp-mute, a.jp-unmute {right: 0; top: 0; } .jp-volume-bar {position: absolute; overflow: hidden; background-position: -90px -540px; height: 10px; cursor: pointer; z-index: 999; right: 0px; bottom: 0px; } .jp-volume-bar-value {background-position: -90px -561px; width: 0px; height: 10px; } .jp-audio .jp-progress {position: absolute; top: 9px; height: 21px; } .jp-audio .jp-type-single .jp-progress {width: 100%; top: 30px; padding: 0 110px 0 90px; } .jp-seek-bar, .jp-play-bar, .jp-seeking-bg {background-repeat: repeat-x; width: 0px; height: 100%; cursor: pointer; } .jp-seek-bar, .jp-seeking-bg {background-position: 0 -360px; width: 100% !important; } .jp-play-bar {background-position: 0 -381px; } .jp-no-solution {height: 90px; z-index: 9999; position: relative; padding: 16px 16px; } .media-player-image {position: relative; } .media-player-image img {display: block; max-width: 100%; max-height: 342px; /* max-height: 330px; ...change to work with 38 grid */width: auto; height: auto; min-height: 96px; } .audio-cta-gateway .audio-icon {background-position: -200px -51px;} .audio-cta-genres {} .audio-cta-genres li {display: inline-block;} .audio-cta-genres li .bdr {text-align: center;display: block;color: #fff} /* ************** .media-player-image img {max-height: 342px; } ***********/ /* change to work with 38 grid by ROB, re: media icons & voices. 19/02/15*/ .media-player-image a.jp-play {position: absolute; width: 100%; height: 100%; display: block; top: 0; } .media-player-image a.jp-play:hover {background-position: 0 -348px; } .media-player-image a.jp-pause {background: none; } .pnl-media .video-info, .pnl-media .audio-info, .pnl-media .picture-info {bottom: 0; left: 0; position: absolute; cursor: pointer; background-color: rgba(0,0,0,0.7); } .pnl-media .time {visibility: hidden; opacity:0; transition: opacity 0.4s linear; position: absolute; line-height: 2.0rem; padding: 0.5rem 0.5rem 0.5rem 0; } .showTime .time {visibility: visible; opacity: 1; position: relative; } .carousel-slideshow {position: relative; zoom: 1; overflow: hidden; min-height: 400px; } .carousel-slideshow ul, .carousel-slideshow ol, .carousel-slideshow li {padding: 0; margin: 0; list-style-position: outside; display: block; } .carousel-slideshow figure {margin: 0; padding: 0; display: block; } .carousel-slideshow .slides {*zoom: 1; }/* add .clearfix? */ .carousel-slideshow .slides:after {content: ""; display: table; clear: both; }/* add .clearfix? */ .carousel-slideshow .slides > li {-webkit-backface-visibility: hidden; position: relative; display: none; } .carousel-slideshow figcaption {width: 100%; padding: 8px; text-align: left; } .carousel-slideshow img {max-width: 100%; max-height: 100%; display: block; margin: 0 auto; } .flexslider .slides img {max-height: 330px; width: auto; display: block; height: auto; } .flexslider .slides figure a {display: block; /*width: 608px;*/ } .flex-direction-nav a {margin: 0; display: block; top: 0; z-index: 10; cursor: pointer; position: absolute; top: -moz-calc(50% - 91px); top: -o-calc(50% - 91px); top: -webkit-calc(50% - 91px); top: calc(50% - 91px); margin-top: -22px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .flex-direction-nav .flex-next {right: 0; } .flex-control-thumbs {width: 5000px; text-align: center; overflow: hidden; } .flex-control-thumbs li {width: 160px; float: left; height: 90px; } .flex-control-thumbs li img.flex-active {opacity: 1; } .flex-control-thumbs li:hover {opacity: 1; cursor: pointer; } .thumbnail-slider a {position: absolute; bottom: 30px; z-index: 99; width: 0px; overflow: hidden; } .thumbnail-slider .thmb-next {right: 0; } .hl-pnl-inner .thumbnail-slider {display: none; } .hl-pnl-inner .flex-control-thumbs {border: none; width: auto; display: table; padding-bottom: 16px; margin: 4px; overflow: hidden; } .hl-pnl-inner .flex-control-thumbs img {padding-left: 16px; } .hl-pnl-inner .flex-control-thumbs li {border: none; height: 16px; width: 16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; display: table-cell; opacity: 1; } .flex-disabled {cursor: default !important; } .image-carousel {margin-top: 24px; } .top-page-fashion .page-sub-header .image-carousel.large-image-popup { /* #14910: * unique fix for this page as is difficult to untagle nested components in the CMS * http://cdstaging.bl.uk/Fashion/Get%20inspired/Turkish%20and%20Turkic%20Collections */ padding-right: 16px; margin-top:0; } .top-page-projects article > .main-content-block-inner > .main-column.grid_37.p-r-3col { /* http://cdstaging.bl.uk/Projects/Community%20Engagement * targeting grid_37 used in error, should be grid_40 */ width:640px; padding-right:0;} .top-page-projects article > .main-content-block-inner > .main-column.grid_37.p-r-3col .image-carousel {margin-top:0;} .image-carousel-inline .carousel-slideshow {background: transparent; } .image-carousel-inline .carousel-slideshow .flex-control-nav {display: none; } .image-carousel-inline .flexslider .slides figure a {display: block; width: 288px; } .slideshow-trans {position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 999; } .lrg-viewer-nav .close {position: fixed; top: 0; right: 0; z-index: 1020; } .sldshw-launched {position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 1000; } .sldshw-launched .carousel-slideshow, .sldshw-launched .flexslider .slides figure a {background: none; } .sldshw-launched .flex-control-thumbs {position: fixed; bottom: 0; } .sldshw-launched .flexslider .slides figure a {width: 100%; } .sldshw-launched .flexslider .slides li {position: fixed !important; top: 0; left: 0; } .sldshw-launched .flexslider .slides img {max-height: 100%; max-width: 100%; height: auto; width: auto; } .sldshw-launched .flex-direction-nav {display: none; } .sldshw-launched .next, .sldshw-launched .prev {position: fixed; left: 0; top: 50%; margin-top: -48px; z-index: 1020; } .sldshw-launched .next {left: auto; right: 0; } .sldshw-launched figcaption {position: fixed; top: 0; left: 0; z-index: 1020; line-height: 16px; font-size: 13px; padding-right: 120px; } .sldshw-launched .clicked-active img {max-height: 100%; max-width: 100%; width: auto; height: auto; } .one-img-only .flexslider .slides li {width: 100%; } .one-img-only .next, .one-img-only .prev {display: none; } .img-viewer-block {position: relative; } .img-viewer-block img {display: block; } .img-viewer-block .img-viewer-block-inner {padding: 16px 32px 32px 16px; padding: 1rem 2rem 2rem 1rem; } .img-viewer-block .img-viewer-block-inner .img-viewer-trigger {display: block; text-align: center; cursor: pointer; } .img-viewer-block .pnl-img .img-viewer-trigger {float: left; } .img-viewer-block .img-viewer-block-inner .img-viewer-block-title {margin-top: 0; } #img-viewer {position: absolute; height: 100%; width: 100%; padding: 0; margin: 0; overflow: hidden; } #img-viewer label {display: inline; } #img-viewer a img {outline: none; border: none; } #img-viewer .img-viewer-thumbs {position: absolute; bottom: 0; left: 0; z-index: 155; opacity: 1; padding: 10px; height: 80px; width: 100%; overflow: hidden; margin-bottom: -40px; } #img-viewer .img-viewer-thumbs:hover {margin-bottom: 0; height: 125px;} #img-viewer .img-viewer-thumbs .transcript {display: none; } #img-viewer .img-viewer-thumbs ol {width: 3000%; padding: 0; margin: 0; overflow: hidden; } #img-viewer .img-viewer-thumbs ol li {float: left; padding: 0; margin: 0 10px 0 0;color: #fff;list-style-position: inside;} #img-viewer .img-viewer-thumbs ol li.active-img {opacity: 1; } #img-viewer .img-viewer-thumbs ol li img {max-height: 80px; width: auto; height: auto; max-width: 250px; display: block; } #img-viewer .img-viewer-thumbs ol li a {border: none; } #img-viewer .img-viewer-nav {z-index: 122; position: absolute; top: 0; right: 0; width: 420px; } #img-viewer .img-viewer-nav ul {padding-bottom: 8px; } #img-viewer .img-viewer-nav li {float:left; padding-bottom:8px; margin: 0; } #img-viewer .img-viewer-nav a#img-big, #img-viewer .img-viewer-nav a#img-small {width:43px;} #img-viewer .img-viewer-nav a#img-big .action-text, #img-viewer .img-viewer-nav a#img-small .action-text {width:63px;} #img-viewer .img-viewer-nav a#img-iv-open {width:80px;} #img-viewer .img-viewer-nav li a {margin: 8px 7px 0 0; cursor: pointer; } #img-viewer .img-viewer-arrows a {z-index: 123; position: absolute; top: 50%; margin-top: -34px; } #img-viewer .img-viewer-arrows a.prev {left: 8px; } #img-viewer .img-viewer-arrows a.next {right: 8px; } #img-viewer .img-viewer-arrows .iv-open-nav {margin-right: 420px; } /*#img-viewer .close {background: red !important; }*/ #img-viewer .disabled {display: none; } #img-viewer .img-viewer-main-img {position: absolute; top: 0; width: 100%; height: 100%; text-align: center; background-repeat: no-repeat; background-position: center center; } #img-viewer .img-viewer-main-img img {cursor: move; padding: 20px; position: absolute; *padding: 0; display: block; } #img-viewer .img-viewer-main-img img.sml {cursor: default; margin: 0 auto; } #img-viewer .img-viewer-inner .iv-open-img {width: -moz-calc(100% - 420px); width: -o-calc(100% - 420px); width: -webkit-calc(100% - 420px); width: calc(100% - 420px); } #img-viewer .img-viewer-info {position: absolute; height:-moz-calc(100% - 89px); height: -o-calc(100% - 89px); height: -webkit-calc(100% - 89px); height: calc(100% - 89px); top: 49px; right: 0; width: 420px; overflow-y: auto; z-index: 112; padding: 16px; opacity: 1; padding-top: 40px; } #img-viewer .img-viewer-inner .tabbed-box-inner {position: static; padding-top: 0; } #img-viewer .img-viewer-inner .tabbed-box-inner .text-block h4:first-child {display: none; } #img-viewer .img-viewer-inner .tabbed-box-inner .tabs {overflow: hidden; padding: 0; margin: 0; position: absolute; top: 0px; left: 0; width: 100%; } #img-viewer .img-viewer-inner .tabbed-box-inner .tabs li {margin: 0; } #img-viewer .img-viewer-inner .tabbed-box-inner .tabs h3 {font-size: 14px; } #img-viewer .img-viewer-inner .tabbed-box-inner .tabs a {float: left; background: transparent; } #img-viewer .img-viewer-inner .tabbed-box-inner .lan-dropdown {right: 0; top: 0; background: transparent; width: auto; } #img-viewer .img-viewer-inner .tabbed-box-inner .lan-dropdown .action-button {background: transparent; } #img-viewer .iv-thm-nav {height: 0; } #img-viewer .iv-thm-nav li {margin: 0; padding: 0; } #img-viewer .iv-thm-nav a {position: absolute; top: 0; z-index: 200; } #img-viewer .iv-thm-nav a.thm-left {left: 0; } #img-viewer .iv-thm-nav a.thm-right {right: 0; } #img-viewer .iv-thm-nav .disabled {display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); } #img-viewer .thm-nav-active ol {padding-left: 40px; } .iv-overlay-wrap.open {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 999; display: block; } .loading {top: 0; left: 0; height: 100%; width: 100%; position: fixed; z-index: 9999; } .loading .loading-wheel {height: 55px; width: 55px; display: block; position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: -27px; } #fullDesc {margin-bottom: 20px; } /* * this may be a duplicate due to branching * task 13332 correct blockquotes from grey to white * * Delete these if they show up * #img-viewer blockquote:before {content: "\201C";} * #img-viewer blockquote:after {content: '\201D';} */ #img-viewer blockquote {color:#fff;} /********** PORTALS *************/ #portalLogin {border: none; } #portalLogin input {border: 1px solid #eee; } .p-l-1col + .showHideBlocks {padding-left: 16px; padding-left: 1rem; } .showHideBlocks {padding-bottom: 2px; padding-right: 16px; padding-right: 1rem; } .js .showHideBlocks > p {padding: 0; display: inline-block; width: 100%; cursor: pointer; } .js .showHideBlocks > p:before {content: '+'; display: block; width: 20px; height: 22px; float: left; text-align: center; margin-right: 10px; border: 1px solid #333; } .js .showHideBlocks > p.minus:before {content: '-'; } .js .showHideBlocks > p:hover b {border-bottom: 1px solid #333; } .js .showHideBlocks div {display: none; margin: 0; padding: 0; } /*.js ul.showHideList li:nth-child(n+4) {display: none; }*/ .pnl-4col-borders .pnl-inner {padding: 16px 16px 0 16px; padding: 1rem 1rem 0 1rem; border: 1px solid #ccc; } .person {padding-left: 16px; padding-left: 1rem; margin: 16px 0; margin-top: 1rem 0; } .person .pnl-img {float: left; clear: right; min-width: 96px; } .person .pnl-txt {padding-left: 16px; padding-left: 1rem; } .person .pnl-txt p {padding-bottom: 8px; } .js .person .pnl-txt p span.words, .js .person .pnl-txt p.show span.hellip {display: none; } .js .person .pnl-txt p.show span.words {display: inline; } .js .person .pnl-txt p span.more {color: transparent; white-space: nowrap; display: inline-block; cursor: pointer; position: relative; } .js .person .pnl-txt p span.more::after {content: 'Read more'; position: absolute; left: 0; top: 0; } .js .person .pnl-txt p.show span.more::after {content: 'Read less'; } .js .person .pnl-txt p span.more:hover::after {text-decoration: underline !important; margin-bottom: -4px; } #bmCollectionItem {padding: 16px; padding: 1rem; } #bmCollectionItem .pnl-img {float: left; margin: 0 16px 16px 0; margin: 0 1rem 1rem 0; } #bmCollectionItem .pnl-txt {float: left; width: 400px; margin-bottom: 16px; margin-bottom: 1rem; } #bmCollectionItem dl {margin: 0; } #bmCollectionItem dl dt {width: 40%; padding-right: 5px; } #bmCollectionItem dl dd {width: 58%; margin-bottom: 8px; margin-bottom: 0.5rem; } .js #bmCollectionItem dl + dl {display: none; } .js #bmCollectionItem dl.show {display: block; } .js #bmCollectionItem #reveal {color: transparent; white-space: nowrap; display: inline-block; cursor: pointer; position: relative; } .js #bmCollectionItem #reveal:after {content: 'Show more details'; position: absolute; left: 0; top: 0; } .js #bmCollectionItem .show + #reveal:after {content: 'Show fewer details'; } .js .more:hover:after {text-decoration: underline; } .masthead-compress.desktop-site #portalLoginReg {display: block; position: relative; top: -202px; height: 34px; margin-bottom: -34px; width: 978px; margin-left: auto; margin-right: auto; } .masthead-expand.desktop-site #portalLoginReg {display: block; position: relative; top: -456px; height: 34px; margin-bottom: -34px; width: 978px; margin-left: auto; margin-right: auto; } .desktop-site #portalLoginReg .action-button {border: 1px solid rgba(225,225,225,0.5); } .desktop-site #portalLoginReg p {padding: 0; color: #fff; clip: rect(0px, 300px, 100px, 0px); width: 100%; position: absolute; left: 72px; z-index: 100; } .desktop-site #portalLoginReg span {display: inline-block; margin: 0 6px; } .desktop-site #portalLoginReg a {color: #fff; } /* PORTAL MOBILE FIXES*/ .mobile-site #portalLoginReg { clear: left; float: left; left: 20px; padding: 0; position: relative; top: 0; width: 200px; z-index: 10000; margin-top:10px; } .mobile-site #portalLoginReg :before,.mobile-site #portalLoginReg :after { display:inline !important; } .mobile-site .text-block.grid_38.neg-margin-90 { margin-top:10px; margin-bottom:10px; } /* PORTAL MOBILE FIXES END*/ /** * TFS 10371 Incorrect positioning of Search box * searchbox is/was positioned absolutly to the window and not it's parent. * Previously when the cookies alert was showing the entire page + content is pushed down the page to accommodatre the cookies alert * except the search-box, which causes the search-box to be out of position until 'OK' to cookies is clicked * SOLUTION: make the parent container of the search input structure relative and adjust the position of the search-box accordingly * so that when cookies is showing the search-box move down/up the page in relation to it's parent and not the window */ #contentstart, .contentstart {position: relative} /*end 10371*/ .mobile-site #portalLoginReg p {font-weight: bold; } /*TFS: 10371*/ .desktop-site #bigBannerSearch {position: absolute; top: -165px; width: 100%; z-index: 1; } /*TFS: 10375*/ .desktop-site #bigBannerSearch.publish-preview, .desktop-site #bigBannerSearch.presentation-preview {position: absolute; top: -165px; width: 100%; z-index: 1; } .desktop-site #bigBannerSearch .optionsRow {padding: 0 16px; padding: 0 1rem; margin-top: -16px; margin-top: .2rem; } .desktop-site #bigBannerSearch input {padding: 0 0 0 16px; } .mobile-site #bigBannerSearch .optionsRow {padding-left: 16px; padding-left: 1rem; } .mobile-site #bigBannerSearch input[type=search] {max-width: 200px; min-height: 21px; } .mobile-site #bigBannerSearch .action-button {float: left; clear: right; } .mobile-site #bigBannerSearch .optionsRow input {clear: left; } #bigBannerSearch .optionsRow input {float: left; margin: 0 5px; position: relative; top: 2px; } #bigBannerSearch .optionsRow label {float: left; font-size: 90%; font-weight: normal; margin-right: 20px; } #bigBannerSearch .optionsRow div.opacity {padding: 16px 16px 0 16px; padding: 1rem 1rem 0 1rem; float: left; } #bannerSearchBtn {border: none 0; padding: 0 16px; height: 38px; width: 38px; } button#bannerSearchBtn:before {display: block; height: 36px; position: relative; top: 3px; left: -15px; width: 36px; } #bigBannerSearch .icon {font-size: 2em !important; } #global-search-options {border: none 0; background: bold; padding: 0; margin: -13px 3px 10px 6px; display: block; } #global-search-options div {float: left; } #global-search-options input {float: left; position: relative; top: 2px; margin-right: 3px; } #global-search-options label {display: inline-block; font-size: 0.8rem; float: left; font-weight: normal; margin-right: 12px; margin-bottom: 0; } /********** PORTALS end *************/ #shopResults .acc-pnl-fixed h3 {background-color: #eee; font-size: 1.25rem; margin: 0; padding: 16px; padding: 1rem; } #shopResults .acc-pnl-fixed + .acc-pnl {margin-top: 16px; float: left; clear: left; } #shopResults .facet-list .selected a.text-link {padding-right: 0; } #shopResults .disabled {opacity: 0.7; } #shopResults .acc-pnl {border: 1px solid #ccc; padding: 0 12px; margin-bottom: 16px; } .desktop-site #shopResults .acc-pnl {border: none;} /****** wrap long facet text *************/ .desktop-site #shopResults fieldset.acc-pnl {margin-bottom:10px;} .desktop-site #shopResults fieldset.acc-pnl dl dd { height:auto; margin-bottom:10px; } .desktop-site fieldset.acc-pnl dd input{float:left} .desktop-site fieldset.acc-pnl dd div { overflow:hidden; line-height:normal; } /************ end facet wrap ************/ #shopResults dl dt, #shopResults dl dd {display: inline-block; width: 100%; } #shopResults dl dt {margin-bottom: 6px; } .desktop-site #shopResults dl dt {color: #fff !important; left: 0; margin-top: -37px; padding: 5px 10px; position:absolute; width: 224px; }/* vml styling updates */ .desktop-site #shopResults dt + dd {margin-top: 10px; }/* vml styling updates */ #shopResults dl dd {font-size: 10px; font-size: 0.8rem; height:28px;line-height:28px;} #shopResults label {font-weight: normal; display: inline; color: #333; } .desktop-site #shopResults label {width: 145px; margin-bottom: 4px; } #shopResults label.bold {font-weight: bold; } #shopResults input[type=hidden] + label:hover {border-bottom: 1px solid #333; cursor: pointer; } #shopResults label.bold {cursor: default !important; border-bottom: none !important; } /* slider used in shop price range filter slider start */ .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base{width:100%;height:100%;position:relative;z-index:1}.noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-handle{position:relative;z-index:1}.noUi-stacking .noUi-handle{z-index:10}.noUi-state-tap .noUi-origin{-webkit-transition:left .3s,top .3s;transition:left .3s,top .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-base{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}.noUi-background{background:#FAFAFA;box-shadow:inset 0 1px 1px #f0f0f0}.noUi-connect{background:#3FB8AF;box-shadow:inset 0 0 3px rgba(51,51,51,.45);-webkit-transition:background 450ms;transition:background 450ms}.noUi-origin{border-radius:2px}.noUi-target{border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-target.noUi-connect{box-shadow:inset 0 0 3px rgba(51,51,51,.45),0 3px 6px -5px #BBB}.noUi-draggable{cursor:w-resize}.noUi-vertical .noUi-draggable{cursor:n-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect,[disabled].noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-origin{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{width:40px;position:absolute;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:50px;top:100%;left:0;width:100%}.noUi-value-horizontal{margin-left:-20px;padding-top:20px}.noUi-value-horizontal.noUi-value-sub{padding-top:15px}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{width:15px;margin-left:20px;margin-top:-5px}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;padding:5px;text-align:center}.noUi-horizontal .noUi-handle-lower .noUi-tooltip{top:-32px}.noUi-horizontal .noUi-handle-upper .noUi-tooltip{bottom:-32px}.noUi-vertical .noUi-handle-lower .noUi-tooltip{left:120%}.noUi-vertical .noUi-handle-upper .noUi-tooltip{right:120%} /* Base; * */ .noUi-pips, .noUi-pips * {-moz-box-sizing: border-box; box-sizing: border-box; } .noUi-pips {position: absolute; color: #999; } /* Values; * */ .noUi-value {width: 40px; position: absolute; text-align: center; } .noUi-value-sub {color: #ccc; font-size: 10px; } /* Markings; * */ .noUi-marker {position: absolute; background: #CCC; } .noUi-marker-sub {background: #AAA; } .noUi-marker-large {background: #AAA; } /* Horizontal layout;* */ .noUi-pips-horizontal {padding: 10px 0; height: 50px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal {margin-left: -20px; padding-top: 20px; } .noUi-value-horizontal.noUi-value-sub {padding-top: 15px; } .noUi-marker-horizontal.noUi-marker {margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub {height: 10px; } .noUi-marker-horizontal.noUi-marker-large {height: 15px; } /* Vertical layout; * */ .noUi-pips-vertical {padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical {width: 15px; margin-left: 20px; margin-top: -5px; } .noUi-marker-vertical.noUi-marker {width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub {width: 10px; } .noUi-marker-vertical.noUi-marker-large {width: 15px; } /* slider used in shop price range filter slider end */ /* ************ BL bespoke... ************* */ .noUi-origin {top: -6px; } .noUi-target {overflow: visible; border: none; border-top: 2px solid #666; border-radius: 0; box-shadow: none; background-color: transparent !important; } .noUi-base {height: 4px; } .noUi-pips-horizontal {position: relative; top: -3px; height: 50px; } .noUi-marker-horizontal.noUi-marker-large {top: -10px; } .noUi-value, .noUi-marker-normal {display: none; } .noUi-horizontal .noUi-handle {background-color: #e80623; border: 2px solid #666; border-radius: 8px; height: 16px; left: -8px; top: -4px; width: 16px; cursor: pointer; } #shopPriceRange .noUi-active {cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .noUi-handle::after, .noUi-handle::before {background-color: transparent; background-image: none; content: normal; } #shopResults .example-val {color: #333; font-size: 0.8rem; display: inline-block; margin: 0 0 8px 0; } #shopResults .example-val + .example-val {float: right; } #shopResults dl.slider {margin-bottom: 0; } #shopResults dl.slider dd {padding: 8px 8px 0 8px; } .homepage-hlb {max-width: 100%; min-width: 976px; } .hl-pnl-horiz, .homepage-hlb {overflow: hidden; } .hl-pnl-horiz .flex-viewport {overflow: visible !important; } .hl-pnl-horiz .slides li {opacity: 0; height: auto; } .hl-pnl-horiz .flex-active-slide .pnl-img, .hl-pnl-horiz .flex-active-slide .pnl-txt, .hl-pnl-horiz .flex-control-nav .flex-active, .hl-pnl-horiz .slides li.flex-active-slide {opacity: 1; } .hl-pnl-horiz .slides li .pnl-1col .pnl {padding-right: 0; } .hl-pnl-horiz .slides li img {max-height: none; height: auto; width: 100%; } .hl-pnl-horiz .flex-control-nav {width: 100%; text-align: center; padding-bottom: 16px; } .hl-pnl-horiz .flex-control-nav li {margin: 0 12px 0 0; margin: 0 0.75rem 0 0; padding: 0; display: inline-block; } .hl-pnl-horiz .flex-control-nav a {box-shadow: none; text-indent: 100%; overflow: hidden; width: 10px; height: 10px; display: block; cursor: pointer; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; } .hl-pnl-horiz .flex-direction-nav a {top: 160px; } /*TFS 9767: R&V remove white space*/ .main-content-block.homepage-hlb.vlg-bg .block-title { padding-top:0; padding-bottom:0; } .video-block .video-play { overflow: hidden; display: block; position: relative; cursor: pointer; outline: none; } /*XXXXXXXXXXXX case studies XXXXXXXXXX*/ .top-page-casestudies .video-block .video-play { float:left; width:100%; } /* 13678 related, commented out 13/06/18 to rectify L&R gutters .video-block + .text-block {margin-right:16px;margin-right:1rem;} */ .video-block .video-play .video-play-icon {background-repeat: no-repeat; background-position: center center; display: block; height: 100%; overflow: hidden; position: absolute; width: 100%; } /*04/07/18: modified declaration in relation to task 2016 (old task)*/ /* .video-block .fluid-video {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } */ .video-block .fluid-video {position: relative; padding-bottom: 56.25%;} .video-block .fluid-video object, .video-block .fluid-video embed, .video-block .fluid-video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-block img {width: 100%; height: auto; display: block; } .sponsor-block-head {width: 160px; float: right; padding-right: 16px; padding-right: 1rem; } .sponsor-block-head img {width: 100%; height: auto; } .spnsr-block .spnsr-block-inner {width: 99%; } .spnsr-block .spnsr-title {margin: 0; } .spnsr-block .spnsr-img {width: 160px; float: left; padding-right: 16px; padding-right: 1rem; } .spnsr-block .spnsr-txt {width: -moz-calc(100% - 496px); width: -o-calc(100% - 496px); width: -webkit-calc(100% - 496px); width: calc(100% - 496px); float: left; } .author-block {font-size: 12.6px; font-size: 0.7875rem; } .author-block .img-thmb {width: 160px; display: block; float: left; margin-right: 16px; } .author-block .img-thmb img {max-width: 100%; width: auto; height: auto; } .author-block .lbl-inline {padding-top: 0; } .author-block label {display: inline; } .img-block img {max-width: 100%; height: auto; width: auto; } #authorBlock1 {margin-top: 16px; } .desc-text {padding: 8px 16px; padding: 0.5rem 1rem; } .desc-text p {margin: 0; } .component-block {position: relative; } .component-block .block-expnd-area {position: relative; background-repeat: no-repeat; background-position: center top; padding-top: 16px; padding-top: 1rem; } .component-block .block-expnd-area .block-expnd-area-inner {position: relative; padding: 16px 16px 64px 16px; padding: 1rem 1rem 4rem 1rem; position: relative; } .component-block .block-expnd-area .qv-close {position: absolute; top: 32px; right: 16px; z-index: 10; } .component-block .component-block-img img {display: block; width: 100%; height: auto; } /* tfs 9884 person component, no file in athena, built css in cdstaging inspect view - cherry pick this */ .component-block.person-block .dg-bg .pnl-field { display: block; color: #fff !important; margin-bottom: 16px; } .key-details-block {padding: 16px; padding: 1rem; } .key-details-block ul {List-style-type: disc; margin-left: 1rem; } #sort-results {height: 32px; } label[for="sort-results"] {display: none; } .facet-list a {padding: 4px 8px; padding: 0.25rem 0.5rem; display: block; font-size: 0.8rem; } .facet-list a .count {font-size: 11.2px; font-size: 0.7rem; } .facet-list .more {padding: 4px 10px; text-align: left; } .facet-list .selected a {padding: 0; } .facet-list .selected:first-child {margin-top: 1px; } .facet-list-outer, /*.facet-list, */ .facet-list li {margin: 0; padding: 0; } .facet-list-outer ul, facet-list ul, .facet-list li ul {padding: 0; } .facet-list-outer .selected, facet-list .selected, .facet-list li .selected {overflow: hidden; } .facet-list-outer li {padding: 0; } .facet-list-outer h3, .facet-list-outer li li {padding: 4px 16px; padding: 0.25rem 1rem; margin: 0; } .facet-list-outer .selected {clear: both; overflow: hidden; } .facet-list-outer .facet-list {margin-bottom: 16px; margin-bottom: 1rem; } .rslt-dspl-toggle a {display: block; } .facet-list-outer li.more {cursor: pointer; /*font-weight: bold; */font-size: 0.9em; padding: 0.4rem 0.6rem; } .facet-list .selected a.text-link {line-height: 20px; margin-bottom: 1px; overflow: hidden; float: left; clear: both; padding-right: 16px; padding-right: 1rem; width: 100%; } .facet-list .selected a.text-link .action-text {float: left; margin: 0; padding: 6px 0 0 6px; padding: 0.375rem 0 0 0.375rem; width: 80%; } .facet-list .icon {display: block; float: right; font-family: FontAwesome; height: 32px; overflow: hidden; padding-left: 32px; transition-property: background-color; width: 0; } .accordian-block + .accordian-block {margin-top: 8px !important; } .accordian-block + .accordian-block {margin-bottom: 32px !important; } .accordian-block + .accordian-block .more, .accordian-block + .accordian-block .less {cursor: pointer; } /*.accordian-block + .accordian-block:not(.facet-list-outer) {border: 1px solid #ccc; padding-bottom: -1px; }*/ .accordian-block + .accordian-block .acc-pnl:last-child h3 {margin-bottom: 0 !important; } .article-hl-block ul, .article-hl-block li {margin: 0; padding: 0; } .article-hl-block ul.ahl-pnl-row {position: relative; height: 300px; overflow: hidden; width: 66%; } .article-hl-block ul.ahl-pnl-row li {position: absolute; top: 0; } .article-hl-block ul.ahl-pnl-row li .pnl-txt {padding: 16px; padding: 1rem; } .article-hl-block ul.ahl-pnl-row li h3 {font-size: 18px; font-size: 1.1375rem; margin-bottom: 16px; margin-bottom: 1rem; } .article-hl-block ul.ahl-nav {height: 300px; float: left; width: 34%; } .article-hl-block ul.ahl-nav li {height: 60px; display: block; cursor: pointer; overflow: hidden; padding: 8px 16px; padding: 0.5rem 1rem; } .article-hl-block ul.ahl-nav li.highlighted {padding-left: 12px; opacity: 1; } .article-hl-block .ahl-pnl {height: 300px; } .article-hl-block .ahl-pnl .pnl-img {float: right; margin-left: 32px; margin-left: 2rem; } .article-hl-block .highlighted {z-index: 5; } .accordian-block .vrt-accordian {overflow: hidden; } .accordian-block .fixed-h-acc {height: 500px; } .accordian-block .acc-pnl-title {font-size: 1.0em; font-weight: bold; max-height: 40px; cursor: pointer; margin: 0; margin-bottom: 1px; padding: 0; width: 100%; line-height: 32px; line-height: 2rem; padding: 0 16px; padding: 0 1rem; } .left-panel-list .accordian-block .acc-pnl-title {max-height: none; height: auto; } /*.accordian-wrap .acc-pnl {position: relative; }*/ .accordian-wrap .facet-height {padding-bottom: 2rem; height: 260px; overflow: hidden; } .accordian-wrap .facet-height, .accordian-wrap .acc-pnl div.more {border-left: 1px solid #eee; border-right: 1px solid #eee; } .accordian-wrap .acc-pnl div.more, .accordian-wrap .acc-pnl-inner .divScroll + .more {display: none; } .accordian-wrap .acc-pnl-open div.more {display: block; padding: 7px 3px 8px 10px; font-size: 12px; font-size: 0.8rem; cursor: pointer; border-bottom: 1px solid #eee; background-color: #eee; } .accordian-wrap .divScroll {overflow: auto !important; overflow-y: scroll !important; border-bottom: 1px solid #eee; margin-bottom: 16px; margin-bottom: 1rem; } .accordian-wrap .divScroll .facet-list-outer .facet-list {margin-bottom: 0; } .accordian-block + .accordian-block:not(.facet-list-outer) .accordian-wrap .facet-height {margin-bottom: 0; } /*What's on*/ /** * Ref: Event by type - bl.uk/whats-on * To prevent dev edits in the CMS I'm using css to address differences between athena and live * Athena: tags tags-list p-b-1col clearfix * staging: tags tags-list p-b-1col p-r-1col clearfix **/ aside .txt-block .tags.tags-list.p-b-1col.p-r-1col.clearfix {padding-right:0;} /**/ .leaderboard-block .leaderboard-img { float: left; background-color:#fff;} .leaderboard-block .leaderboard-img img {width: 100%; height: auto; display: block;} .leaderboard-block .leaderboard-txt { padding-left: 16px; padding-left: 1rem; float: left;} .desktop-site .leaderboard-block .leaderboard-txt .block-title {padding:0;} /*16/11/17 commentted out: .leaderboard-block .leaderboard-txt .leaderboard-txt h3 { border-bottom: 1px solid; font-weight: bold; padding-bottom: 1rem; text-align: center;} */ .leaderboard-block .leaderboard-txt .book-tickets-button { margin-bottom:16px; margin-bottom:1rem; width: 100%; display: block; text-align: center; cursor: pointer; } .leaderboard-block li .lb-field {display: block; font-size: 1.0rem; } .leaderboard-txt .lb-tel a {cursor: text; } .figures-row {padding: 16px 0 0 16px; padding: 1rem 0 0 1rem; margin-bottom: 16px; margin-bottom: 1rem; } .figures-row .block-title {padding-top: 16px; padding-top: 1rem; } .figures-row .pnl-txt {padding-bottom: 32px; padding-bottom: 2rem; } .figures-row p strong, .figures-row p span {display: inline-block; float: left; clear: left; } .figures-row p strong span {display: inline; font-weight: normal; float: right; position: absolute; top: 1.1rem; } .figures-row p strong {margin-bottom: 5px; margin-bottom: 0.3rem; position: relative; } /*#twitterwrapper {width: 100%; padding: 16px 0; margin-bottom: 16px; margin-bottom: 1rem; }*//*background-color: #7e3e98; border-radius: 10px; box-shadow: 0 0 200px #2d1a36 inset;*/ /*#main .twitterFullWidth #twitter-widget-0 {max-width: 520px !important; margin: 0 auto !important; background-color: #fff; display: block !important; }*//*margin: 0 0 8px 0 !important; margin: 0 0 0.5rem 0 !important; */ dl.event-details dt {width: 30%; margin-right: 12px; } dl.event-details dd {padding-left: 30%; margin-bottom: 0.2rem; } dl.event-details dd:first-of-type {margin-top: -1.5rem; } /* TFS 12726 - Exhibition page changes */ .page-navigation li { width: 25%; float: left; text-align: center; } .page-navigation li a { width: 75%; } .page-navigation li:first-child a, .page-navigation li:nth-child(2) a { float: left; } .page-navigation li:nth-child(3) a, .page-navigation li:last-child a { float: right; } .pnl-social .pnl-txt ul.icon-list { margin: 0; position: absolute; bottom: 0; right: 0; } .pnl-social .pnl-txt ul.icon-list li { margin: 0; } .pnl-social .pnl-txt p { font-size: 1rem !important; font-weight: bold; padding: 7px 0; } .desktop-site .blockquote-row { padding-top: 22px; } .pnl-blockquote .pnl-txt p { font-size: 120% !important; font-weight: bold; } .space-placeholder .strapline { position: absolute; top: 0; } .space-placeholder a.action-button { position: absolute; bottom: 0; right: 0; } .book-now-nav .navbar-close { position: absolute; top: 0; right: 0; cursor: pointer; } .desktop-site .book-now-nav a.book-tickets-button { margin-top: 48px; margin-top: 3rem; float: left; } .mobile-site .book-now-nav a.book-tickets-button { margin-left: auto; margin-right: auto; } .book-now-nav a.alt-button { background-color: #015d54; color: #fff !important; } .sticky { position: fixed; bottom: 0; width: 100%; z-index: 1000; } ul.contact {padding: 0; } ul.contact li {list-style: none; margin: 0; } ul.contact li.out_of_hours {margin-top: 20px; } ul.contact li.press_office_contacts {margin-top: 8px; } /*Press office in footer of mobile-press-search-results-page-list-view.html and similar pages*/ .press-office .po-email span {float:left;margin-right:4px;} /**/ .block-border {box-sizing:border-box; padding: 15px 20px; width: 100%; border-radius: 2px; } /*********** new menu dropdown layouts start **************/ /* .desktop-site .menuV2 li a, .desktop-site .dropdown04 > li:first-child li {font-size: 96%; } .desktop-site .menuV2 h4 {text-transform: none; font-size: 110%; }*/ .desktop-site .dropdown03 > li:first-child + li img + span, .desktop-site .dropdown05 > li + li img + span {font-weight: bold; font-size: 120%; margin-top: 6px; margin-top: 0.5rem; margin-bottom: 6px; margin-bottom: 0.5rem; }/* nth-child(2) not fully supported */ .desktop-site .menuV2 {padding-bottom: 42px; background-color: #eee; background-repeat: repeat-y, repeat-y, repeat-y; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0N0NFRjNDOTJCMTExRTU5MUVFRTJBMzA4MkIwMUYyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ0N0NFRjNEOTJCMTExRTU5MUVFRTJBMzA4MkIwMUYyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDQ3Q0VGM0E5MkIxMTFFNTkxRUVFMkEzMDgyQjAxRjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDQ3Q0VGM0I5MkIxMTFFNTkxRUVFMkEzMDgyQjAxRjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Rx4ujAAAAD0lEQVR42mKYOXMmQIABAAOaAcw5lSATAAAAAElFTkSuQmCC'), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0N0NFRjNDOTJCMTExRTU5MUVFRTJBMzA4MkIwMUYyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ0N0NFRjNEOTJCMTExRTU5MUVFRTJBMzA4MkIwMUYyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDQ3Q0VGM0E5MkIxMTFFNTkxRUVFMkEzMDgyQjAxRjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDQ3Q0VGM0I5MkIxMTFFNTkxRUVFMkEzMDgyQjAxRjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Rx4ujAAAAD0lEQVR42mKYOXMmQIABAAOaAcw5lSATAAAAAElFTkSuQmCC');} .desktop-site .menuV2 ul, .desktop-site .menuV2 h4 {border-left: none !important; } /*remove bdr from bold link at the bottom of nav colls*/ .desktop-site.main-home-pg .dropdown04 > li:first-child li.full, .desktop-site.main-home-pg .dropdown04 > li:first-child li.seasonal{border:none;} /**/ .desktop-site .dropdown01 {background-position: 300px 0px, 624px 0px; } /** * 01/03/17 commentted out to remove gap between heading and 1st nav item in discover and learn in top nav: * .desktop-site .dropdown02 > li + li ul {margin-top: 24px; margin-top: 1.4rem; } **/ .desktop-site .dropdown02 li ul li a {width: 100%; display: inline-block; } .desktop-site .dropdown02 li ul li img {float: left; clear: right; } .desktop-site .dropdown02 li span {display: inline-block; float: left; margin: 0 6px 0 16px; } .desktop-site .dropdown02 {background-position: 290px 0px, 578px 0; } /* .desktop-site .dropdown03 > li + li ul {margin-top: 24px; margin-top: 1.4rem; } */ .desktop-site .dropdown03 li ul li a {width: 100%; display: inline-block; } .desktop-site .dropdown03 li ul li img {float: left; clear: right; } .desktop-site .dropdown03 li a span {display: inline-block; float: left; margin: 6px 6px 0 0;} /*commented out 27/02/17: .desktop-site .whats-on .dropdown03 li a > span {margin-left:10px; } .desktop-site .whats-on .dropdown03 li.last a > span {margin-left:0px; } .desktop-site .whats-on ul li:not(.last) ul li {overflow:hidden} .desktop-site .whats-on li:not(.last) ul li a {display:inline;margin-left:10px;} .desktop-site .whats-on li.last li a + span {margin-top:-5px;it's ugly but it worksdisplay:block;} */ .desktop-site.main-home-pg .whats-on li:not(.last) ul li a {margin-left:0;} .desktop-site .dropdown03 li a span + span {color: #666; margin-top: 0; } .desktop-site .dropdown03 > li + li a span {width: 60%; } .desktop-site .dropdown03 > li:first-child + li img {margin-bottom: 8px; } /* .desktop-site .dropdown03 > li:first-child + li span {margin-left: 0; } */ .desktop-site .dropdown03 {background-position: 256px 0px, 610px 0; } /* allow for reading rms opening time info .desktop-site .dropdown04 > li:first-child ul {margin-top: 14px; } */ .desktop-site .dropdown04 > li:first-child li {display: inline-block; width: 100%; border-top: 1px solid #ccc; } .primary-nav-item.last .dropdown04 > li:first-child li {border:none;} /*commented out 27/02/17: .desktop-site .visit .dropdown04 > li:first-child li {display: block;float:left;border:10px solid red;} .desktop-site .visit .dropdown04 > li:first-child li.all {width:auto;} .desktop-site .visit .dropdown04 > li:first-child li.times-vary {padding-top:6px;} .desktop-site .visit .dropdown04 a:hover span {text-decoration: underline;} */ /* .desktop-site .dropdown04 a:hover span {text-decoration: underline;} */ /*Added 27/02/17: */ .primary-nav-item ul a:hover span {text-decoration: underline;} /**/ .desktop-site .dropdown04 > li:first-child ul li:first-child {border-top: none; } .desktop-site .dropdown04 > li:first-child li span {float: right; padding-right: 10px; } .desktop-site .dropdown04 li ul li img {clear: left; } .desktop-site .dropdown04 li + li ul li span {display: inline-block; margin: 0; float: left; clear: left; width: 100%; } .desktop-site .dropdown04 li + li ul li {float: left; clear: right; width: 158px; text-align: center; max-height: 145px; }/*requires rebuild to accommodate long wrapping text*/ .desktop-site .dropdown04 {background-position: 244px 0px, -3000px 0; } .desktop-site .dropdown05 > li:first-child + li {padding-top: 16px !important; padding-top: 1.0rem !important; } .desktop-site .dropdown05 > li + li img {float: left; margin-right: 16px; } .desktop-site .dropdown05 li + li ul li a span {float: left; clear: right; display: inline-block; width: 50%; } .desktop-site .dropdown05 li + li ul li a span + span {float: left; clear: right; display: inline-block; color: #666; } .desktop-site .dropdown05 {background-position: 234px 0, 457px 0; } .desktop-site .primary-nav-item > ul {padding-bottom:0 !important;} .desktop-site .primary-nav-item > ul li ul {padding-bottom:30px;} .desktop-site .primary-nav-item a > span {display:block;} /*adds 10px to bottom of dropdown to create gap on bg line */ ul.grid_61.menuV2.dropdown01:after, ul.grid_61.menuV2.dropdown02:after, ul.grid_61.menuV2.dropdown03:after, ul.grid_61.menuV2.dropdown04:after, ul.grid_61.menuV2.dropdown05:after { content:''; display: block; height: 10px; } .desktop-site ul.primary-nav li.primary-nav-item ul.menuV2 > li.homelink { display: block; clear:both; width:100%; background-color: #e8e8e8; border-bottom:10px solid #eee; } .desktop-site li.homelink + li.grid_14 ul li:not(.bold) { width:100% !important; display: block; text-align: left; /* tfs: 12190 - border-bottom: 1px solid #ccc; */ } .desktop-site li.homelink + li.grid_14 ul li span { display: inline-block; float:right; clear:none; width:auto; } .desktop-site li.homelink + li + li.grid_46, .desktop-site li.homelink + li + li + li.grid_20, .desktop-site li.homelink + li + li + li.grid_20 ul { padding-bottom:0; } /* .desktop-site .primary-nav .primary-nav-item:first-child > a + ul { content: ''; display: block; width:100%; height:10px; position: relative; background-color: red; } */ /******************* new menu dropdown layouts end ***************************/ /* Owl Carousel Plugin - minified css... */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale .1s ease;-moz-transition:scale .1s ease;-ms-transition:scale .1s ease;-o-transition:scale .1s ease;transition:scale .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1} /*XXXXXXXXXXX progress XXXXXXXXXXX*/ .progress-bar { float:left; width:100%; } .progress-bar ul { border-bottom: 2px solid #eee; text-align: center; padding:0; } .progress-bar ul li { width:33.33%; float:left; display: inline; margin-top:-15px; } .progress-bar ul li span {display: block;color: #999;} .progress-bar ul li.step-2 {text-align: center;} .progress-bar ul li.step-3 .step-number {text-align: auto;} .progress-bar ul li.step-1 .step-description {text-align: left;} .progress-bar ul li .step-number { width: 30px; height:30px; line-height: 30px; margin: 0 auto; border-radius: 50%; position: relative; /*24/10/17: fix number position within prgress bar: border:2px solid #eee;*/ background-color: #fff; color:#999; border:2px solid #eee;/*04/01/18 - added back*/ } .progress-bar ul li .step-number i {font-style: normal;} /*force first/last li's inner circles hard left and right*/ .progress-bar ul li.step-1 .step-number {margin-left:0;} .progress-bar ul li.step-3 .step-number {margin-right:-1px;} .progress-bar ul li .step-number.complete { background-color: #237a8d; color:#fff; border-color:#237a8d; } .progress-bar ul li .step-description {margin: 6px 0 0 0;color:black;} .progress-bar ul li.step-3 .step-description {text-align: right;} /*XXXXXXXXXXX end progress XXXXXXXXXXX*/ /* purchase banner */ .shop .purchase-banner, .shop .purchase-banner .inner, .shop .purchase-banner .inner .content {height:100px;} .shop .purchase-banner .inner .content {overflow:hidden;} .shop .purchase-banner {border-bottom: 1px solid #ccc;} .shop .purchase-banner-secure-footer { background-color:#237a8d; margin-bottom:30px; display:block; } /** * BG image depth * Files in purchase funnel only: * Force main-content-wrapper down sufficiently to show correct bg depth, * then inside #main find 3rd nested div (main-content-block-inner) and give negative margin (-82px) * to bring the content up the page, which compensates for the spacer height. **/ /* 11/082016 task 7779: commented out: it seems this is redundanty (don't delete just yet) */ /*.shop .purchase-banner-secure-footer + .spacer {height:52px;} .shop.add-delivery #main .main-content:first-child .main-content-block .main-content-block-inner, .shop.shipping-method #main .main-content:first-child .main-content-block .main-content-block-inner, .shop.donate-form #main .main-content:first-child .main-content-block .main-content-block-inner, .shop.shopping-basket #main .main-content:first-child .main-content-block .main-content-block-inner {margin-top:-82px;}*/ /**/ /*11/08/2016 purchase funnel files without navigation banner fix*/ /*move inner content up flush with btm of page banner - bg img depth related*/ /* .desktop-site.shop.shop-login #main .main-content-block-inner:first-child, .desktop-site.shop.donate-form #main .main-content-block-inner:first-child, .desktop-site.shop.shipping-method #main .main-content-block-inner:first-child, .desktop-site.shop.add-delivery #main .main-content-block-inner:first-child, .desktop-site.shop.order-confirmation-v2 #main .main-content-block-inner:first-child {margin-top:-30px} */ /*move wrap-progbar-mybag down the page - bg img depth related*/ /* .mobile-site.shop.shipping-method .wrap-progbar-mybag, .mobile-site.shop.add-delivery .wrap-progbar-mybag {margin-top:30px} */ /*In #main-navigation show inner html elements in mobile*/ .mobile-site.shop.shop-login #main-navigation, .mobile-site.shop.donate-form #main-navigation, .mobile-site.shop.shipping-method #main-navigation, .mobile-site.shop.add-delivery #main-navigation, .mobile-site.shop.order-confirmation-v2 #main-navigation {display: block;} /*m-t-2col margin-top not need in mobile*/ .mobile-site.shop.shop-login #main .main-content-block-inner:first-child .ui.pnl-row.m-t-2col {margin-top:0} /*hide mobile nav on pages without global navs*/ .mobile-site.shop.shop-login .main-nav-toggle, .mobile-site.shop.add-delivery .main-nav-toggle, .mobile-site.shop.order-confirmation-v2 .main-nav-toggle, .mobile-site.shop.donate-form .main-nav-toggle, .mobile-site.shop.shipping-method .main-nav-toggle {display: none;} /*fouc: see global.js readySetups() to show */ .mobile-site.shop.shop-login header, .mobile-site.shop.add-delivery header, .mobile-site.shop.order-confirmation-v2 header, .mobile-site.shop.donate-form header, .mobile-site.shop.shipping-method header {display: none} .mobile-site.visit-landing {display: none;} .save-our-sounds .owl-carousel {display: none} /*.js .save-our-sounds .owl-carousel {display: block} see global.js readySetUps()*/ /*end fouc*/ /*save our sounds*/ .desktop-site .save-our-sounds .pnl-row.rslt-grid .pnl-img a:first-child {min-height: 120px;display:block;} .save-our-sounds .trending-sounds .pnl { padding-bottom:16px; padding-bottom:1rem; } .save-our-sounds-recording-nodescription .search-rslt .pnl-row.lrg-img-pnl.pnl-3col .pnl {margin-right:0;} .save-our-sounds ul.genres li {margin-bottom:2px;} .save-our-sounds ul.genres li a { /*moving classes from body to wrapper divs*/ box-sizing: border-box;width:100%; text-align: center; } .save-our-sounds .img-block {width:320px;height:320px;} .save-our-sounds .audio-cta-genres {float:left;width:100%;} /* .save-our-sounds .audio-cta-genres .category {width:100%;} */ .save-our-sounds .audio-cta-genres .category li {display: block;margin-bottom:2px;} .save-our-sounds .audio-cta-genres .category a.action-button {width:100%;text-align:center;padding:0;} .save-our-sounds ul.category {float:left; width:50%;box-sizing: border-box;} .save-our-sounds ul.category:first-of-type {padding-right:2px;} .save-our-sounds .category li {margin-bottom:0;} .save-our-sounds .categories ul.categories-list li {margin-bottom:0.25rem;} .save-our-sounds iframe {border:0;width: 944px; height: 285px;} .save-our-sounds-hub-listing iframe, .save-our-sounds-single-hub-listing iframe {width:inherit;height:445px;} .save-our-sounds-recording-nodescription .text-block.play .play-btn + div {float: none !important;} /* .save-our-sounds-recording-nodescription .text-block.play .play-btn + div {float: none !important;overflow: hidden;} */ .action-button.slideup {cursor: pointer;} /* TFS 12885 - Collection landing page */ .desktop-site .featured-results ul li:last-child {margin: 0;} .featured-results > h2:first-child { /*Selected items being featured: e.g. save-our-sounds-collection-landing.shtml*/ padding-left:16px; padding-left:1rem; } .btn-add-to-playlist {position: absolute !important;right: 0;top: 0;} .playlist-time-info { position:absolute; right:0; bottom:0; padding: 0 .6rem; height:26px; line-height: 26px; background:#000; color:#fff; } .save-our-sounds-hub-listing .links-block {padding:0;margin:0;border:1px solid #ccc;} .save-our-sounds-hub-listing .links-block .ul-hubs-listing li {padding:0;margin:0;} .save-our-sounds-hub-listing .links-block .ul-hubs-listing li a { display:block; height:42px; line-height: 42px; text-align:center; border-bottom:1px solid #ccc;} .save-our-sounds-hub-listing .links-block .ul-hubs-listing li:last-of-type a {border-bottom:0;} /* .save-our-sounds-hub-listing .links-block .ul-hubs-listing li a:hover {border:0;} */ .btn-length {position: absolute !important;right: 0;bottom: 0;} .pnl-audio-icon { display: block; float: left; padding-top: 10px; padding-top: 0.625rem; } /* TFS 13249 - Recording page */ .li-2col li { width: 50%; float: left; } .pnl-track .pnl-txt .pnl-title { font-size:0.8rem; font-weight:bold; } .pnl-track { margin: 0 !important; padding: 0 !important; border: 1px solid #eee; border-bottom:0; } .pnl-track .pnl-img {float: right;} .pnl-track .pnl-txt { padding-bottom: 0 !important; padding-top: 8px !important; width: auto; } .save-our-sounds-recording-nodescription .player-bg { background-image: url('http://athena.bl.uk:33815/master-html/britishlibrary/resources/global/images/sos/dummy-bg.png'); background-position: 0 2px; background-repeat: no-repeat; } .pnl-track, .pnl-track .pnl-txt {min-height: 0 !important;} .tracks-list .pnl-track .pnl-inner { padding-left: 32px; padding-left: 2rem; padding-right: 32px; padding-right: 2rem; } .tracks-list td {padding: 0 !important} .show-all-tracks {border: 1px solid #eee;} .show-all-playlist {border: 1px solid #eee;} .show-all-tracks a, .show-all-playlist a {font-weight: bold;cursor: pointer;} .pnl-track-icon-left {position: absolute;left: 0;} .pnl-track-icon-right {position: absolute;right: 0;} .pnl-track .pnl-txt .pnl-title { font-size:0.8rem; font-weight:bold; } .pnl-track { margin: 0 !important; padding: 0 !important; border: 1px solid #eee; border-bottom:0; } .pnl-track .pnl-img { float: right; } .pnl-track .pnl-txt { padding-bottom: 0 !important; padding-top: 8px !important; width: auto; } /* dup: .player-bg { background-image: url('http://athena.bl.uk:33815/master-html/britishlibrary/resources/global/images/dummy-1-1.png') } */ .pnl-track, .pnl-track .pnl-txt { min-height: 0 !important; } .tracks-list .pnl-track .pnl-inner { padding-left: 32px; padding-left: 2rem; padding-right: 32px; padding-right: 2rem; } .tracks-list td {padding: 0 !important} .show-all-tracks {border: 1px solid #eee;} .show-all-playlist {border: 1px solid #eee;} .show-all-tracks a, .show-all-playlist a { font-weight: bold; cursor: pointer; } .pnl-track-icon-left { position: absolute; left: 0; } .pnl-track-icon-right { position: absolute; right: 0; } /* TFS 13339 - About page */ /* Trending sounds component */ .save-our-sounds .trending-sounds .pnl-txt {overflow: hidden;} /* .pnl-trending-sounds .pnl-txt .pnl-title { padding-top: 4px; padding-top: 0.25rem; padding-bottom: 4px; padding-bottom: 0.25rem; } */ .save-our-sounds .trending-sounds .pnl-txt-inner { /*speaker icon and text*/ display: flex;align-items: center; } /*End save our sounds*/ /*End 11/08/2016 purchase funnel files without navigation banner fix*/ /*XXXXXXXXXXXXXXXXXXX Landing pages XXXXXXXXXXXXXXXXXXXX*/ .discover-learn-landing .page-sub-header + .main-content-block {padding-top:16px;padding-top:1rem;} .discover-learn-landing .page-sub-header + .main-content-block .pnl-block.w-bg.grid_61.p-b-1col {padding-bottom:0;} .visit-landing #local-search {display: none !important;} /*XXXXXXXXXXXXXXXXXXX end landing pages XXXXXXXXXXXXXXXX*/ /*checkout-thank-you is outside the section tag unlike others*/ .shop.checkout-thank-you .purchase-banner + .purchase-banner-secure-footer {margin-bottom:0;} .shop .purchase-banner-secure-footer h2, .shop .purchase-banner-secure-footer h1 { margin:0; color:#fff; font-weight:normal; font-size: 2.0rem; line-height: 32px; } .shop .purchase-banner { background-color:#184854; } /** * TODO: is this being used * checkout-thank-you is outside the section tag unlike others */ .desktop-site.shop:not(.checkout-thank-you) .purchase-banner, .desktop-site.shop:not(.checkout-thank-you) .purchase-banner + .purchase-banner-secure-footer { margin-left: -16px; margin-right: -16px; } .desktop-site.shop .purchase-banner-secure-footer { padding-bottom:16px; padding-bottom:1rem; padding-top:16px; padding-top:1rem; padding-left:16px; } .desktop-site.shop .purchase-banner + .purchase-banner-secure-footer h2 {border:none !important;padding:0} .shop .purchase-banner .inner .content h3 { margin-top:0; margin-bottom:0; } /* .shop.order-confirmation .forms .btm {font-size:inherit !important;} */ /* logo */ .shop .purchase-banner .inner .logo, .shop .purchase-banner .inner .logo img {float: left;} /*content*/ .shop .purchase-banner .inner .content > div { height: 50%; padding-left: 10px; position:relative; } .desktop-site.shop .shop-purchase-bar .page-header-wrapper .nav-wrapper { height:100px; } .mobile-site.shop .shop-purchase-bar .page-header-wrapper .nav-wrapper { display: inline-block; margin-left: 20px; } .shop .shop-purchase-bar .page-header-wrapper .nav-wrapper #primary-nav { text-indent: 10px; position: relative; } .shop .shop-purchase-bar .page-header-wrapper .nav-wrapper #primary-nav .primary-nav {border:none;} .shop .shop-purchase-bar .page-header-wrapper .nav-wrapper #primary-nav ul.desktop li { display: inline; margin: 0 10px 0 0; } .shop .purchase-banner .inner .content > div.top {padding-top:70px} .shop .purchase-banner .inner .content h3, .shop .purchase-banner .inner .content h1 { float: left; height: 36px; line-height: 36px; margin-right: 50px; font-size: 26px; font-size: 1.8rem !important; color:#fff; } .shop .purchase-banner .inner .content h1 { margin:0; } /* verisign/digicert */ .shop .purchase-banner .inner .content div img, .shop .shop-purchase-bar .page-header-wrapper .nav-wrapper #primary-nav .primary-nav ul li.last img { width: 100%; max-width: 100px; float:right; padding-right:20px; margin-top:-50px; } .shop .purchase-banner .inner .content div.btm div { display: table-cell; padding-bottom: 10px; vertical-align:bottom; } .shop .purchase-banner ul { list-style: none; padding: 0px; } .shop .purchase-banner ul li { display: inline; margin:0 10px 0 0; } .shop .purchase-banner ul li span, .shop .page-header-wrapper ul li span { font-size: 14px; font-weight: normal; color:#fff; } .shop #quickBasket #financeAttrs span {color:#666} .shop .purchase-banner ul li.last, .shop .shop-purchase-bar .page-header-wrapper .nav-wrapper #primary-nav .primary-nav ul li.last {margin-left:170px;} .shop .purchase-banner ul li:not(.last) {padding-top:30px;} .shop .purchase-banner ul li i.fa {margin-right:5px;} /*opening times*/ .shop .purchase-banner .inner .content div.btm table { position:absolute; bottom:0; font-size:12px; font-size:.8rem; } .shop .purchase-banner .inner .content div.btm table .t-footer {padding-top:10px} .shop .purchase-banner .inner .content div.btm table, .shop .purchase-banner .inner .content div.btm table th, .shop .purchase-banner .inner .content div.btm table td {border:none !important;} .shop .purchase-banner .inner .content div.btm table th span {font-weight:normal} /* ul li email*/ .shop .purchase-banner ul li.email { display: none; } /* ********************** SHOP BASKET start ******************************** */ /*XXXXXXXXXXX basket (my bag) XXXXXXXXXXX*/ .desktop-site.shop .wrap-progbar-mybag {position:relative} .shop .wrap-mybag { border-left:1px solid #eee; padding-left:10px; right:0; } .desktop-site.shop .wrap-mybag { margin-bottom:32px; margin-top: 16px; position:relative; z-index:10; } .desktop-site.shop .wrap-mybag .bag-header ul li:first-child { display:table; } .desktop-site.shop .wrap-mybag .bag-header ul li:first-child span { display:table-cell; vertical-align:middle; padding-left:16px; padding-left:1rem; } .shop .wrap-mybag .bag-header .shopping-bag { width:23px; height:30px; background: url(../../../resources/global/images/shopping-basket-alt-22x32.png); background-position: 0px 0px; background-repeat: no-repeat; float:left; } .shop .wrap-mybag ul {overflow: hidden;} .js .mobile-site.shop .wrap-mybag .content-body {display: none;margin-bottom:32px;} .js .desktop-site.shop .wrap-mybag .dt-hide {display: none} .js .mobile-site.shop .hide {display:none} .shop .wrap-mybag .bag-header { border-bottom:1px solid #eee; position:relative; height:45px; } .shop .wrap-mybag .bag-header li {float:left;margin-right:50px;} .shop .wrap-mybag .bag-header .clonee, .shop .wrap-mybag .bag-header .top-total { margin-left:10px; font-weight:bold; padding-top:6px; display:inline-block; } .shop .wrap-mybag .content-body .product-row { width:250px; border-bottom:1px solid #eee; } .shop .wrap-mybag .mybag-row, .shop .wrap-mybag .product-row { padding:16px 0; } .shop .wrap-mybag .content-body li {line-height:normal} .shop .wrap-mybag .content-body ul.product-row > li:first-child {width:20%;} .shop .wrap-mybag .content-body li {float:left;} .shop .wrap-mybag .content-body li.title {width:80%;} .shop .wrap-mybag .content-body li.title ul li + li, .shop .wrap-mybag .content-body div.delivery-method ul li + li, .shop .wrap-mybag .content-body div.last ul li + li {float:right;} /* Membership Landing */ /*#14448 negate the need to edit component*/ .membership-page .pnl-block:first-of-type > .hlf-img-pnl { padding-top: 16px;} .membership-page .pnl-row .pnl .pnl-title {font-size:1.2rem} .membership-page .pnl-row .pnl .pnl-txt p {font-size:1rem} .membership-cta .phone-lg {font-size: 1.2rem;} .membership-cta.highlight-bg p a {color:white;} .membership-page ul.contact li a {color:#fff} .pnl-row .pnl .membership-type .pnl-txt .price { font-size: 16px; font-size: 1.6rem; font-weight: normal; } .pnl-row .pnl .membership-type .pnl-txt .price span { font-size: 0.875rem; margin-left: 8px;} .pnl-row .pnl .membership-type .pnl-txt p.alt-price {color: #999 !important;font-size:.875rem} .pnl-row .pnl .membership-type .action-button, .membership-page .action-button {box-sizing: border-box; width:70%; text-align:center; height: 2.5rem; font-size: 1rem;line-height: 2.5rem;} .membership-page .newslettersignup-content .action-button {width:auto;} .membership-type .pnl-txt.suffix_1 {float:right;padding-top: 1.5rem !important; padding-bottom: 0 !important;} .membership-type ul {margin-top:1rem;} .membership-type ul li {list-style-type: disc;list-style-position: outside;margin-left: 18px;} .pnl-row .pnl-act-btn .pnl-inner.w-bg .membership-type .pnl-txt.mb-foot {float:left;padding: 1rem 1rem 2rem 1rem;} /*.pnl-txt.suffix_1 {float:right}*/ .membership-type .pnl-txt.mb-foot p {font-size:1rem;} /* .js .membership-page .showHideBlocks > p:before {border:none} */ /* .js .membership-page .showHideBlocks > p:hover:before {background:#777} */ /* .js .membership-page .showHideBlocks abbr { color: #333;} */ /* .js .membership-page .showHideBlocks > div { background: #fff; padding:1rem; } */ /* .js .membership-page .showHideBlocks > div p:first-child { margin-top:0;} */ .membership-help .pnl-row .pnl-act-btn .pnl-inner.w-bg .pnl-txt { padding-bottom:1rem;} /* Membership Landing ends */ /* Priority Booking starts*/ .member-book-button {width: 100%;box-sizing: border-box;text-align: center;margin: 8px 0 0 0;} .priority-booking.pb-other-events .pnl-row .pnl .pnl-inner.w-bg .pnl-txt {padding-bottom: 6rem;} .priority-booking .pf-release, .rslt-grid .pf-release {margin: 8px 0;font-weight: bold;} .w-bg .rslt-grid .pnl-txt p.pf-release, .rslt-grid .pf-release, .priority-booking .w-bg .pnl-txt p.pf-release, .priority-booking .pf-release {color: #f00 !important; margin: 0.4em 0 0 0;} .priority-booking .pnl-row .pnl span.pnl-field.pf-date {font-size: 1.2em;margin: 6px 0;} .priority-booking-join h2, .priority-booking-join p {text-align: center;margin: 0;} .priority-booking-join .action-button {width: 304px;padding: 0.2rem 0 !important;font-size: 1.2em;} .leaderboard-block li.general-release .lb-field {color: #aaaaaa;font-size: 0.9rem;} .grid-item-banner {float: left;} .grid-item-banner .pnl-img span { position: absolute;left: -9999px;top: -9999px;} .no-dates .js-release-dates, .no-member-btn .js-member-btn, .leaderboard-block .leaderboard-txt.no-member-btn .js-member-btn { display: none;} #eventsList .action-button, .priority-booking .pnl-txt .action-button {left: 1rem;right: 1rem;text-align: center;} .priority-booking.pb-lead-event .pnl-txt { position: relative;height: 319px;} .rslt-list #eventsList .pnl-txt .action-button {margin: .2em 0;min-width: 30%;} /* Priority Booking ends */ .pnl-row span.pnl-field.pf-published-date { font-size: 1rem; } /*helper classes*/ /*XXXXXXXXXXXXXXX text/element position XXXXXXXXXXXXXXXXXXXXX*/ .align-center {text-align:center} .align-left {text-align:right} .align-right {text-align:left} /*flattern grid classes in mobile*/ .mobile-site .mob-no-p-l {padding-left:0} .mobile-site .mob-no-p-r {padding-right:0} .mobile-site .mob-no-m-t {margin-top:0} /* Changes relating to multilingual work*/ .lan-dropdown-wrapper .lan-dropdown .action-button { padding: 0 0.5rem 0 1rem; } .open-second-menu .lan-nav-close { background: #fff; color: #000 !important; opacity: 0.9; height: 100%; position: fixed; z-index: 10000; top: 0; left: 0; width: 25%; padding: 0; padding: 16px; box-sizing: border-box; } .img-viewer-lan-dropdown { background: #1f1f1f !important; position: fixed; right: 10px; z-index: 10000; top: 54px; min-width: 160px; cursor: pointer; padding: 0 1rem; } #img-viewer .lan-dropdown.highlight-bg .action-button { background: #1f1f1f; } .masthead-inner .lan-dropdown { left: 0; right: 0; top: 0; z-index: 10; } .shelvesandspaces .second-nav .icon + .action-text { z-index: 9; } .masthead-inner .lan-dropdown .action-button .icon { left:1em; } .masthead-inner .lan-dropdown-wrapper { float: right; width: 200px; position: relative; height: 20px; } .lan-dropdown-mob { position: absolute !important; right: 0; width: 20px; overflow: hidden; padding: 0 6px !important; top: 40px; display: none !important; text-transform: uppercase; } /*#img-viewer .img-viewer-nav { height: 85px; } */ #img-viewer .img-viewer-info.img-viewer-info-multilang { top: 90px; height: -moz-calc(100% - 120px); height: -o-calc(100% - 120px); height: -webkit-calc(100% - 120px); height: calc(100% - 120px); } .img-viewer-lan-dropdown .action-button { background: #1f1f1f !important; width: 100%; padding: 0 0 0 1rem !important; } .img-viewer-lan-dropdown h4 { padding: 8px 0; font-size: 14px; font-weight: normal; margin: 0; color: #fff; text-indent: 0; } .active-language-mob { display: none; } /* End multilingual */ /*Eccles*/ .eccles-intro-wrap {overflow: hidden; margin-bottom:32px;} .eccles-hp-intro {width:50%;margin-right:20px;} .eccles-contact {width:45%;border:1px solid #e8e8e8;padding:10px;} .eccles-contact p {margin:0;} .vertical-events .pnl { margin-right: 0; margin-bottom: 8px; margin-bottom: 0.5rem; } .contact-details-comp h3 { padding-top: 0; margin-top: 0; } .space-home-newsletter .text-block h2:first-of-type { margin-top: 0; } /* AMarsden 02/08/18 this is not robust enough to stand the test of time*/ /* GW: Cherry picked for 9795 */ /* Discovering Literature */ /* .shelvesandspaces .main-content-block-inner.grid_61 .grid_61 .video-block, .shelvesandspaces .main-content-block-inner.grid_61 .grid_61 .text-block, .shelvesandspaces .main-content-block-inner.grid_61 .grid_61 .exp-area.text-block { padding-left:16px; padding-left:1rem; } */ /* end disc lit */ /* TFS: 9485 - * Join navigation drop down to be larger * remove testing-class for production */ /*#10927 video fix – mini deploy 17/08/17*/ .desktop-site.shelvesandspaces .grid_61.p-r-3col, .desktop-site.shelvesandspaces .grid_61.p-r-3col .video-block.p-t-1col { padding:0; } /*in the demo dir*/ .testing-class .primary-nav-item.last .dropdown04 li + li ul li {width:30.5%;} .testing-class .primary-nav-item.last .dropdown04 li + li ul {padding-top:30px;overflow: hidden} .testing-class .primary-nav-item.last .dropdown04 li + li ul li a {float:left;} /**/ .primary-nav-item div.home { font-size: 10px; font-size: 1rem; font-weight: bold; padding:0; } .primary-nav-item div.home a { padding-top:10px; padding-bottom:10px; padding-left:16px; display: block; } .primary-nav-item div.home a:hover { background-color: #666; color:#fff; } .primary-nav-item.last .dropdown04 li + li ul li {width:30.5%;} /* .primary-nav-item.last .dropdown04 li + li ul {padding-top:30px;overflow: hidden} */ .primary-nav-item.last .dropdown04 li + li ul li a {float:left;} /**/ .registration-box { background: #0f375c; color: #fff; float: left; } .main-content .registration-box p a { color: #fff; } .main-content .registration-box p a:hover { text-decoration: none; } .registration-box p a.action-button { background: #ffc82e; color: #000 !important; float: right; font-weight: bold; } .registration-box a.action-button:hover { background: #e8a800; } .registration-box h4 { margin-top: 0; } .registration-box p.half_p { width: 50%; float: left; text-align: left; } .registration-box p { width: 100%; margin-top: 0; text-align: right; float: left; } .registration-box p.base_p a { text-decoration: underline; } /*XXXXXXXXXX Catalogues XXXXXXXXXXXXX*/ .top-page-catalogues-collections aside .pnl-block {overflow: hidden} .top-page-catalogues-collections .page-sub-header + div .text-block.grid_38.p-l-1col { /* * quick fix: originally used less for catalogue pages, * possibly late in the day to start using less as edits may be lost if previous rules added outside less */ padding-bottom:32px; padding-bottom:1rem; } .catalogues-collections-landing .pnl-4col.limited-access-item .js-access-item.subscription-txt a:hover { text-decoration: underline; border:none; } /*XXXXXXXXXXXXXX Map and timeline XXXXXXXXXXXXXXXXXX*/ .map-timeline-wrapper { background-image: url('../../../resources/global/images/m-and-t-map.jpg'); background-repeat: no-repeat; background-position: 57% 6%; display: block;} .map-timeline-wrapper:hover {border:none;} .map-timeline-wrapper:hover .map-time-line-content-block .map-timeline-cta {text-decoration: underline;} .map-timeline-heading-block { overflow: hidden;} .map-timeline-heading-block .heading { margin-top:0; background-color: #ccc; margin-bottom:0; padding-top:8px; padding-bottom:8px; text-align: center; font-size: 16px; font-size: 1.0rem;} .map-time-line-content-block { height:153px; position: relative;} .map-time-line-content-block img {position: absolute;} .map-time-line-content-block img.map {z-index: 0;width:100%;height:153px;} .map-time-line-content-block img.explore {z-index: 1;bottom:0;left:31%;} .map-timeline-cta { position:absolute; z-index: 2; bottom:-5px; left:43%; color:#fff;} /* end Map/timeline */ /*#11167 related video a href test indent removal*/ .related-video-title-text{ margin-left: -15px; } /*XXXXXXXXXXXX RAAS Loggedin XXXXXXXXXXXXXXXX*/ /* .top-page-raas-loggedin .page-sub-header .main-content-block-inner {min-height: 500px} */ /*flattern before adding*/ /* .top-page-raas-loggedin .page-title {padding-left:0;} .top-page-raas-loggedin .raas-promo-banner { height:200px; width:auto;} .top-page-raas-loggedin .raas-promo-banner .image-block { background-image: url(../../../resources/global/images/paradoxymoron.jpg); background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position: 0 -56px; height:inherit; position: relative;} .top-page-raas-loggedin .raas-promo-banner .image-block .overlay { position: absolute; bottom:0; left:0; height:50%; background: rgba(255, 255, 255, 0.8); width:100%;} .top-page-raas-loggedin .raas-promo-banner .image-block .overlay .inner {position: relative} .top-page-raas-loggedin .raas-promo-strap {color:#464646;} .top-page-raas-loggedin .raas-promo-strap + .pnl { position: absolute; bottom:30px; right:30px;} .top-page-raas-loggedin .raas-promo-strap + .pnl .action-button:hover {background-color: #3F2148;} .top-page-raas-loggedin .raas-promo-strap + .pnl .action-button { background-color: #803f93; -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s;} .top-page-raas-loggedin .raas-promo-strap + .pnl .action-text { text-transform: uppercase; font-weight:bold;} */ /*XXXXXXX raas loggedin v2 XXXXXXXXXXXXX*/ /* .top-page-raas-loggedin .raas-loggedin-page .cta-row {height:345px;overflow:hidden;} .top-page-raas-loggedin .raas-loggedin-page .loggedin-cta {position:relative;float:left;max-width: none !important;width:100%override:.mobile-site .pnl-block.p-l-1col .pnl} .top-page-raas-loggedin .raas-loggedin-page .loggedin-cta img {width:100%;float:left;} .top-page-raas-loggedin .raas-loggedin-page .loggedin-cta .block-title {color:#464646; font-size:20px;font-size: 2rem;float:left;padding-top:32px;padding-left:40px;} .top-page-raas-loggedin .raas-loggedin-page .loggedin-cta .block-title + .pnl {padding-right:30px;} .top-page-raas-loggedin .raas-loggedin-page .action-text {text-transform: uppercase;font-weight:bold;} .top-page-raas-loggedin .raas-loggedin-page .overlay { position: absolute; bottom:25px; height:60%; width:100%; background:rgba(255,255,255, 0.7); } */ /*XXXXXXXXX Raas loggedin v3 XXXXXXXXXXXXX*/ .full-width-content-promo.pnl-block .pnl-inner { position:relative;} .full-width-content-promo.pnl-block .pnl-inner .pnl-txt { position:absolute; bottom:0; background-color: rgba(255,255,255, 0.7); height:50%; width:100%; padding:0 !important; margin:0;} .full-width-content-promo.pnl-block .pnl-inner .pnl-txt .pnl-title { float:left; padding-left:40px; font-size: 38px; font-size: 2.375rem; padding-top:70px; color: #464646 !important;} .full-width-content-promo.pnl-block .pnl-inner .pnl-txt .pnl-title + div {padding-right:44px;} .full-width-content-promo.pnl-block .pnl-inner .pnl-txt .action-text { text-transform: uppercase; font-weight: bold;} .audio-search-result { margin-top: 2px; margin-left: 2px; } /*generic: currently used in about us inquiries*/ .bl-global-component-accordion .main-column-inner { margin-bottom: 16px; margin-bottom: 1rem; } .bl-global-component-accordion .details { width: 100%; margin-bottom: 1px; margin-bottom: 0.0625rem; } .bl-global-component-accordion .details h3 { margin-bottom: 0; border: 1px solid #939393; background-color: #e8e8e8; } .bl-global-component-accordion .details h3 + div { /*prevent fouc on show/hide divs*/ display: none; } .bl-global-component-accordion .details h3.open { background-color: #c3bfbf; } .bl-global-component-accordion .details h3.open span.icon { background-position: 672px -53px; } .bl-global-component-accordion .details h3 a { height: 60px; line-height: 60px; padding-left: 16px; padding-left: 1rem; padding-right: 16px; padding-right: 1rem; display: block; } .bl-global-component-accordion .details h3 a span.icon { margin-top: 10px; background-position: 0 -52px; background-color: transparent !important; } .bl-global-component-accordion .details h3 a:hover { border: 0; } .bl-global-component-accordion .details .pnl-txt { padding-top: 16px; padding-top: 1rem; padding-bottom: 16px; padding-bottom: 1rem; background-color: transparent; } .bl-global-component-accordion .details .pnl-txt ul.inquiry-col-headings { display: table; table-layout: fixed; width: 100%; } .bl-global-component-accordion .details .pnl-txt ul.inquiry-col-headings li { display: table-cell; width: 33%; font-weight: bold; } .bl-global-component-accordion .details .pnl-txt ul.inquiry-row { padding-top: 16px; padding-top: 1rem; padding-bottom: 16px; padding-bottom: 1rem; display: table; table-layout: fixed; width: 100%; border-bottom: 1px solid #e8e8e8; } .bl-global-component-accordion .details .pnl-txt ul.inquiry-row:first-child { padding-top: 0; } .bl-global-component-accordion .details .pnl-txt ul.inquiry-row li { display: table-cell; } .bl-global-component-accordion .details .pnl-txt ul.inquiry-row li:last-child { white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; white-space: -o-pre-wrap; white-space: -pre-wrap; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; word-break: break-all; } /*XXXXXXXXXXXXXX Hubs page XXXXXXXXXXXXXXXXXX*/ #map_wrapper { height: 450px; } #map_canvas { width: 100%; height: 100%; } /* end Hubs page */