/* Minification failed. Returning unminified contents. (21,81): run-time error CSS1031: Expected selector, found '/' (21,81): run-time error CSS1025: Expected comma or open brace, found '/' (7772,12): run-time error CSS1031: Expected selector, found ';' (7772,12): run-time error CSS1025: Expected comma or open brace, found ';' (7773,8): run-time error CSS1030: Expected identifier, found '50%' (7773,8): run-time error CSS1031: Expected selector, found '50%' (7773,8): run-time error CSS1025: Expected comma or open brace, found '50%' (7774,13): run-time error CSS1030: Expected identifier, found ' ' (7774,24): run-time error CSS1031: Expected selector, found ';' (7774,24): run-time error CSS1025: Expected comma or open brace, found ';' (7775,1): run-time error CSS1019: Unexpected token, found '}' (7780,9): run-time error CSS1030: Expected identifier, found '0' (7780,9): run-time error CSS1031: Expected selector, found '0' (7780,9): run-time error CSS1025: Expected comma or open brace, found '0' (7781,8): run-time error CSS1030: Expected identifier, found ' ' (7781,9): run-time error CSS1031: Expected selector, found '944px' (7781,9): run-time error CSS1025: Expected comma or open brace, found '944px' (7782,9): run-time error CSS1030: Expected identifier, found ' ' (7782,10): run-time error CSS1031: Expected selector, found '285px' (7782,10): run-time error CSS1025: Expected comma or open brace, found '285px' (7783,1): run-time error CSS1019: Unexpected token, found '}' (10238,1307): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10238,1334): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10238,1455): run-time error CSS1019: Unexpected token, found '@keyframes' (10238,1474): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10272,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (10272,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10275,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10275,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10283,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes' (10283,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10287,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10287,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ /* Membership Landing */ .mobile-site .membership-page aside { /** * 17/07/18: #14240 * - task assigned to dev to make component edits to change class names, however multiple component dependencies don't allow * for easy changes without there being sitewide considerations * - Assigned back to front-end to address the issue through the use of css * - This doesn't affect Athena as the structures differ (not recommended but in this case is a bonus!) **/ background-color: #ffde2f; margin-bottom: 0; } .mobile-site .membership-page .pnl-block.p-l-1col { /*Override all_m.css (I do want to say stupid grouping css but better not!!)*/ padding-bottom:0; } .mobile-site.membership-landing .masthead-inner, .mobile-site.membership-landing .masthead-title {background-color:transparent} */ .membership-page .highlight-bg {background-color:#eee;} .membership-page .contact-us {background-color: #eee;} .membership-page .contact-us .phone-lg {font-size: 1.2rem;} /* .membership-page .contact-us.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 p.alt-price {color: #999;font-size:.875rem} .membership-type .pnl-txt.suffix_1 {float:right;padding-top:1.5rem} .membership-type ul {margin-top:1rem;} .membership-type ul li {list-style-type: disc;list-style-position: inside;} .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;} .membership-help .pnl-row .pnl-act-btn .pnl-inner.w-bg .pnl-txt { padding-bottom:1rem;} /* Membership Landing ends */ .mobile-site .membership-page h3 {font-weight:bold} .mobile-site .membership-page a:before, .mobile-site .membership-page a:after {content:none} .mobile-site .membership-page .pnl-block.p-l-1col .pnl {max-width:none} .mobile-site .membership-type { text-align:center;} .mobile-site .membership-type.p-l-1col { padding:0;} .mobile-site .pnl-row .pnl-act-btn .pnl-inner.w-bg .membership-type .pnl-txt { padding-bottom:1rem;} .mobile-site .membership-type ul li { list-style-type: none;} .mobile-site .membership-help .action-button {width:80%;text-align: center;} .mobile-site .membership-help .pnl-act-btn {padding-left:0;padding-right:0;} .mobile-site .pnl-row .pnl-act-btn .pnl-inner.w-bg .membership-type .pnl-txt.mb-foot {background: #f6f6f6; margin-bottom: -1rem;} @media screen and (max-width: 1024px) { .mobile-site.membership-landing .pnl-row .pnl .pnl-title {font-size:1rem;} } @media screen and (max-width: 768px) { .mobile-site .membership-help .pnl-txt:first-child + .pnl-txt {width:100%} } @media screen and (min-width: 768px) { .mobile-site .membership-help .pnl-txt:first-child {float:left; width:45%;} .mobile-site .membership-help .pnl-txt:first-child + .pnl-txt {width:416px} .mobile-site .membership-help .pnl-txt:first-child + .pnl-txt + .pnl-txt {float:left; width:45%; margin-top:0;padding-top:0} } @media screen and (min-width: 500px) { .mobile-site .membership-page ul.contact li {display: inline;} .mobile-site .pnl-row.alternate-img .pnl-inner {padding-bottom:0;} .mobile-site .pnl-row.alternate-img .pnl-img {width:50%;} .mobile-site .pnl-row.alternate-img .pnl:nth-child(odd) .pnl-txt.suffix_1, .mobile-site .pnl-row.alternate-img .pnl:nth-child(even) .pnl-txt.suffix_1 {padding-right:10px;padding-left:10px} .mobile-site .pnl-row.alternate-img .pnl-txt.suffix_1 {padding:0;float:left;width:auto;} } @media screen and (max-width: 500px) { /* .mobile-site .membership-page ul.contact li:first-child {margin-right:0} .mobile-site .membership-page ul.contact { padding-top: 16px; padding-bottom: 16px; } */ } /**** Membership Landing ends ***/ html {overflow-y: scroll; } html.no-scroll {overflow: hidden; } article, aside, details, figcaption, figure, footer, header, /*hgroup, */main, nav, section, summary, menu {display: block; } audio, canvas, video {display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) {display: none; height: 0; } [hidden] {display: none; } html {background: #fff; /*color: #000; */font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea {font-family: sans-serif; } body/*, body * */ {margin: 0; /*padding: 0*/ } a:focus {outline: thin dotted; } a:active, a:hover {outline: 0; } abbr {text-transform: none; } abbr[title] {border-bottom: 1px dotted; } b, strong {font-weight: bold; } em, i {font-style: italic; } blockquote {margin: 1em 40px; } dfn {font-style: italic; } hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark {background: #ff0; color: #000; } /*p, */pre {margin: 1em 0; } code, kbd, pre, samp {font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } code {font-family: monospace; } pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q {quotes: none; } /*q:before, q:after {content: ''; content: none; }*/ q:before {content: "\201C"; } q:after {content: "\201D"; } /*small {font-size: 80%; }*/ sub, sup {/*font-size: 75%; */line-height: 0; position: relative; vertical-align: baseline; } small, sub, sup {font-size: 10.5px; } sup {top: -0.5em; } sub {bottom: -0.25em; } dl, menu, ol, ul {margin: 1em 0; } dd {margin: 0 0 0 40px; } menu, ol, ul {padding: 0 0 0 40px; } nav ul, nav ol {list-style: none; list-style-image: none; } img {border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) {overflow: hidden; } table {border-collapse: collapse; border-spacing: 0; } fieldset ul, ol, ul, figure, form, button, input, select, textarea {margin: 0; } ol, ul, legend {padding: 0; } button, input, select, textarea {font-size: 100%; } legend {border: 0; white-space: normal; *margin-left: -7px; } button, input, select, textarea {vertical-align: baseline; *vertical-align: middle; } button, input {line-height: normal; } button, select {text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled], html input[disabled] {cursor: default; } input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0; } textarea {overflow: auto; vertical-align: top; } /* DH 20/08/15 */ /* DH 12.15 18 June 15 */ /* RM 10:41 2 July 15 - added collection-guide show-more styles */ /* ========================================================================== Typography ========================================================================== http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css */ /*@font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.0.3"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.0.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.0.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }*/ body {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 14px; /*font-size: 62.5%;*/font-size: 0.875rem; line-height: 1.5; direction: ltr; } .serif {font-family: Georgia, "Times New Roman", Times, serif; } h1, .alpha, h2, .beta, h3, .gamma, h4, .delta, h5, .epsilon, h6, .zeta {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold; font-style: normal; text-transform: none; line-height: 1.2; } nav ul, nav li {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } /* tfs #14257 - commented out while trying for a fix h1 {font-size: 2em; margin: 0.67em 0; } h2.block-title, h3.block-title, h2, h3 {font-size: 26px; font-size: 1.8em; margin: 0.9em 0; } */ .links-block h3.pnl-title {font-size: 1.17em; margin: 1em 0; } /* tfs #14257 - commented out while trying for a fix h3 {font-size: 1.17em; margin: 1em 0; } h4 {font-size: 1em; margin: 1.33em 0; } h5 {font-size: 0.83em; margin: 1.67em 0; } h6 {font-size: 0.67em; margin: 2.33em 0; } */ p {margin: 10px 0 11px 0; margin: 0.625rem 0 0.6875rem 0; max-width: 624px; } p {max-width: 960px; } /* keeps copyright text on one line */ blockquote p {margin: 0; } h3.quote:before {content: open-quote; font-size: 240%; margin-right: 0.5rem; position: relative; top: 0.5rem; }/*no ie8 values is correct*/ h3.quote {margin-top: -0.5rem !important; } /* tfs #14257 - commented out while trying for a fix h2, */ .beta, .single-hl-pnl .dg-bg h2.pnl-title, aside.rh-column .searchbox-wrapper label {font-size: 1.6em; } aside.rh-column .search-section div label, blockquote.r-col-quote cite {font-size: 0.9em; font-weight: normal; } blockquote.r-col-quote p {width: 100%; } .grid_20 blockquote.r-col-quote {wide: 270px; } .pnl-row .pnl-row-title {max-width: 650px; }/*stops running under absolute fixed button (action-button top-rgt)*/ .results-heading h2.block-title, .leaderboard-txt h2.block-title, body:not(.shelvesandspaces) .main-column-inner .pnl-block .pnl-1col h2.block-title {padding: 16px 0; } /*TODO: figure out why I had to prefix the above with shelvesandspaces and the declerations below */ /* 11031: used in desktop-whats-on-homepage.html only */ /* .shelvesandspaces .main-column-inner .pnl-block .pnl-1col h2.block-title { padding-left: 1rem; padding-top: 0; } */ /* tfs #14257 - commented out in while trying for a fix h2.block-title {font-size: 1.8em; margin: 0; } */ .main-column .pnl-1col > h2.block-title + .pnl > .pnl-inner > .pnl-img + .pnl-txt > h3.pnl-title {font-size: 1.4em; } .top-page-subjects .search-block h2.block-title {font-size: 1.2em; margin: 0; padding: 16px 0; } /**TODO: * 12/10/17 - why has this 'p' got a different font size to the global class? * where is it being used? **/ body:not(.shelvesandspaces):not(.catalogue-homepage):not(.save-our-sounds) h2.block-title + p, h2.block-title + .text-block {font-size: 16px; font-size: 1.15rem; /*margin-top: -16px; */} aside.main-bg h2.block-title + p { font-size: 14px; font-size: 0.875rem; margin-top: 0px; } /*h3, */ .gamma {line-height: 1.2rem; /*font-weight: normal; */} .text-block h3 {font-size: 18px; font-size: 1.1375rem; } .primary-nav h3 {font-size: 12px; font-size: 0.7875rem; font-weight: bold; } .primary-nav h4 {text-transform: uppercase; font-size: 11.2px; font-size: 0.7rem; } /* tfs #14257 - commented out in while trying for a fix h4, */ .delta, /* tfs #14257 - commented out in while trying for a fix h5, */ .epsilon {font-size: 1.2em; } /* tfs #14257 - commented out in while trying for a fix h6, */ .zeta {font-size: 1.1em; } .bold {font-weight:bold;} .figures-row p {font-size: 1rem !important; } .figures-row p strong {font-size: 250%; } .figures-row p strong span {font-size: 1.5rem; } .tags-block h2, .tags-block h3, .tags-block h4 {margin: 0; font-weight: normal; } .tags-block h2 {padding: 8px 16px; padding: 0.5rem 1rem; margin-left: -16px; margin-left: -1rem; margin-right: -16px; margin-right: -1rem; margin-bottom: 8px; margin-bottom: 0.5rem; font-size: 16px; font-size: 1.0rem; } .tags-block h4 {text-transform: uppercase; font-size: 12px; font-size: 0.8rem; } .tags-block h4 span {display: block; font-weight: normal; } /*********************** links decoration start ***************************/ /*a:link, a:visited, a:active {text-decoration: none; } a:hover {text-decoration: underline; } .footer-block a, .pnl-inner.dg-bg h3 a, .main-content .key-details-block a, .mobile-site .tags-block .tags-list .tag, .leaderboard-block ul a, .facet-list-outer .calendar-options-list li a {text-decoration: underline; } .readmore-handle:hover, .book-tickets-button:hover, .text-link-with-icon:hover, .pnl .pnl-lnk:hover, .expand-button:hover, .action-button:hover {text-decoration: none; } .mobile-site .tags a.tag:link, .mobile-site .tags a.tag:active, .mobile-site .tags a.tag:visited {border: none; }*/ a:link, a:visited, a:active, a:hover {text-decoration: none; } p a, .primary-nav-item ul a:hover, .h-menu li a:hover, .ui-datepicker-calendar td a:hover, .footer-block a:hover, .footer-block p a, .readmore-handle:hover, .show-more.small:hover, .pnl-link-list li a:hover, /*.desktop-site .tags.tags-list a.tag:hover, */ .facet-list a:hover/*, .tag-btns .tag:hover*/ {text-decoration: underline; } a:hover, li a:hover, h3.pnl-title a:hover, .pnl-inner.dg-bg h3 a, .main-content .key-details-block a, .mobile-site .tags-block .tags-list .tag, .leaderboard-block ul a, .calendar-options-list a, .text-block p#twit a.no-hover:hover, #cookies p a {border-bottom-style: solid; border-bottom-width: 1px; /*border-bottom-color: inherit; */} .primary-nav-item ul a:hover, .h-menu li a:hover, .footer-block a:hover, table.ui-datepicker-calendar a:hover, #datepicker a:hover, .book-tickets-button:hover, /*.text-link-with-icon:hover, */ .pnl .pnl-lnk:hover, .expand-button:hover, .action-button:hover, .rslt-dspl-toggle a:hover, .flexslider a:hover, .tabbed-box .tabs a.tab:hover, a.img-viewer-trigger:hover, .table-block ul.menu a:hover, .ui-corner-all:hover, .second-nav .menu li a:hover, .pnl-link-list li a:hover, a.video-play:hover, #img-viewer .img-viewer-arrows li a.icon:hover #main a.no-hover:link, #main a.no-hover:hover, #cookies p a:hover {border-bottom: none; border-bottom-width: 0; } .shop .pnl-3col .action-button {text-transform: uppercase; } .mobile-site .tags a.tag:link, .mobile-site .tags a.tag:active, .mobile-site .tags a.tag:visited {border: none; } /*********************** links decoration end ***************************/ .header-info-block .pullout-quote blockquote, .header-info-block .pullout-quote blockquote:before, .header-info-block .pullout-quote blockquote:after {font-style: italic; } .header-info-txt h3 {font-weight: bold; } .menu a, .header-info-data dt {font-weight: normal; } .header-info-data dt, .header-info-data dd {font-size: 18px; font-size: 1.125rem; } abbr[title], acronym[title] {text-transform: uppercase; cursor: help; } abbr[title], acronym[title], figcaption, .desc-text, .desc-text p, .pnl-row dl, .pnl-row .pnl .pnl-txt p, .pnl-row .pnl span.pnl-field, ul.panel-list li, /*.alternate-main-bg .pnl-txt li, */ .primary-nav-item > ul, .primary-nav-item > ul > li li, .desktop-site.shop .second-nav-wrapper ul ul li a {font-size: 12px; font-size: 0.8rem; } /*abbr[title], acronym[title] {border-color: #999; border-style: dotted; border-width: thin; }*/ address, figure {margin: 0 0 16px 0; margin: 0 0 1rem 0; } ul/*, ol*/ {list-style: none; margin: 0; padding: 0; list-style-position: outside; } ul ul, ul ol, ol ul, ol/* ol*/ {padding: 0 0 0 16px; padding: 0 0 0 1rem; } li {margin: 0 0 16px; margin: 0 0 1rem; } ol h3, ul h3 {margin: 0; } dl {margin: 10px 0 16px 0; margin: 0.65rem 0 1rem 0; overflow: hidden; } .desktop-site #shopResults dl {overflow: visible; padding-top: 26px; } .desktop-site #shopResults dl dt {font-size: 14px !important; } dt, dd {padding: 0 0 4px 0; padding: 0 0 0.25rem 0; } dt {font-weight: bold; clear: left; width: 112px; float: left; } dd {margin-left: 96px; margin-left: 6rem; padding-left: 16px; padding-left: 1rem; margin: 0; float: left; padding: 0; width: -moz-calc(100% - 112px); width: -o-calc(100% - 112px); width: -webkit-calc(100% - 112px); width: calc(100% - 112px); } .pnl-inner ul.tick-list {margin-left: 0; } .pnl-inner ul.tick-list li {background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkQxN0RBQzNCMTE0MTFFM0FFOTJFMDUyQzlCQjNCNDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkQxN0RBQzRCMTE0MTFFM0FFOTJFMDUyQzlCQjNCNDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RDE3REFDMUIxMTQxMUUzQUU5MkUwNTJDOUJCM0I0MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2RDE3REFDMkIxMTQxMUUzQUU5MkUwNTJDOUJCM0I0MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph9wsdkAAAISSURBVHjaJFJLTxNhFD3fN9NO22kR2kpfUg2FWkkgxH+gKzVNDIWAUTdEXelet/4Ag2vFTXcQY0LixqXBKNaibeILqNbEIggIte10mun3cDreu7s59+Tccw+Zf34RvRJSgjE26yLarEfxpqWQaJqtTaNjLguGZc4kpI1R/4PFAAFdTAfHciE9Ai6ZQ6JIZbx2WJv+vP1lTkh+k4AcqTazSqHkx8Nns27Ni53OLgzWctjcxIWRyCj6tL7cq69r7i5jUyoXfCY1cDrr0jyoGBVY3AIkYHYNnAqkcDl9HTvNHzhoHGbXv5VnqEa1q2HfIGpmDU2r4YA73TZO+odxZ/IeIr6YPSJIhGLwqJ5r1KPoo6boQHcFcC5xwWFO6EncnryLoCeMN9sv8fjDAjhhCHgDIz1JcFMNVzK3ENeHEPPGcSY0gbB3EIVfq3hSeggF9pV2CyEJNTpGRXCG8t47x5nzyUuI6SdQ3H2NxdKCbXUX/Vq/bacL9WZji7YtM7/f2MfHvSKebuSdpdLvAh69fwCLWfCpPgwdS6K68xOttpFXxqaGNw5afyZi/limxeuo1it48X0FVte0ZR1HKphCvd7G6qfCCiG4rwouORdsfq3yVmSimRy3BKLeKBK+OKh0oVqrobhZfman4AallKu9B1FC60yI6fVqac42YM7v1ke5HY2/rcZWs91eUoiyZIMduf8EGADYn/bO30j5RAAAAABJRU5ErkJggg==') no-repeat 0 5px; padding-left: 18px; margin: 4px 0; } .pnl-inner ul.tick-list ~ p.p-t-1col {padding-top: 0.5rem; } ul.bullets {list-style: disc; margin: 16px; margin: 1rem; } blockquote {margin: 16px 16px; margin: 1rem 1rem; padding: 0 8px; padding: 0 0.5rem; display: inline-block; } /*targetting shop-theme pages only for blockquote*/ .mobile-site.shop.shop-theme blockquote {padding:0;} /**/ blockquote.r-col-quote p, .quote-list blockquote {font-family: Georgia,"Times New Roman",Times,serif; padding: 0 0 0.5rem 0; font-size: 120%; margin: 0.7rem 0 0.5rem; line-height: 17px; line-height: 1.6rem; } .quote-list blockquote {display: block; font-weight: bold; } .quote-list blockquote:before, .quote-list blockquote:after {line-height: 17px; line-height: 1.05rem; font-weight: bold; margin-right: 3.2px; margin-right: 0.2rem; } q q {font-style: italic; } blockquote.r-col-quote p:before, q q:before, .quote-list blockquote:before {content: "\201C"; } blockquote.r-col-quote p:after, q q:after, .quote-list blockquote:after {content: "\201D"; } blockquote.r-col-quote p:before, blockquote.r-col-quote p:after, .quote-list blockquote:before, .quote-list blockquote:after {font-size: 200%; position: relative; top: 0.2em; } .quote-list div {font-size: 0.75rem; margin-left: 16px; margin-left: 1rem; } .quote-list div:before {content: "\FF0D "; } .pullout-quote {width: 304px; font-size: 1.2rem; } .pullout-quote p {margin: 0; padding: 24px; padding: 1.5rem; } .pullout-quote-block blockquote:before, .pullout-quote-block blockquote:after {font-size: 42px; font-size: 2.625rem; line-height: 21px; line-height: 1.3125rem; } .pullout-quote-block blockquote:before {float: left; margin-right: 8px; margin-right: 0.5rem; content: "\201C"; } .pullout-quote-block blockquote:after {float: right; margin-left: 8px; margin-left: 0.5rem; content: "\201D"; } .poq-right {float: right; margin-right: -304px; } blockquote.r-col-quote {margin: 0 16px 16px 16px; margin: 0 1rem 1rem 1rem; border: 1px solid #ccc; padding: 0 4px 10px 12px; } blockquote.r-col-quote p:before, blockquote.r-col-quote p:after {width: 100%; float: left; clear: left; top: 0.3em; } blockquote.r-col-quote p {line-height: 20px; line-height: 1.4rem; float: left; clear: left; margin: 6px 0; } blockquote.r-col-quote * {font-style: normal; } /*.alternate-main-bg .pnl-txt ul {margin: 10px 0; } .alternate-main-bg .pnl-txt li {margin: 0 0 4px 14px; } .alternate-main-bg .pnl-txt li:before {content: '-'; display: inline-block; position: relative; left: -5px; }*/ /* .links-block .block-title {margin: 0;} */ .links-block .menu a {padding-left: 0; } .standfirst {font-size: 16px; font-weight: bold; /* 06/03/17 commented out: padding-bottom: 16px; padding-bottom: 1rem; */} .skip-to a, .skip-to a:hover, .skip-to a:visited {height: 1px; left: -10px; overflow: hidden; position: absolute; top: -500px; width: 1px; } .printpage {cursor: pointer; display: none; float: right; height: 48px; margin: -12px 0 0; overflow: hidden; text-indent: -10000px; width: 48px; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px; } .main-bg a.more-link-icon, .main-bg a.more-link-icon:hover {font-size: 1.2rem; } .intro-txt {font-size: 16px; font-size: 1.0rem; } .sml-txt {font-size: 11px; font-size: 0.7rem; } .body-txt {font-size: 14px; font-size: 0.85rem; } .med-txt {font-size: 20px; font-size: 1.25rem; } .med-txt p {max-width: 944px; } .lrg-txt {font-size: 25px; font-size: 1.5rem; } .left-panel-list h2 {padding: 10px; } .header-text-block h3 {font-size: 20px; font-size: 1.25rem; font-weight: bold; } .quote-right .lrg-txt {text-indent: 16px; } .txt-right {text-align: right; } .pnl-row-title {font-weight: bold; /*font-size: 1.1rem; removed for Donald 30/7/15*/} .top-page-subjects .strapline-wrapper p.strapline {font-size: 1.2rem; } .subtitle {font-size: 12px; font-size: 0.75rem; text-transform: uppercase; } .title-block span.pnl-field.pf-free {font-size: 12px; font-size: 0.75rem; letter-spacing: 0.05em; } .whatson-newsletter-block .expand-button, .whatson-newsletter-block .action-button {height: 2.4rem; line-height: 2.4rem; } .book-tickets-button, .tb-date, .lb-date {font-size: 20px; font-size: 1.2rem; } .leaderboard-block .ajaxCheck .availability:after, #large-search-2 label {font-size: 1rem; } .pnl-txt p + p.pnl-desc {margin-top: 6px; margin-top: 0.5rem; } /*.ui-datepicker-calendar .ui-datepicker-current-day a, .ui-datepicker .ui-datepicker-title span {text-shadow: 1px 1px 3px rgba(0,0,0,0.6); }*/ .publist h3 {/*margin: 0.9rem 0 .3rem 0; */padding-top: 32px; padding-bottom: 16px; margin: 0; } .publist h3:first-child {padding-top: 0; } .publist a {font-weight: bold; } .publist p {margin: 0 0 0.3rem; } .publist .publications-list {margin: 0; padding: 0; list-style: none; padding-bottom: 16px; } .publist .publications-list li {padding: 0 0 16px 0; margin: 0; } .text-block ul {list-style: circle; padding: 8px 0 8px 32px; padding: 0.5rem 0 0.5rem 2rem; } .readmore-handle {margin-top: 16px; margin-top: 1rem; } .readmore-handle:hover {cursor: pointer; } .show-more.small {line-height: 28px; font-weight: bold; cursor: pointer; } .text-link .icon + span, .d-b {display: block; } .u-h {border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } #keywords li span {margin-right: 8px; margin-right: 0.5rem; } .lbl-inline {padding: 16px 0; overflow: hidden; } .lbl-inline li {padding: 0; } .lbl-inline li .label {display: inline; } .tb-date {float: left; } .title-block span.pnl-field.pf-free {display: inline; float: left; margin: -4px 0 0 16px; padding: 4px 4px 2px 4px; } .leaderboard-block .leaderboard-img {float: left; /*width: 640px;*/} .book-tickets-button {display: block; margin-top:16px; margin-top:1rem; padding: 12px 0; text-align: center; width: 212px; } .event-details .book-tickets-button {margin: 0;} .leaderboard-block .leaderboard-txt .book-tickets-button {/*splay: block; margin: 1rem 0; padding: 12px 0; text-align: center;*/ /*width: 304px;*/} .leaderboard-txt ul {text-align: center; width: 304px; } .leaderboard-txt li {margin: 8px 0; padding: 4px 0 10px 0; } .leaderboard-txt li:last-child {border-bottom: none; } .masthead-inner .masthead-title {font-size: 32px; font-size: 2.0rem; font-weight: normal; line-height: normal; } .whatson-newsletter-block .expand-button, .whatson-newsletter-block .action-button {float: left; margin-top: 0; } .pnl-txt p {margin: 0; } .pnl.p-b-1col.pnl-act-btn .pnl-img + .pnl-txt h3.pnl-title + p ~ p:last-child {margin-top: 6px; margin-top: 0.5rem; } .pnl-txt .icon + p {margin-left: 42px; } .pnl-txt .icon.olay-img + p {margin-left: 0; } .pnl-thm {float: left; } .thm-l-txt-r h4 {margin: 0 0 0.5rem 0; } .pnl-thm + .pnl-txt {margin-left: 70px; } .pnl-1col .pnl {width: 100%; } .txt-pnl.pnl-1col .icon + .pnl-title, .txt-pnl.pnl-1col .icon + .pnl-title + p {margin-left: 48px; } .pnl-title span {display: block; } .pnl-title span, .single-hl-pnl .pnl .pnl-inner.dg-bg p {font-size: 14px; font-size: 0.875rem; } .single-hl-pnl .pnl .pnl-inner {overflow: hidden; } .info-tbl ul .label, .pnl-row .pnl .pnl-title, .pnl-row .pnl span.pnl-field.pf-date {font-weight: bold; } .pnl-row .pnl .pnl-title {text-decoration: none; font-size: 1.0rem; } .pnl-row .pnl span.pnl-field {line-height: 1.5; } .pnl-row .pnl span.pnl-field.pf-free, .pnl-row .pnl span.pnl-field.pf-type {font-size: 11px; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; } .pnl-txt.pnl-txt span.pf-type + span.pnl-field {margin-left: 2px; } .pnl-row .pnl span.pnl-field .label {font-weight: normal; } #gen-copyright {width: 100%; } .mobile-site #gen-copyright {margin-top: -20px; padding: 0 1.5em 1.5em; padding: 0 1rem 1rem; width: auto; } p#twit img {position: relative; top: 4px; margin-right: -3px; } .mobile-site #page-footer ul.menu .desktop, .desktop-site #page-footer ul.menu .mobile {display: none; } .tags li {/*float: left; */margin: 0; } .vlg-bg .tags-block .tags-list li {margin: 6px 0; } .tags .view-all-tag a {display: block; border: none; font-weight: bold; } .vlg-bg .tags-block .tags-list a {display: inline; } .tags .tag {padding: 8px; padding: 0.5rem; display: inline-block; margin: 0 8px 8px 0; margin: 0 0.5rem 0.5rem 0; font-weight: normal; } .tags.tags-inline .tag {padding: 0; border: none; margin: 0; margin-right: 8px; margin-right: 0.5rem; } /*.tags.tags-list li {float: none; }*/ .tags.tags-list .tag {padding: 0; margin: 0; float: none; padding: 4px 0; padding: 0.25rem 0; margin-top: -1px; } .desktop-site .tags.tags-list .tag {display: inline-block;} .desktop-site .tags.tags-list .tag:hover {margin-bottom: -1px;} .mobile-site .tags.tags-list .tag {display: block;} .tags-block .tags-list a.tag span {font-size: 80%; display: inline-block; width: 100%; } .single-hl-pnl .dg-bg .pnl-txt ul {margin-left: 30px; margin-top: 18px; } .single-hl-pnl .dg-bg .pnl-txt ul li {list-style: disc; } #intro-text ul {list-style: disc; padding-left: 32px; padding-left: 2rem;} /* Social Welfare Portal search panel tooltip styles */ a.tooltip strong {line-height:30px;} a.tooltip:hover {border-bottom:none !important;} a.tooltip span { line-height:16px; font-size: 0.75rem !important; font-weight:normal; } a.tooltip i {font-size: 1.2rem;} /* Social Welfare Portal subject panel additional styles */ .panel-list a { font-size: 0.875rem;} .panel-list li.more, .panel-list li.less {font-weight:bold; font-size: 0.875rem; cursor:pointer;} /** * tfs: 11169: increase the difference between headings. * There are instances where headings have been customised outsize the global class. * Some headings are prefixed with a parent class * e.g. .parent h2 {} and therefore more specific than below and have a unique font size. * The below is be ok to deploy as the instances of heading existing outside the global class * have already been accounted for simply because the web team haven't been told of any problems other than tfs 11169 **/ /* tfs #14257 - commented out while trying for a fix h1 {font-size:2em;} h2 {font-size:1.8em} h3 {font-size:1.6em} h4 {font-size:1.4em} h5 {font-size:1.2em} h6 {font-size:1em} h1, h2, h3, h4, h5, h6 {line-height: 1.2;} */ /* * tfs: 11035: make bullet point viewable for colection-item descriptions in Sitecore editor and preview */ .tab-content ul{list-style: circle;} /* ======================================================= PANEL widths / bespoke ======================================================= */ .pnl-1col .pnl, .w2col-img-pnl .img-rgt .pnl-inner, .w2col-img-pnl .img-rgt .pnl-txt, .w2col-img-pnl .img-lft .pnl-inner, .w2col-img-pnl .img-lft .pnl-txt, .rslt-list .pnl, .pnl-expnd-area .pnl-expnd-area-inner > div, .single-hl-pnl .pnl .pnl-inner.dg-bg .pnl-txt, #shopResults *, .threeCollFormElement * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pnl-block.pnl-block-act-btn {padding-bottom: 64px; padding-bottom: 4rem; } .pnl-row-title {min-height: 32px; margin: 0; padding: 16px 0; padding: 1rem 0; } .main-home-pg .pnl-row-title {padding:18px 0; padding:1.8rem 0;} h3.pnl-row-title + p {margin-top: -16px; margin-top: -1rem; } .pnl-row {*zoom: 1; position: relative; /*a .pnl-txt p {color:$grey_1; padding:0;} */} .pnl-6col .pnl, .pnl-6col .pnl-col {width: 144px; } .pnl-5col .pnl, .pnl-5col .pnl-col {width: 176px; } .pnl-4col .pnl, .pnl-4col .pnl-col {width: 224px; }/* grid_14 */ .new-footer .pnl-4col .pnl, .new-footer .pnl-4col .pnl-col {width: 218px; } .pnl-3col .pnl, .pnl-3col .pnl-col {width: 304px; }/* grid_14 */ .dg-bg .lrg-img-pnl.pnl-3col .pnl {width: 298px; }/* hack for 3 cols not floating... ? */ .pnl-2col .pnl, .pnl-2col .pnl-col, .pnl-2col .pnl-omit {width: 464px; }/* grid_19 */ .pnl-2-thirds {width: 624px; }/* grid_29 */ .pnl-1-third {width: 304px; }/* grid_38 */ .pnl-row .pnl-no-padding {width: 304px; }/* grid_19 */ /* grid_19 */ /*.pnl-3col-alt .pnl {width: $gutterWidth *18;}*/ /* grid_18 */ /* panel widths - 2 column layout - eg What's On */ .main-column .pnl-1col .pnl {width: 40rem; } .main-column .pnl-2col .pnl {width: 312px; } .main-column .pnl-3col .pnl {width: 202px; } .main-column .pnl-4col .pnl {width: 148px; } .rslt-lst .pnl-txt {width: 70%; } .pnl-2col {clear: none !important; float: left; } /* ********** temp work by DH start ******************* */ #main .pnl-shop4col .pnl, #main .pnl-shop4col .pnl-col {width: 232px /* !important; */} .main-home-pg #main .pnl-shop4col .pnl {width:auto/* !important */} #main .main-column .pnl-shop4col .pnl {width: 148px; } .desktop-site #main .pnl-shop4col .pnl {margin-left: 16px; margin-right: 0; } .desktop-site #main .pnl-shop4col .pnl:first-child, .desktop-site #main .pnl-shop4col .pnl:nth-child(5), .desktop-site #main .pnl-shop4col .pnl:nth-child(9) {margin-left: 0; } #main .pnl-shop4col .pnl * {box-sizing: border-box; } .main-home-pg .owl2 .owl-carousel .owl-item .pnl-txt p span {text-decoration: line-through;} /*task 8203: create gap between img label and img in shop pages*/ .shop #main .pnl-shop4col .pnl-img {padding-top: 30px;} #main .pnl-shop4col .pnl-img a {width: 100%; display: inline-block; overflow: hidden; } /*SoS carousel items*/ .save-our-sounds-gateway #main .pnl-shop4col .owl-carousel a {width:auto;} .save-our-sounds-gateway #main .pnl-shop4col .owl-carousel .pnl-img a:first-child {width:100%; display:block;} /*From/to tags*/ .save-our-sounds-gateway .save-our-sounds-content #intro-text p:first-of-type { text-align: center; font-size: 220%; color: #444;} /**/ /*task 8203: create gap between img label and img in shop pages*/ .shop #main .pnl-shop4col .pnl-img {padding-top:30px;} #main .pnl-shop4col .pnl-img a:hover {border-bottom: none; } #main .pnl-shop4col .pnl-img img {width: 100%; } /*#main .pnl-shop4col .pnl-img a:hover img {transform: translate3d(0px, 0px, 0px) scale(1.2); transition: all 5000ms linear 0s; } */ #main .pnl-shop4col .pnl-img img { transition-duration: 1.0s; /* mouse off */ transition-property: transform; } #main .pnl-shop4col .pnl-img a:hover img { /*transform: rotate(-10deg) scale(1.1);*/ transition-duration: 4.0s; transition-delay: 400ms; } /**/ .desktop-site #main .pnl-shop4col .pnl:hover {box-shadow: 0 0 14px rgba(0,0,0,0.2); } .desktop-site #main .pnl-shop4col .pnl {transition: opacity 200ms ease-in-out 100ms, box-shadow 400ms ease-in-out; } .desktop-site #main .pnl-shop4col .fade {opacity: 0.3; } /*.desktop-site.shop-theme .pnl-shop4col + .f-right {margin-right: 40%; }*/ .pnl-shop4col .pnl-inner {position: absolute; } .pnl-shop4col .product-cat {} .pnl-shop4col .product-cat p {} .prod-empty {display:none;} .prod-best, .shop02 .promo-label, .prod-sale, .prod-new, .prod-empty, .prod-preorder, .prod-signed, .prod-online-exclusive, .prod-library-exclusive, .prod-staff-pick, .prod-inthe-news, .prod-special-offer { color: #999; width: 150px; margin-left:-75px; padding: 1px; font-size: 10px; font-weight: normal; position: absolute; top: 0; left:50%; text-transform: uppercase; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-width: 1px; border-top-style: solid; float:left; z-index:999; background-color:#fff; } .shop.quick-basket .carousel-lrg > .pnl {margin-top:-26px;} /*tfs 10995, removed prefix desktop-site so that mobile is affected*/ .shop.quick-basket .carousel-lrg .prod-best, .shop.quick-basket .carousel-lrg .prod-new, .shop.quick-basket .carousel-lrg .prod-sale, .shop.quick-basket .carousel-lrg .prod-preorder, .shop.quick-basket .carousel-lrg .prod-signed, .shop.quick-basket .carousel-lrg .prod-online-exclusive, .shop.quick-basket .carousel-lrg .prod-library-exclusive, .shop.quick-basket .carousel-lrg .prod-staff-pick, .shop.quick-basket .carousel-lrg .prod-inthe-news, .shop.quick-basket .carousel-lrg .prod-special-offer { position: relative; top:27px; z-index: 10; } .shop li .pnl-inner .prod-best, .shop li .pnl-inner .prod-sale, .shop li .pnl-inner .prod-new, .shop li .pnl-inner .prod-empty, .shop li .pnl-inner .prod-preorder, .shop li .pnl-inner .prod-signed, .shop li .pnl-inner .prod-online-exclusive, .shop li .pnl-inner .prod-library-exclusive, .shop li .pnl-inner .prod-staff-pick, .shop li .pnl-inner .prod-inthe-news, .shop li .pnl-inner .prod-special-offer {margin-bottom: -29px; z-index: 1; } .prod-best p, .shop02 .promo-label p, .prod-sale p, .prod-new p, .prod-preorder p, .prod-signed p, .prod-online-exclusive p, .prod-library-exclusive p, .prod-staff-pick p, .prod-inthe-news p, .prod-special-offer p {padding: 4px; margin: 0; width: 100%; text-align: center; } /*19/07: reverted to box with bdr only*/ .prod-best, .shop02 .promo-label { color: #1380b5; border:1px solid #1380b5; } .prod-sale {color: #e4002d;border:1px solid #e4002d; } .prod-new {color: #970016;border:1px solid #970016;} .prod-preorder {color:#3d5c12;border:1px solid #3d5c12;} .prod-empty {border: none; background-color:transparent; } .prod-preorder {color: #3d5c12;border: 1px solid #3d5c12;} .prod-signed {color: #3d5c12;border: 1px solid #3d5c12;} .prod-online-exclusive {color: #642014;border: 1px solid #642014;} .prod-library-exclusive {color: #e4002d;border: 1px solid #e4002d;} .prod-staff-pick {color: #370F42;border: 1px solid #370F42;} .prod-inthe-news {color: #742648;border: 1px solid #742648;} .prod-special-offer {color: #789C46;border: 1px solid #789C46;} /**/ /**/ .pnl-shop4col .products-actions {position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; } /*.pnl-shop4col .products-actions button span {position: absolute; top: -3000px; left: -3000px; }*/ .pnl-shop4col .products-actions button {width: 30px; height: 30px; overflow: hidden; text-indent: -3000px; position: relative; top: -30px; float: right; margin: 0 6px 0 0; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; background-image: url('http://approval.vmllondon.com/britishlibrary-approval/shop/css/../img/icon-bag.png'); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px /* temp sizing solution! */; border: none; background-color: #fff; } .pnl-shop4col .products-actions button:first-child {float: left; margin: 0 0 0 6px; background-image: url('http://approval.vmllondon.com/britishlibrary-approval/shop/css/../img/icon-like.png'); } .pnl-shop4col .products-actions button:hover {background-image: url('http://approval.vmllondon.com/britishlibrary-approval/shop/css/../img/icon-bag-full.png'); } .pnl-shop4col .products-actions button:first-child:hover {background-image: url('http://approval.vmllondon.com/britishlibrary-approval/shop/css/../img/icon-like-full.png'); } /* plus button hover states !*/ .pnl-shop4col .pnl:hover button {position: relative; top: 0; } /* ********** temp work by DH end ******************* */ .pnl-row:after {content: ""; display: table; clear: both; } .pnl-row .pnl-row-ttl {display: block; } .pnl-row .pnl, .pnl-row .pnl-omit { margin: 0; padding: 0; position: relative; margin-right: 16px; margin-right: 1rem; margin-bottom: 16px; margin-bottom: 1rem; float: left; } #page-footer .pnl-row.pnl-4col nav .pnl {margin-bottom:0;} .main-home-pg .pnl-row .block-header.pnl {margin-bottom:0} .main-home-pg .get-started .pnl-row .block-header.pnl + .pnl {margin-bottom:0} .pnl-1col .pnl:last-child {border: none;} .shop-home .pnl-1col .pnl:last-child {width:100%;} .pnl-row .pnl .pnl-inner {position: relative; } /*.main-home-pg .get-started .pnl-row .pnl .pnl-inner { overflow:hidden !important ; height:auto !important; background:green; }*/ /* .pnl-row .pnl .pnl-inner.w-bg .pnl-txt, */ /* .pnl-row .pnl .pnl-inner.vlg-bg .pnl-txt, */ .pnl-row .pnl:not(.pnl-act-btn) .pnl-inner .pnl-txt, .pnl-row .pnl .facet-list a.pnl-inner .pnl-txt, .facet-list .pnl-row .pnl a.pnl-inner .pnl-txt, .pnl-row .pnl .pnl-inner.mdg-bg .pnl-txt, .pnl-row .pnl .pnl-inner.dg-bg .pnl-txt {padding: 16px; padding: 1rem; } .pnl-row .pnl .pnl-title {padding-bottom: 8px; padding-bottom: 0.5rem; } /*.main-home-pg .pnl-row .pnl .pnl-txt p {margin-top:0}*/ .pnl-row .pnl .pnl-txt, .pnl-row .pnl-omit .pnl-txt {padding-right: 16px; clear: right; } .main-content .pnl-row .pnl .pnl-txt, .main-content .pnl-row .pnl-row .pnl-omit .pnl-txt {clear: none; } /*.pnl-row .pnl .pnl-txt p {font-size: 12px; font-size: 0.8em; }*/ .pnl-row .pnl a.pnl-lnk {display: block; } .pnl-row .pnl h3, .pnl-row .pnl .pnl-title {margin: 0; } .pnl-row .pnl a.action-button:hover .icon {background-color: transparent; } .pnl-row .pnl dt {width: 80px; } .top-page-about-us .pnl-row .pnl dt {width:100%} .pnl-row .pnl dd {width: -moz-calc(100% - 80px); width: -o-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: calc(100% - 80px); } .top-page-about-us .pnl-row .pnl dd {width:100%; margin-bottom:16px;} .pnl-row .pnl span.pnl-field, .pnl-row .pnl-txt p.pnl-date {display: block; padding-bottom: 8px; padding-bottom: 0.5rem; } .pnl-row .pnl span.pnl-field .label {padding: 0; margin: 0; display: inline; } .pnl-row .pnl span.pnl-field .pf-txt {display: inline; } .pnl-row .pnl span.pnl-field + p.pnl-field {padding-top: 8px; padding-top: 0.5rem; } .pnl-row h3.pnl-title {margin: 1rem 0; padding: 0; } /*.pnl-row .pnl-inner .pnl-txt h3.pnl-title {margin-top: 14px; }*/ .pnl-row .pnl-act-btn .pnl-inner {position: relative; } .pnl-row .pnl-act-btn .pnl-inner.w-bg .pnl-txt, .pnl-row .pnl-act-btn .pnl-inner.vlg-bg .pnl-txt, .pnl-row .pnl-act-btn .facet-list a.pnl-inner .pnl-txt, .facet-list .pnl-row .pnl-act-btn a.pnl-inner .pnl-txt, .pnl-row .pnl-act-btn .pnl-inner.mdg-bg .pnl-txt {padding: 16px 16px 64px 16px; padding: 1rem 1rem 4rem 1rem; } .pnl-row dl {margin: 0; margin-bottom: 8px; margin-bottom: 0.5rem; } .pnl-row .pnl-wide, .pnl-row .pnl-1-third, .pnl-row .pnl-2-thirds, .pnl-row .pnl-img-2col {margin: 0; position: relative; margin-right: 16px; margin-right: 1rem; margin-bottom: 16px; margin-bottom: 1rem; float: left; } .pnl-row .pnl-wide .pnl-txt, .pnl-row .pnl-1-third .pnl-txt, .pnl-row .pnl-2-thirds .pnl-txt, .pnl-row .pnl-img-2col .pnl-txt {padding-right: 16px; } .pnl-row .pnl-wide a, .pnl-row .pnl-1-third a, .pnl-row .pnl-2-thirds a, .pnl-row .pnl-img-2col a {display: block; } .pnl-row .pnl-wide .pnl-title, .pnl-row .pnl-1-third .pnl-title, .pnl-row .pnl-2-thirds .pnl-title, .pnl-row .pnl-img-2col .pnl-title, .pnl-row .pnl-no-padding .pnl-title {margin: 0; } .pnl-row .pnl-img {padding-bottom: 0; position: relative; } .shop .search-rslt ul.pnl-row li.pnl .pnl-inner .pnl-img {padding-top: 29px; } .pnl-row .pnl-img img {display: block; width: 100%; height: auto; } .pnl-row .pnl-img img.lazy {width: 100%; } .pnl-row .pnl-no-padding {margin: 0 16px 0 0; /*margin: 0 1rem 0 0; */margin: 1rem 1rem 0 0; position: relative; padding: 0; float: left; } .pnl-row .pnl-no-padding .pnl-txt {padding: 16px; } .pnl-row .pnl-no-padding a {display: block; text-decoration: none; } .pnl-row .pnl-col {margin: 0 16px 16px 0; margin: 0 1rem 1rem 0; min-height: 200px; margin-right: 16px; margin-right: 1rem; margin-bottom: 16px; margin-bottom: 1rem; float: left; position: relative; } .pnl-row .pnl-col .pnl {margin: 0; margin-bottom: 1px; } .pnl-row .pnl-col.v-s-pnl .pnl {margin-bottom: 16px; margin-bottom: 1rem; } ul.pnl-3col p {margin: 10px 0; } .w2col-img-pnl .pnl-inner {width: 944px; } .w2col-img-pnl .pnl-img {padding: 0; width: 624px; } .w2col-img-pnl .pnl-img img {width: 100%; height: auto; display: block; } .w2col-img-pnl .pnl-txt {width: 304px; margin-top: 16px; margin-top: 1rem; } .w2col-img-pnl .img-rgt .pnl-inner {overflow: hidden; height: auto !important; } .w2col-img-pnl .img-rgt .pnl-img {float: right; padding-bottom: 0; } .w2col-img-pnl .img-rgt .pnl-txt {float: right; width: 320px; padding: 16px 32px 16px 16px; padding: 1rem 2rem 1rem 1rem; padding-bottom: 64px; padding-bottom: 4rem; } .w2col-img-pnl .img-lft .pnl-inner {padding-right: 16px; padding-right: 1rem; overflow: hidden; height: auto !important; } .w2col-img-pnl .img-lft .pnl-img {float: left; padding-bottom: 0; } .w2col-img-pnl .img-lft .pnl-txt {float: left; padding: 16px; padding: 1rem; padding-bottom: 64px; padding-bottom: 4rem; } .w2col-img-pnl .img-lft .action-button {margin-left: 624px; margin-left: 39rem; } .w2col-img-33-pnl-66 {} .w2col-img-33-pnl-66 .pnl-inner {width: 944px; } .w2col-img-33-pnl-66 .pnl-img {padding: 0; width: 304px; float: left; } .w2col-img-33-pnl-66 .pnl-img img {width: 100%; height: auto; display: block; } .w2col-img-33-pnl-66 .pnl-txt {width: 608px; margin-top: 0; float: left; } .w2col-img-33-pnl-66 .btm-lft {bottom: 16px; left: 320px; position: absolute; } .hlf-img-pnl .pnl {margin-right: 0; } .hlf-img-pnl .pnl-inner {overflow: hidden; } .hlf-img-pnl .pnl-inner .pnl-img {padding: 0; width: 472px; } .hlf-img-pnl .pnl-inner .pnl-img img {max-width: 100%; } .hlf-img-pnl .pnl-inner .pnl-txt {float: left; width: 416px; margin-right: 16px; margin-right: 1rem; margin-top: 16px; margin-top: 1rem; } .hlf-img-pnl.alternate-img .pnl:nth-child(odd) .action-button {margin-left: 472px; margin-left: 29.5rem; } .hlf-img-pnl.alternate-img .pnl:nth-child(odd) .pnl-img {float: left; } .hlf-img-pnl.alternate-img .pnl:nth-child(even) .pnl-img, .hlf-img-pnl.img-rgt .pnl-img {float: right; } /*Previously somebody made this comment: padding added here to fix/unify layouts without tracking down all html files*/ .rslt-list .pnl {width: 100%; min-height: 96px; padding-right: 16px; padding-right: 1rem;} /*02/0718: added this to remove extra r-pad from ul li.pnl so correct grid_xx class can be used (see: http://cdstaging.bl.uk/eccles-centre/resources lol - this breaks /press-releases - too generic a fix i'm afraid */ .rslt-list .pnl-inner {overflow: hidden; } .rslt-list .pnl-txt {float: left; width: 60%; padding-top: 0; min-height: 64px; } .rslt-list .pnl-img {float: left; padding: 0; } .rslt-list .pnl-row {padding-bottom: 16px; padding-bottom: 1rem; } .rslt-grid .quick-view {position: relative; } .rslt-grid .quick-view .pnl {position: static; } .rslt-grid .quick-view .pnl:nth-child(3n+4) {clear: left; } .rslt-grid .pnl {width: 224px; } ul li.notFound {padding-top: 20px !important; } ul li.notFound div.pnl-inner {border: 1px solid #ccc; height: auto !important; } .rslt-grid .pnl.notFound {width: 704px;} .sml-img-pnl .pnl .pnl-inner.w-bg, .thmb-pnl-col .pnl .pnl-inner.w-bg {padding: 0; } .sml-img-pnl .pnl .pnl-inner.w-bg .pnl-txt, .thmb-pnl-col .pnl .pnl-inner.w-bg .pnl-txt {padding: 8px 16px; padding: 0.5rem 1rem; } /** * compensation for the above....(.pnl-inner.w-bg) * which depends on the class w-bg being on the element to maintain guttering **/ .top-page-catalogues-collections .sml-img-pnl .pnl .pnl-inner .pnl-txt { /*add to top level so all get this*/ padding: 8px 16px; padding: 0.5rem 1rem; } .sml-img-pnl .pnl-img, .thmb-pnl-col .pnl-img {width: 96px; width: 6rem; float: left; } .sml-img-pnl .pnl-img img, .thmb-pnl-col .pnl-img img {/*height:auto; verflow:hidden; position:absolute; clip: rect(0,60px,60px,0);*/ } .sml-img-pnl .pnl-lnk, .thmb-pnl-col .pnl-lnk {min-height: 60px; } .sml-img-pnl .pnl-img + .pnl-txt, .sml-img-pnl .action-button, .thmb-pnl-col .pnl-img + .pnl-txt/*, .thmb-pnl-col .action-button */{margin-left: 96px; margin-left: 6rem; } .pnl-1col .pnl {width: 944px; width: 59rem; } .pnl-1col.pnl-img-2col .pnl {border-bottom: none; } .grid_37 .pnl-1col .pnl {width: 560px; width: 35rem; } .sml-img-pnl.pnl-1col .pnl-img {width: 192px; width: 12rem; } .sml-img-pnl.pnl-1col .pnl-img + .pnl-txt, .sml-img-pnl.pnl-1col .action-button {margin-left: 192px; margin-left: 12rem; } .sml-img-pnl.pnl-2col .pnl-img {width: 128px; width: 8rem; } .sml-img-pnl.pnl-2col .pnl-img + .pnl-txt, .sml-img-pnl.pnl-2col .action-button {margin-left: 128px; margin-left: 8rem; } .sml-img-pnl.pnl-6col .pnl-img + .pnl-txt {margin: 0; clear: left; } .sml-img-pnl.pnl-6col .action-button {margin: 0; } .col-41-width .sml-img-pnl.pnl-1col .pnl-img {width: 8rem;} /* sets image width for press contract page in 2 col layout*/ .col-41-width .sml-img-pnl.pnl-1col .pnl-img + .pnl-txt {margin-left: 9rem;} /* sets text panel width for press contract page in 2 col layout*/ .isotope, .isotope .isotope-item {-webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope {-webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; } .isotope .pnl img {display: block; margin: 0; height: auto; width: 100%; } .isotope .pnl {width: 224px; } .isotope .wide {width: 464px; } .isotope .isotope-item {z-index: 2; } .isotope .isotope-hidden.isotope-item {pointer-events: none; z-index: 1; } .isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; } .isotope .pnl .mdg-bg .pnl-txt {padding-bottom: 16px; } .pnl-expnd-wrap {position: absolute; width: 100%; height: 400px; overflow: hidden; margin-left: -8px; left: 0; }/* this did not have any selector on 25/11/15? */ .quick-view .qv-open {padding: 8px; padding: 0.5rem; padding-right: 8px !important; margin: 8px 8px 8px -8px !important; padding-bottom: 400px; } .quick-view .qv-open .pnl-expnd-area {display: block; height: 400px; } .quick-view .qv-open .pnl-inner {/*background: blue; */background: url('../images/qv-arrow.png') no-repeat center bottom; padding-bottom: 8px; padding-bottom: 0.5rem; } .pnl-expnd-area {width: 100%; position: absolute; height: 0px; background: #eee; z-index: 30; display: none; } .pnl-expnd-area .pnl-expnd-area-inner > div {width: 49%; float: left; padding: 32px 40px 40px 40px; position: relative; height: 400px; *height: 320px; } .pnl-expnd-area .pnl-expnd-area-inner .pnl-expnd-img {height: 368px; background: #000; padding: 8px; margin: 16px; width: 45%; } .qv-nav li {position: absolute; z-index: 999; } .qv-nav li:hover {cursor: pointer; } .qv-nav .qv-next {right: 0; top: 50%; } .qv-nav .qv-prev {left: 0; top: 50%; } .qv-nav .qv-close {top: 8px; right: 8px; } .no-js img.lazy {display: none; } .alternate-main-bg .pnl-txt {padding: 16px 16px 64px 16px; padding: 1rem 1rem 4rem 1rem; } /*.alternate-main-bg .pnl-txt {padding: 16px 16px 32px 16px; padding: 1rem 1rem 2rem 1rem; } .alternate-main-bg .btm-lft {clear: right; float: left; margin: 16px 0; position: static; }*/ .alternate-main-bg.noBtn .pnl-txt {padding: 16px; padding: 1rem; } .pnl-money span {display: none; } .pnl-money:after {content: '£'; display: block; width: 27px; height: 27px; font-size: 18px; font-weight: bold; text-align: center; vertical-align: middle; position: absolute; top: 0; right: 0; background-color: #999; color: #fff; } .pnl-txt .pnl-field .label {display: inline; } .pnl-column .pnl {margin-bottom: 16px; margin-bottom: 1rem; } .pnl-column .pnl .pnl-inner {position: relative; } .pnl-column .pnl .pnl-txt {padding: 16px; padding: 1rem; } .pnl-column .pnl .pnl-txt .pnl-title {margin: 0; } .rh-column .pnl-column .pnl .pnl-txt {padding: 0; } .rh-column .pnl-1col .pnl {width: 320px; width: 20rem; } .pnl-column-3col {width: 304px; float: left; padding: 0 16px 16px 0; padding: 0 1rem 1rem 0; } .pnl .hit-spot {display: none; /*position: absolute; height: 100%; width: 100%; opacity: 0; left: 0; top: 0; */ /*-webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; */ /*mobile = display: block*/ } /*.pnl .hit-spot:hover {opacity: 0.15; }*/ /*.main-bg .pnl-link-list .nmbr, .pnl .hit-spot .pnl-link-list .nmbr {padding-left: 8px; padding-left: 0.5rem; }*/ .main-bg .pnl-link-list .nmbr {display: inline-block; } .main-bg .pnl-link-list .nmbr:before {content: '-'; color: transparent; } .pnl-link-list li {margin: 0; } .pnl-link-list li a {display: inline-block; } .pnl-video .pnl-img, .pnl-media .pnl-img {position: relative; } /*.pnl-video .pnl-img .video-info, .pnl-media .pnl-img .video-info {bottom: 0; left: 0; xopacity: 0.8; position: absolute; cursor: pointer; }*/ /*.pnl-video .pnl-img .video-info .vid-time, .pnl-video .pnl-img .video-info .vid-time {display: inline-block; float: right; margin: 4px 0 0; padding: 0 14px; }*/ .single-hl-pnl .pnl {margin: 0; margin-bottom: 16px; margin-bottom: 1rem; } .single-hl-pnl .pnl .pnl-inner.dg-bg .pnl-img {width: 50%; float: right; } .single-hl-pnl .pnl .pnl-inner.dg-bg .pnl-txt {width: 50%; float: left; padding: 20px 12px 12px 12px; padding: 1.6rem 1rem 1rem 1rem;} .single-hl-pnl .pnl .pnl-inner.dg-bg p {margin: 8px 0; margin: 0.5rem 0; } .pnl-row .pnl span.pnl-field.pf-date {display: inline; } #eventsList .pnl-row .pnl span.pnl-field.pf-date .date-start {width: 100%; margin-bottom: 10px; display: inline-block; } .pnl-row .pnl h3 + span.pnl-field.pf-date span {display: inline !important; } .pnl-row .pnl span.pnl-field.pf-free, .pnl-row .pnl span.pnl-field.pf-type {display: inline; padding: 2px 5px; margin: 1px; /*width: 60px; ?*/ } .pnl-row .pnl span.pnl-field.pf-free {padding: 4px 6px; } .pnl-row .pnl span.pnl-field.pf-type {display: inline-block; margin-bottom: 10px; margin-top: -8px; line-height: 1rem; } .pnl-row .pnl span.pnl-field.pf-type.pf-wide {display: block; text-align: center;margin:10px 0 0 0;} .thmb-pnl-col .pnl-row .pnl span.pnl-field.pf-type {position: relative; top: -8px; } .pnl-pos-rel {position: relative; } .main-content-block-inner.w-bg .grid_37 ul.pnl-row li {margin-left: 0; } /*remove dash from global msg if only one*/ #shop-legend > div.grid_19.removeDash:first-child:after {content:none;} /*.search-rslt.grid_37 ul.pnl-row li:nth-child(odd) {margin-left: 57px; }*/ .search-rslt.grid_37 ul.pnl-row li:nth-child(2n+1) {margin-left: 57px; } .main-content-block-inner {margin-left: 2rem; } .hl-pnl {width: 976px; } .hl-pnl .hl-pnl-inner {padding-left: 16px; padding-left: 1rem; } .hl-pnl .hl-pnl-inner .pnl-row {clear: both; overflow: hidden; display: block; zoom: 1; } .hl-pnl h2 {position: absolute; z-index: 20; margin: 0; padding-left: 16px; padding-left: 1rem; } .hl-pnl .pnl-row .pnl {padding-right: 0; } .hl-pnl .pnl-lnk {height: 320px; overflow: hidden; } .hl-pnl .pnl-lnk .pnl-inner {height: 320px; } .hl-pnl.js-open {height: 471px; overflow: hidden; margin-bottom: 0; position: relative; } .hl-pnl-nav li {position: absolute; width: 100%; height: 63px; cursor: pointer; margin: 0; } .hl-pnl-nav .hl-next {bottom: -8px; } .hl-pnl-nav .icon {-moz-border-radius: 22px; -webkit-border-radius: 22px; border-radius: 22px; } .hl-pnl-nav .trans-icon-bg {width: 100%; position: absolute; height: 100%; display: block; top: 0; opacity: 0.6; } .hl-prev .trans-icon-bg {margin-top: -8px; } .hl-pnl-nav .icon {z-index: 999; position: absolute; left: 50%; margin-left: -22px; overflow: hidden; opacity: 0.7; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } .hl-pnl-nav li:hover .icon, .hl-prev .trans-icon-bg {opacity: 1; } .hl-pnl-nav li {z-index: 10; } .pnl .pnl-lnk:hover {margin: -8px; padding: 8px; } .desktop-site .network .pnl-3col .pnl-2col .pnl {width: 624px !important; } .desktop-site .network .pnl-row .pnl/* , .desktop-site.top-page-about-us .main-content-block-inner.cntr-blk .pnl-row .pnl */{box-sizing: border-box; border: 1px solid #ccc; } .desktop-site.top-page-about-us .main-content-block-inner.cntr-blk .bl-global-component-accordion .pnl-row .pnl {border: none;} .desktop-site .network .pnl-3col div.pnl div.vlg-bg {background: #eee !important; } .desktop-site .network .pnl-3col div.pnl div.vlg-bg p {margin-bottom: 8px; margin-bottom: 0.5rem; } .desktop-site .network .pnl-txt {padding: 16px 16px 64px 16px !important; padding: 1rem 1rem 4rem 1rem !important; } .desktop-site .network .pnl-txt .action-button {position: absolute; bottom: 16px; bottom: 1rem; } /*.desktop-site .network .pnl-txt {padding: 16px; padding: 1rem !important;}*/ /* ======================================================= STYLES USED TO REPLACE PADDING CLASSES FOR SPECIFIC PANELS EG COLLECTIONS GUIDE ======================================================= */ /*07/06/18: proposed new text component*/ .text-component .pnl-row .pnl .pnl-inner .pnl-txt { padding-left:0;padding-top:0;} .links-block-padding {margin-bottom: 32px; margin-bottom: 1rem; padding-left:32px; padding-left:1rem;} .vlg-bg .rh-column .links-block-padding {padding-bottom: 16px; padding-bottom: 1rem; } .pnl-block-padding {padding-bottom:32px; padding-bottom:2rem; margin-top: 32px; margin-top: 2rem;} .pnl-block-padding .pnl-row {padding-left:16px; padding-left:1rem;} /* ======================================================= PADDING / MARGIN ======================================================= */ /*Moved from all_m*/ [class*="grid_"] {display: block; float: none; margin: 0; padding: 0; } .m-t-1col {margin-top: 16px; margin-top: 1rem; } .m-t-2col {margin-top: 32px; margin-top: 2rem; } .m-t-3col {margin-top: 48px; margin-top: 3rem; } .m-t-4col {margin-top: 64px; margin-top: 4rem; } .m-b-1col {margin-bottom: 16px; margin-bottom: 1rem; } .m-b-2col {margin-bottom: 32px; margin-bottom: 2rem; } .m-b-3col {margin-bottom: 48px; margin-bottom: 3rem; } .m-b-4col {margin-bottom: 64px; margin-bottom: 4rem; } .m-l-1col {margin-left: 16px; margin-left: 1rem; } .m-l-2col {margin-left: 32px; margin-left: 2rem; } .m-l-3col {margin-left: 48px; margin-left: 3rem; } .m-l-4col {margin-left: 64px; margin-left: 4rem; } .m-r-1col {margin-right: 16px; margin-right: 1rem; } .m-r-2col {margin-right: 32px; margin-right: 2rem; } .m-r-3col {margin-right: 48px; margin-right: 3rem; } .m-r-4col {margin-right: 64px; margin-right: 4rem; } .p-t-1col {padding-top: 16px; padding-top: 1rem; } .p-t-2col {padding-top: 32px; padding-top: 2rem; } .p-b-1col {padding-bottom: 16px; padding-bottom: 1rem; } .p-b-2col {padding-bottom: 32px; padding-bottom: 2rem; } .p-l-1col, .prefix_1 {padding-left: 16px; padding-left: 1rem; } ul li.list-view {padding-left: 15px; padding-left: 0.9rem; /* for chrome */} .p-l-2col, .prefix_2 {padding-left: 32px; padding-left: 2rem; } .p-l-3col, .prefix_3 {padding-left: 48px; padding-left: 3rem; } .p-l-4col, .prefix_4 {padding-left: 64px; padding-left: 4rem; } .p-r-1col, .suffix_1 {padding-right: 16px; padding-right: 1rem; } .p-r-2col, .suffix_2 {padding-right: 32px; padding-right: 2rem; } .p-r-3col, .suffix_3 {padding-right: 48px; padding-right: 3rem; } .p-r-4col, .suffix_4 {padding-right: 64px; padding-right: 4rem; } .p-lr-1col {padding-left: 16px; padding-left: 1rem; padding-right: 16px; padding-right: 1rem; } .p-lr-2col {padding-left: 32px; padding-left: 2rem; padding-right: 32px; padding-right: 2rem; } .prefix_19, p-l-19col {padding-left: 304px; padding-left: 19rem; } .prefix_20, p-l-20col {padding-left: 320px; padding-left: 20rem; } .prefix_21, p-l-21col {padding-left: 336px; padding-left: 21rem; } .p-child-t-1col > div { padding-top: 16px; padding-top: 1rem; } /* ======================================================= GRID ======================================================= */ .grid_61 {width: 976px; } .grid_61:before, .grid_61:after {content: " "; display: table; } .grid_61:after {clear: both; } .grid_60 {width: 960px; } .grid_60:before, .grid_60:after {content: " "; display: table; } .grid_60:after {clear: both; } .grid_59 {width: 944px; } .grid_59:before, .grid_59:after {content: " "; display: table; } .grid_59:after {clear: both; } .grid_58 {width: 928px; float: left; } .grid_57 {width: 912px; float: left; } .grid_56 {width: 896px; float: left; } .grid_55 {width: 880px; float: left; } .grid_54 {width: 864px; float: left; } .grid_53 {width: 848px; float: left; } .grid_52 {width: 832px; float: left; } .grid_51 {width: 816px; float: left; } .grid_50 {width: 800px; float: left; } .grid_49 {width: 784px; float: left; } .grid_48 {width: 768px; float: left; } .grid_47 {width: 752px; float: left; } .grid_46 {width: 736px; float: left; } .grid_45 {width: 720px; float: left; } .grid_44 {width: 704px; float: left; } .grid_43 {width: 688px; float: left; } .grid_42 {width: 672px; float: left; } .grid_41 {width: 656px; float: left; } .grid_40 {width: 640px; float: left; } .grid_39 {width: 624px; float: left; } .grid_38 {width: 608px; float: left; } .grid_37 {width: 592px; float: left; } .grid_36 {width: 576px; float: left; } .grid_35 {width: 560px; float: left; } .grid_34 {width: 544px; float: left; } .grid_33 {width: 528px; float: left; } .grid_32 {width: 512px; float: left; } .grid_31 {width: 496px; float: left; } .grid_30 {width: 480px; float: left; } .grid_29 {width: 464px; float: left; } .grid_28 {width: 448px; float: left; } .grid_27 {width: 432px; float: left; } .grid_26 {width: 416px; float: left; } .grid_25 {width: 400px; float: left; } .grid_24 {width: 384px; float: left; } .grid_23 {width: 368px; float: left; } .grid_22 {width: 352px; float: left; } .grid_21 {width: 336px; float: left; } .grid_20 {width: 320px; float: left; } .grid_19 {width: 304px; float: left; } .grid_18 {width: 288px; float: left; } .grid_17 {width: 272px; float: left; } .grid_16 {width: 256px; float: left; } .grid_15 {width: 240px; float: left; } .grid_14 {width: 224px; float: left; } .grid_13 {width: 208px; float: left; } .grid_12 {width: 192px; float: left; } .grid_11 {width: 176px; float: left; } .grid_10 {width: 160px; float: left; } .grid_09 {width: 144px; float: left; } .grid_08 {width: 128px; float: left; } .grid_07 {width: 112px; float: left; } .grid_06 {width: 96px; float: left; } .grid_05 {width: 80px; float: left; } .f-left {float: left !important; } .f-right {float: right !important; } .f-none {float: none !important; } .results-heading .grid_06 {width: 110px; }/* for: .grid_06 used in BIPC search results, instead of .grid_07 */ .panel-list-height {min-height:265px;} /* these verbose selectors are due to the same cause as detailed below ... */ /* commented out 18/06/18: not sure why this was written, however there is a better way*/ /* .main-content-block.highlight-bg > .main-content-block-inner.main-bg { padding-top: 16px; padding-top: 1rem; padding-bottom: 16px; padding-bottom: 1rem; border:10px red solid; } */ /* 02/07/18 commented out: see 12615 .desktop-site .main-content-block.highlight-bg > .main-content-block-inner.main-bg > .pnl-block { padding-left: 16px; padding-left: 1rem; } */ /*** Following are some bespoke 'control' classes to add to wrapper divs in certain scenarios. In order to reuse the same HTML within components in different page layouts, etc, it has become necessary to wrap the HTML block/component in a wrapper which overrides certain css styles... ***/ .desktop-site .twitControl {float: left; clear: left; width: 940px; } .desktop-site .twitControl iframe.twitter-timeline, .desktop-site .twitControl #twitterwrapper {width: 520px !important; background-color: #e5e5e5; } .desktop-site .twitControl .pnl-row {margin: 0 auto; float: none !important; /*width: 50%; */} .twitControl #twitterwrapper {height: auto !important; padding: 0; } .twitControl h3.pnl-row-title {font-size: 1.1rem; } /*temp fix: set all feeds to this height, we need to offer height flexibility*/ #twitter-widget-0 {height:382px !important;} /* for including '
' inside '
use class .paddingControl01 inconjunction with class grid_61 */ .desktop-site .paddingControl01 {margin-bottom: -16px; margin-bottom: -1rem; } .desktop-site .paddingControl01 .main-content-block-inner {padding-left: 16px; padding-left: 1rem; } .desktop-site .paddingControl01 .lrg-img-pnl.pnl-3col .pnl {width: 304px !important; } .desktop-site .paddingControl02 {float: left; clear: left; width: 100%; } .desktop-site .paddingControl02 .pnl-block.p-l-1col p.block-desc {padding-left: 0; width: 70%; font-size: 0.875rem; } .desktop-site .paddingControl02 h2.block-title {font-size: 1.4em; } .desktop-site .paddingControl02 .top-rgt {top: -48px; } /********* NEW HOME PAGE LAYOUT START *********/ .boxSize, .boxSize *, .main-home-pg .footer-block-inner, .product-hero, .product-hero *, .pnl-lg-footer {box-sizing: border-box; } .boxSize:before, .boxSize:after, .boxSize *:before, .boxSize *:after, .product-hero:before, .product-hero:after, .product-hero *:before, .product-hero *:after {box-sizing: inherit; } .boxSize .main-content-block div:before, .boxSize .main-content-block div:after {content: " "; display: table; } .boxSize .main-content-block div:after {clear: both; } .main-home-pg .owl-carousel {height: 430px; display: block; overflow: hidden; } .main-home-pg .shopping .owl-carousel {height:auto} .main-home-pg .owl-carousel .owl-stage {overflow: hidden; } .main-home-pg .owl-carousel .owl-stage, .desktop-site.main-home-pg .owl-carousel .owl-stage .owl-item:first-child .item:first-child {height: 398px; } .main-home-pg .owl-carousel .owl-stage, .desktop-site.main-home-pg .owl-carousel .owl-stage .owl-item:first-child .item:first-child {height: 430px !important} .main-home-pg .shopping .owl-carousel .owl-stage {height:380px !important} .main-home-pg #main .shopping .pnl-shop4col .pnl-img a {margin-top:30px;} .main-home-pg .owl-carousel .top-row {height: 304px; overflow: hidden; } .main-home-pg .owl-carousel .top-row .pnl {min-height: 286px; } .main-home-pg .owl-carousel .bottom-row {height: 126px; overflow: hidden; } .main-home-pg .owl-carousel .top-row .pnl-img {height: 126px; max-height: 126px; overflow: hidden; } .main-home-pg .owl-carousel .pnl-title {padding: 0; margin: 0 0 6px 0; font-weight: normal; font-size: 18px; font-size: 1.3em; } .main-home-pg .owl-carousel .bottom-row .pnl-img {float: left; } /*.main-home-pg .owl-carousel .owl-item .pnl.item:not(.onload-right-half) .bottom-row .pnl-img {width:142px}*/ .main-home-pg .owl-carousel .top-row .pnl-block .pnl-col:first-child {margin-right: 16px; } .main-home-pg .owl-carousel .pnl-txt p.free { background-color: #000; color: #fe0 !important; display: inline-block; margin: 0 10px 6px 0; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; padding: 2px 4px; font-size: 10px; float:left } .main-home-pg .owl-carousel .pnl-txt p.desc {clear:both} .main-home-pg .owl-carousel .pnl-txt p.event-availability {color:red !important;clear:both} /*.main-home-pg .owl-carousel .pnl-txt p {font-size: 13px; font-size: 0.7875rem; }*/ /* Remove silly grey strip on hp top carousel. .desktop-site.main-home-pg #owl-carousel .owl-stage-outer:before {content: ' '; display: block; height: 100%; position: absolute; right: 0; width: 20px; z-index: 50; opacity: 1; transition: opacity 1.0s ease-in-out; }*/ .desktop-site.main-home-pg .owl-carousel .owl-stage-outer.fade:before {opacity: 0; } .main-home-pg .block-footer .pnl {width:auto;} .main-home-pg .owl-carousel .owl-nav div, .shop .owl-carousel .owl-nav div, .save-our-sounds .owl-carousel .owl-nav div { background-color: #037a8d; display: inline-block; position: absolute; top: 54%; height: 40px; width: 40px; z-index: 100; color: transparent; text-transform: capitalize; box-sizing:border-box; } .main-home-pg .owl-carousel .owl-nav div { background-color:#b70303; top:12px } .desktop-site .main-home-pg .owl2 .owl-carousel .owl-nav div {top:48%} .main-home-pg .owl-carousel .owl-nav div:before, .shop .owl-carousel .owl-nav div:before, .save-our-sounds .owl-carousel .owl-nav div:before {content: ' '; width: 30px; height: 30px; display: block; opacity: 1; transition: opacity 0.30s ease-in-out; } /* .main-home-pg .owl-carousel .owl-nav div:hover:before, .shop .owl-carousel .owl-nav div:hover:before, .save-our-sounds .owl-carousel .owl-nav div:hover:before {opacity: 0.6; } */ .main-home-pg .owl-carousel .owl-next {right: 0; } /*carousel nav*/ /*.main-home-pg .owl-carousel .owl-next:before, .shop .owl-carousel .owl-next:before {background-position: 39px -56px; }*/ .main-home-pg .owl-carousel .owl-next:before, .shop .owl-carousel .owl-next:before, .save-our-sounds .owl-carousel .owl-next:before {background-position: -153px -57px;} .main-home-pg .owl-carousel .owl-prev:before, .shop .owl-carousel .owl-prev:before, .save-our-sounds .owl-prev:before {background-position: -106px -57px;} /*.main-home-pg .owl-carousel .owl-prev:before, .shop .owl-carousel .owl-prev:before {background-position: 88px -56px; }*/ /**/ .main-home-pg .owl-carousel .owl-prev {left: 0; } .main-home-pg .owl-carousel .owl-dots {height: 0; display: none; } .main-home-pg .owl-carousel .owl-stage .owl-item .pnl, .main-home-pg .owl-carousel .top-row .pnl, .main-home-pg .owl-carousel .bottom-row {background-color: #fff; } .main-home-pg .owl-carousel .owl-stage-outer:before {background-color: #ddd;}/* darker gry */ /**/ .main-home-pg .main-content .main-content-block:first-child .main-content-block-inner > p, .main-home-pg .main-content .main-content-block .main-content-block-inner > .pnl-2col > p, .main-home-pg .main-content .main-content-block .main-content-block-inner > .pnl-3col > p {font-weight: bold;} /* .main-home-pg .main-content .main-content-block .main-content-block-inner p a {border-bottom: 1px solid; } */ .main-home-pg .main-content .main-content-block .main-content-block-inner p a:hover {border-bottom: none; } .main-home-pg .pnl-row .pnl-row-title + p {margin-top: -16px; margin-top: -1rem; } /* .main-home-pg ul:not(.strapline-list) .action-button {background-color: red; font-size: 0.8rem; padding: 0 20px; } .main-home-pg ul:not(.strapline-list) .action-button:hover {background-color: green !important;} */ .main-home-pg .shopping .pnl-txt h2 + p, .main-home-pg .shopping .pnl-txt h3 + p {color: #cd3333 !important; }/*first p*/ .main-home-pg .main-content-block-inner .pnl-row {padding-left: 16px; padding-left: 1rem;} /* .save-our-sounds .main-content-block-inner .pnl-row {padding-left: 16px; padding-left: 1rem;} */ .shop-category .promo-wrap .main-content-block-inner .pnl-row {padding-left:0;padding-right:0;} .shop .search-rslt #eventsList {padding-left:0;padding-right:0;} .main-home-pg .main-content-block-inner .block-footer.pnl-row {padding-left:0} .main-home-pg .owl1 .block-footer.pnl-row {padding-left:16px;} .main-home-pg .main-content-block-inner #owl-carousel + .block-footer {padding-left:16px;} .main-home-pg .main-content-block.shopping .block-footer .pnl {padding-left:16px;} /*.main-home-pg .shopping .main-content-block-inner .pnl-row {padding-left:0;padding-right:0}*/ .main-home-pg .owl-carousel .pnl-txt, .main-home-pg .owl-carousel {padding: 16px; padding: 1rem;} .main-home-pg .owl-carousel .pnl-txt {overflow:hidden !important} .main-home-pg .bottom-row .pnl-txt {padding-left:0 !important} .main-home-pg .owl1 .owl-carousel {padding-top:0;} /*homepage top carousel*/ .desktop-site.main-home-pg .owl1 #owl-carousel {height:457px;} .desktop-site.main-home-pg .owl1 #owl-carousel .owl-stage {height:457px !important;} .desktop-site.main-home-pg .owl1 #owl-carousel .owl-stage .owl-item:first-child .item:first-child {height:457px !important} .desktop-site.main-home-pg .owl1 #owl-carousel .top-row {height:331px;background:#F1F1F1} .desktop-site.main-home-pg .owl1 #owl-carousel .top-row .pnl {min-height:315px} /* .main-home-pg .owl-carousel .owl-nav div:hover:before {opacity:1} */ .main-home-pg .owl-carousel .owl-nav div:hover {background-color: #6A0000;} /*news / blogs section*/ .main-home-pg .owl1 + .main-content-block .pnl-inner, .main-home-pg .discover-learn .pnl-omit + .pnl .pnl-inner { padding:0; height:auto !important; } /*discover/learn images*/ .mobile-site.main-home-pg .discover-learn .pnl-omit .pnl-row {padding:0} .main-home-pg .discover-learn .pnl-omit .pnl-row a {float:left} .mobile-site.main-home-pg .discover-learn .pnl-omit .pnl-row a {width:100%} /*.desktop-site.main-home-pg .discover-learn .pnl-omit .pnl-row a {padding:16px;}*/ .main-home-pg .discover-learn img, .main-home-pg .social img {width:100%;float:left} /*.main-home-pg .social .ads .pnl {margin-top:16px;}*/ /**/ /*Homepage footer carousel*/ .mobile-site.main-home-pg .shopping .pnl-shop4col {width:auto/* !important */} .main-home-pg .owl1 + .main-content-block .pnl-inner .pnl-txt, .main-home-pg .discover-learn .pnl-omit + .pnl .pnl-inner .pnl-txt, .main-home-pg .owl1 > .main-content-block .pnl-inner .pnl-txt /*03/03/17: used on the incorrect structure on cdstaging for the news on HP*/ { /*padding: 16px !important; padding-left:0 !important; */ padding: 16px 16px 16px 0 !important; } .main-home-pg .shopping.owl2 .owl-carousel {padding:0} .main-home-pg .shopping.owl2 .section-footer {margin-top:16px;} /*HP blogs/news images*/ .main-home-pg .sm-img { /*max-width:170px; width: 100%;*/ float: left; padding-right: 16px; padding-right: 1rem; } .main-home-pg .news .sm-img {width:130px} /*.mobile-site.main-home-pg .sm-img {max-width: 135px;}*/ .main-home-pg .sm-img a {float:left} .main-home-pg .last-pnl {margin-bottom:0} .mobile-site.main-home-pg .last-pnl + .block-footer {padding-top:16px;padding-top:1rem;} .main-home-pg .sm-txt {padding-top: 16px; padding-top: 1rem; } .main-home-pg .promo-banner-inner {width: 100%; height: 332px; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; } .main-home-pg .promo-banner-inner span {position: absolute; left: -3000px; top: -3000px; } .main-home-pg .main-content-block-inner.grid_61 .pnl-row.grid_59:first-child {padding-bottom: 16px; padding-bottom: 1rem; } .main-home-pg .main-content-block .main-content-block-inner .pnl-row .pnl.live-feed {margin-bottom:0} .main-home-pg .live-feed .suffix_1 {margin:0} .main-home-pg .main-content-block .main-content-block-inner .pnl-row .pnl #twitterwrapper {height: 382px !important;} .shelvesandspaces.content-page .live-feed.pnl #twitterwrapper {height: 382px !important;} .shop.shop-product.quick-basket .social-icons ul {width:auto;float:left} .social-icons {height: 0px; } /* Checking impact of this on non-home pages */ .social-icons ul {width: 100%;} .social-icons ul li {display: inline-block; float: left; margin-right: 10px; } .main-home-pg .social-icons ul li {float:none;margin-right:0} .desktop-site.shop .product-info .social-icons h2 {width:auto;} /*use for black/white icons*/ /* .social-icons ul li a {display: inline-block; width: 48px; height: 48px; text-indent: -3000px; opacity: 1; transition: opacity 0.3s ease-in-out; background-repeat: no-repeat; background-image: url('data:image/gif;base64,R0lGODlhUgEvANUAAKysrPPz83x8fLCwsM3NzcbGxjw8PMnJyZ2dnYmJiUpKStra2pWVlbm5uUJCQt7e3uHh4UZGRtPT06ioqOrq6ujo6GhoaO3t7U1NTfj4+NbW1vT09FJSUqSkpISEhFpaWoGBgebm5l5eXlZWVqGhoZiYmGVlZdTU1PDw8MLCwmFhYXZ2dm1tbXJycrS0tI6Ojj4+PuTk5L6+vpGRkby8vNDQ0MDAwDg4OO/v7/7+/js7O9jY2Do6OtnZ2Tk5Of///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwNjcgNzkuMTU3NzQ3LCAyMDE1LzAzLzMwLTIzOjQwOjQyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTVGNUVEMDY4RTBGMTFFNTk4RjJGMEE0QjRGNUYwRjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTVGNUVEMDc4RTBGMTFFNTk4RjJGMEE0QjRGNUYwRjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NUY1RUQwNDhFMEYxMUU1OThGMkYwQTRCNEY1RjBGNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NUY1RUQwNThFMEYxMUU1OThGMkYwQTRCNEY1RjBGNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAABSAS8AAAb/QM1u0SP2jsikcslsJjWan3RK/UmMzqzWudj1oNWqBkvEbs/J4bELDlOFZy9Rjc623VBzfc9ku6VQfIJLZTsnO3+JiotuOIiKEoySk2GOio+UmYwbmH9RmqB/ORSfbjsZoalVOZ1iOKqwgAuxsJaQtKoXrVW7uJMBvVTBizm0ORXDp76gGcM9r8uaRFLF0ZK2iZHWlLqX25TAi8Or1cTlisfJqN+MzYk70OyiUkXyjNh/2vaJ3Yk9+4o4LSpFKcOFBRIISICAoty5ROn8rQMYxt0feBT/TMtYaZwVjmH6XQRZJZy3SRkKMGjxAYOCCAo4qFjRYcFDiMjeTSRp0VS8/203qxzBlaOowwxIM1QrOgWfG32xgq6qItIUpWJMcZl8B7Eajg4qHPC44aPsjbFmFbQogAortVU5L+4E2TMMRpJThhqrtqFAAgsqAqtgsYJAFadhoII6J3XKw6p2QxlVmkOpZaSSto50wzRDAw48yvIITbasaNIwWDwyGiaiXLxS6vL6yU6q3qg/chQYocP0aB9kJxz2qPgqLci8GGXNUEHGjBUsokcHLMLEjAuZPY6jsGK0DgPfR4cO7SM8Dx2hYZBoe9O1qbkcZQt7JRWrfaP48+d37OZ2qqUT9HaeDgSiFxoAwy1S3GKxUbADAT1c0B4VyAljjhQLeADDBytYoP+AWT58EN0EAfyiXWvFLPABDwbAQKABLJJnWlkG1AheWQKU2F5c70HkS1ZUyDfFXY8VMMCRSCap5JEAJAmACzWU+Id/sKQAgw+koWfaWcJRgVgVC7KmHIYJYBCaDhyUEMIUFbhAgZfjeISVCzAYMMEGuS3Awg1XroDnW4xoZhUVTEnAgQ8wFtibWTA44ACMwLX4XXk+rKAjYzzaBV9uRyG1AQo4hCoqCqSSGkBSjFUhpBQYPdSDCjPGKqtZaIlWVgsoAJrXP7QEIMINi56GZVkIwqmgGxkAYFhujKSgwFkGmHXDCAVIQAIHLPwpRYVDStIAosVOcYEFwPowg1vZiTP/VQyH1vhipCyUAEABBBCQAgAJiFBWgTXyIEBbhGbKy6ZSQDAAAi8kIIAAHVrg8MMQW9DCwiC8UMIEBNy06g9ETrHBrzHOKut4Z9HaGwObUpmKC72B552MZXWQ4C0hxQSBrjcRIJaNNvbmaIgBAMktq4zE8KEIAFejgQME+rCsieqqagGiPSM6Q5ScUdAArIjyAENoCDDrmMDCEPyZbyKnHasDKKuaDH1U1OCAD3W+XNqsLNL9kgJz94YBdmGovJgHwJ73mwEWLMzwAYB+ScWCC/TGQSRMAbmtvgQOeCZpI6RAAwITOU70IgnciqwHlArQWBiCRlYFAliCV6cPFuyw/7oUKMDu9Y0O1ACXOoRiODfMM95w1t3D2orllT6Q4PY7tP1AQATlKUoeacpjSW0FEISgwdQ+KPBm4LzCsgEL1WupQAobJIWUmKJLsSABiPoQAQATPUTDmQZqedZ3MeFAxsQVp0Xg4ANkacFUfiADs3DgT7f7QeuS8xYIRCBvN0qAlHLzABeU4AUMAEAP8teArxXIBy3YiXs0FbwclM5Fs/LflkT2nWh9QEexeVsYpkcp5AGHeKbxwOtCI77+lE8VFFjRdwwUNhQ1hThuOAFZomUAATxAYwwAlqJcdqZoYeBp2yqgInrwLNr94QEROIsCcgU1RRDkB6jLnAFukIB15P+gBi2IwI3K4wAT+I4aARoQomwQMOCpCoH9mpWLfuND37wrAr6rxsbuQgUejqWRsRIPHd2SAxKQBQPjE8oRU1GBD5SHRWRJgdj+EL+PhKECH/paaNgWg51kAASnFI+BoBWiWazyAqOkYCI08CEfcAA7D6GACELzQEJRxg0TtNAUIGAm8PSGBVLKAAmU5y7gwKABnQEBsG60gqSRbUgq/MEFzJQ5WUFqiYYTz/XCg6gBiG2S0eMhcJLnm9BES54eSBoCQvM3TlFBcJpIYsnIo8pVduRYFUnADfrVmxs4YAUyYAhSEvCbTA7oBjPQlTqDKc1EUAA0OoCBPcOAAhOQRXX/hAJACSoAzRNNIUBnmeUJqAG7WC2xaQ7YaYowUD0eRAATKxxYGCwoz0waQAEK6KKiTog2H8hsCvjcIfUqKhr0yHAsTUtAFToAnCKSjxalPM8+fdDQ1jwRomEIAQYm2rU9OkAFHiCBCtTqU+/4QKwhEaMocrCCcpkAPhU4FAyQmpsR3IBxrLPpDzLQgtiVJQHVKMBEv9MCBAigX+eJFgsmIgAsnecGK83NOVkFHwkMD28+EIAEEiAW08ozWKW5QRNzCD2t8tO2aMHAB0ZAvdB8gAAViEEIdoC+8IXyoCTVRCmz19DGtHJBOKDAATiQU3fVKLenlJVXdaBbNwyNY4w4/0C00FOCMDTgQA/JgAgMAMYpRLNbUgjBobQEA8jKt3odQEUGBrqo0ETAlz9wwXp7AwI7rpZj8ElBtNQGgmIQAATjkaeMLskDwPL2IvmkXtoUMIEFUCAGNZjB1yw6ghZTb45mFSUtULBMGpUFsoq4rhsI8AEG6AtL6LHmCTu61lyip0tUEexgJ2AaByCAjRmQAd8GgK4pmMAAvbjv6KS31d6IYHw1WNS/mLVOSi1PBszqQXFDIwLAJbVsYZABDEoDxBuMebIHWMG+qIql43l4sjqsAg8zpzkejADB1JCygEo2qRhDFxQbaECTXNAABMz1TFjyQAOQBAAAPPcHOg7DA/+WZ6BC6xKIpxmNA3BMISW7NTcNQGBZPpAABrDAAQpgdV9SQIACcMAAJOi1DCrAlzcGbgosK1yl1sGAsqz6Lb6aqHgMkFoc7HcsCqCpag1JBRtMOG1jluQBWlCnPcbqz1kV9FbN4jIFIJoKLvAnV3vj6F2BYgEcqCFobTtRnumgdzPLRvAm24J+W9M7mWvnyE7IgU+H8SSDrQYKrOUBEIgYBjSgRjEg4IBGMa1GjoLBBKoRgOji9wdkTZ6HS+uDEaypGiH4kFcR5QJxHYpSDngANR6sjCp4W22xZc80RxCytY4F3YGu5IsToJLathdnBD+LAybQgD0514igeEAxSQb/M5iRhQM3y0qow3AAf7pIQBomskfH0oKgnNcjOMtBAEzpAwzMgjUVMIEILGACsXzAYSOgQbEXUb4OaLE3L6BGd3jwAW1LoQaigZHXCFmwD6n1Bp94MzrDYCW12Tl/F7D0wW1VMqT3Vt0+cIBhUkBeA7zxHBMYSwQkRAJsO/wHCFXEA4g6nqoajzyTMsEGpTB2VQ2UReYGujtTm2SIL/APZQ5NHcVWmaTM9wDVV4oUtIxeKZB1ikHPTWkN/fLcbBOsvYmAPlxbPUT5UvOsjfO3R+avdaBgAFHla6xKY3oQ+xYGBfADADBLa/J8KTAaMGATCKBGt5d7ibB7ZpY8dLZn/71RTgGXD5yRGwMwX99RMrICXvukVkV0E2+XCiBQagIwPowxX3+0StyHCQCwL6MhfFIQg6mHYxkAK8BnTGz0AyUUWuETAzvHbVPgbag2LB6QAyjgAo5VHnVyPEDUfz7hWwbAOANAFg5QgH8gA2NhABCQAz1Vb/Rgcg9IVFy1f+g3LIBVDsVHKDlwAQXAApCifKZRQzeQeNDnaj6SGyhAAXI2TiGyLA5hSobxENxXPjbwNYhyA+pHfCOAJVf1Aw9wJU3VdlPwAgPiRSrIc/BxAMwDWy3QAC7FIkvkUTMSUliVdFPAQ89WAOKhSpZTDSUwSxKygFd3VpqwA6+1Z2SBFv/XQxZPZyw0wxkMoAIi8Il0iHyp53iB5XxuKDYboAEA4AEfwAEjwDSW5QArVTks0IisY2xiMAULYIYG8gLVkAJ0k3E1WB4LdgMZVww5uC/RYgFSAn8QFjwL8FrXs2ev1YEgWCu/sVuAdnpKRzeMwy5kwQJVVg0nFRqHBYZYIoa4R4Z/QAEKAwIg4AECEAHB4pAJgJELU1+gBkX+MDc1Qofy2BsjZ1DNxxWcwRQbAAC35gMigAAuIAM1UAMvECmI0gCEEgIjVFNR8wMthXCpF4A/oAF1p3NSgDrgcZIioC0FMDziUQJLwYnBE3PAZVvwdErB4lOl5gPhMpD+h3oAOFn/ccQDkVgOGVBac2RPEHkDEumAouA+GRADdLclNGCX8NGGjlEMKbCLIMJP4sGOtANBVaZOeggoD8ACodECEqAtsUEDscSDGVgSkuVCQJY3CrCXsDNaU1A6oXUehThZbtlRSLltOhE8OGCGG6YlpvaVjnRwDtBWZDmFZomUNXBB34EAwxcCpzkCyAQ7ctmAFCkJSWRbWGKbrESSGZgDBEB0m0kWv0cjL3IlGOARJZgIEGBKPBBQ7/CILJKaA0cFL0gFgQlkmXNXF7SGkvgs6eEC5UADT0keHxBK9thzQYI+LrOV8aRhsLk5J4kBN5OKBLmK1OMASJkDJXAatCZpIGCG/4iyoLozl8fJCNNlTcBBeTnmnC8pQQ2QAI84mI7UgQrKCNt5OmfBAbliOY+zVUi2COeJVVNjTTdCFt+0ShDwFy9wRVPwAKDxT2WBAA6BlWHgAu2XS7ViWsIST0C2SDBloGVZkGdJDS8whzHSexjnGBVqnLQQAqY0cz6AZgbkoY2RAQewIh5IZyfkAOq4OimKjyKGWYxAOAYwloowo1PwXlz0IjzgbrEBONRXMCaAKDMHdoW0mmFwPplEepgEIuTxdXcnpbhJpeSZAwNgJkwKZB8AWVgRhl4aC2nVG4tCph0KV6IQABKAS/H0Py9TFhxAnooQp1VQAKbxdC76FhMwUf/MmQh6GhuFukVzpALrEAMsoAEPsQE2cCik+BvOk6ivMRUBgAAWMAIYEAGO0nE8s60u4nERgAEcIAICEEzpZqn88QMhwAAWwAEYAK4sMAFsVDmginWi+ohiaqqJUHxFQQEFcAA18DnkgnBo8SIwchYCUKCSQKuVVBoWYB8tJAXNxgHDl6eSNQXsd5IGAgJTUABPhQAnAAEPcAIuUFmnZCM8oAItepVEWBEUsAA10K8H4Dk0MLM0SwMyQAMNkAIFQC87AAHR82GVyiw8BAMiGRsQsAALEANSQVZ/GqqwMF33eg9m+gMUYGm+0W8JJ6Y3YAEuIHQoupj5FaQ6sI3nWgz/G7AiaBZBEpSZ1RCD8HQeSDaLztauFwQcHeg19jOpY7OyGrcP5Sq01LOl/7GTtyhjohqmeTOmUouqzJIBDzABFvBPPnQ8ESAAMhAPaquYzkgonhQtMIA/fxAAAsADRJqrQumMWNFs9BQBn5AB/EleY9FF6TOhIpWfBCNSLDkJpnubdhFiiPIBM8AAMxC8DCC8wku8xhu8wVsCHqAA0WKhaJWXE4avzcm4JbEALpAALNFiI2ACKzADKRACt7sIChskqLMvLOACGmUQCzABvAEAmbt9FRskzXZaEhu2dRUjWYseDkC9e6uoePG3UgCB84eSMzJLN0CDuPi00lsW/vtQ/8MIEUgRABcQKu2TP/FLQJvbtxkwAKBBIxEQri0RATDQAjaBu746v2+RARNAiR+wDvFWPZI3ICf0RTjBtxkhwLkhmiDyqJ43GjYQFHQpCdO1L8DxwBf4FBcyWLkAtiWRArb2AVLcvQkwAF/Yt23kkm7YFgSgL8Rqmkk6LB4IAymIDkYawKqIVQgwAgrQrlD1xnAcx3DcrsIlA7ZxoYtQxFvCofnqoZLRxBtcnrnhPhl8ulrshjCJAOCZnh1FXqURARaQArdju7DBu7ORCBtwAZq8yZzcyZ6syThgR/TKwAfMVosbwSRRvv+hCb96mRtQGQkgS4OpALR2AHbUGJQMG9U6XMhLvMCqoMei0asQLHCVrMoU0cpOZLQpMAElkAAe8AIIoCyCKgm5jMYHShJDjKF0dzfCnMSJUcmae8gkgcwDJyZ/+RCZW808kcaAwsuZkM15nJcC0s3CSMyr/GpfG8jlPCbgoMKqkMHqTBfszBFH4M5UkJwy6AOy2ggesVPFTIZ4/A0Coc/7MAomp58kwQrXDBI9IAE94AWDgARdUAQiLQdOcAf5ENIq/dFEgNJhoAFJoAcrnQVIuwMu/dIyPdN1cNNTEAg6PQg2PUww/dN8MAQnEAQAOw=='); } */ /* .social-icons ul {display:inline-block;width:auto} */ /* .social-icons ul li a:hover {border-bottom: none; opacity: 0.8;} */ /*use for black/white icons*/ /* .main-home-pg .social-icons ul li a {background-image: url(../../../resources/global/images/2016-social-icons.jpg);} */ /* .main-home-pg .social-icons ul li a {background-image: url(../../../resources/global/images/social-icons.jpg);} .main-home-pg .social-icons ul li.fb a {background-position: 0 0 !important} .main-home-pg .social-icons ul li.t a {background-position: -59px 0 !important} .main-home-pg .social-icons ul li.yt a {background-position: -233px 0 !important} .main-home-pg .social-icons ul li.pi a {background-position: -175px 0 !important} .main-home-pg .social-icons ul li.li a {background-position: -347px 0 !important} .main-home-pg .social-icons ul li.i a {background-position: -290px 0 !important} .main-home-pg .social-icons ul li.g a {background-position: -117px 0 !important} .mobile-site .social-icons ul li a {color: transparent; } */ /* .main-home-pg .social-icons ul li a, .main-home-pg .icon-list li a:before {width: 48px; height: 48px;} */ .main-home-pg .social-icons ul li.pi a {background-position: 70px 0 !important} /*removes line under the tweets*/ .main-home-pg .social-icons.align-center ul {overflow:hidden} /**/ /*TODO: why has last-child been used here? - IE doesn't repect last-child*/ body:last-child.desktop-site.shop .product-info .icon-list li {float:none;margin-right:0;display:inline-block} body:last-child.desktop-site.shop .product-info .icon-list li a {width:60px;height:60px} body:last-child.desktop-site.shop .icon-list .t a {background-position: -60px 0px;} body:last-child.desktop-site.shop .icon-list .yt a {background-position: -124px 0px;} body:last-child.desktop-site.shop .icon-list .pi a {background-position: -421px 0px;} body:last-child.desktop-site.shop .icon-list .li a {background-position: -240px 0;} body:last-child.desktop-site.shop .icon-list .i a {background-position: -180px 0;} body:last-child.desktop-site.shop .icon-list .g a {background-position: -846px 0;} /**/ /* .desktop-site.main-home-pg .social .block {margin-bottom:16px;} */ .desktop-site.main-home-pg .social .pnl-row-title {font-size:1rem; padding:0} .main-home-pg .social-icons .pnl-block, .main-home-pg .social-icons .pnl-block .pnl-row.pnl-3col {padding-left:0} .main-home-pg .med-img {float: left; padding-right: 16px; padding-right: 1rem; width: 165px; } .main-home-pg .pnl-omit {float: left; margin: 0 16px 16px 0; margin: 0 1rem 1rem 0; padding: 0; position: relative; width: 100%; } .main-home-pg .pnl-inner-omit {min-height: 100px; } .main-home-pg .pnl-3col > p {padding-right: 16px; padding-right: 1rem; } /* pre-footer */ /*.shop.masthead-compress .main-content .main-content-block.bg03 {margin-top:100px;}*/ /* end pre-footer*/ .main-home-pg .whatson-newsletter-block, .shop .whatson-newsletter-block {color: #fff; margin: 0 auto; max-width: 500px; padding: 40px 0 50px 16px; padding: 2.6rem 1rem 3rem 1rem; } .main-home-pg .form-block-inner h3, .shop .form-block-inner h2, .shop .form-block-inner h3 {font-size: 22px; font-size: 1.5rem; font-weight: normal; margin: 0; } .main-home-pg .form-block-inner h3 + p, .shop .form-block-inner h3 + p {color: #cdcb98; font-size: 11px; font-size: 0.8rem; } /*.main-home-pg #go_link, */ /*.shop #go_link {background-color: transparent !important; border: 1px solid #fff; text-align: center; font-size: 14px; height: 37px; width: 62px; }*/ .main-home-pg #go_link:hover, .shop #go_link:hover {background-color: #66676a !important; } .main-home-pg #go_link {background-color: #037a8d;text-transform:uppercase} .main-home-pg .pnl-omit .pnl-inner-omit p {padding-left: 16px; padding-left: 1rem; } .main-home-pg .pnl-omit .pnl-inner-omit h2, .main-home-pg .pnl-omit .pnl-inner-omit h3 {margin: 0; font-size: 16px; font-size: 1rem; } .main-home-pg .block-footer.pnl-row .pnl {margin:0} .new-footer #page-footer {background-color: #131313; float: left; width: 100%; } .new-footer #page-footer, .new-footer #page-footer a {color: #a09c9d; } .new-footer #page-footer a.no-hover:hover {border: none; cursor: default; } .new-footer #page-footer dt a {color: #fff; } .new-footer #page-footer .sml-txt, .new-footer #page-footer .sml-txt a {color: #585858; } /*01/03/17: last set of links in the footer*/ .new-footer #page-footer .pnl-4col {padding: 16px; padding: 1rem;padding-bottom:0;} /* this does the same as the above when the html is without the .pnl-4col class as is the case in sitecore currently*/ footer .menu-block ul.h-menu {padding: 16px; padding: 1rem;padding-bottom:0;} /*end*/ .new-footer #page-footer dl {display: block; width: inherit; } .new-footer #page-footer dt {width: 100%; } .new-footer #page-footer dd {width: 100%; margin: 6px 0; } .new-footer #page-footer dt {font-size: 16px; font-size: 1.0rem; margin-bottom: 0.6rem; margin: 6px 0; color: #fff; } .new-footer #page-footer .main-content-block + .footer-block {border-top: 1px solid #4e4e4e; } .new-footer #page-footer .footer-block-inner {display: block; min-height: 120px;/* commented out 27/02/17: padding-left:42px;padding-left:2.6rem; */} .new-footer #page-footer .footer-block-inner .menu-block ul li a { border-left: 1px solid #4e4e4e; display: inline-block; font-size: 12px; font-size: 0.8rem; /*TFS 9461: */ margin-top: 0; padding: 0 18px; } .new-footer #page-footer .footer-block-inner .menu-block ul li.desktop a, .new-footer #page-footer .footer-block-inner .menu-block ul li.mobile a {border-left: 0 none; padding-left: 0; } .shop .new-footer #page-footer .pnl h2 {display: none; } /*.shop .new-footer #page-footer .pnl dd .icon-list {float: left; margin-left: -10px; }*/ .shop .new-footer #page-footer dd .pnl-block {padding: 0; } /********* NEW product PAGE LAYOUT END *********/ body.shop-home div#main div.main-content-block.main-bg, body.shop-home div#main div.highlight-bg {background: none !important; background-color: transparent !important; } body.desktop-site.shop-home #main .pnl-3col .pnl {width: 309px !important; } body.shop-home #main .main-bg .highlight-bg {overflow: hidden; } body.desktop-site.shop-home #main .main-bg .highlight-bg .pnl-inner {margin-left: 8px; } body.shop-home #main .main-bg .highlight-bg .pnl-inner .pnl {margin: 0 16px 16px 0; } body.desktop-site.shop-home #main .pnl-3col .pnl {position: relative; right: -4px; } body.shop-home .hlf-img-pnl .pnl-title {text-transform: uppercase; } body.shop-home .hlf-img-pnl .pnl-txt {text-align: right; } /*body.desktop-site.shop-home .hlf-img-pnl .btm-lft {left: 336px; } could just remove .btm-lft ? */ body.desktop-site.shop-home .hlf-img-pnl .pnl-inner .pnl-img {width:50%;} body.shop-home .products .pnl-1col .pnl {width:100%;} .mobile-site .products { padding-left:16px; padding-right:16px; } .mobile-site .products .pnl.pnl-act-btn {padding:0;} /*12079 .shop #main {position: relative; top: 112px;} */ /*12079 .shop.shop-home #main {top: 0;padding-top:16px;} */ .shop.shop-home .main-content-block-inner:first-child {padding-top:16px;} /*12079 .shop.shop-theme .footer-block.sectional-footer { address the gap in the footer in files with extra heading depth (currently only desktop-shop-theme-pg.html) margin-top:112px;} .shop .main-content {position: relative; top: 0; } .shop footer#footer {position: relative; top: 112px; z-index: 1; } */ /*12079 .shop.masthead-compress #main {top: 208px; }*/ /*12079 .shop.masthead-compress .main-content {top: -208px; } */ body.feature-module.masthead-compress #main > .main-content > .main-content-block {position:relative; top: -30px;} /*12079 .shop.shop-home #main {top: 195px; }*/ .shop.masthead-compress footer#footer, .shop.shop-theme footer#footer, .shop.shop-search footer#footer {top: 0;} /**/ .shop.shop-search #main {top:0;} /*26/07/2016: bg image depth (I though this was a fix but it's not the case - keep for now)*/ /*.shop.masthead-compress #main {top: 454px; } .shop.masthead-compress .main-content {top: -454px; } .shop.shop-home #main {top: 220px; } .shop.masthead-compress footer#footer {top: 87px; }*/ /* end: page blocks repositioning */ #shop-legend {padding: 6px 0; /*height: 34px;*/ overflow: hidden; }/*this was required after having to move this row into the nav area*/ #shop-legend > div > p {display: block; font-size: 11px; /*line-height: 34px;*/ min-height: 34px; text-align: center; width: 100%; text-transform: uppercase; }/* because we're in a hurry */ .quick-basket #shop-legend/* global msg, .shopping-basket.basket-default #shop-legend */{height:auto;} .quick-basket #shop-legend > div > p, .shopping-basket/* .basket-default */ #shop-legend > div > p { line-height: normal; min-height: 0; } .shopglobalmessage p { line-height: normal !important; min-height: 0 !important; } .desktop-site #shop-legend > div.shopglobalmessage:first-child:after { content: none;} .desktop-site.quick-basket #shop-legend > div:first-child:after, .desktop-site.shopping-basket #shop-legend > div:first-child:after {content: none;} .product-hero {padding: 0; } /*.desktop-site .product-hero {margin-bottom: 16px !important; margin-bottom: 1rem !important; }*/ #shop-legend p, .product-hero p {margin: 0; } .product-hero .product-info, .product-hero .carousel-lrg {padding-top: 0; } #shop-legend > div:first-child {position: relative; } .desktop-site #shop-legend > div:first-child:after {content: ''; display: block; height: 1px; position: absolute; right: -16px; top: 50%; width: 34px; } /*#shop-legend #local-search, .product-hero #local-search {position: absolute; left: -3000px; top: -3000px; } #shop-legend .local-search-wrapper {border: 1px solid #eee; margin: 0; } #shop-legend .searchbox-wrapper, .product-hero .searchbox-wrapper {padding: 0; } #shop-legend .search-section {padding-right: 16px; padding-right: 1rem; }*/ /*.promo-label { background-color: #fff; font-size: 13px; font-weight: bold; margin: -30px auto 0; max-width: 130px; min-width: 130px; padding: 5px 6px; position: relative; text-align: center; text-transform: uppercase; top: 30px; z-index: 10; height: 30px; overflow: hidden; }*//* this'll have to do */ .product-info2, .product-hero, .product-info, .shop .alternate-img .w-bg {background: #f4f4f4; background-color: #f4f4f4; } .desktop-site .product-info svg polygon {fill: #f4f4f4; } .product-info {padding: 0 32px; padding: 0 2rem; } /* .product-info h2 {font-weight: normal;} */ .desktop-site .product-info h2 {width: 414px; } .product-info > .pnl > div {float: left; clear: left; width: 100%; border-bottom: 1px solid #ccc; padding: 16px 0; padding: 1rem 0; } .product-info .pnl div.btn, .product-info > .pnl > div.qty ~ div {border-bottom: none; } .shop .icon-list:before {content: normal; top: -3000px; border-top: none !important; } .product-info p {max-width: 416px; color: #333;} .product-info > .pnl h2 + div {padding-top: 0; /*padding-bottom: 0; */} .product-info2 > .pnl > div span, .product-info > .pnl > div span {display: inline-block; } .desktop-site .product-info .quote {width: 410px; border-bottom: 0; } .product-info2 .price p, .product-info .price p {display: inline-block; width: auto; position: relative; line-height: normal; } .product-info2 .price p span, .product-info .price p span, .feature-module .products .price p span, .shop-home .products .price p span {float: right; font-size: 16px; font-size: 1.6rem; font-weight: normal; } .product-info2 .price p span + span, .product-info .price p span + span, .feature-module .products .price p span + span, .shop-home .products .price p span + span { color: #999; text-decoration: line-through; font-size: 12px; font-size: 0.8rem; margin-right: 16px; height: 30px; line-height: 40px; } .feature-module .products .price p, .shop-home .products .price p {float:left;} /*.desktop-site .main-content > .main-content-block:first-child .product-hero .pnl:after {content: normal; } .desktop-site #product-hero .carousel-lrg .pnl:after, .desktop-site .carousel-lrg .pnl:after {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAADJCAYAAADVYJdkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVCNjI1OEExOTM4MjExRTU4QTcxQTI2RjQyMzE2RkI0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVCNjI1OEEyOTM4MjExRTU4QTcxQTI2RjQyMzE2RkI0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUI2MjU4OUY5MzgyMTFFNThBNzFBMjZGNDIzMTZGQjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUI2MjU4QTA5MzgyMTFFNThBNzFBMjZGNDIzMTZGQjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7VVqlRAAAGS0lEQVR42uyde4hUZRyGv52WIq0IaUnbFjO7EUFREARdXLPtYhdFLLckC0vRylAzlSIIo0TN7GJZKyWJphWb3VFLXVvX7neSIOoPKyK7t1FZWL+v+Q6OrXufmfOec54HXnDZnZmzv8f3O+fMzsypaG1tdSDDUTlmIMPplpZK5iDBMZaNlkoaEj/HWbZ4GZYdNCReBgcZ/cLXORoSH0f7fUaBjP+gIfEwKDSj6v/foCHl58jQjKq9fRMh5eWI0Iz+7f0AQsoro6UjGQgpHzWWZsuAzn4QIeWRsdVS3ZUfRkhpOTw0o7qrN+Cwt3QcFvYZNd25EQ0pDdXhaKqmuzekIcWnf5AxsCc3piHFZUDYZwzs6R3QkOJRFZoxqDd3QkOKw6HFkEFDisMhQcbgYtwZDem9jOZiyUBI7+gXZBxbzDtFSM9lvFZsGQjpGQcHGceX4s4RIiQDId3joCDjhFI+CEK6xoGWzaWWgZCucUBoxonleDCECMlASMf0tWyynFTOB+Wpk72zf9hnnFzuB6YhbeljaYpDBg1py76hGafEtQE0ZM9lqilOGTRkzzn4HfipcW8IDXFuPxUZNCT/H9K/c+k0pQ3K8g58k5KMrAtZbzlDsbJZY5/QjDNV19Cssc5ylvJOLStUWDZYhqofZWSpGbVJOOzLAmstw5JyHJ52XrLUJenEKM28YDk/aWeqaeU5y/AkPnWQRp6xXJTEDU+jkEbLiKRufNqErLaMTPIvkKZne5+0jE76L5GWhqxIg4y0NGSlpT4tNU96Q5alSUbShXgZ49J2iJhUIUvTKCOpQhos41N6Qps4IQ9arnEpJpcwGZNcykmKkPuyICMpQu613OAygrqQhZYpLkMoC1lgmeoyhqqQeZbpLoMoCplrmeEyipqQuywzXYZREnKHZZbLODkhGbc4kBByGzJ2E/cfqG4PQkCgIbORoSPkVsudjF9DiD/HmMPoNYTMCmfhICBkWjjxAwEhN1nuZtwaQvzT5/MZtYaQG13+D0wgIOQ6yyJGrCFksuUBxqshxL8YYTGj1RAy0eVfrgMCQiZYljBSDSH+1YQPM04NIf51tg2MUkPIVS7/SnQQEOLfDvAYI9QQMtbl3zADAkK8jOWMTkNIPTJ0hIxx+Xe8goCQyyxPMC4NIf4N+asYlYaQUS7/kRUgIMR/iMvTjEhDiJfRyHg0hFyCDB0hXsYaxqIhZDgydIRcaHmecWgIudzlP8GzgnFoCJmDDC0hfrn6glHoCNnm8pdv+Jxx6OzUt1uGWD5jJDqHvdtDU5AidGL4dWjKp4xGQ4jnK5e/PhNSRIR4vg1N2caINIR4vglN+YQxaQjxfBea8jGj0hDi2RGa8hHj0hDi+dHlr3BGU0SEeL4PTfmQsWkIKWwKy5eIEM8P4Yz+A8anISRqyhCaoiPE81NoyvuMUUNIYVNYvkSEeH4OUt5jnBpCouWrlqboCIma4vcp7zJWDSGRlFp29DpCPL+EfQpNERFS2BR29CJCoqZ4Ke8wZg0hhU1h+RIR4vmVpmgJYfkSFBI1ZajlbcauISRqClKEhBQ2heVLREgkxZ88voUCDSGeVpYvLSGRlFqaoiOksClIcToXBYukvIEQHbyUsy1vIkSH30JTXkeIlpRhWZWienHiqClbEaLD72Gf0oIQpCCkA/4IUrYgRE9KM0J0+DMLUnIJ296dQcpmhGhJOSetUnIJ3e6d4eSxCSE6/JVGKbmEb//fQcpGhCAFIR2wK0h5BSFaUvzR1waEaOGbsh4hOvxjqbO8ihCagpBOqEualLQLiaSsQ4gW51rWIkSL85IgJUtCIikvIkQL/1n3LyNEiwuc6PVSsirEc7Hi8pVlIdHy9SxCtBihtHwhZPfytQYhWoxUWL4Q0nb5akSIFqPilIKQ9qU8hRAtLnUxXC0bIR0z2rIaIVqMKacUhHRdyiqEaFFvWYkQLa4otRSE9EzKCoRoMdayHCFaXGl5HCFajLMsQ4gWV1seRYgW4y1LEaLFtZZHEKLFRMsShGgxyfIQQrSYbFmMEC2ut9yPEC2mdFcKQsoj5R6EaDHNsgghWky1LESIFtM7k4KQeKQsQIgWM9qTgpB4pcxDiBYzLfMLvt6FkPi52TI3/LsPQjSYbWmw9K1kFjJMsHz5rwADAJyVAVj2IGfRAAAAAElFTkSuQmCC'); background-position: left center; background-repeat: no-repeat; content: ' '; display: block; height: 100%; right: 0; position: absolute; top: 0; width: 50px; z-index: 1000; }*/ .desktop-site .product-info svg {position: absolute; top: 60%; z-index: 10; } .desktop-site.shop-product .product-info svg {top: 50%; } .desktop-site .product-info.f-right svg {left: -90px; } .desktop-site .product-info.f-left svg {right: -90px; } .desktop-site li.product-hero .product-info.f-left svg {right: -76px; } .shop-product .main-column .text-block h2, .shop-product aside.rh-column .pnl-block h3 { font-size: 18px; font-size: 1.1375rem; } .desktop-site aside.lh-column, .desktop-site .image-block {padding-left:16px;padding-left:1rem;} /*tfs 11031*/ aside.rh-column .image-block {padding:0;} /*#10594 add searchbox: RHC image e.g. desktop-services-landing-page-with-search.html*/ .desktop-site aside .main-content-block .button-block + .button-block + .image-block, .desktop-site [class^="grid_"].mpu-ad .image-block {padding-left:0;} .desktop-site.shop-product #owl-carousel .owl-stage-outer { height: 70px; top: -84px; } .desktop-site.shop-product #owl-carousel .owl-stage {width: 100% !important; margin-top: 5px; } .desktop-site.shop-product #owl-carousel .owl-item {float: left; clear: right; width: auto !important; margin-right: 0 !important; } .desktop-site.shop .owl-carousel .item.gry {opacity: 0.6; } /*.mobile-site.shop-product #owl-carousel .owl-stage-outer { } .mobile-site.shop-product #owl-carousel .owl-stage {border: 2px solid purple; } .mobile-site.shop-product #owl-carousel .owl-item {border: 1px solid blue; }*/ .shop .owl-carousel {top: 0; min-height: 60px; } .shop .product-hero .pnl {width: 100%; } /* * Robin and Andy 20160721 * Andy 28/07/2016 removed desktop-shop-theme-pg.html from this decleration */ .shop:not(.shop-theme) .product-hero .carousel-lrg .pnl {width: 100%; margin-top: -27px;} .shop.shop-theme .pnl-row.product-info {clear:none} .shop.quick-basket .product-hero .pnl {width:100% !important} .desktop-site.shop .product-hero .product-info {min-width: 480px; /*width: 496px; */} .desktop-site.shop .product-hero .owl-carousel {margin: 0 auto; width: 148px; } /*all shop files but not theme pages (e.g. not desktop-shop-theme-pg.html) */ .desktop-site.shop .product-hero .carousel-lrg {margin-bottom: -95px; } .desktop-site.shop.shop-theme .product-hero .carousel-lrg .pnl:first-child {margin-bottom:0;} /**/ .shop .productMainImg {margin-bottom: -5px; width:100%; } #product-hero .productMainImgDiv {cursor: crosshair; } .productMainImgDiv {padding: 0; margin-bottom: -2px; } .desktop-site.shop.quick-basket .product-hero .carousel-lrg {margin-bottom: -65px; } .quick-basket .productMainImgDiv {padding-top:30px; background-color:#fff;} .productMainImgDiv, .productMainImg {width: 100%; } .product-hero .product-info .qty {padding-bottom: 0; } .product-hero .product-info .qty label {display: inline-block; float: left; clear: right; margin-right: 10px; font-size: 14px; line-height: 44px; font-size: 0.9rem; line-height: 2.8rem; } .product-hero .product-info .qty input {float: left; clear: right; min-height: 42px; } .shop input.prod-qty {width: 20% !important; height: 80%; } .shop #main .product-info input, .shop #main .product-info select { border: 1px solid #ccc; color: #666; width: 60%; margin-bottom: 0; } .shop #main .product-info input { -webkit-appearance: none; border-radius: 0; min-height:32px; } .mobile-site.shop #main .product-info select {width:auto} div.product-hero .product-info .action-button { text-transform: uppercase; font-size: 16px; font-size: 1rem; width: 100%; padding: 6px; text-align: center; min-height: 40px; min-height: 2.4rem; line-height: 2.4rem; } li.product-hero .product-info {padding-top: 16px; padding-bottom: 16px; } .product-hero .product-info .pnl-block {padding: 0 !important; } .product-hero .product-info .pnl-3col h2 {position: absolute; top: -3000px; left: -3000px; } .product-hero .product-info .action-button .action-text {display: inline-block; line-height: 1.9rem; } .shop .icon-list {margin: 0; } /*.shop .icon-list li:first-child {margin-left: 10px; }*/ /*.shop .icon-list .yt, .shop .icon-list .li, .shop .icon-list .g {display: none; }*/ /*.shop .icon-list li {margin: 0 0 0 6px; float: right; height: 33px; }*/ .shop .icon-list li:first-child {margin-left:0} .shop .social-icons li {float: right; } /*.mobile-site.shop #footer .icon-list li {height: 100px; }*/ body:last-child.desktop-site.shop .icon-list li a {margin: 0 0 0 5px; height: 40px; width: 40px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }/* incs ie8 filter */ body:last-child.desktop-site.shop .icon-list .fb a {background-position: 0 0; }/* incs ie8 filter */ body:last-child.desktop-site.shop .icon-list .t a {background-position: -40px 0; }/* incs ie8 filter */ body:last-child.desktop-site.shop .icon-list .i a {background-position: -120px 0; }/* incs ie8 filter */ body:last-child.desktop-site.shop .icon-list li a:hover::before {content: normal !important; } .shop .icon-list .yt, .shop .icon-list .g {display:none} .shop .main-content-block-inner .basic-social .icon-list {float: left; margin-left: -16px; margin-left: -1rem; } .shop .main-content-block-inner .basic-social .pnl-block {padding: 0 !important; margin: 0 !important; } .shop .main-content-block-inner .basic-social .pnl-block h2 {display: none; } .shop .main-content-block-inner .basic-social {padding-left: 16px; padding-left: 1rem; } dl#prod-property {width: 100%; display: block; margin: 32px 0; margin: 2rem 0; font-size: 0.875rem; } dl#prod-property * {display: inline-block; color: #000 !important; } dl#prod-property dt {float: left; clear: left; width: 25%; text-align: right; padding-right: 10px; font-weight: normal; } dl#prod-property dt:after {content: ':'; } dl#prod-property dd {width: auto; } .shop p.split a {float: right; } .shop p.split a:first-child {float: left; } .shop p.split span {position: absolute; top: -3000px; left: -3000px; } .shop .video-block {margin-bottom: 16px; margin-bottom: 1rem; } .shop .audio-block {background-color: #eee; border: 1px solid #ccc; } .shop .audio-block h3 {font-size: 16px; font-size: 0.8rem; padding: 0 16px; padding: 0 1rem; } .shop .audio-block ol {background-color: #fff; padding: 0 0 0 30px; } .desktop-site.shop-product .audio-block ol *, .desktop-site.shop-product .audio-block h3 {text-align: left !important; } .shop .audio-block li {border-top: 1px solid #ccc; margin: 0; padding: 8px 16px; font-size: 13px; font-size: 0.8rem; } .shop .audio-block li:first-child {border-top: none; } .shop .recommended {padding: 16px 0; padding: 1rem 0; margin: 16px 0; margin: 1rem 0; } .desktop-site.shop .recommended {width: 80%; margin-left: auto; margin-right: auto; } .desktop-site.shop .recommended blockquote {font-family: Georgia, serif; font-size: 16px; font-size: 1rem; font-style: italic; /*width: 500px; */margin: 0.25em 0; padding: 0 0 0 16px; line-height: 1.45; position: relative; color: #666; /*float: right; padding: 0 70px 0 16px; */ display: block; width: auto; } .shop .product-info q {/*background: orange; */display: inline-block; width: auto; } .desktop-site.shop .recommended blockquote span {width: 100%; } .product-info2 blockquote:before, .desktop-site.shop .recommended blockquote:before, .desktop-site.shop .recommended blockquote:after {display: block; position: absolute; font-size: 40px; } .product-info2 blockquote:before, .desktop-site.shop .recommended blockquote:before {content: '\201C'; left: -20px; top: -13px; position: relative; height: 0; } .shop .product-info2 blockquote:before {font-size: 60px; left: -10px !important; } /*.desktop-site.shop .recommended blockquote span:after {content: '\201D'; right: -15px; bottom: -15px; }*/ .desktop-site.shop .recommended .pnl-img {border-radius: 80px; overflow: hidden; } .desktop-site.shop .recommended .pnl-img {margin-right: 1rem; position: relative; top: 8px; } .shop .recommended h3 {font-weight: normal; text-transform: uppercase; font-size: 16px; font-size: 1rem; color: #333; } .shop.shop-theme .recommended h3 {padding-left:16px;} .shop .recommended cite {font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 12px; font-size: 0.8rem; font-style: normal; display: block; margin-top: 10px; } /*.shop .pnl-shop4col h2 {font-weight: normal; }*/ .shop .pnl-shop4col .pnl-txt p span, .save-our-sounds .pnl-shop4col .pnl-txt p span, .shop li .pnl-txt p span {text-decoration: line-through; opacity: 0.6; font-style: italic; font-weight: bold; margin-right: 0.5rem; } .shop .owl-carousel {margin-bottom: 64px; margin-bottom: 4rem; } .shop .owl-carousel .owl-next, .save-our-sounds .owl-carousel .owl-next {right: -16px; right: -1rem; } /*.mobile-site.shop .owl-carousel .owl-next {right: 4px; }*/ .shop .owl-carousel .owl-prev, .save-our-sounds .owl-carousel .owl-prev {left: -16px; left: -1rem; } /*.shop .owl-carousel {padding-bottom: 17px; }*/ .shop .product-2pnl .pnl-img {width: 100%; } /*.shop .product-2pnl .pnl-img img {position: relative; margin-left: auto; margin-right: auto; top: 50%; }*/ .shop .product-info2 blockquote {font-size: 20px; line-height: 24px; font-family: Times, "Times New Roman"; padding: 20% 10% 10% 10%; font-style: italic; } .desktop-site.shop .product-info2 blockquote {font-size: 2rem; line-height: 2.2rem; padding-right: 120px; } .desktop-site.shop .product-info2 blockquote cite {font-style: normal; font-weight: normal; font-size: 18px; font-size: 1.2rem; font-family: arial; margin-top: 1rem; float: left; text-transform: uppercase; } .desktop-site .owl-carousel, .desktop-site .owl-carousel li {display: block; } .desktop-site .owl-carousel {position: relative; margin: 0; } .desktop-site .owl-carousel li {/*border: 2px solid #eee; */display: inline; float: left; clear: right; overflow: hidden; /*box-shadow: 3px 3px 5px rgba(68,68,68,0.6); */transition: all 0.3s ease-in-out 0s; margin: 0 7px; } .desktop-site .owl-carousel li, /*.desktop-site .owl-carousel li div, */ .desktop-site .owl-carousel li img {border-radius: 30px; } .desktop-site .owl-carousel li:hover {transform: scale(1.1); } .desktop-site .owl-carousel li, .desktop-site .owl-carousel li img {width: 60px; height: 60px; cursor: pointer; } .desktop-site.shop-product #product-hero .owl-carousel .owl-controls {display: none; } .shop .form-block-inner .sml-txt {display: none; } /********* PRODUCTS PGS LAYOUT END ***********/ /*** LAYOUT ISSUES - OVERRIDE CSS: Following is a basic/crass/[bonkers necessity if you build websites like this] attempt to bring some visual order and consistency back to padding/margins in areas of the page throughout the site, without major CSS & HTML surgery (or rebuild). DH. Note: 'body:last-child' is a hack to keep out ie8, as all the following are overrides ***/ /* REMOVED because of documented issues - see :\Digital Marketing Operations\Web Design\regression testing 2015-12-09 for screenshots */ /* ======================================================= TOP NAV ======================================================= */ /* .primary-nav-item ul li h4 + ul li a:hover span {text-decoration: underline;} .primary-nav-item ul li ul li a span { background:green; width:60%; } */ /* ======================================================= HEADER ======================================================= */ .primary-nav-item > ul, .primary-nav-item > ul > li {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .main-page-img {position: absolute; z-index: -10; min-width: 976px; height: 500px; width: 100%; } /*12079*/ .main-page-img div {max-width: 1600px; margin: 0 auto; height: 455px; background-position: center center; } /**/ .main-home-pg .main-page-img div {max-width:none;} .desktop-site.main-home-pg header {height:500px !important} /*XXXXXXXXXXXXXXXXXXX 14/03/17: homepage banner XXXXXXXXXXXXXXXXXXXXXXXXX*/ .main-home-pg #page-outer {overflow-x:hidden} .main-home-pg .main-page-img { position: absolute; z-index: -10 !important; background-color:#000; overflow: hidden; } .mobile-site.main-home-pg .main-page-img div {/*width:auto !important; max-width: auto !important; */} .main-home-pg .main-page-img, .main-home-pg .main-page-img div {height: 500px;} .main-home-pg .main-page-img { position: absolute; z-index: -10 !important; background-color:#000; overflow: hidden; } .mobile-site.main-home-pg .main-page-img { display: block; z-index: 0 !important; overflow: hidden; } .mobile-site.main-home-pg .main-page-img div {/*width:auto !important; max-width: auto !important; */} .main-home-pg .main-page-img, .main-home-pg .main-page-img div {height: 500px;} .desktop-site .main-page-img div { background-position: center top; /* background-repeat: no-repeat; */ background-attachment: scroll; background-color: transparent; }/* can update site HEAD styles to just 'background-image' and remove everything else once these style sheets are in use */ .main-home-pg .main-page-img div { background-position: 0 0; position: fixed; height: inherit; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: inherit; } .main-home-pg .footer-block-inner {background-color: #131313;} /* end homepage banner*/ /* .mobile-site.main-home-pg .main-page-img,.desktop-site.main-home-pg .main-page-img div {height:430px;} */ .main-home-pg .page-header-wrapper {background-color:transparent !important} /*overlay next to logo*/ .mobile-site.main-home-pg .nav-wrapper .overlay {height:100px;background-color:#333;opacity:.4} /**/ .header-info-block .pullout-quote {border: none; } .header-info-txt h3 {margin: 0 0 1rem 0; } .header-info-data dt {width: 144px; } .header-info-data dd {width: calc(100% - 144px); } .header-info-img img {width: 100%; } .header-text-block h4 {margin: 1.3em 0 0; } .header-text-block p {border-bottom: solid 1px #ccc; margin: 0; padding: 0 0 0.6875rem; } /********** NAV *****************/ .menu li {margin: 0; } .menu a {display: block; padding: 0.5em 1em; text-decoration: none; } /*units footer*/ .sectional-footer .menu a {color: #333;} .menu a.action-button {padding: 0; float: left; } .menu a.action-button .action-text {padding: 0 16px; padding: 0 1rem; } dd.menu a {padding: 0; } .h-menu {overflow: hidden; } .h-menu li {float: left; } .v-menu li:last-child {border: none; } .vert-sep li {position: relative; } .vert-sep li:after {content: '|'; position: absolute; right: 0; top: 0; line-height: 35px; } .vert-sep li:last-child:after {content: ' '; } .desktop-site #main-navigation nav {width: 924px; float: left; }/*.desktop-site nav[role="navigation"]{width: 924px; float: left; } */ .desktop-site.main-home-pg #main-navigation {background-color: rgba(0,0,0,.3);} .desktop-site .primary-nav {width: 923px; } nav ul, nav li {padding: 0; margin: 0; list-style: none; } #primary-nav {height: 30px; padding: 70px 0 0; position: relative; z-index: 11; } #primary-nav {float: left; } #primary-nav ul.grid_58 {width: 923px; } .primary-nav {list-style: none; padding: 0; margin: 0; } .primary-nav h3 {margin: 0; } .primary-nav h4 {padding: 5px; } .desktop-site .primary-nav-item {float: left; background-repeat: no-repeat; background-position: right -2px; } .primary-nav-item a h3 {padding: 5px 30px 10px 19px; display: block; line-height: 1.2; } .primary-nav-item > ul {left: -53px; padding-bottom: 15px;} .desktop-site .primary-nav-item > ul {display: none; } .desktop-site .primary-nav-item > ul {position: absolute; } .desktop-site .primary-nav > li:hover a h3, .primary-nav-item.parent a h3 {padding-bottom: 0; } .primary-nav-item > a:focus + ul, .primary-nav-item:hover > ul, .primary-nav-item:hover > ul a {display: block; } .primary-nav-item .hover-intent {display: none !important /*need this to hide the focus dd-menu when hovering on others*/} .primary-nav-item:hover > ul.hover-intent, .primary-nav-item:hover > ul.hover-intent a {display: none !important} .primary-nav-item > a:focus + ul {z-index: 0;} .primary-nav-item > a:hover + ul, .primary-nav-item:hover > a + ul {z-index: 1;} .primary-nav-item ul li:first-child h4, .primary-nav-item ul li:first-child > ul, .primary-nav-item ul li > ul ul, .primary-nav-item ul li ul h4 {border: none; } /* * TODO: somehow the star hack helps with the top nav dropdowns * 20/03/17: Yeah but it means there is an issue with the code else where */ .primary-nav-item > ul > li[class^='grid_'] {float: left; display: block; padding: 10px; /* padding-bottom:0; */ *padding: 0;} .primary-nav-item > ul > li.homelink + li {padding-bottom:0;} /* Visit dropdown: related to 10607 add home link to top nav dropdowwns */ .primary-nav li:nth-of-type(4) > ul.grid_61 li.grid_14:nth-of-type(1) ul {padding-bottom:0;} .desktop-site .primary-nav-item.single-col-menu > ul > li {width: 100%;} .desktop-site .primary-nav-item.single-col-menu > ul:before { content: ' '; display: block; width: 100%; height: 10px; position: relative; background-color: #eee; } .primary-nav-item ul li h4, .primary-nav-item > ul > li li {padding: 5px 5px 5px 15px; margin: 0; } .primary-nav-item ul li > ul ul li, .primary-nav-item ul li ul h4 {padding: 5px 0; } .desktop-site .primary-nav-item.single-col-menu > ul {left: auto;} /*.desktop-site .primary-nav-item.single-col-menu.donate ul {margin-top:8px}*/ .desktop-site .primary-nav-item.single-col-menu ul .desktop-site .primary-nav-item.single-col-menu ul li {padding: 5px 5px 5px 15px; } .primary-nav-item.parent > a + ul, .primary-nav-item:hover > ul.click-intent, .primary-nav-item:hover > ul.click-intent a {display: block; } #site-logo {width: 52px; height: 100px; float: left; } .shop #site-logo {position: relative; z-index: 100; }/* for quick basket drop down */ /* ======================================================= HEADING ======================================================= */ .spaceslandingpage.shelvesandspaces .sp-category { font-size:12px; font-size: .75rem; text-transform:uppercase; } .desktop-site.shelvesandspaces .sp-category a {background-color: #ae2552 !important;} .desktop-site.shelvesandspaces .sp-category a:hover {background-color: #831c3d !important;} /* ======================================================= FOOTER ======================================================= */ .desktop-site .mobile, .mobile-site .desktop {display: none !important; } .footer-block.sectional-footer .footer-block-inner .text-block {display:block;} .footer-block.sectional-footer .footer-block-inner .text-block a, .footer-block.sectional-footer .footer-block-inner .text-block a img {float: left;} .footer-block .footer-secondary-menu li a {color:#333;} .desktop-site.shelvesandspaces .footer-sponsors a img {margin-right:16px;} /* ================================ Footer sponsors ================================ */ /* .footer-block.sectional-footer.clearfix.vlg-bg, .footer-block.sectional-footer.clearfix { override vlg-bg so that we don't need to make changes in the solution background-color: #fff; } .footer-block.sectional-footer.clearfix.vlg-bg .footer-block-inner, .footer-block.sectional-footer.clearfix .footer-block-inner { border-top:1px solid #ccc; } */ .rtl .masthead, .rtl .strapline, .rtl .second-nav-wrapper, .rtl .main-content-wrapper { direction: rtl; text-align: right; } .rtl .social-links-wrapper, .rtl .nav-wrapper, .rtl .icon { direction: ltr; } .rtl .main-content-wrapper .grid_58 {float:right; } .rtl .main-content-wrapper .grid_57 {float:right; } .rtl .main-content-wrapper .grid_56 {float:right; } .rtl .main-content-wrapper .grid_55 {float:right; } .rtl .main-content-wrapper .grid_54 {float:right; } .rtl .main-content-wrapper .grid_53 {float:right; } .rtl .main-content-wrapper .grid_52 {float:right; } .rtl .main-content-wrapper .grid_51 {float:right; } .rtl .main-content-wrapper .grid_50 {float:right; } .rtl .main-content-wrapper .grid_49 {float:right; } .rtl .main-content-wrapper .grid_48 {float:right; } .rtl .main-content-wrapper .grid_47 {float:right; } .rtl .main-content-wrapper .grid_46 {float:right; } .rtl .main-content-wrapper .grid_45 {float:right; } .rtl .main-content-wrapper .grid_44 {float:right; } .rtl .main-content-wrapper .grid_43 {float:right; } .rtl .main-content-wrapper .grid_42 {float:right; } .rtl .main-content-wrapper .grid_41 {float:right; } .rtl .main-content-wrapper .grid_40 {float:right; } .rtl .main-content-wrapper .grid_39 {float:right; } .rtl .main-content-wrapper .grid_38 {float:right; } .rtl .main-content-wrapper .grid_37 {float:right; } .rtl .main-content-wrapper .grid_36 {float:right; } .rtl .main-content-wrapper .grid_35 {float:right; } .rtl .main-content-wrapper .grid_34 {float:right; } .rtl .main-content-wrapper .grid_33 {float:right; } .rtl .main-content-wrapper .grid_32 {float:right; } .rtl .main-content-wrapper .grid_31 {float:right; } .rtl .main-content-wrapper .grid_30 {float:right; } .rtl .main-content-wrapper .grid_29 {float:right; } .rtl .main-content-wrapper .grid_28 {float:right; } .rtl .main-content-wrapper .grid_27 {float:right; } .rtl .main-content-wrapper .grid_26 {float:right; } .rtl .main-content-wrapper .grid_25 {float:right; } .rtl .main-content-wrapper .grid_24 {float:right; } .rtl .main-content-wrapper .grid_23 {float:right; } .rtl .main-content-wrapper .grid_22 {float:right; } .rtl .main-content-wrapper .grid_21 {float:right; } .rtl .main-content-wrapper .grid_20 {float:right; } .rtl .main-content-wrapper .grid_19 {float:right; } .rtl .main-content-wrapper .grid_18 {float:right; } .rtl .main-content-wrapper .grid_17 {float:right; } .rtl .main-content-wrapper .grid_16 {float:right; } .rtl .main-content-wrapper .grid_15 {float:right; } .rtl .main-content-wrapper .grid_14 {float:right; } .rtl .main-content-wrapper .grid_13 {float:right; } .rtl .main-content-wrapper .grid_12 {float:right; } .rtl .main-content-wrapper .grid_11 {float:right; } .rtl .main-content-wrapper .grid_10 {float:right; } .rtl .main-content-wrapper .grid_09 {float:right; } .rtl .main-content-wrapper .grid_08 {float:right; } .rtl .main-content-wrapper .grid_07 {float:right; } .rtl .main-content-wrapper .grid_06 {float:right } .rtl .main-content-wrapper .grid_05 {float:right } /*13330: grid/list btns: bl.uk/he/hebrew-manuscripts/collection-items*/ .rtl ul li.list-view {padding-left:0;} /*.rtl .m-l-1col {margin-left:inherit; margin-right: 16px; margin-right: 1rem; } .rtl .m-l-2col {margin-left:inherit; margin-right: 32px; margin-right: 2rem; } .rtl .m-l-3col {margin-left:inherit; margin-right: 48px; margin-right: 3rem; } .rtl .m-l-4col {margin-left:inherit; margin-right: 64px; margin-right: 4rem; } .rtl .m-r-1col {margin-left:inherit; margin-left: 16px; margin-left: 1rem; } .rtl .m-r-2col {margin-left:inherit; margin-left: 32px; margin-left: 2rem; } .rtl .m-r-3col {margin-left:inherit; margin-left: 48px; margin-left: 3rem; } .rtl .m-r-4col {margin-left:inherit; margin-left: 64px; margin-left: 4rem; } .rtl .p-l-1col, .rtl .prefix_1 {padding-left: inherit; padding-right: 16px; padding-right: 1rem; } .rtl ul li.list-view {padding-left: inherit; padding-right: 15px; padding-right: 0.9rem; } .rtl .p-l-2col, .rtl .prefix_2 {padding-left: inherit; padding-right: 32px; padding-right: 2rem; } .rtl .p-l-3col, .rtl .prefix_3 {padding-left: inherit; padding-right: 48px; padding-right: 3rem; } .rtl .p-l-4col, .rtl .prefix_4 {padding-left: inherit; padding-right: 64px; padding-right: 4rem; } .rtl .p-r-1col, .rtl .suffix_1 {padding-right: inherit; padding-left: 16px; padding-left: 1rem; } .rtl .p-r-2col, .rtl .suffix_2 {padding-right: inherit; padding-left: 32px; padding-left: 2rem; } .rtl .p-r-3col, .rtl .suffix_3 {padding-right: inherit; padding-left: 48px; padding-left: 3rem; } .rtl .p-r-4col, .rtl .suffix_4 {padding-right: inherit; padding-left: 64px; padding-left: 4rem; } .rtl .prefix_19 {padding-left:inherit; padding-right: 304px; padding-right: 19rem; } .rtl .prefix_20 {padding-left:inherit; padding-right: 320px; padding-right: 20rem; } .rtl .prefix_21 {padding-left:inherit; padding-right: 336px; padding-right: 21rem; }*/ .rtl .searchbox-wrapper, .rtl .login-wrapper { float: left !important; } .rtl #intro-text { float: right; } .rtl #intro-text ul { padding-right: 32px; padding-right: 2rem; padding-left: 0; } .rtl #sponsor p { text-align: left; } .rtl h2.block-title { padding-right: 1rem; } .rtl .newsletter-signup-form h2.block-title, .rtl .social-links-block h2.block-title { padding-right: 0; } .rtl .btm-lft { right: 16px; left: inherit; } .rtl .alternate-img .pnl:nth-child(even) .action-button { right:auto } .rtl .h-menu li { float: right; } .rtl .prefix_1, .rtl .table-block.p-l-1col, .rtl .main-content-block-inner > .grid_38.p-l-1col { padding-left: 0; padding-right: 16px; padding-right: 1rem; } .rtl .pnl-row.txt-pnl.pnl-2col > .pnl { margin-right: 0; } .rtl .main-content-block-inner .text-block.grid_40 .page-title, .rtl .main-content-block-inner .text-block.grid_40 .subtitle.p-l-1col { padding-right: 1rem; padding-left: 0; } .rtl .hlf-img-pnl .pnl-inner .pnl-txt { float: right; margin-right: 0; } .rtl .grid_38.p-r-3col { padding-right: 0; padding-left: 48px; padding-left: 3em; } .rtl .author-block .img-thmb { float: right; margin-left: 16px; margin-left: 1em; margin-right: 0; } .rtl .suffix_1 { padding-right: 0; padding-left: 16px; padding-left: 1rem; } .rtl #search-section-input { padding-right: 32px; } .rtl .vert-sep li:after { content: ''; } .rtl .vert-sep li:before { content: '|'; position: absolute; right: 0; top: 0; line-height: 35px; } .rtl .vert-sep li:first-child:before { content: ' '; } .rtl .page-sub-header .text-block.grid_38.p-r-2col { float: right; padding-right: 1rem; } .rtl .left-panel-list { float: right; } .rtl .results-heading > h2 { float: right; } .rtl .rslt-dspl-toggle { padding-left: 0; padding-right: 0; } .rtl .rslt-dspl-toggle li.f-right { float: left !important; } .rtl .text-block.p-l-1col { padding-left: 0; padding-right: 16px; padding-right: 1rem; } .rtl .left-panel-list .icon + .action-text { margin-right: 0; } .rtl .p-l-1col.search-rslt.grid_45 { padding-left: 16px; padding-left: 1rem; padding-right: 0; margin-right: 16px; margin-right: 1rem; } .rtl .count { display: inline-block; } .rtl .vlg-bg.sml-rgt, .rtl .facet-list a.sml-rgt, .rtl .vlg-bg.sml-rgt:hover, .rtl .facet-list a.sml-rgt:hover { background-position: -631px -8px; } .rtl .pager li { margin-left: 4px; margin-left: 0.25rem; margin-right: 0; float: right; } .rtl ul.pager { padding-right: 16px; padding-right: 1rem; } .rtl .pnl-row .pnl { float: right; /*margin-right: 0;*/ } .rtl .flexslider .pnl-row .pnl { float: left; } .rtl .flexslider { direction: ltr; } .rtl .flexslider p { direction: rtl; } .rtl .flexslider .suffix_1 { padding: 0; } .rtl .med-txt { padding-right: 16px; padding-right: 1rem; } .rtl .flexslider .w2col-img-pnl .img-lft .action-button { margin-right: 16px; margin-right: 1rem; } .rtl .rslt-list .pnl-img, .rtl .rslt-list .pnl-txt { float: right; text-align: right; } .rtl .rslt-list .pnl { padding-right: 0; padding-left: 16px; padding-left: 1rem; } .rtl.mobile-site .second-nav .secondarynav-morelink { left: 0; right: inherit; } .rtl.mobile-site .masthead { width: -moz-calc(100% - 88px); width: -o-calc(100% - 88px); width: -webkit-calc(100% - 88px); width: calc(100% - 88px); } .rtl.mobile-site .pnl-row .pnl { margin-right: 0; } .rtl .cmprs-content-block > div:first-child { float: right; } .rtl .cmprs-content-block > div:first-child + div { float: left; /*margin-left: 16px; margin-left: 1rem;*/ } .rtl.desktop-site .image-block { padding-left: 0; padding-right: 16px; padding-right: 1rem; } .rtl dl dt { float: right; clear: both; } .rtl .page-no { display: inline-block; } .rtl .tabs li { float: right; } .rtl .info-tbl { text-align: right; } .rtl .info-tbl > li { padding-left: 2rem; padding-right: 0; } .rtl .masthead-inner .lan-dropdown-wrapper { float: left; } .rtl.mobile-site .v-menu ul li a { text-align: right; } .rtl .v-menu { direction: rtl; } .rtl .social-block .newsletter-block #go_link { width: 65px; } .img-viewer-info.ltr { direction: ltr; } .img-viewer-info.rtl { direction: rtl; } .rtl .img-viewer-info.ltr .info-tbl > li { padding-right: 2rem; padding-left: 0; } .rtl .img-viewer-info.ltr .info-tbl { text-align: left; } .rtl .img-viewer-info.ltr .tabs li { float: left; } /* ========================================================================== BLOCK ELEMENTS ========================================================================== */ /*#page-inner {width: 1600px; margin: 0 auto;}*/ .inline-block, .inline-block-right, .inline-block-left, .info-tbl > li {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .inline-block, .inline-block-right, .inline-block-left {width: 50%; } .inline-block-right {float: right; padding: 0 0 16px 16px; padding: 0 0 1rem 1rem; } .inline-block-left {float: left; padding: 0 16px 16px 0; padding: 0 1rem 1rem 0; } .homepage .searchbox-wrapper {position: relative; float: none; } .homepage .page-header-wrapper, .masthead-expand .page-header-wrapper {height: 455px; } /*site homepage only*/ .desktop-site.main-home-pg.masthead-expand .page-header-wrapper {height: 500px; } /* * commented out in relation to #12223 * .top-page-subjects .page-header-wrapper {height: 245px; } */ .top-page-subjects .strapline-wrapper p {margin: 0; padding: 0 0 12px 0; } .page-header {position: relative; z-index: 20; } /*03/08/18: #14437 - exclude discover-and-learn landing page from this declaration*/ :not(.discover-learn-landing) .main-content-block-inner .page-title { padding-right: 16px; padding-right:1rem; padding-left:16px; padding-left: 1rem; } /*03/08/18: #14437 * remove top padding when first elem is a heading elem * see wiki for css rule: https://wiki.bl.uk:8443/display/WD/Headings */ .discover-learn-landing .w2col-img-pnl:first-child.p-t-1col {padding-top: 0} .discover-learn-landing .pnl-block:first-child .page-title {padding-left:16px;padding-left:1rem;} .searchbox-wrapper, .login-wrapper {float: right !important; padding-top: 16px; padding-top: 1rem; } .vlg-bg aside.rh-column .searchbox-wrapper {padding-top: 0; } .vlg-bg aside.rh-column .searchbox-wrapper {background-color: #fff; } aside.rh-column .searchbox-wrapper {width: 100%; } aside.rh-column .searchbox-wrapper .search-section {margin: 0 16px; margin: 0 1rem; }/* .local-search-wrapper */ aside.rh-column .search-section div label {display: block; } aside.rh-column .local-search-wrapper div {padding-left: 8px; } aside.rh-column .local-search-wrapper div:first-child {margin-bottom: 8px; margin-bottom: 0.5rem; } aside.rh-column .local-search-wrapper div label {display: inline; } aside.rh-column .local-search-wrapper div input {float: left; margin-top: 4px; } aside.rh-column .txt-block, aside.rh-column .general-list {padding: 0 16px 16px 16px; padding: 0 1rem 1rem 1rem; } .tag-btns li {float: left; margin-right: 8px; margin-bottom: 8px; } .tag-btns .tag {display: inline-block; border-width: 1px; border-style: solid; border-color: #999; padding: 6px; padding: 0.4rem; } /*.main-column-inner .general-list */ .main-column-inner .links-block {margin: 16px 0; margin: 1rem 0; /* padding: 8px 16px; padding: 0.5rem 1rem; */} /*.main-column-inner .general-list .tag*/ .main-column-inner .links-block .tag {margin: 0 16px 8px 0; margin: 0 1rem 0.5rem 0; } .desktop-site .main-column .links-block ul { -webkit-column-count: 2; -ms-column-count: 2; -o-column-count: 2; -moz-column-count: 2; -khtml-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .desktop-site .main-column .links-block ul li {width: 274px; } .links-block {margin-bottom: 16px; margin-bottom: 1rem; padding-left: 16px; padding-left: 1rem;} /*TFS 12023 - made html same as live*/ .top-page-catalogues-collections .links-block {padding-left:0;} .top-page-catalogues-collections .links-block.see-also, .top-page-catalogues-collections .links-block.see-also .pnl {margin-bottom:0;} .top-page-catalogues-collections .links-block.see-also .pnl .pnl-txt {padding-bottom:0;} .top-page-catalogues-collections .links-block.see-also .pnl .pnl-txt {padding-left:0;} .top-page-catalogues-collections .links-block.see-also .pnl .pnl-txt ul li:nth-of-type(3) {margin-bottom:0;} .top-page-catalogues-collections .links-block.see-also .block-title {padding-top:16px;padding-top:1rem;} /*catalogue overrides - override padding classes used in error by the CMS*/ .top-page-catalogues-collections .block-title.p-b-2col, .top-page-catalogues-collections .catalogues-collections .pnl-block.w-bg.p-l-1col.p-b-1col.grid_37 {padding-bottom:0;} .top-page-catalogues-collections .catalogues-collections .pnl-block.p-t-2col.p-l-1col.grid_37 {padding-top:0;} /*end catalogue overrides*/ .top-page-catalogues-collections .catalogues-collections .page-title {padding-left:0;} .vlg-bg .rh-column .links-block {padding-bottom: 16px; padding-bottom: 1rem; } .main-column-inner .tags-list li {float: left; clear: right; } /*08/08/18 commentted out as appears to be arbitrary .page-header .strapline, .shop-home .strapline {width: 464px; padding-top: 16px; padding-top: 1rem; padding-left: 16px; padding-left: 1rem; } .page-header .strapline-inner {padding: 4px; padding: 0.25rem; display: block; } */ /*08/08/18 extracted this from above*/ .shop-home .strapline {width: 464px;} .page-header .portals.strapline { width: 550px !important; } .masthead-inner h1, .masthead-inner .page-title, .masthead-inner .masthead-title {margin: 0; } .homepage h1.page-title {display: none; } .main-content-block:first-child {padding-top: 0; } .footer-block-inner, .main-content-block-inner {position: relative; float: none; display: block; margin: 0 auto; } .page-sub-header .main-content-block-inner {padding-left: 0; } /*XXXXXXXXXXXXXXXXXXX Negative margin classes XXXXXXXXXXXXXXXXXXX */ .neg-margin {margin-top: -80px; } /*used on SoS circular images + others*/ .neg-margin-50 {margin-top: -50px; } .neg-margin-90 {margin-top: -90px; } /* for Portals */ .neg-margin-100 {margin-top: -100px; } /* for Portals */ /*used with masthead-expand and files using secondary nav*/ .desktop-site .neg-margin-209 {margin-top:-209px;} /*used with masthead-expand and files not using secondary nav*/ .desktop-site .neg-margin-290 {margin-top:-290px;} /*used on: desktop-exhibition-theme-page.html * desktop-shop-sub-category-pg.html*/ .desktop-site .neg-margin-255 {margin-top:-255px;} .page-header {float: none; display: block; margin: 0 auto; width: 976px; position: relative; } .lq, .rq {position: absolute; display: block; overflow: hidden; height: 42px; width: 0; background-repeat: no-repeat; padding-left: 42px; } .lq {background-position: 0 -90px; left: 0; } .rq {background-position: 0 -894px; right: 0; bottom: 0; } .w-bg .lq {background-attachment: scroll; background-position: 0 0; left: 0; background-color: transparent; } .cmprssed {height: 450px; overflow: hidden; padding-bottom: 80px; } .cmprssed .expnd-wrapper {height: 80px; width: 100%; position: absolute; bottom: 0; z-index: 20; -webkit-box-shadow: 0 0 20px 0 #fff; -moz-box-shadow: 0 0 20px 0 #fff; box-shadow: 0 0 20px 0 #fff; background: #fff; } .cmprssed .expnd-btn {left: 50%; margin-left: -50px; bottom: 0; cursor: pointer; position: absolute; top: 0; } .cmprssed-sml {height: 260px; } .img-inline {margin: 16px; margin: 1rem; width: 50%; } .img-inline.f-right {margin-right: 0; } .img-inline.f-left {margin-left: 0; } .img-inline img {max-width: 100%; height: auto; width: auto; } /*TODO:*/ .image-block/* , .leaderboard-img */ {padding-left:16px; padding-left:1rem;} .image-block img {width: 100%; height: auto; display: block; } /* ========================================================================== Tables ========================================================================== */ table {width: 100%; margin: 0 0 16px; margin: 0 0 1rem; } caption {text-align: left; margin-bottom: 8px; margin-bottom: 0.5rem; } figcaption {padding: 8px 16px; padding: 0.5rem 1rem; } th, td {padding: 8px 8px; padding: 0.5rem 0.5rem; text-align: left; } .info-tbl li, .info-tbl ul {float: left; padding: 0; margin: 0; } .info-tbl li ul, .info-tbl ul ul {float: none; } .info-tbl li .label, .info-tbl ul .label {display: block; margin: 0; } .info-tbl > li {padding: 8px 32px 8px 0; padding: 0.5rem 2rem 0.5rem 0; } .tbl-3col > li {width: 33%; } .tbl-1col > li {width: 100%; } .dt-wrap {display: block; overflow: hidden; } .table-block.vlg-bg {padding-right: 16px; padding-right: 1rem; } .event-details *, /*.event-details table, .event-details th, .event-details td, */ .newslettersignup-content input#email1 {border: none; } /* ============================================================================ SHOW MORE - COLLECTION GUIDE PAGE ========================================================================= */ .show-more-content {position: relative;} .show-more-container.more .show-more-end, .show-more-container.less .show-more-end, .show-more-container.less .show-more, .show-more-container.more .show-less, .show-more-container.more .expand-close, .show-more-container.more .show-more, .show-more-container .show-less, .show-more-container .expand-close {display: none;} /* .show-more-end { background: transparent linear-gradient(to bottom, rgba(245, 245, 245, 0), #F5F5F5) repeat scroll 0% 0%; bottom: 30px; cursor: pointer; height: 30px; left: 0px; position: absolute; width: 100%; }*/ .show-more.small { height: 30px; padding: 0px 13px; position:absolute; bottom: 0px; left: 3px; width: 100%; } .show-more-content.more { max-height: 155px; overflow:hidden; } .show-more-content.less { max-height: auto; overflow:visible; } /* colours.css .show-more.small { color:#D44202; background: #FFF; } /* typography .show-more.small { line-height: 28px; font-weight: bold; cursor:pointer; }*/ /* Search tooltip styles - for Portals */ a.tooltip {outline:none; } a.tooltip:hover {text-decoration:none !important;} a.tooltip span { z-index:10;display:none; padding:0 8px 12px 12px; padding:0 0.5rem 0.75rem 0.75rem; margin-top:0px; margin-left:28px; width:300px; } a.tooltip:hover span { display: inline; position: absolute; top: -75px; right: -10px; z-index: 100; } .tooltip .callout {z-index:100;position:absolute;bottom:-10px;border:0;left:150px;} a.tooltip span { border-radius:4px; } #bigBannerSearch a.tooltip {outline:none; color:#fff; } #bigBannerSearch a.tooltip:hover {text-decoration:none !important;} #bigBannerSearch a.tooltip span { z-index:10;display:none; padding:0 8px 12px 12px; padding:0 0.5rem 0.75rem 0.75rem; margin-top:-10px; margin-left:28px; width:300px; } #bigBannerSearch a.tooltip:hover span { display: inline; position: absolute; top: -40px; right: 500px; z-index: 1000; } #bigBannerSearch .tooltip .callout {z-index:100;position:absolute;bottom:-10px;border:0;left:150px;} #bigBannerSearch a.tooltip span { border-radius:4px; } /* ======================================================= COLOURS GLOBAL ======================================================= */ #page-inner {background-repeat: no-repeat; background-attachment: scroll; background-position: center top; background-color: transparent; } /* MOVED TO header-and-footer.css .desktop-site .main-page-img div { background-position: center top; background-repeat: no-repeat; background-attachment: scroll; background-color: transparent; }can update site HEAD styles to just 'background-image' and remove everything else once these style sheets are in use */ #img-viewer .img-viewer-inner .tabbed-box-inner .lan-dropdown .active-title, a.jp-mute, .title-block span.pnl-field.pf-free, .pnl-row .pnl span.pnl-field.pf-free, .jp-no-solution a {color: #ffee00 !important; }/* bright yellow */ .facet-list .selected a.text-link {background: #fefccb; }/* light yellow */ #img-viewer .close {background: #c00 !important; }/* bright red */ .article-hl-block ul.ahl-nav li, #img-viewer .img-viewer-inner .tabbed-box-inner .tabs a, #img-viewer .img-viewer-inner .tabbed-box-inner .tabs a h3.tabbed-box-sub-heading, #img-viewer .img-viewer-inner .tabbed-box-inner .lan-dropdown .action-button, #img-viewer .img-viewer-nav a.action-button, #img-viewer .img-viewer-info, #img-viewer .img-viewer-inner .tabbed-box-inner .lan-dropdown, #img-viewer .img-viewer-inner .tabbed-box-inner .lan-dropdown h4, .main-bg, .pnl .hit-spot .pnl-link-list a:hover, .pnl-inner.dg-bg h3 a, .vlg-bg .pnl-media span, .dg-bg, h3.highlight-bg, .primary-nav h3, .second-nav a, .mlg-bg, .t-white, .strapline .strapline-white, .masthead-inner, .main-content-wrapper .leaderboard-block-inner .text-link, .pager .active, .ui-datepicker-title, .ui-datepicker-calendar td:hover a, .pager .pager-lnk:hover, .carousel-slideshow figcaption, .jp-details, .tag-btns .tag:hover, .mobile-site .primary-nav-item ul a, .mobile-site .facet-list-outer h3, .mobile-site .mobile-facet-toggle, .mobile-site .tags a.tag, .jp-no-solution/*, .mobile-site .tags .view-all-tag a*/ {color: #fff; } /*Visit pnl headings, pnl dates + shop bag icon and txt*/ table.tbl-light *, #cookies *, .highlight-bg *:not(input) *:not(em), .leaderboard-block *:not(span) {color: #fff;} /* .wrap-carousel .pnl-shop4col .block-title {color:#fff;} */ .whatson-newsletter-block.highlight-bg input {color: rgba(0,0,0,.75);} /*Catalogues*/ .top-page-catalogues-collections .cntr-blk.highlight-bg {color:#000;} .top-page-catalogues-collections .cntr-blk.highlight-bg .pnl-title, .top-page-catalogues-collections .cntr-blk.highlight-bg .pnl-block > .pnl-row .bg-primary .pnl-title a, .top-page-catalogues-collections .cntr-blk.highlight-bg .pnl-block > .pnl-row p {color:#fff;} /*=================================*/ /** * 10857 * wht txt on wht bg: * bl.uk/people/ * Athena: bm_person.html **/ .shelvesandspaces .highlight-bg .pf-created-by span {color: inherit !important;} /*=================================*/ /** * tfs: 11901(ui)/11936(dev); * Visit live footer social media text (tfs: live structure differs from Athena dev required) * This css is commentted out as there are differences in the HTML between live and Athena, * This css can be used if the difference is not addressed .visit-page .highlight-bg.further-info .social-block {overflow:hidden;} .visit-page .highlight-bg.further-info .social-block .newsletter-block *:not(input), .visit-page .highlight-bg.further-info .social-block #sociallinkstop.social-links-block .block-title, .visit-page .highlight-bg.further-info .social-block #sociallinkstop.social-links-block {color:#000;border:10px solid red;} .visit-page .highlight-bg.further-info .social-block #sociallinkstop.social-links-block .print-page .action-text {color:#1e6eb8;} .visit-page .highlight-bg.further-info .social-block #sociallinkstop.social-links-block .action-text:hover {color:#0f375c;} **/ /*TFS 10145 - Try to use .highlight-bg *:not(.pnl-inner) *:not(.w-bg) p strong in the above without success*/ .highlight-bg .pnl-inner.w-bg p strong {color:#333;} /*TFS 10145 - Try to use .highlight-bg *:not(.pnl-inner) *:not(.w-bg) p strong in the above without success*/ .highlight-bg .pnl-inner.w-bg p strong {color:#333;} /**/ /* .shop #ctl00_mastheadtitle {color: #000; } ROBIN TEMP FIX */ .tabbed-box a.active h3.tabbed-box-sub-heading, .pager li a.pager-lnk:hover, .ui-datepicker-calendar .ui-datepicker-current-day a, .leaderboard-block .leaderboard-txt .block-title a, .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner .pnl-txt , .second-nav nav a:hover, .second-nav nav a:focus, .secondary-bg .cntr-blk:not(.highlight-bg) .pnl-block,/*.secondary-bg *, check h3s at bottom of desktop-spaces-homepage.html & desktop-spaces-theme-page.html*/ .second-nav .menu li a.keyboard-focus, .main-bg .pnl-link-list a, .main-bg .pnl-link-list a:hover, .book-tickets-button, .action-button, /** * commentted out 31/17/10 tfs 10930/31 * Athena: bm_person.html * Live: https://www.bl.uk/people/w-h-auden, https://www.bl.uk/people/t-s-eliot * * figure a:hover, **/ .mobile-site .second-nav .secondarynav-morelink {color: #fff !important; } #img-viewer .iv-thm-nav .disabled, .flex-disabled {opacity: 0.2; } #img-viewer .img-viewer-thumbs ol li {opacity: 0.4; } .article-hl-block ul.ahl-nav li, .ui-datepicker .ui-state-disabled, .flex-control-nav a {opacity: 0.5; } .flex-control-thumbs li img, .hl-pnl-horiz .pnl-img, .hl-pnl-horiz .pnl-txt {opacity: 0.6; } .coming-soon {opacity: 0.7; } #img-viewer .img-viewer-thumbs ol li:hover, .flex-control-thumbs li img:hover, .mobile-site .tags-list a.tag:active {opacity: 0.8; } .one-img-only, .slideshow-trans , .olay-ab {opacity: 0.9; } /*label, */ nav ul, nav li, .strapline .strapline-black, abbr[title], acronym[title], .vlg-bg .pnl-title, .alternate-main-bg .pnl-inner .pnl-title, .w-bg .pnl-field, .w-bg dl dt, .w-bg dl dd:not(a), .vlg-bg .pnl-row a .pnl-txt p, .alternate-main-bg .pnl-inner .pnl-row a .pnl-txt p, .vlg-bg .pnl p.pnl-lnk, .w-bg .pnl-txt p, .alternate-main-bg .pnl-inner .pnl .pnl-lnk, .vlg-bg .pnl .pnl-lnk:hover, .alternate-main-bg .pnl-inner .pnl .pnl-lnk:hover, .mdg-bg .pnl-title, .mdg-bg p, .lg-bg .pnl-title, .lg-bg .pnl-row a .pnl-txt p, .lg-bg .pnl .pnl-lnk, .mlg-bg .pnl-title, .mlg-bg .pnl-row a .pnl-txt p, .mlg-bg .pnl .pnl-lnk, .pnl-title span, .subtitle a.text-link, .subtitle a.text-link:hover, .main-bg .pnl-3col-alt a .pnl-txt p, .lg-bg .pnl .pnl-lnk:hover, .mlg-bg .pnl .pnl-lnk:hover, .facet-list .selected a.text-link, .pager a, .pager li a.pager-lnk, .t-black, .vlg-bg, .lg-bg, .results-heading a span.text, .alternate-main-bg .pnl-inner, .ui-datepicker .ui-icon-circle-triangle-e, .ui-datepicker .ui-icon-circle-triangle-w, footer #page-footer .sectional-footer a, .carousel-slideshow .slides .single-img-slideshow figcaption, .image-carousel-inline .carousel-slideshow figcaption, .facet-list a .count, .jp-hidden-trans, .main-bg .w-bg blockquote, .main-bg .vlg-bg blockquote, .main-bg .alternate-main-bg .pnl-inner blockquote, .alternate-main-bg .main-bg .pnl-inner blockquote, .highlight-bg .w-bg blockquote, .highlight-bg .vlg-bg blockquote, .highlight-bg .alternate-main-bg .pnl-inner blockquote, .alternate-main-bg .highlight-bg .pnl-inner blockquote, .dg-bg .w-bg blockquote, .dg-bg .vlg-bg blockquote, .dg-bg .alternate-main-bg .pnl-inner blockquote, .alternate-main-bg .dg-bg .pnl-inner blockquote, .vlg-bg blockquote, .alternate-main-bg .pnl-inner blockquote, .w-bg blockquote, .secondary-bg .w-bg blockquote, .secondary-bg .vlg-bg blockquote, .secondary-bg .alternate-main-bg .pnl-inner blockquote, .alternate-main-bg .secondary-bg .pnl-inner blockquote, .fromOurShop .w-bg p span, .acc-pnl .expand-button, .acc-pnl .action-button/*, .tags-block .tags-list a.tag span, .mobile-site .tags-block .tags-list a.tag:link, .mobile-site .tags-block .tags-list .tags a.tag:active, .mobile-site .tags-block .tags-list .tags a.tag:visited, .mobile-site .tags-block .tags-list .view-all-tag a, */ {color: #333;} #search-section-input.placeholder, #search-section-input:-moz-placeholder, #search-section-input::-webkit-input-placeholder, #search-web-cat-input.placeholder, #search-web-cat-input:-moz-placeholder, #search-web-cat-input::-webkit-input-placeholder {color: #333; /*breaks std styles*/} label, blockquote, .availability, .availability:after, .pnl-row .pnl span.pnl-field.pf-type, aside.rh-column .search-section .local-search-wrapper label, #large-search-2 label {color: #666; } label.banner-search {color:#fff;} .primary-nav h4, .publist h3, .t-grey {color: #999; } .alternate-main-bg .pnl:nth-child(2n+2) .pnl-title a:hover, .vert-sep li:after {color: #ccc; } #page-footer .dg-bg *, #search-web-cat label, .mobile-site .primary-nav-item h4, .jp-audio .jp-time-holder {color: #eee; } #cookies, .highlight-bg .pnl .pnl .pnl-lnk:hover, .secondary-bg .pnl .pnl .pnl-lnk:hover, .pnl-video .pnl-img .video-info, .pnl-media .video-info, .pnl-media .audio-info, .pnl-media .picture-info, .thumbnail-slider a, .olay-ab, .slideshow-trans, .sldshw-launched .flex-control-thumbs, .sldshw-launched figcaption, .dg-bg, .qv-open.qv-loading .pnl-expnd-area, .article-hl-block .highlighted, .image-carousel-inline .carousel-slideshow li, #img-viewer .img-viewer-thumbs, #img-viewer .img-viewer-arrows a, #img-viewer .img-viewer-nav, #img-viewer .img-viewer-inner .tabbed-box-inner .lan-dropdown h4, #img-viewer .img-viewer-inner .tabbed-box-inner .tabs, .one-img-only, .mobile-site #img-viewer .img-viewer-inner .tabbed-box-inner .lan-dropdown .action-button, .mobile-site .mobile-facet-toggle {/*background: #333; */background-color: #333; } #cookies p a:first-child:hover, .mdg-bg, .hl-pnl .pnl-lnk:hover, .olay-ab:hover, .mobile-site #img-viewer .img-viewer-nav a.open, a.tab.active, .lan-dropdown .action-button, .lan-dropdown h4, .hl-pnl-inner .flex-control-thumbs img.flex-active, .mobile-site .facet-list-outer h3 {background: #666; background-color: #666; } .pager .icon:hover, .pager-lnk:hover, .mlg-bg, .lan-dropdown h4.active-title, .ui-datepicker .ui-datepicker-title, .ui-datepicker .ui-icon:hover, .ui-datepicker .ui-datepicker-today, .ui-datepicker-current-day, .ui-datepicker .ui-icon:hover {background: #999; background-color: #999; } .primary-nav-item > ul, .vlg-bg, .alternate-main-bg .pnl-inner, .author-block, .image-carousel-inline .carousel-slideshow figcaption, .facet-list .more/*, aside.rh-column .general-list*/ {background: #eee; background-color: #eee; } .pnl-row .pnl .pnl-inner.w-bg, .pnl-row .pnl .pnl-inner.vlg-bg, .pnl-row .pnl .facet-list a.pnl-inner, .facet-list .pnl-row .pnl a.pnl-inner, .pnl-row .pnl .pnl-inner.mdg-bg, /*.pnl-row .pnl .pnl-inner.dg-bg, */ .event-details tbody tr:nth-child(even), #datepicker tr:nth-child(even), #search-web-cat-input, #search-section-input, .search-section button[type=submit], .w-bg, .highlight-bg #search-section-input, .hl-pnl-nav .trans-icon-bg, .pnl-3col-alt .pnl-inner, .pnl-3col-alt .pnl-inner:nth-child(2n+2) a.pnl-lnk, .mobile-site #page-outer, .search-block .facet-search #search-section-input, .general-list, .vlg-bg aside.rh-column .txt-block, .vlg-bg .rh-column .links-block {background: #fff; background-color: #fff; } /*, .event-details table, .event-details th, .event-details td*/ .lgt-gry-bg {background: #f2f2f2; background-color: #f2f2f2; } table thead th, .pnl .pnl-lnk:hover, .main-bg .pnl-row .pnl .pnl-lnk:hover, .w-bg .pnl .pnl-lnk:hover, .acc-pnl .expand-button, .acc-pnl .action-button, .left-panel-list .acc-pnl .expand-button, .left-panel-list .acc-pnl .expand-button:hover, .lg-bg, .tags-block h2, .hl-pnl-inner .flex-control-thumbs img, .carousel-slideshow .slides .single-img-slideshow figcaption, .facet-list .voicesofscience a .pnl .pnl-lnk:hover {background: #ccc; background-color: #ccc; } .ui-datepicker-calendar tbody td.ui-state-disabled:hover, .dg-bg blockquote, .tags .view-all-tag a:hover, .mobile-site .tags .view-all-tag a.tag:link, .mobile-site .tags .view-all-tag a.tag:visited, .mobile-site .tags .view-all-tag a.tag:active {background: none; background-color: none; } .pnl a:hover .action-button .icon, .pnl-row .pnl span.pnl-field.pf-type, .leaderboard-block .coming-soon, .leaderboard-block .sold-out, .leaderboard-block .availability-update, .mobile-site .tags li.view-all-tag a.tag/*, .mobile-site .tags-block .tags-list a.tag:link, .mobile-site .tags-block .tags-list .tags a.tag:active, .mobile-site .tags-block .tags-list .tags a.tag:visited*/ {background: transparent; background-color: transparent; } /*input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"] */ input {background-color: #fff; border-color: #ccc; color: rgba(0, 0, 0, 0.75); } /*input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus */ input:focus {border-color: #ccc; } /*input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled] */ input[disabled]{background-color: #999; } /*input[type="text"] textarea, input[type="text"] select, input[type="password"] textarea, input[type="password"] select, input[type="date"] textarea, input[type="date"] select, input[type="datetime"] textarea, input[type="datetime"] select, input[type="email"] textarea, input[type="email"] select, input[type="number"] textarea, input[type="number"] select, input[type="search"] textarea, input[type="search"] select, input[type="tel"] textarea, input[type="tel"] select, input[type="time"] textarea, input[type="time"] select, input[type="url"] textarea, input[type="url"] select */ figcaption, input textarea, input select {background-color: #eee; color: #000; } .coming-soon, .sold-out, .availability-update, .limited-places {background: #fff; background-color: #fff; color: #f00; } .form-block .required, #search-empty-message {color: #f00; } .form-block input:focus, .form-block select:focus, .form-block textarea:focus {border: 1px solid #afcdd8; background-color: #ebf2f4; } #errors, #success {background-color: #ffe6e6; } #errors {border: solid 1px #e58e8e; } /*.primary-nav-item > ul, */ .jp-interface .jp-controls li, .jp-audio .jp-type-single .jp-interface, .pullout-quote, /*.mobile-site .primary-nav-item > ul, */ .mobile-site .primary-nav-item:first-child h3 {border-top: 1px solid #fff;} #primary-nav, a.jp-unmute, .mobile-site .main-nav-toggle, .purchase-banner .content, .search-section input[type=submit] {border-left: 1px solid #fff; } .desktop-site .primary-nav-item {border-right: 1px solid #fff; } #site-logo, #primary-nav, .primary-nav, .pullout-quote, .mobile-site .main-nav-toggle, .mobile-site .primary-nav-item h3, .mobile-site .primary-nav-item > ul, .facet-list a {border-bottom: 1px solid #fff; } .desktop-site.main-home-pg #primary-nav, .desktop-site.main-home-pg .primary-nav, .desktop-site.main-home-pg #site-logo {border:none} .search-block .facet-search select, .search-block .facet-search #search-section-input {border: 1px solid #fff; } .header-info-img img {border: 2px solid #fff; } #img-viewer .img-viewer-inner .tabbed-box-inner .lan-dropdown {border-left: 1px solid #333; } #img-viewer .img-viewer-inner .tabbed-box-inner .lan-dropdown h4, .flex-control-thumbs {border-top: 1px solid #333; } .flex-control-thumbs li {border-right: 1px solid #333; } #img-viewer .img-viewer-nav, .sldshw-launched figcaption {border-bottom: 1px solid #333; } .article-hl-block ul.ahl-nav li:first-child {border-top: 1px solid #666; } .article-hl-block ul.ahl-nav li, .dg-bg table.tbl-light tr {border-bottom: 1px solid #666; } .primary-nav-item ul li h4, .primary-nav-item ul li > ul, .search-section button[type=submit] {border-left: 1px solid #999; } .search-block .facet-search select {border-right: 1px solid #999; } table, .pnl-row .pnl span.pnl-field.pf-type {border: 1px solid #999; } fieldset, th, td, .olay-ab, #search-web-cat [type="radio"], .search input[type=text], div .text-link-with-icon, .social-block .newsletter-block #email, .block-border, .fa-border, #large-search-2 input, /*.icon-list li a, */ .highlight-bg .newslettersignup-content input#email1 {border: 1px solid #ccc; } .g-t-border/*, .tags.tags-list .tag*/ {border-top: 1px solid #ccc; } .pnl-1col.txt-pnl .pnl, /*.tags.tags-list .tag, */ .g-b-border {border-bottom: 1px solid #ccc; } .local-search-wrapper {border: 8px solid #eee; } .local-search-wrapper + .local-search-wrapper, .main-column-inner .general-list ul.tags-list li.tag, .main-column-inner .general-list .tags.tags-list .tag {border: none; border-bottom: none; border-top: none; } #page-footer .alternate-main-bg .pnl-inner a, .alternate-main-bg #page-footer .pnl-inner a, .sectional-footer, .leaderboard-txt li, .desktop-site .primary-nav > li:hover a h3, .desktop-site .primary-nav-item.parent a h3 {border-bottom-style: solid; border-bottom-width: 16px; } .desktop-site .primary-nav > li:hover a h3, .desktop-site .primary-nav-item.parent a h3 {border-bottom-width: 10px; } .leaderboard-txt li {border-bottom-width: 1px; } .text-block {border-bottom-style: none; } #img-viewer .img-viewer-nav a.prev, #img-viewer .img-viewer-nav a.next {border: 14px solid #000; } .jp-details, .jp-interface, .jp-no-solution, .carousel-slideshow, #img-viewer, .flexslider .slides figure a, .carousel-slideshow figcaption, .loading, .title-block span.pnl-field.pf-free, .pnl-row .pnl span.pnl-field.pf-free/*, .leaderboard-block .leaderboard-txt .book-tickets-button*/ {background: #000; background-color: #000; } #img-viewer .img-viewer-info, #img-viewer .img-viewer-inner .tabbed-box-inner .tabs a.active, #img-viewer .img-viewer-nav a.action-button {background: #1f1f1f; background-color: #1f1f1f; }/* 1f1f1f */ /* .article-hl-block ul.ahl-nav li.highlighted {border-left: 4px solid green; } ? */ /* .hl-pnl-inner .flex-control-thumbs li {background: green; } ? */ /*.strapline .strapline-highlight-colour, */ .page-header .strapline, .strapline .strapline-white {color: #fff !important; -moz-text-shadow: 0 0 5px #000; -webkit-text-shadow: 0 0 5px #000; text-shadow: 0 0 5px #000; } /*.strapline .strapline-main-colour, */ .strapline .strapline-black {color: #000 !important; -moz-text-shadow: 0 0 5px #fff; -webkit-text-shadow: 0 0 5px #fff; text-shadow: 0 0 5px #fff; } .mobile-site #page-outer {-moz-box-shadow: 0 0 20px #000; -webkit-box-shadow: 0 0 20px #000; box-shadow: 0 0 20px #000; } #img-viewer .img-viewer-inner .tabbed-box-inner .lan-dropdown .active-title, a.jp-mute, .title-block span.pnl-field .pf-free, .pnl-row .pnl span.pnl-field.pf-free, .jp-no-solution a {color: #ffee00 !important; }/* bright yellow */ /* Social Welfare home page search panel tooltip styles */ a.tooltip:hover span { color: #fff; border: 1px solid #fff; background: #333 none repeat scroll 0% 0%; } /* Social Welfare home page subjects panel additional styles */ .panel-list li.more, .panel-list li.less {color: #333;} .panel-list .fa-caret-down, .panel-list .fa-caret-up {color: #333;} body .gradient01, body .gradient02 {color: #fff; background-color: #b3b0b0; }/* basic fallback, including ie8 */ body .gradient01, body .gradient01 .main-content-block-inner {color: #fff; background-image: url('data:image/gif;base64,R0lGODlhuAsBAIABAO7u7gAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMTEgNzkuMTU4MzI1LCAyMDE1LzA5LzEwLTAxOjEwOjIwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODVFQjM0QjBCODVDMTFFNThENjU4RjQ5QzFEMzY0QTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODVFQjM0QjFCODVDMTFFNThENjU4RjQ5QzFEMzY0QTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NUVCMzRBRUI4NUMxMUU1OEQ2NThGNDlDMUQzNjRBNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NUVCMzRBRkI4NUMxMUU1OEQ2NThGNDlDMUQzNjRBNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAC4CwEAAAJVhI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6FPT+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY8rCwA7'), url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI2NjYyIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2IzYjBiMCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzg5KSIgLz4KPC9zdmc+'); } /* background: rgb(226,226,226); background: -moz-linear-gradient(top, rgb(226,226,226) 0%, rgb(219,219,219) 4%, rgb(209,209,209) 16%, rgb(179,176,176) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(226,226,226)), color-stop(4%, rgb(219,219,219)), color-stop(16%, rgb(209,209,209)), color-stop(100%, rgb(179,176,176))); background: -webkit-linear-gradient(top, rgb(226,226,226) 0%, rgb(219,219,219) 4%, rgb(209,209,209) 16%, rgb(179,176,176) 100%); background: -o-linear-gradient(top, rgb(226,226,226) 0%, rgb(219,219,219) 4%, rgb(209,209,209) 16%, rgb(179,176,176) 100%); background: -ms-linear-gradient(top, rgb(226,226,226) 0%, rgb(219,219,219) 4%, rgb(209,209,209) 16%, rgb(179,176,176) 100%); background: linear-gradient(to bottom, rgb(226,226,226) 0%, rgb(219,219,219) 4%, rgb(209,209,209) 16%, rgb(179,176,176) 100%); */ /*.desktop-site.shop .gry-tile {background-image: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGMDRCOEI4NEI1RUExMUU1QkIzNkEzQjM2RUJDMDNCMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGMDRCOEI4NUI1RUExMUU1QkIzNkEzQjM2RUJDMDNCMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkYwNEI4QjgyQjVFQTExRTVCQjM2QTNCMzZFQkMwM0IwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkYwNEI4QjgzQjVFQTExRTVCQjM2QTNCMzZFQkMwM0IwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8AAEQgAAQPoAwERAAIRAQMRAf/EAaIAAAAGAgMBAAAAAAAAAAAAAAcIBgUECQMKAgEACwEAAAYDAQEBAAAAAAAAAAAABgUEAwcCCAEJAAoLEAACAQMEAQMDAgMDAwIGCXUBAgMEEQUSBiEHEyIACDEUQTIjFQlRQhZhJDMXUnGBGGKRJUOhsfAmNHIKGcHRNSfhUzaC8ZKiRFRzRUY3R2MoVVZXGrLC0uLyZIN0k4Rlo7PD0+MpOGbzdSo5OkhJSlhZWmdoaWp2d3h5eoWGh4iJipSVlpeYmZqkpaanqKmqtLW2t7i5usTFxsfIycrU1dbX2Nna5OXm5+jp6vT19vf4+foRAAIBAwIEBAMFBAQEBgYFbQECAxEEIRIFMQYAIhNBUQcyYRRxCEKBI5EVUqFiFjMJsSTB0UNy8BfhgjQlklMYY0TxorImNRlUNkVkJwpzg5NGdMLS4vJVZXVWN4SFo7PD0+PzKRqUpLTE1OT0laW1xdXl9ShHV2Y4doaWprbG1ub2Z3eHl6e3x9fn90hYaHiImKi4yNjo+DlJWWl5iZmpucnZ6fkqOkpaanqKmqq6ytrq+v/aAAwDAQACEQMRAD8A3oPfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691//2Q=='); }*/ /* a solution for use in the new shop panel, grey bg, designs which break the established website design. Yay! */ .shop .main-page-img, .shop #main {background-color: #eee; } .desktop-site.shop-home .main-content {background: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1M0FFNEE4M0JFQzIxMUU1QTZGN0QxMEY4OUVGOEMyNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1M0FFNEE4NEJFQzIxMUU1QTZGN0QxMEY4OUVGOEMyNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUzQUU0QTgxQkVDMjExRTVBNkY3RDEwRjg5RUY4QzI1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUzQUU0QTgyQkVDMjExRTVBNkY3RDEwRjg5RUY4QzI1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8AAEQgBkAABAwERAAIRAQMRAf/EAaIAAAAGAgMBAAAAAAAAAAAAAAcIBgUECQMKAgEACwEAAAYDAQEBAAAAAAAAAAAABgUEAwcCCAEJAAoLEAACAQMEAQMDAgMDAwIGCXUBAgMEEQUSBiEHEyIACDEUQTIjFQlRQhZhJDMXUnGBGGKRJUOhsfAmNHIKGcHRNSfhUzaC8ZKiRFRzRUY3R2MoVVZXGrLC0uLyZIN0k4Rlo7PD0+MpOGbzdSo5OkhJSlhZWmdoaWp2d3h5eoWGh4iJipSVlpeYmZqkpaanqKmqtLW2t7i5usTFxsfIycrU1dbX2Nna5OXm5+jp6vT19vf4+foRAAIBAwIEBAMFBAQEBgYFbQECAxEEIRIFMQYAIhNBUQcyYRRxCEKBI5EVUqFiFjMJsSTB0UNy8BfhgjQlklMYY0TxorImNRlUNkVkJwpzg5NGdMLS4vJVZXVWN4SFo7PD0+PzKRqUpLTE1OT0laW1xdXl9ShHV2Y4doaWprbG1ub2Z3eHl6e3x9fn90hYaHiImKi4yNjo+DlJWWl5iZmpucnZ6fkqOkpaanqKmqq6ytrq+v/aAAwDAQACEQMRAD8A3cPfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691737r3Xvfuvde9+691//Z') repeat-x 0 37px; } .desktop-site.shop .main-page-img div { background: url(https://www.bl.uk/britishlibrary/~/media/shop/images/headers/brick.jpg);} body.shop .bg03, .desktop-site.shop #shopResults dt {background-color: #3d414d; } body.shop .masthead-inner, body.shop .masthead-title {background: #fff; background-color: #fff; } #shop-legend, body.shop .masthead-title, .product-hero > div > p, .promo-label, .product-info h2, body.shop p a, body.shop .recommended cite, body.shop .owl-carousel .pnl-title * {color: #666; } body.shop #primary-nav, body.shop .second-nav, body.shop .second-nav *, body.shop .action-button:hover {background-color: #333; } body.shop .second-nav .menu a:hover, #shop-legend > div:first-child:after, body.shop .action-button {background-color: #666; } body.shop #primary-nav .primary-nav-item a h3:hover {border-bottom-color: #fff; } .promo-label {border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 1px solid #666; } body.shop-home .strapline-inner {color: #333; } /* overriden in colours: */ body.shop-home div.strapline {border: 2px solid #333; } body.shop p a:hover {border-bottom: 1px solid #999; } body.shop #primary-nav .primary-nav-item ul li *, body.shop .main-bg .pnl-shop4col h2 {color: #333; } body.shop div.product-hero.zeb .product-info a, body.shop div.product-hero.zeb .product-info .price p span + span, body.shop .product-info2 blockquote {color: #333 !important; } body.shop .second-nav .menu a:hover, #shop-legend > div:first-child:after, body.shop .action-button {background-color: #666; } body.shop div.product-hero.zeb .product-info {background-color: #999 !important; } .desktop-site div.product-hero.zeb svg polygon {fill: #999; } body.shop div.product-hero.zeb .product-info * {color: #fff !important; } .shop #category div {background-color: #333; border-color: #fff; } .backgroundsize .desktop-site.shop #category div {background-color: rgba(51,51,51,0.8); } .shop #category * {color: #fff; } /*Why? Why? and why again?*/ /* body.shop-home #main .main-bg .highlight-bg .pnl-inner {outline: 8px solid #e7e4e4; } */ body.mobile-site.shop.shop-home .events .pnl-inner {outline: none !important; background:none !important;} /*tfs: 9597*/ .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner .pnl-txt * {color:#fff !important;} /*e.g mobile-spaces-homepage-with-back-btn.html*/ .main-content-wrapper .main-content-block.secondary-bg .pnl-row:not(.hlf-img-pnl) .pnl-row:not(.lrg-img-pnl) a { color:#fff !important; } /* 20/04 : desktop-spaces-theme-page.html */ * .main-content-block.secondary-bg h4 a {color:#fff;} /*background*/ /* .bg-primary {background-color: rgba(0,255,0,0.1);} .bg-secondary {} .bg-success {} .bg-danger {} .bg-warning {} .bg-info {} .bg-light {} .bg-dark {} .bg-white {} */ div.reset-colour, div.reset-colour * { color:#000 !Important; } /* RM 10:41 2 July 15 - added collection-guide show-more styles DH 12.23 2 July 15. .whatson-newsletter-block .action-button */ /* ======================================================= COLOURS ======================================================= */ /* DEFAULT */ /*.desktop-site #page-inner {background-image: url('../images/bl-green-head.png'); }*/ /* .desktop-site .main-page-img div {background-image: url('../images/pattern-bg-1.png'); } */ /* text wht on none wht bg a[href$=".abc"] .pnl-row:not([class$="-img-pnl"]) .main-content-wrapper .main-content-block.secondary-bg .pnl-row:not(.hlf-img-pnl) .pnl-row:not(.lrg-img-pnl) a {color:#fff !important;} */ /*07/06/18: dev class not for production*/ .warning {color: red} /* DEFAULT GREY #eeeeee (#b2d9d5) = v light "Pale shade for buttons and search background" #CCCCCC (#01b3a2) = light #999999 (#018074) = medium "Highlight colour" #666666 (#015d54) = dark "Secondary colour" #333333 (#003a34) = v dark "Main colour" */ .desktop-site #page-inner {background-image: url('../images/bl-grey-head.png'); } .leaderboard-block .ajaxCheck .availability {background-image: url('../images/ajax-loader-jade.gif'); } .desktop-site .primary-nav > li:hover a h3, .desktop-site .primary-nav-item.parent a h3, #page-footer .vlg-bg a, #page-footer .alternate-main-bg .pnl-inner a, .alternate-main-bg #page-footer .pnl-inner a, .sectional-footer, .leaderboard-txt li {border-bottom-color: #999; } #header .page-header .vlg-bg a, .main-content-wrapper a, .sec-font-color, .main-content p a, .search-section button[type=submit]:hover, .primary-nav-item a, .pnl-wide .pnl-title, /*.highlight-bg .w-bg .pnl-title a, */ .pnl-1-third .pnl-title, .pnl-2-thirds .pnl-title, .pnl-img-2col .pnl-title, .pnl-no-padding .pnl-title, .readmore-handle, .show-more.small, .facet-list a, .info-tbl a, .img-viewer-info a:link, .mobile-site .tags .view-all-tag a.tag:link, /*.mobile-site .tags .view-all-tag a.tag:visited, */ .mobile-site .tags .view-all-tag a.tag /*:active, .mobile-site .tags .view-all-tag a.tag:link:hover, .mobile-site .tags .view-all-tag a.tag:visited:hover, .mobile-site .tags .view-all-tag a.tag:active:hover*/ {color: #999; } .show-more.small {background-color:#FFF;} .facet-search .form-item input[type=submit], .masthead-inner, .second-nav .menu .current a:hover, .second-nav .menu .active, .second-nav .menu .current a, .current a, .main-page-img div, .highlight-bg, .vlg-bg .pnl .pnl-lnk:hover, .alternate-main-bg .pnl-inner .pnl .pnl-lnk:hover, .lg-bg .pnl .pnl-lnk:hover, .left-panel-list h2, .pnl a:hover .icon, .mlg-bg .pnl .pnl-lnk:hover, .mdg-bg .pnl .pnl-lnk:hover, .pnl-expnd-txt .action-button, .icon .main-bg:hover, .printpage, .pnl-row .pnl span.pnl-field .pf-type, .leaderboard-block .leaderboard-txt .book-tickets-button, a.book-tickets-button, .thumbnail-slider a:hover, .ui-datepicker-calendar td:hover, .expand-button, .action-button, .main-bg .expand-button, .main-bg .action-button, .pnl-act-btn .action-button:hover, .main-bg .pnl-act-btn .action-button:hover, .flex-control-nav a, .mobile-site .left-panel-list h2, .mobile-site .tags a.tag:link, /*.mobile-site .tags a.tag:active, .mobile-site .tags a.tag:visited, */ .mobile-site .page-header, .mobile-site .page-header-wrapper, .mobile-site .primary-nav-item ul a {background-color: #999; } .main-home-pg .action-button {background-color: #b70303;} .main-home-pg .action-button:hover {background-color: #6A0000;} .pullout-quote blockquote, .lb-date, .pnl-expnd-txt a, .main-content .dg-bg p a, .header-info-data dt {color: #eee; } #primary-nav, .pnl-act-btn .w-bg .action-button:hover, .second-nav .menu, .second-nav .menu a, .main-bg, .hl-pnl-nav .icon, .expand-button:hover, .action-button:hover, .highlight-bg > div > div > .expand-button, .highlight-bg > div > div > .action-button, .whatson-newsletter-block .expand-button, .whatson-newsletter-block .action-button, .book-tickets-button:hover, .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .sldshw-launched .next, .sldshw-launched .prev, .pnl-act-btn .action-button:hover, .mobile-site #page-outer .second-nav, .mobile-site .second-nav.second-nav-hidden-menu, .mobile-site .main-nav-toggle {background-color: #333; } .main-bg .pnl-3col-alt .pnl-inner:nth-child(2n+2) {background-color: #333; } .sldshw-launched .next, .sldshw-launched .prev {border: 12px solid #333; } .mobile-site .primary-nav-item h4 {border-bottom: 1px solid #333; } a:hover, a:focus, a:active, .main-font-color, .search-section button[type=submit], .main-bg .pnl-row .pnl .pnl-lnk:hover, .w-bg .pnl-title, .dg-bg .w-bg .pnl-title, .dg-bg .pnl .pnl-lnk:hover, .pnl-act-btn .action-button, .main-bg .pnl-act-btn .action-button, .tb-date, .pf-date span, .pf-date span time, .mobile-site .facet-list-outer li.more, /*.mobile-site .tags-block .tags-list .tag, */ .strapline .strapline-main-colour {color: #333; } .pullout-quote blockquote:before, .pullout-quote blockquote:after {color: #ccc; } .secondary-bg, .second-nav .menu a:hover, .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner, .leaderboard-txt .book-tickets-button:hover, .highlight-bg .expand-button:hover, .highlight-bg .action-button:hover, .mobile-site .primary-nav-item h4, .dg-bg .expand-button:hover, .dg-bg .action-button:hover, .main-bg .expand-button:hover, .main-bg .action-button:hover {background: #666; background-color: #666; } .mobile-site .primary-nav-item ul a {border-top: 1px solid #666; } .sectional-footer {border-bottom: 16px solid #999; position:relative;} .lrg-img-pnl p em {color:#333;} /* =================== HOMEPAGE =================== */ /*moved to helper-classes.css and made generic*/ /*.main-home-pg .bg01 {background-color: #eee;} .main-home-pg .bg02 {background-color: #ddd;} .main-home-pg .bg03 {background-color: #3d414d;} .main-home-pg .bg04 {background-color: #f0f0e8;} .main-home-pg .bg05 {background-color: #F2F2EA;} .main-home-pg .bg06 {background-color: #E9E9E9} .main-home-pg .bg07 {background-color: #E3E3E3}*/ /* .main-home-pg .page-bg {background-color: #e0e0e0} .main-home-pg .bg01 {background-color: #f1f1f1;} news/blogs alternating .main-home-pg .bg02 {background-color: #ddd;}- .main-home-pg .bg03 {background-color: #3d414d;}whatson-newsletter .main-home-pg .bg04 {background-color: #f0f0e8;}news/blogs alternating .main-home-pg .bg05 {background-color: #F2F2EA;}discover-learn .main-home-pg .bg06 {background-color: #E9E9E9}shopping .main-home-pg .bg07 {background-color: #eee;}shop */ /**/ /*Andy:*/ /*Hopefully this will cover all scenarios�but we�ll find out in due course I guess*/ /*NEW CODE*/ /*=====================================*/ /* Only em�s inside lrg-img-pnl class */ .lrg-img-pnl p em {color:#333} .moroccan-velvet .lrg-img-pnl h3 em {color:#7e3e98;} .paprika .lrg-img-pnl h3 em {color:#d44202;} .damson .lrg-img-pnl h3 em {color:#865be7;} .blue .lrg-img-pnl h3 em {color:#1e6eb8;} .azure .lrg-img-pnl h3 em {color:#00788b;} .green .lrg-img-pnl h3 em {color:#869f33;} .garnet .lrg-img-pnl h3 em {color:#da2f65;} .jade .lrg-img-pnl h3 em {color:#018074;} /*======================================*/ /* JADE #b2d9d5 = v light "Pale shade for buttons and search background" #01b3a2 = light #018074 = medium "Highlight colour" #015d54 = dark "Secondary colour" #003a34 = v dark "Main colour" */ .jade .desktop-site #page-inner {background-image: url('../images/bl-jade-head.png'); } .jade .leaderboard-block .ajaxCheck .availability {background-image: url('../images/ajax-loader-jade.gif'); } .jade .save-our-sounds .owl-carousel .owl-nav div {background-color:#018074;} .jade .save-our-sounds .owl-carousel .owl-nav div:hover {background-color:#015d54;} .jade .save-our-sounds .btn-overlay-container:hover .btn-overlay .action-button {background-color:#015d54;} .jade .main-bg .w-bg .block-title, .jade .main-bg .w-bg h3 {color:#003a34;} .jade h3 em {color:#018074;} .jade .desktop-site .primary-nav > li:hover a h3, .jade .desktop-site .primary-nav-item.parent a h3, .jade #page-footer .vlg-bg a, .jade #page-footer .alternate-main-bg .pnl-inner a, .jade .alternate-main-bg #page-footer .pnl-inner a, .jade .sectional-footer, .jade .leaderboard-txt li {border-bottom-color: #018074; } .jade #bmCollectionItem #reveal::after, .jade .person .pnl-txt p span.more:after, .jade .dg-bg a:hover, .jade #header .page-header .vlg-bg a, .jade .main-content-wrapper a, .jade .sec-font-color, .jade .main-content p a, .jade .search-section button[type=submit]:hover, .jade .primary-nav-item a, .jade .pnl-wide .pnl-title, .jade .highlight-bg .w-bg .pnl-title a, .jade .pnl-1-third .pnl-title, .jade .pnl-2-thirds .pnl-title, .jade .pnl-img-2col .pnl-title, .jade .pnl-no-padding .pnl-title, .jade .readmore-handle, .jade .show-more.small, .jade .facet-list a, .jade .info-tbl a, .jade .img-viewer-info a:link, .jade .pnl-inner > .quote-list > blockquote:before, .jade .pnl-inner > .quote-list > blockquote:after, .jade .mobile-site .tags .view-all-tag a.tag:link, /*.jade .mobile-site .tags .view-all-tag a.tag:visited, */ .jade .mobile-site .tags .view-all-tag a.tag,/*:active, .jade .mobile-site .tags .view-all-tag a.tag:link:hover, .jade .mobile-site .tags .view-all-tag a.tag:visited:hover, .jade .mobile-site .tags .view-all-tag a.tag:active:hover*/ .jade .figures-row {color: #018074; } /*23/11/2016 Note for merge: same colour txt on same colour bg fix for spaces-theme Further themes section */ .jade .main-content-wrapper .main-content-block a:not(h3):not(a) {color:#fff !important;} .jade .tag-btns /*.tag*/ li a {border-color: #018074; } .jade .facet-search .form-item input[type=submit], /*.jade .primary-nav-item a:focus, .jade .primary-nav-item .focus, */ .jade .masthead-inner, .jade .second-nav .menu .current a:hover, .jade .second-nav .menu .active, .jade .second-nav .menu .current a, .jade .current a, .jade .main-page-img div, .jade .highlight-bg, .jade .vlg-bg .pnl .pnl-lnk:hover, .jade .alternate-main-bg .pnl-inner .pnl .pnl-lnk:hover, .jade .lg-bg .pnl .pnl-lnk:hover, .jade .left-panel-list h2, .jade .pnl a:hover .icon, .jade .mlg-bg .pnl .pnl-lnk:hover, .jade .mdg-bg .pnl .pnl-lnk:hover, .jade .pnl-expnd-txt .action-button, .jade .icon .main-bg:hover, .jade .printpage, .jade .pnl-row .pnl span.pnl-field .pf-type, .jade .leaderboard-block .leaderboard-txt .book-tickets-button, .jade a.book-tickets-button, .jade .thumbnail-slider a:hover, .jade .ui-datepicker-calendar td:hover, .jade .expand-button, .jade .action-button, .jade .main-bg .expand-button, .jade .main-bg .action-button, .jade .highlight-bg .main-bg .action-button, .jade .pnl-act-btn .action-button:hover, .jade .main-bg .pnl-act-btn .action-button:hover, .jade .flex-control-nav a, .jade .mobile-site .left-panel-list h2, .jade .mobile-site .tags a.tag:link, /*.jade .mobile-site .tags a.tag:active, .jade .mobile-site .tags a.tag:visited, */ .jade .mobile-site .page-header, .jade .mobile-site .page-header-wrapper, .jade .mobile-site .primary-nav-item ul a, .jade .tag-btns .tag:hover {background-color: #018074; } .jade .pullout-quote blockquote, .jade .lb-date, .jade .pnl-expnd-txt a, /*.jade .main-content .dg-bg p a, */ .jade .header-info-data dt {color: #b2d9d5; } .jade #primary-nav, .jade .highlight-bg .action-button, .jade .pnl-act-btn .w-bg .action-button:hover, .jade .second-nav .menu, .jade .second-nav .menu a, .jade .main-bg, .jade .hl-pnl-nav .icon, .jade .expand-button:hover, .jade .action-button:hover, .jade .highlight-bg > div > div > .expand-button, .jade .highlight-bg > div > div > .action-button, .jade .whatson-newsletter-block .expand-button, /*.jade .whatson-newsletter-block .action-button, */ .jade .book-tickets-button:hover, .jade .ui-datepicker .ui-datepicker-prev, .jade .ui-datepicker .ui-datepicker-next, .jade .sldshw-launched .next, .jade .sldshw-launched .prev, .jade .pnl-act-btn .action-button:hover, .jade .newsletter-signup-form .action-button:hover, .jade .mobile-site #page-outer .second-nav, .jade .mobile-site .second-nav.second-nav-hidden-menu, .jade .mobile-site .main-nav-toggle {background-color: #003a34; } .jade .main-bg .pnl-3col-alt .pnl-inner:nth-child(2n+2) {background-color: #003a34; } .jade .sldshw-launched .next, .jade .sldshw-launched .prev {border: 12px solid #003a34; } .jade .mobile-site .primary-nav-item h4 {border-bottom: 1px solid #003a34; } .jade a:hover, .jade a:focus, .jade a:active, .jade .main-font-color, .jade .search-section button[type=submit], .jade .main-bg .pnl-row .pnl .pnl-lnk:hover, .jade .w-bg .pnl-title, .jade .dg-bg .w-bg .pnl-title, .jade .dg-bg .pnl .pnl-lnk:hover, .jade .pnl-act-btn .action-button, .jade .main-bg .pnl-act-btn .action-button, .jade .tb-date, .jade .mobile-site .facet-list-outer li.more, /*.jade .mobile-site .tags-block .tags-list .tag, */ .jade .strapline .strapline-main-colour {color: #003a34; } .jade .pullout-quote blockquote:before, .jade .pullout-quote blockquote:after {color: #01b3a2; } .jade .secondary-bg, .jade .second-nav .menu a:hover, .jade .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner, .jade .leaderboard-txt .book-tickets-button:hover, .jade .highlight-bg .expand-button:hover, .jade .highlight-bg .action-button:hover, .jade .mobile-site .primary-nav-item h4, .jade .dg-bg .expand-button:hover, .jade .dg-bg .action-button:hover, .jade .main-bg .expand-button:hover, .jade .main-bg .action-button:hover {background: #015d54; background-color: #015d54; } .jade .mobile-site .primary-nav-item ul a {border-top: 1px solid #015d54; } .jade .sectional-footer {border-bottom: 16px solid #018074; } .jade .opacity {background-color: rgba(1,179,162,0.5); } .jade #main .main-content-block:not(.vlg-bg):not(.highlight-bg) a { } .jade #main div.vlg-bg ul li a { } .jade .main-home-pg .owl-carousel .owl-nav div {background-color:#018074} /*testing colour flexibility: 14/10/2016*/ .jade .membership-landing h3, .jade .membership-landing li {color:#333} .jade .membership-landing .action-button.mb-dark {background-color: #003a34; } .jade .membership-landing .action-button.mb-dark:hover {background: #015d54; background-color: #015d54; } .jade .membership-landing .action-button.secondary-btn {background-color:#018074} .jade .membership-landing .action-button.secondary-btn:hover {background-color:#015d54} .jade a.alt-button {background-color: #fff;border: 1px solid #333;color: #333 !important;} .jade a.alt-button:hover {color: #fff !important;} .jade .leaderboard-block .leaderboard-txt a.alt-button.book-tickets-button {background-color: #015d54;color: #fff !important;} .jade .faq {background-color: #018074;} .jade .pnl-title:hover em {color:#003a34;} /* GARNET #f4c0d0 = v light "Pale shade for buttons and search background" #e7a3b8 = light #da2f65 = medium "Highlight colour" #ae2552 = dark "Secondary colour" #831c3d = v dark "Main colour" */ .garnet .desktop-site #page-inner {background-image: url('../images/bl-garnet-head.png'); } /*.garnet .leaderboard-block .ajaxCheck .availability {background-image: url('../images/ajax-loader-garnet.gif'); }*/ .garnet h3 em {color:#da2f65;} .garnet .save-our-sounds .owl-carousel .owl-nav div {background-color:#da2f65} .garnet .save-our-sounds .owl-carousel .owl-nav div:hover {background-color:#ae2552;} .garnet .save-our-sounds .btn-overlay-container:hover .btn-overlay .action-button {background-color:#ae2552;} .garnet .main-bg .w-bg .block-title, .garnet .main-bg .w-bg h3 {color:#831c3d;} .garnet .desktop-site .primary-nav > li:hover a h3, .garnet .desktop-site .primary-nav-item.parent a h3, .garnet #page-footer .vlg-bg a, .garnet #page-footer .alternate-main-bg .pnl-inner a, .garnet .alternate-main-bg #page-footer .pnl-inner a, .garnet .sectional-footer, .garnet .leaderboard-txt li {border-bottom-color: #da2f65; } .garnet #bmCollectionItem #reveal::after, .garnet .person .pnl-txt p span.more:after, .garnet .dg-bg a:hover, .garnet #header .page-header .vlg-bg a, .garnet .main-content-wrapper a, .garnet .sec-font-color, .garnet .main-content p a, .garnet .search-section button[type=submit]:hover, .garnet .primary-nav-item a, .garnet .pnl-wide .pnl-title, .garnet .pnl-1-third .pnl-title, .garnet .pnl-2-thirds .pnl-title, .garnet .pnl-img-2col .pnl-title, .garnet .pnl-no-padding .pnl-title, .garnet .readmore-handle, .garnet .show-more.small, .garnet .facet-list a, .garnet .info-tbl a, .garnet .img-viewer-info a:link, .garnet .pnl-inner > .quote-list > blockquote:before, .garnet .pnl-inner > .quote-list > blockquote:after, .garnet .mobile-site .tags .view-all-tag a.tag:link, /*.garnet .mobile-site .tags .view-all-tag a.tag:visited, */ .garnet .mobile-site .tags .view-all-tag a.tag,/*:active, .garnet .mobile-site .tags .view-all-tag a.tag:link:hover, .garnet .mobile-site .tags .view-all-tag a.tag:visited:hover, .garnet .mobile-site .tags .view-all-tag a.tag:active:hover*/ .garnet .figures-row {color: #da2f65; } .garnet .tag-btns /*.tag*/ li a {border-color: #da2f65; } .garnet .facet-search .form-item input[type=submit], /*.garnet .primary-nav-item a:focus, .garnet .primary-nav-item .focus, */ .garnet .masthead-inner, .garnet .second-nav .menu .current a:hover, .garnet .second-nav .menu .active, .garnet .second-nav .menu .current a, .garnet .current a, .garnet .main-page-img div, .garnet .highlight-bg, .garnet .vlg-bg .pnl .pnl-lnk:hover, .garnet .alternate-main-bg .pnl-inner .pnl .pnl-lnk:hover, .garnet .lg-bg .pnl .pnl-lnk:hover, .garnet .left-panel-list h2, .garnet .pnl a:hover .icon, .garnet .mlg-bg .pnl .pnl-lnk:hover, .garnet .mdg-bg .pnl .pnl-lnk:hover, .garnet .pnl-expnd-txt .action-button, .garnet .icon .main-bg:hover, .garnet .printpage, .garnet .pnl-row .pnl span.pnl-field .pf-type, .garnet .leaderboard-block .leaderboard-txt .book-tickets-button, .garnet a.book-tickets-button, .garnet .thumbnail-slider a:hover, .garnet .ui-datepicker-calendar td:hover, .garnet .expand-button, .garnet .action-button, .garnet .main-bg .expand-button, .garnet .main-bg .action-button, .garnet .highlight-bg .main-bg .action-button, .garnet .pnl-act-btn .action-button:hover, .garnet .main-bg .pnl-act-btn .action-button:hover, .garnet .flex-control-nav a, .garnet .mobile-site .left-panel-list h2, .garnet .mobile-site .tags a.tag:link, /*.garnet .mobile-site .tags a.tag:active, .garnet .mobile-site .tags a.tag:visited, */ .garnet .mobile-site .page-header, .garnet .mobile-site .page-header-wrapper, .garnet .mobile-site .primary-nav-item ul a, .garnet .tag-btns .tag:hover {background-color: #da2f65; } .garnet .pullout-quote blockquote, .garnet .lb-date, .garnet .pnl-expnd-txt a, /*.garnet .main-content .dg-bg p a, */ .garnet .header-info-data dt {color: #f4c0d0; } .garnet #primary-nav, .garnet .highlight-bg .action-button, .garnet .pnl-act-btn .w-bg .action-button:hover, .garnet .second-nav .menu, .garnet .second-nav .menu a, .garnet .main-bg, .garnet .hl-pnl-nav .icon, .garnet .expand-button:hover, .garnet .action-button:hover, .garnet .highlight-bg > div > div > .expand-button, .garnet .highlight-bg > div > div > .action-button, .garnet .whatson-newsletter-block .expand-button, /*.garnet .whatson-newsletter-block .action-button, */ .garnet .book-tickets-button, .garnet .ui-datepicker .ui-datepicker-prev, .garnet .ui-datepicker .ui-datepicker-next, .garnet .sldshw-launched .next, .garnet .sldshw-launched .prev, .garnet .pnl-act-btn .action-button:hover, .garnet .newsletter-signup-form .action-button:hover, .garnet .mobile-site #page-outer .second-nav, .garnet .mobile-site .second-nav.second-nav-hidden-menu, .garnet .mobile-site .main-nav-toggle {background-color: #831c3d; } .garnet .main-bg .pnl-3col-alt .pnl-inner:nth-child(2n+2) {background-color: #831c3d; } .garnet .sldshw-launched .next, .garnet .sldshw-launched .prev {border: 12px solid #831c3d; } .garnet .mobile-site .primary-nav-item h4 {border-bottom: 1px solid #831c3d; } .garnet a:hover, .garnet a:focus, .garnet a:active, .garnet .main-font-color, .garnet .search-section button[type=submit], .garnet .main-bg .pnl-row .pnl .pnl-lnk:hover, .garnet .w-bg .pnl-title, .garnet .dg-bg .w-bg .pnl-title, .garnet .dg-bg .pnl .pnl-lnk:hover, .garnet .pnl-act-btn .action-button, .garnet .main-bg .pnl-act-btn .action-button, .garnet .tb-date, .garnet .mobile-site .facet-list-outer li.more, /*.garnet .mobile-site .tags-block .tags-list .tag, */ .garnet .strapline .strapline-main-colour {color: #831c3d; } .garnet .pullout-quote blockquote:before, .garnet .pullout-quote blockquote:after {color: #e7a3b8; } .garnet .secondary-bg, .garnet .second-nav .menu a:hover, .garnet .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner, .garnet .leaderboard-txt .book-tickets-button:hover, .garnet .highlight-bg .expand-button:hover, .garnet .highlight-bg .action-button:hover, .garnet .mobile-site .primary-nav-item h4, .garnet .dg-bg .expand-button:hover, .garnet .dg-bg .action-button:hover, .garnet .main-bg .expand-button:hover, .garnet .main-bg .action-button:hover {background-color: #ae2552; } .garnet .mobile-site .primary-nav-item ul a {border-top: 1px solid #ae2552; } .garent .sectional-footer {border-bottom: 16px solid #da2f65; } .garent .opacity {background-color: rgba(231,163,184,0.5); } .garent #main .main-content-block:not(.vlg-bg):not(.highlight-bg) a { } .garent #main div.vlg-bg ul li a { } .garnet .bg-primary {background-color: rgba(244, 192, 208, .3);} .garnet .pnl-title:hover em {color:#831c3d;} /*disc/learn landing v2 (not 2.01)*/ /* .garnet .discover-blocks {background-color:#da2f65;} .garnet .discover-blocks .main-content-block-inner {background-color:#ae2552;} */ .garnet .discover-learn-landing.v2 .page-sub-header + div + div {background-color:#da2f65;} .garnet .discover-learn-landing.v2 .page-sub-header + div + div > .main-content-block-inner {background-color:#ae2552;} /*disc/learn landing v2.01 (not 2)*/ /* .garnet .discover-learn-landing .exhibitions.v2, */ .garnet .discover-learn-landing:not(.v2) .page-sub-header + .main-content-block {background-color:#da2f65;} .garnet .discover-learn-landing:not(.v2) .page-sub-header + .main-content-block .main-content-block-inner .pnl-block.w-bg {background-color:#ae2552;} .garnet .discover-learn-landing:not(.v2) .page-sub-header + .main-content-block .main-content-block-inner .pnl-block.w-bg .page-title, .garnet .discover-learn-landing:not(.v2) .page-sub-header + .main-content-block .main-content-block-inner .pnl-block.w-bg .block-title {color:#fff;} /** GREEN #cee055 = v light "Pale shade for buttons and search background" * #bbcb50 = light * #869f33 = medium "Highlight colour" * #667928 = dark "Secondary colour" * #3d5c12 = v dark "Main colour" **/ .green .save-our-sounds .owl-carousel .owl-nav div {background-color:#869f33} .green .save-our-sounds .owl-carousel .owl-nav div:hover {background-color:#667928;} .green .save-our-sounds .btn-overlay-container:hover .btn-overlay .action-button {background-color:#667928;} .green .main-bg .w-bg .block-title, .green .main-bg .w-bg h3 {color:#3d5c12;} .green .w-bg .block-title {color:#3d5c12;} /*disc/learn landing v2.01 only*/ .green .discover-learn-landing:not(.v2) .page-sub-header + .main-content-block {background-color:#cee055;} .green .discover-learn-landing .page-sub-header + .main-content-block .main-content-block-inner .pnl-block.w-bg {background-color:#667928;} .green .discover-learn-landing .page-sub-header + .main-content-block .main-content-block-inner .pnl-block.w-bg .page-title, .green .discover-learn-landing .page-sub-header + .main-content-block .main-content-block-inner .pnl-block.w-bg .block-title {color:#fff;} .green h3 em {color:#869f33;} .green .desktop-site #page-inner {background-image: url('../images/bl-green-head.png'); } /*.green .leaderboard-block .ajaxCheck .availability {background-image: url('../images/ajax-loader-green.gif'); }*/ .green .desktop-site .primary-nav > li:hover a h3, .green .desktop-site .primary-nav-item.parent a h3, .green #page-footer .vlg-bg a, .green #page-footer .alternate-main-bg .pnl-inner a, .green .alternate-main-bg #page-footer .pnl-inner a, .green .sectional-footer, .green .leaderboard-txt li {border-bottom-color: #869f33; } .green #bmCollectionItem #reveal::after, .green .person .pnl-txt p span.more:after, .green .dg-bg a:hover, .green #header .page-header .vlg-bg a, .green .main-content-wrapper a, .green .sec-font-color, .green .main-content p a, .green .search-section button[type=submit]:hover, .green .primary-nav-item a, .green .pnl-wide .pnl-title, .green .pnl-1-third .pnl-title, .green .pnl-2-thirds .pnl-title, .green .pnl-img-2col .pnl-title, .green .pnl-no-padding .pnl-title, .green .readmore-handle, .green .show-more.small, .green .facet-list a, .green .info-tbl a, .green .img-viewer-info a:link, .green .pnl-inner > .quote-list > blockquote:before, .green .pnl-inner > .quote-list > blockquote:after, .green .mobile-site .tags .view-all-tag a.tag:link, /*.green .mobile-site .tags .view-all-tag a.tag:visited, */ .green .mobile-site .tags .view-all-tag a.tag,/*:active, .green .mobile-site .tags .view-all-tag a.tag:link:hover, .green .mobile-site .tags .view-all-tag a.tag:visited:hover, .green .mobile-site .tags .view-all-tag a.tag:active:hover*/ .green .figures-row {color: #869f33; } .green .tag-btns /*.tag*/ li a {border-color: #869f33; } .green .facet-search .form-item input[type=submit], /*.green .primary-nav-item a:focus, .green .primary-nav-item .focus, */ .green .masthead-inner, .green .second-nav .menu .current a:hover, .green .second-nav .menu .active, .green .second-nav .menu .current a, .green .current a, .green .main-page-img div, .green .highlight-bg, .green .vlg-bg .pnl .pnl-lnk:hover, .green .alternate-main-bg .pnl-inner .pnl .pnl-lnk:hover, .green .lg-bg .pnl .pnl-lnk:hover, .green .left-panel-list h2, .green .pnl a:hover .icon, .green .mlg-bg .pnl .pnl-lnk:hover, .green .mdg-bg .pnl .pnl-lnk:hover, .green .pnl-expnd-txt .action-button, .green .icon .main-bg:hover, .green .printpage, .green .pnl-row .pnl span.pnl-field .pf-type, .green .leaderboard-block .leaderboard-txt .book-tickets-button, .green a.book-tickets-button, .green .thumbnail-slider a:hover, .green .ui-datepicker-calendar td:hover, .green .expand-button, .green .action-button, .green .main-bg .expand-button, .green .main-bg .action-button, .green .highlight-bg .main-bg .action-button, .green .pnl-act-btn .action-button:hover, .green .main-bg .pnl-act-btn .action-button:hover, .green .flex-control-nav a, .green .mobile-site .left-panel-list h2, .green .mobile-site .tags a.tag:link, /*.green .mobile-site .tags a.tag:active, .green .mobile-site .tags a.tag:visited, */ .green .mobile-site .page-header, .green .mobile-site .page-header-wrapper, .green .mobile-site .primary-nav-item ul a, .green .tag-btns .tag:hover {background-color: #869f33; } .green .pullout-quote blockquote, .green .lb-date, .green .pnl-expnd-txt a, /*.green .main-content .dg-bg p a, */ .green .header-info-data dt {color: #cee055; } .green #primary-nav, .green .highlight-bg .action-button, .green .pnl-act-btn .w-bg .action-button:hover, .green .second-nav .menu, .green .second-nav .menu a, .green .main-bg, .green .hl-pnl-nav .icon, .green .expand-button:hover, .green .action-button:hover, .green .highlight-bg > div > div > .expand-button, .green .highlight-bg > div > div > .action-button, .green .whatson-newsletter-block .expand-button, /*.green .whatson-newsletter-block .action-button, */ .green .book-tickets-button, .green .ui-datepicker .ui-datepicker-prev, .green .ui-datepicker .ui-datepicker-next, .green .sldshw-launched .next, .green .sldshw-launched .prev, .green .pnl-act-btn .action-button:hover, .green .newsletter-signup-form .action-button:hover, .green .mobile-site #page-outer .second-nav, .green .mobile-site .second-nav.second-nav-hidden-menu, .green .mobile-site .main-nav-toggle {background-color: #3d5c12; } .green .main-bg .pnl-3col-alt .pnl-inner:nth-child(2n+2) {background-color: #3d5c12; } .green .sldshw-launched .next, .green .sldshw-launched .prev {border: 12px solid #3d5c12; } .green .mobile-site .primary-nav-item h4 {border-bottom: 1px solid #3d5c12; } .green a:hover, .green a:focus, .green a:active, /* .green a:hover em, */ .green .main-font-color, .green .search-section button[type=submit], .green .main-bg .pnl-row .pnl .pnl-lnk:hover, .green .w-bg .pnl-title, .green .dg-bg .w-bg .pnl-title, .green .dg-bg .pnl .pnl-lnk:hover, .green .pnl-act-btn .action-button, .green .main-bg .pnl-act-btn .action-button, .green .tb-date, .green .mobile-site .facet-list-outer li.more, /*.green .mobile-site .tags-block .tags-list .tag, */ .green .strapline .strapline-main-colour {color: #3d5c12; } .green .pullout-quote blockquote:before, .green .pullout-quote blockquote:after {color: #bbcb50; } .green .secondary-bg, .green .second-nav .menu a:hover, .green .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner, .green .leaderboard-txt .book-tickets-button:hover, .green .highlight-bg .expand-button:hover, .green .highlight-bg .action-button:hover, .green .mobile-site .primary-nav-item h4, .green .dg-bg .expand-button:hover, .green .dg-bg .action-button:hover, .green .main-bg .expand-button:hover, .green .main-bg .action-button:hover {background-color: #667928; } .green .mobile-site .primary-nav-item ul a {border-top: 1px solid #667928; } .green .sectional-footer {border-bottom: 16px solid #869f33; } .green .faq {background-color: #869f33;} .green .bg-primary {background-color: rgba(206, 224, 85, .3)} .green .pnl-title:hover em {color:#3d5c12;} /*MH MBS & SW Portal Management Thinkers Fix*/ .people-portal .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner span, .people-portal .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner a { color: #fff;} .green .opacity {background-color: rgba(187,203,80,0.5); } /** Commented out in relation to about us 12596 *.green #main .main-content-block:not(.vlg-bg):not(.highlight-bg) a:not(.action-button):not(.trigger-manual-input):not(.trigger-alt-manual-input) { font-weight: bold;} **/ .green #main div.vlg-bg ul li a {font-weight: normal !important; } .green .main-home-pg .owl-carousel .owl-nav div {background-color:#3d5c12} /* AZURE #b2d6dc = v light "Pale shade for buttons and search background" #8cb1b7 = light #00788b = medium "Highlight colour" #00606f = dark "Secondary colour" #004853 = v dark "Main colour" */ .azure .desktop-site #page-inner {background-image: url('../images/bl-azure-head.png'); } /*.azure .leaderboard-block .ajaxCheck .availability {background-image: url('../images/ajax-loader-azure.gif'); }*/ .azure .save-our-sounds .owl-carousel .owl-nav div {background-color:#00788b} .azure .save-our-sounds .owl-carousel .owl-nav div:hover {background-color:#00606f;} .azure .save-our-sounds .btn-overlay-container:hover .btn-overlay .action-button {background-color:#00606f;} .azure .main-bg .w-bg .block-title, .azure .main-bg .w-bg h3 {color:#004853;} .azure h3 em {color:#00788b;} /*disc/learn landing v2.01*/ .azure .discover-learn-landing .page-sub-header + .main-content-block {background-color:#b2d6dc;} .azure .discover-learn-landing .page-sub-header + .main-content-block .main-content-block-inner .pnl-block.w-bg {background-color:#00606f;} .azure .discover-learn-landing .page-sub-header + .main-content-block .main-content-block-inner .pnl-block.w-bg .page-title, .azure .discover-learn-landing .page-sub-header + .main-content-block .main-content-block-inner .pnl-block.w-bg .block-title {color:#fff;} .azure .desktop-site .primary-nav > li:hover a h3, .azure .desktop-site .primary-nav-item.parent a h3, .azure #page-footer .vlg-bg a, .azure #page-footer .alternate-main-bg .pnl-inner a, .azure .alternate-main-bg #page-footer .pnl-inner a, .azure .sectional-footer, .azure .leaderboard-txt li {border-bottom-color: #00788b; } .azure #bmCollectionItem #reveal::after, .azure .person .pnl-txt p span.more:after, .azure .dg-bg a:hover, .azure #header .page-header .vlg-bg a, .azure .main-content-wrapper a, .azure .sec-font-color, .azure .main-content p a, .azure .search-section button[type=submit]:hover, .azure .primary-nav-item a, .azure .pnl-wide .pnl-title, .azure .pnl-1-third .pnl-title, .azure .pnl-2-thirds .pnl-title, .azure .pnl-img-2col .pnl-title, .azure .pnl-no-padding .pnl-title, .azure .readmore-handle, .azure .show-more.small, .azure .facet-list a, .azure .info-tbl a, .azure .img-viewer-info a:link, .azure .pnl-inner > .quote-list > blockquote:before, .azure .pnl-inner > .quote-list > blockquote:after, .azure .mobile-site .tags .view-all-tag a.tag:link, /*.azure .mobile-site .tags .view-all-tag a.tag:visited, */ .azure .mobile-site .tags .view-all-tag a.tag,/*:active, .azure .mobile-site .tags .view-all-tag a.tag:link:hover, .azure .mobile-site .tags .view-all-tag a.tag:visited:hover, .azure .mobile-site .tags .view-all-tag a.tag:active:hover*/ .azure .figures-row {color: #00788b; } .azure .tag-btns /*.tag*/ li a {border-color: #00788b; } .azure .facet-search .form-item input[type=submit], /*.azure .primary-nav-item a:focus, .azure .primary-nav-item .focus, */ .azure .masthead-inner, .azure .second-nav .menu .current a:hover, .azure .second-nav .menu .active, .azure .second-nav .menu .current a, .azure .current a, .azure .main-page-img div, .azure .highlight-bg, .azure .vlg-bg .pnl .pnl-lnk:hover, .azure .alternate-main-bg .pnl-inner .pnl .pnl-lnk:hover, .azure .lg-bg .pnl .pnl-lnk:hover, .azure .left-panel-list h2, .azure .pnl a:hover .icon, .azure .mlg-bg .pnl .pnl-lnk:hover, .azure .mdg-bg .pnl .pnl-lnk:hover, .azure .pnl-expnd-txt .action-button, .azure .icon .main-bg:hover, .azure .printpage, .azure .pnl-row .pnl span.pnl-field .pf-type, .azure .leaderboard-block .leaderboard-txt .book-tickets-button, .azure a.book-tickets-button, .azure .thumbnail-slider a:hover, .azure .ui-datepicker-calendar td:hover, .azure .expand-button, .azure .action-button, .azure .main-bg .expand-button, .azure .main-bg .action-button, .azure .highlight-bg .main-bg .action-button, .azure .pnl-act-btn .action-button:hover, .azure .main-bg .pnl-act-btn .action-button:hover, .azure .flex-control-nav a, .azure .mobile-site .left-panel-list h2, .azure .mobile-site .tags a.tag:link, /*.azure .mobile-site .tags a.tag:active, .azure .mobile-site .tags a.tag:visited, */ .azure .mobile-site .page-header, .azure .mobile-site .page-header-wrapper, .azure .mobile-site .primary-nav-item ul a, .azure .tag-btns .tag:hover {background-color: #00788b; } .azure .pullout-quote blockquote, .azure .lb-date, .azure .pnl-expnd-txt a, /*.azure .main-content .dg-bg p a, */ .azure .header-info-data dt {color: #b2d6dc; } .azure #primary-nav, .azure .highlight-bg .action-button, .azure .pnl-act-btn .w-bg .action-button:hover, .azure .second-nav .menu, .azure .second-nav .menu a, .azure .main-bg, .azure .hl-pnl-nav .icon, .azure .expand-button:hover, .azure .action-button:hover, .azure .highlight-bg > div > div > .expand-button, .azure .highlight-bg > div > div > .action-button, .azure .whatson-newsletter-block .expand-button, /*.azure .whatson-newsletter-block .action-button, */ .azure .book-tickets-button, .azure .ui-datepicker .ui-datepicker-prev, .azure .ui-datepicker .ui-datepicker-next, .azure .sldshw-launched .next, .azure .sldshw-launched .prev, .azure .pnl-act-btn .action-button:hover, .azure .newsletter-signup-form .action-button:hover, .azure .mobile-site #page-outer .second-nav, .azure .mobile-site .second-nav.second-nav-hidden-menu, .azure .mobile-site .main-nav-toggle {background-color: #004853; } .azure .main-bg .pnl-3col-alt .pnl-inner:nth-child(2n+2) {background-color: #004853; } .azure .sldshw-launched .next, .azure .sldshw-launched .prev {border: 12px solid #004853; } .azure .mobile-site .primary-nav-item h4 {border-bottom: 1px solid #004853; } .azure a:hover, .azure a:focus, .azure a:active, .azure .main-font-color, .azure .search-section button[type=submit], .azure .main-bg .pnl-row .pnl .pnl-lnk:hover, .azure .w-bg .pnl-title, .azure .dg-bg .w-bg .pnl-title, .azure .dg-bg .pnl .pnl-lnk:hover, .azure .pnl-act-btn .action-button, .azure .main-bg .pnl-act-btn .action-button, .azure .tb-date, .azure .mobile-site .facet-list-outer li.more, /*.azure .mobile-site .tags-block .tags-list .tag, */ .azure .strapline .strapline-main-colour {color: #004853; } .azure .pullout-quote blockquote:before, .azure .pullout-quote blockquote:after {color: #8cb1b7; } .azure .secondary-bg, .azure .second-nav .menu a:hover, .azure .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner, .azure .leaderboard-txt .book-tickets-button:hover, .azure .highlight-bg .expand-button:hover, .azure .highlight-bg .action-button:hover, .azure .mobile-site .primary-nav-item h4, .azure .dg-bg .expand-button:hover, .azure .dg-bg .action-button:hover, .azure .main-bg .expand-button:hover, .azure .main-bg .action-button:hover {background-color: #00606f; } .azure .mobile-site .primary-nav-item ul a {border-top: 1px solid #00606f; } .azure .sectional-footer {border-bottom: 16px solid #00788b; } .azure .faq {background-color: #00788b;} .azure .pnl-title:hover em {color:#004853;} .azure .opacity {background-color: rgba(140,177,183,0.5); } /* .azure #main .main-content-block:not(.vlg-bg):not(.highlight-bg) a { } .azure #main div.vlg-bg ul li a { } */ /* BLUE #bbd3ea = v light "Pale shade for buttons and search background" #a1b9d1 = light #1e6eb8 = medium "Highlight colour" #1f4967 = dark "Secondary colour" #0f375c = v dark "Main colour" */ .blue .desktop-site #page-inner {background-image: url('../images/bl-blue-head.png'); } /*.blue .leaderboard-block .ajaxCheck .availability {background-image: url('../images/ajax-loader-blue.gif'); }*/ .blue .save-our-sounds .owl-carousel .owl-nav div {background-color:#1e6eb8} .blue .save-our-sounds .owl-carousel .owl-nav div:hover {background-color:#1f4967} .blue .save-our-sounds .btn-overlay-container:hover .btn-overlay .action-button {background-color:#1f4967} .blue .main-bg .w-bg .block-title, .blue .main-bg .w-bg h3 {color:#0f375c;} .blue h3 em {color:#1e6eb8;} /*disc/learn landing v2.01*/ .blue .discover-learn-landing .page-sub-header + .main-content-block {background-color:#bbd3ea;} .blue .discover-learn-landing .page-sub-header + .main-content-block .main-content-block-inner .pnl-block.w-bg {background-color:#1f4967;} .blue .discover-learn-landing .page-sub-header + .main-content-block .main-content-block-inner .pnl-block.w-bg .page-title, .blue .discover-learn-landing .page-sub-header + .main-content-block .main-content-block-inner .pnl-block.w-bg .block-title {color:#fff;} .blue .desktop-site .primary-nav > li:hover a h3, .blue .desktop-site .primary-nav-item.parent a h3, .blue #page-footer .vlg-bg a, .blue #page-footer .alternate-main-bg .pnl-inner a, .blue .alternate-main-bg #page-footer .pnl-inner a, .blue .sectional-footer, .blue .leaderboard-txt li {border-bottom-color: #1e6eb8; } .blue #bmCollectionItem #reveal::after, .blue .person .pnl-txt p span.more:after, .blue .dg-bg a:hover, .blue #header .page-header .vlg-bg a, .blue .main-content-wrapper a, .blue .sec-font-color, .blue .main-content p a, .blue .search-section button[type=submit]:hover, .blue .primary-nav-item a, .blue .pnl-wide .pnl-title, .blue .pnl-1-third .pnl-title, .blue .pnl-2-thirds .pnl-title, .blue .pnl-img-2col .pnl-title, .blue .pnl-no-padding .pnl-title, .blue .readmore-handle, .blue .show-more.small, .blue .facet-list a, .blue .info-tbl a, .blue .img-viewer-info a:link, .blue .pnl-inner > .quote-list > blockquote:before, .blue .pnl-inner > .quote-list > blockquote:after, .blue .mobile-site .tags .view-all-tag a.tag:link, /*.blue .mobile-site .tags .view-all-tag a.tag:visited, */ .blue .mobile-site .tags .view-all-tag a.tag,/*:active, .blue .mobile-site .tags .view-all-tag a.tag:link:hover, .blue .mobile-site .tags .view-all-tag a.tag:visited:hover, .blue .mobile-site .tags .view-all-tag a.tag:active:hover*/ .blue .figures-row {color: #1e6eb8; } .blue .tag-btns /*.tag*/ li a {border-color: #1e6eb8; } .blue .facet-search .form-item input[type=submit], /*.blue .primary-nav-item a:focus, .blue .primary-nav-item .focus, */ .blue .masthead-inner, .blue .second-nav .menu .current a:hover, .blue .second-nav .menu .active, .blue .second-nav .menu .current a, .blue .current a, .blue .main-page-img div, .blue .highlight-bg, .blue .vlg-bg .pnl .pnl-lnk:hover, .blue .alternate-main-bg .pnl-inner .pnl .pnl-lnk:hover, .blue .lg-bg .pnl .pnl-lnk:hover, .blue .left-panel-list h2, .blue .pnl a:hover .icon, .blue .mlg-bg .pnl .pnl-lnk:hover, .blue .mdg-bg .pnl .pnl-lnk:hover, .blue .pnl-expnd-txt .action-button, .blue .icon .main-bg:hover, .blue .printpage, .blue .pnl-row .pnl span.pnl-field .pf-type, .blue .leaderboard-block .leaderboard-txt .book-tickets-button, .blue a.book-tickets-button, .blue .thumbnail-slider a:hover, .blue .ui-datepicker-calendar td:hover, .blue .expand-button, .blue .action-button, .blue .main-bg .expand-button, .blue .main-bg .action-button, .blue .highlight-bg .main-bg .action-button, .blue .pnl-act-btn .action-button:hover, .blue .main-bg .pnl-act-btn .action-button:hover, .blue .flex-control-nav a, .blue .mobile-site .left-panel-list h2, .blue .mobile-site .tags a.tag, /*.blue .mobile-site .tags a.tag:active, .blue .mobile-site .tags a.tag:visited, */ .blue .mobile-site .page-header, .blue .mobile-site .page-header-wrapper, .blue .mobile-site .primary-nav-item ul a, .blue .tag-btns .tag:hover {background-color: #1e6eb8; } .blue .pullout-quote blockquote, .blue .lb-date, .blue .pnl-expnd-txt a, /*.blue .main-content .dg-bg p a, */ .blue .header-info-data dt {color: #bbd3ea; } .blue #primary-nav, .blue .highlight-bg .action-button, .blue .pnl-act-btn .w-bg .action-button:hover, .blue .second-nav .menu, .blue .second-nav .menu a, .blue .main-bg, .blue .hl-pnl-nav .icon, .blue .expand-button:hover, .blue .action-button:hover, .blue .highlight-bg > div > div > .expand-button, .blue .highlight-bg > div > div > .action-button, .blue .whatson-newsletter-block .expand-button, /*.blue .whatson-newsletter-block .action-button, */ .blue .book-tickets-button, .blue .ui-datepicker .ui-datepicker-prev, .blue .ui-datepicker .ui-datepicker-next, .blue .sldshw-launched .next, .blue .sldshw-launched .prev, .blue .pnl-act-btn .action-button:hover, .blue .newsletter-signup-form .action-button:hover, .blue .mobile-site #page-outer .second-nav, .blue .mobile-site .second-nav.second-nav-hidden-menu, .blue .mobile-site .main-nav-toggle {background-color: #0f375c; } .blue .main-bg .pnl-3col-alt .pnl-inner:nth-child(2n+2) {background-color: #0f375c; } .blue .sldshw-launched .next, .blue .sldshw-launched .prev {border: 12px solid #0f375c; } .blue .mobile-site .primary-nav-item h4 {border-bottom: 1px solid #0f375c; } .blue a:hover, .blue a:focus, .blue a:active, .blue .main-font-color, .blue .search-section button[type=submit], .blue .main-bg .pnl-row .pnl .pnl-lnk:hover, .blue .w-bg .pnl-title, .blue .dg-bg .w-bg .pnl-title, .blue .dg-bg .pnl .pnl-lnk:hover, .blue .pnl-act-btn .action-button, .blue .main-bg .pnl-act-btn .action-button, .blue .tb-date, .blue .mobile-site .facet-list-outer li.more, /*.blue .mobile-site .tags-block .tags-list .tag, */ .blue .strapline .strapline-main-colour {color: #0f375c; } .blue .pullout-quote blockquote:before, .blue .pullout-quote blockquote:after {color: #a1b9d1; } .blue .secondary-bg, .blue .second-nav .menu a:hover, .blue .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner, .blue .leaderboard-txt .book-tickets-button:hover, .blue .highlight-bg .expand-button:hover, .blue .highlight-bg .action-button:hover, .blue .mobile-site .primary-nav-item h4, .blue .dg-bg .expand-button:hover, .blue .dg-bg .action-button:hover, .blue .main-bg .expand-button:hover, .blue .main-bg .action-button:hover {background-color: #1f4967; } .blue .mobile-site .primary-nav-item ul a {border-top: 1px solid #1f4967; } .blue .sectional-footer {border-bottom: 16px solid #1e6eb8; } .blue .opacity {background-color: rgba(30,110,184,0.5); } .blue #main .main-content-block:not(.vlg-bg):not(.highlight-bg) a { } .blue .faq {background-color: #1e6eb8;} .blue #main div.vlg-bg ul li a { } .blue .bg-primary {background-color: rgba(187, 211, 234, .3);} .blue .pnl-title:hover em {color:#0f375c;} /*potential fix for tfs 8275: .blue .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner .pnl-title a {color:#fff}*/ /* DAMSON #dacdf8 = v light "Pale shade for buttons and search background" #c1b4e0 = light #865be7 = medium "Highlight colour" #5e3fa2 = dark "Secondary colour" #36245c = v dark "Main colour" */ .damson .desktop-site #page-inner {background-image: url('../images/bl-damson-head.png'); } /*.damson .leaderboard-block .ajaxCheck .availability {background-image: url('../images/ajax-loader-damson.gif'); }*/ .damson .save-our-sounds .owl-carousel .owl-nav div {background-color:#865be7} .damson .save-our-sounds .owl-carousel .owl-nav div:hover {background-color:#5e3fa2} .damson .save-our-sounds .btn-overlay-container:hover .btn-overlay .action-button {background-color:#5e3fa2} .damson .main-bg .w-bg .block-title, .damson .main-bg .w-bg h3 {color:#36245c;} .damson h3 em {color:#865be7;} /*disc/learn landing v2.01*/ .damson .discover-learn-landing .page-sub-header + .main-content-block {background-color:#dacdf8;} .damson .discover-learn-landing .page-sub-header + .main-content-block .main-content-block-inner .pnl-block.w-bg {background-color:#5e3fa2;} .damson .discover-learn-landing .page-sub-header + .main-content-block .main-content-block-inner .pnl-block.w-bg .page-title, .damson .discover-learn-landing .page-sub-header + .main-content-block .main-content-block-inner .pnl-block.w-bg .block-title {color:#fff;} .damson .desktop-site .primary-nav > li:hover a h3, .damson .desktop-site .primary-nav-item.parent a h3, .damson #page-footer .vlg-bg a, .damson #page-footer .alternate-main-bg .pnl-inner a, .damson .alternate-main-bg #page-footer .pnl-inner a, .damson .sectional-footer, .damson .leaderboard-txt li {border-bottom-color: #865be7; } .damson #bmCollectionItem #reveal::after, .damson .person .pnl-txt p span.more:after, .damson .dg-bg a:hover, .damson #header .page-header .vlg-bg a, .damson .main-content-wrapper a, .damson .sec-font-color, .damson .main-content p a, .damson .search-section button[type=submit]:hover, .damson .primary-nav-item a, .damson .pnl-wide .pnl-title, .damson .pnl-1-third .pnl-title, .damson .pnl-2-thirds .pnl-title, .damson .pnl-img-2col .pnl-title, .damson .pnl-no-padding .pnl-title, .damson .readmore-handle, .damson .show-more.small, .damson .facet-list a, .damson .info-tbl a, .damson .img-viewer-info a:link, .damson .pnl-inner > .quote-list > blockquote:before, .damson .pnl-inner > .quote-list > blockquote:after, .damson .mobile-site .tags .view-all-tag a.tag:link, /*.damson .mobile-site .tags .view-all-tag a.tag:visited, */ .damson .mobile-site .tags .view-all-tag a.tag,/*:active, .damson .mobile-site .tags .view-all-tag a.tag:link:hover, .damson .mobile-site .tags .view-all-tag a.tag:visited:hover, .damson .mobile-site .tags .view-all-tag a.tag:active:hover*/ .damson .figures-row {color: #865be7; } .damson .tag-btns /*.tag*/ li a {border-color: #865be7; } .damson .facet-search .form-item input[type=submit], /*.damson .primary-nav-item a:focus, .damson .primary-nav-item .focus, */ .damson .masthead-inner, .damson .second-nav .menu .current a:hover, .damson .second-nav .menu .active, .damson .second-nav .menu .current a, .damson .current a, .damson .main-page-img div, .damson .highlight-bg, .damson .vlg-bg .pnl .pnl-lnk:hover, .damson .alternate-main-bg .pnl-inner .pnl .pnl-lnk:hover, .damson .lg-bg .pnl .pnl-lnk:hover, .damson .left-panel-list h2, .damson .pnl a:hover .icon, .damson .mlg-bg .pnl .pnl-lnk:hover, .damson .mdg-bg .pnl .pnl-lnk:hover, .damson .pnl-expnd-txt .action-button, .damson .icon .main-bg:hover, .damson .printpage, .damson .pnl-row .pnl span.pnl-field .pf-type, .damson .leaderboard-block .leaderboard-txt .book-tickets-button, .damson a.book-tickets-button, .damson .thumbnail-slider a:hover, .damson .ui-datepicker-calendar td:hover, .damson .expand-button, .damson .action-button, .damson .main-bg .expand-button, .damson .main-bg .action-button, .damson .highlight-bg .main-bg .action-button, .damson .pnl-act-btn .action-button:hover, .damson .main-bg .pnl-act-btn .action-button:hover, .damson .flex-control-nav a, .damson .mobile-site .left-panel-list h2, .damson .mobile-site .tags a.tag:link, /*.damson .mobile-site .tags a.tag:active, .damson .mobile-site .tags a.tag:visited, */ .damson .mobile-site .page-header, .damson .mobile-site .page-header-wrapper, .damson .mobile-site .primary-nav-item ul a, .damson .tag-btns .tag:hover {background-color: #865be7; } .damson .pullout-quote blockquote, .damson .lb-date, .damson .pnl-expnd-txt a, /*.damson .main-content .dg-bg p a, */ .damson .header-info-data dt {color: #dacdf8; } .damson #primary-nav, .damson .highlight-bg .action-button, .damson .pnl-act-btn .w-bg .action-button:hover, .damson .second-nav .menu, .damson .second-nav .menu a, .damson .main-bg, .damson .hl-pnl-nav .icon, .damson .expand-button:hover, .damson .action-button:hover, .damson .highlight-bg > div > div > .expand-button, .damson .highlight-bg > div > div > .action-button, .damson .whatson-newsletter-block .expand-button, /*.damson .whatson-newsletter-block .action-button, */ .damson .book-tickets-button, .damson .ui-datepicker .ui-datepicker-prev, .damson .ui-datepicker .ui-datepicker-next, .damson .sldshw-launched .next, .damson .sldshw-launched .prev, .damson .pnl-act-btn .action-button:hover, .damson .newsletter-signup-form .action-button:hover, .damson .mobile-site #page-outer .second-nav, .damson .mobile-site .second-nav.second-nav-hidden-menu, .damson .mobile-site .main-nav-toggle {background-color: #36245c; } .damson .main-bg .pnl-3col-alt .pnl-inner:nth-child(2n+2) {background-color: #36245c; } .damson .sldshw-launched .next, .damson .sldshw-launched .prev {border: 12px solid #36245c; } .damson .mobile-site .primary-nav-item h4 {border-bottom: 1px solid #36245c; } .damson a:hover, .damson a:focus, .damson a:active, .damson .main-font-color, .damson .search-section button[type=submit], .damson .main-bg .pnl-row .pnl .pnl-lnk:hover, .damson .w-bg .pnl-title, .damson .dg-bg .w-bg .pnl-title, .damson .dg-bg .pnl .pnl-lnk:hover, .damson .pnl-act-btn .action-button, .damson .main-bg .pnl-act-btn .action-button, .damson .tb-date, .damson .mobile-site .facet-list-outer li.more, /*.damson .mobile-site .tags-block .tags-list .tag, */ .damson .strapline .strapline-main-colour {color: #36245c; } .damson .pullout-quote blockquote:before, .damson .pullout-quote blockquote:after {color: #c1b4e0; } .damson .secondary-bg, .damson .second-nav .menu a:hover, .damson .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner, .damson .leaderboard-txt .book-tickets-button:hover, .damson .highlight-bg .expand-button:hover, .damson .highlight-bg .action-button:hover, .damson .mobile-site .primary-nav-item h4, .damson .dg-bg .expand-button:hover, .damson .dg-bg .action-button:hover, .damson .main-bg .expand-button:hover, .damson .main-bg .action-button:hover {background-color: #5e3fa2; } .damson .mobile-site .primary-nav-item ul a {border-top: 1px solid #5e3fa2; } .damson .sectional-footer {border-bottom: 16px solid #865be7; } .damson .opacity, .damson .bg-primary {background-color: rgba(193,180,224,0.5); } .damson #main .main-content-block:not(.vlg-bg):not(.highlight-bg) a { } .damson #main div.vlg-bg ul li a { } .damson .faq {background-color: #865be7;} .damson .pnl-title:hover em {color:#36245c;} /* PAPRIKA #f2c6b3 = v light "Pale shade for buttons and search background" #dda992 = light #d44202 = medium "Highlight colour" #952e01 = dark "Secondary colour". (#2c0d13 = "Alternative 'secondary' colour - see visual designs". NO!?! Must keep same 5x colour relative relationship throughout site. Darren). #551a01 = v dark "Main colour" */ .paprika .desktop-site #page-inner {background-image: url('../images/bl-paprika-head.png'); } /*.paprika .leaderboard-block .ajaxCheck .availability {background-image: url('../images/ajax-loader-paprika.gif'); }*/ .paprika .save-our-sounds .owl-carousel .owl-nav div {background-color:#d44202} .paprika .save-our-sounds .owl-carousel .owl-nav div:hover {background-color:#952e01} .paprika .save-our-sounds .btn-overlay-container:hover .btn-overlay .action-button {background-color:#952e01} .paprika .main-bg .w-bg .block-title, .paprika .main-bg .w-bg h3 {color:#551a01;} .paprika h3 em {color:#d44202;} /*disc/learn landing v2.01*/ .paprika .discover-learn-landing .page-sub-header + .main-content-block {background-color:#f2c6b3;} .paprika .discover-learn-landing .page-sub-header + .main-content-block .main-content-block-inner .pnl-block.w-bg {background-color:#952e01;} .paprika .discover-learn-landing .page-sub-header + .main-content-block .main-content-block-inner .pnl-block.w-bg .page-title, .paprika .discover-learn-landing .page-sub-header + .main-content-block .main-content-block-inner .pnl-block.w-bg .block-title {color:#fff;} .paprika .desktop-site .primary-nav > li:hover a h3, .paprika .desktop-site .primary-nav-item.parent a h3, .paprika #page-footer .vlg-bg a, .paprika #page-footer .alternate-main-bg .pnl-inner a, .paprika .alternate-main-bg #page-footer .pnl-inner a, .paprika .sectional-footer, .paprika .leaderboard-txt li {border-bottom-color: #d44202; } .paprika #bmCollectionItem #reveal::after, .paprika .person .pnl-txt p span.more:after, .paprika .dg-bg a:hover, .paprika #header .page-header .vlg-bg a, .paprika .main-content-wrapper a, .paprika .sec-font-color, .paprika .main-content p a, .paprika .search-section button[type=submit]:hover, .paprika .primary-nav-item a, .paprika .pnl-wide .pnl-title, .paprika .pnl-1-third .pnl-title, .paprika .pnl-2-thirds .pnl-title, .paprika .pnl-img-2col .pnl-title, .paprika .pnl-no-padding .pnl-title, .paprika .readmore-handle, .paprika .show-more.small, .paprika .facet-list a, .paprika .info-tbl a, .paprika .img-viewer-info a:link, .paprika .pnl-inner > .quote-list > blockquote:before, .paprika .pnl-inner > .quote-list > blockquote:after, .paprika .mobile-site .tags .view-all-tag a.tag:link, /*.paprika .mobile-site .tags .view-all-tag a.tag:visited, */ .paprika .mobile-site .tags .view-all-tag a.tag,/*:active, .paprika .mobile-site .tags .view-all-tag a.tag:link:hover, .paprika .mobile-site .tags .view-all-tag a.tag:visited:hover, .paprika .mobile-site .tags .view-all-tag a.tag:active:hover*/ .paprika .figures-row {color: #d44202; } .paprika .tag-btns /*.tag*/ li a {border-color: #d44202; } .paprika .facet-search .form-item input[type=submit], /*.paprika .primary-nav-item a:focus, .paprika .primary-nav-item .focus, */ .paprika .masthead-inner, .paprika .second-nav .menu .current a:hover, .paprika .second-nav .menu .active, .paprika .second-nav .menu .current a, .paprika .current a, .paprika .main-page-img div, .paprika .highlight-bg, .paprika .vlg-bg .pnl .pnl-lnk:hover, .paprika .alternate-main-bg .pnl-inner .pnl .pnl-lnk:hover, .paprika .lg-bg .pnl .pnl-lnk:hover, .paprika .left-panel-list h2, .paprika .pnl a:hover .icon, .paprika .mlg-bg .pnl .pnl-lnk:hover, .paprika .mdg-bg .pnl .pnl-lnk:hover, .paprika .pnl-expnd-txt .action-button, .paprika .icon .main-bg:hover, .paprika .printpage, .paprika .pnl-row .pnl span.pnl-field .pf-type, .paprika .leaderboard-block .leaderboard-txt .book-tickets-button, .paprika a.book-tickets-button, .paprika .thumbnail-slider a:hover, .paprika .ui-datepicker-calendar td:hover, .paprika .expand-button, .paprika .action-button, .paprika .main-bg .expand-button, .paprika .main-bg .action-button, .paprika .highlight-bg .main-bg .action-button, .paprika .pnl-act-btn .action-button:hover, .paprika .main-bg .pnl-act-btn .action-button:hover, .paprika .flex-control-nav a, .paprika .mobile-site .left-panel-list h2, .paprika .mobile-site .tags a.tag:link, /*.paprika .mobile-site .tags a.tag:active, .paprika .mobile-site .tags a.tag:visited, */ .paprika .mobile-site .page-header, .paprika .mobile-site .page-header-wrapper, .paprika .mobile-site .primary-nav-item ul a, .paprika .tag-btns .tag:hover {background-color: #d44202; } .paprika .pullout-quote blockquote, .paprika .lb-date, .paprika .pnl-expnd-txt a, /*.paprika .main-content .dg-bg p a, */ .paprika .header-info-data dt {color: #f2c6b3; } .paprika #primary-nav, .paprika .highlight-bg .action-button, .paprika .pnl-act-btn .w-bg .action-button:hover, .paprika .second-nav .menu, .paprika .second-nav .menu a, .paprika .main-bg, .paprika .hl-pnl-nav .icon, .paprika .expand-button:hover, .paprika .action-button:hover, .paprika .highlight-bg > div > div > .expand-button, .paprika .highlight-bg > div > div > .action-button, .paprika .whatson-newsletter-block .expand-button, /*.paprika .whatson-newsletter-block .action-button, */ .paprika .book-tickets-button, .paprika .ui-datepicker .ui-datepicker-prev, .paprika .ui-datepicker .ui-datepicker-next, .paprika .sldshw-launched .next, .paprika .sldshw-launched .prev, .paprika .pnl-act-btn .action-button:hover, .paprika .newsletter-signup-form .action-button:hover, .paprika .mobile-site #page-outer .second-nav, .paprika .mobile-site .second-nav.second-nav-hidden-menu, .paprika .mobile-site .main-nav-toggle {background-color: #551a01; } .paprika .main-bg .pnl-3col-alt .pnl-inner:nth-child(2n+2) {background-color: #551a01; } .paprika .sldshw-launched .next, .paprika .sldshw-launched .prev {border: 12px solid #551a01; } .paprika .mobile-site .primary-nav-item h4 {border-bottom: 1px solid #551a01; } .paprika a:hover, .paprika a:focus, .paprika a:active, .paprika .main-font-color, .paprika .search-section button[type=submit], .paprika .main-bg .pnl-row .pnl .pnl-lnk:hover, .paprika .w-bg .pnl-title, .paprika .dg-bg .w-bg .pnl-title, .paprika .dg-bg .pnl .pnl-lnk:hover, .paprika .pnl-act-btn .action-button, .paprika .main-bg .pnl-act-btn .action-button, .paprika .tb-date, .paprika .mobile-site .facet-list-outer li.more, /*.paprika .mobile-site .tags-block .tags-list .tag, */ .paprika .strapline .strapline-main-colour {color: #551a01; } .paprika .pullout-quote blockquote:before, .paprika .pullout-quote blockquote:after {color: #97bfbb; } .paprika .secondary-bg, .paprika .second-nav .menu a:hover, .paprika .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner, .paprika .leaderboard-txt .book-tickets-button:hover, .paprika .highlight-bg .expand-button:hover, .paprika .highlight-bg .action-button:hover, .paprika .mobile-site .primary-nav-item h4, .paprika .dg-bg .expand-button:hover, .paprika .dg-bg .action-button:hover, .paprika .main-bg .expand-button:hover, .paprika .main-bg .action-button:hover {background-color: #952e01; } .paprika .mobile-site .primary-nav-item ul a {border-top: 1px solid #952e01; } .paprika .sectional-footer {border-bottom: 16px solid #d44202; } .paprika .opacity {background-color: rgba(221,169,146,0.5); } .paprika #main .main-content-block:not(.vlg-bg):not(.highlight-bg) a { } .paprika #main div.vlg-bg ul li a { } .paprika .faq {background-color: #d44202;} .paprika .bg-primary {background-color:rgba(126, 62, 152, .3);} .paprika .pnl-title:hover em {color:#551a01;} /* MOROCCAN VELVET #e5d8ea = v light "Pale shade for buttons and search background" #cbb8d3 = light #7e3e98 = medium "Highlight colour" #3f1f4c = dark "Secondary colour" #2d1a36 = v dark "Main colour" */ .moroccan-velvet .desktop-site #page-inner {background-image: url('../images/bl-moroccan-velvet-head.png'); } .moroccan-velvet .save-our-sounds .owl-carousel .owl-nav div {background-color:#7e3e98} .moroccan-velvet .save-our-sounds .owl-carousel .owl-nav div:hover {background-color:#3f1f4c} .moroccan-velvet .save-our-sounds .btn-overlay-container:hover .btn-overlay .action-button {background-color:#3f1f4c} /*.moroccan-velvet .leaderboard-block .ajaxCheck .availability {background-image: url('../images/ajax-loader-moroccan-velvet.gif'); }*/ .moroccan-velvet .main-bg .w-bg .block-title, .moroccan-velvet .main-bg .w-bg h3 {color:#2d1a36;} .moroccan-velvet h3 em {color:#7e3e98;} /*disc/learn landing v2.01*/ .moroccan-velvet .discover-learn-landing .page-sub-header + .main-content-block {background-color:#e5d8ea;} .moroccan-velvet .discover-learn-landing .page-sub-header + .main-content-block .main-content-block-inner .pnl-block.w-bg {background-color:#3f1f4c;} .moroccan-velvet .discover-learn-landing .page-sub-header + .main-content-block .main-content-block-inner .pnl-block.w-bg .page-title, .moroccan-velvet .discover-learn-landing .page-sub-header + .main-content-block .main-content-block-inner .pnl-block.w-bg .block-title {color:#fff;} .moroccan-velvet .desktop-site .primary-nav > li:hover a h3, .moroccan-velvet .desktop-site .primary-nav-item.parent a h3, .moroccan-velvet #page-footer .vlg-bg a, .moroccan-velvet #page-footer .alternate-main-bg .pnl-inner a, .moroccan-velvet .alternate-main-bg #page-footer .pnl-inner a, .moroccan-velvet .sectional-footer, .moroccan-velvet .leaderboard-txt li {border-bottom-color: #7e3e98; } .moroccan #bmCollectionItem #reveal::after, .moroccan-velvet .person .pnl-txt p span.more:after, .moroccan-velvet .dg-bg a:hover, .moroccan-velvet #header .page-header .vlg-bg a, .moroccan-velvet .main-content-wrapper a, .moroccan-velvet .sec-font-color, .moroccan-velvet .main-content p a, .moroccan-velvet .search-section button[type=submit]:hover, .moroccan-velvet .primary-nav-item a, .moroccan-velvet .pnl-wide .pnl-title, .moroccan-velvet .highlight-bg .w-bg .pnl-title a, .moroccan-velvet .pnl-1-third .pnl-title, .moroccan-velvet .pnl-2-thirds .pnl-title, .moroccan-velvet .pnl-img-2col .pnl-title, .moroccan-velvet .pnl-no-padding .pnl-title, .moroccan-velvet .readmore-handle, .moroccan-velvet .show-more.small, .moroccan-velvet .facet-list a, .moroccan-velvet .info-tbl a, .moroccan-velvet .img-viewer-info a:link, .moroccan .pnl-inner > .quote-list > blockquote:before, .moroccan .pnl-inner > .quote-list > blockquote:after, .moroccan-velvet .mobile-site .tags .view-all-tag a.tag:link, /*.moroccan-velvet .mobile-site .tags .view-all-tag a.tag:visited, */ .moroccan-velvet .mobile-site .tags .view-all-tag a.tag,/*:active, .moroccan-velvet .mobile-site .tags .view-all-tag a.tag:link:hover, .moroccan-velvet .mobile-site .tags .view-all-tag a.tag:visited:hover, .moroccan-velvet .mobile-site .tags .view-all-tag a.tag:active:hover*/ .moroccan-velvet .figures-row {color: #7e3e98; } .moroccan-velvet .tag-btns /*.tag*/ li a {border-color: #7e3e98; } .moroccan-velvet .facet-search .form-item input[type=submit], /*.moroccan-velvet .primary-nav-item a:focus, .moroccan-velvet .primary-nav-item .focus, */ .moroccan-velvet .masthead-inner, .moroccan-velvet .second-nav .menu .current a:hover, .moroccan-velvet .second-nav .menu .active, .moroccan-velvet .second-nav .menu .current a, .moroccan-velvet .current a, .moroccan-velvet .main-page-img div, .moroccan-velvet .highlight-bg, .moroccan-velvet .vlg-bg .pnl .pnl-lnk:hover, .moroccan-velvet .alternate-main-bg .pnl-inner .pnl .pnl-lnk:hover, .moroccan-velvet .lg-bg .pnl .pnl-lnk:hover, .moroccan-velvet .left-panel-list h2, .moroccan-velvet .pnl a:hover .icon, .moroccan-velvet .mlg-bg .pnl .pnl-lnk:hover, .moroccan-velvet .mdg-bg .pnl .pnl-lnk:hover, .moroccan-velvet .pnl-expnd-txt .action-button, .moroccan-velvet .icon .main-bg:hover, .moroccan-velvet .printpage, .moroccan-velvet .pnl-row .pnl span.pnl-field .pf-type, .moroccan-velvet .leaderboard-block .leaderboard-txt .book-tickets-button, .moroccan-velvet a.book-tickets-button, .moroccan-velvet .thumbnail-slider a:hover, .moroccan-velvet .ui-datepicker-calendar td:hover, .moroccan-velvet .expand-button, .moroccan-velvet .action-button, .moroccan-velvet .main-bg .expand-button, .moroccan-velvet .main-bg .action-button, .moroccan-velvet .highlight-bg .main-bg .action-button, .moroccan-velvet .pnl-act-btn .action-button:hover, .moroccan-velvet .main-bg .pnl-act-btn .action-button:hover, .moroccan-velvet .newsletter-signup-form .action-button:hover, .moroccan-velvet .flex-control-nav a, .moroccan-velvet .mobile-site .left-panel-list h2, .moroccan-velvet .mobile-site .tags a.tag:link, /*.moroccan-velvet .mobile-site .tags a.tag:active, .moroccan-velvet .mobile-site .tags a.tag:visited, */ .moroccan-velvet .mobile-site .page-header, .moroccan-velvet .mobile-site .page-header-wrapper, .moroccan-velvet .mobile-site .primary-nav-item ul a, .moroccan-velvet .tag-btns .tag:hover {background-color: #7e3e98; } .moroccan-velvet .pullout-quote blockquote, .moroccan-velvet .lb-date, .moroccan-velvet .pnl-expnd-txt a, /*.moroccan-velvet .main-content .dg-bg p a, */ .moroccan-velvet .header-info-data dt {color: #e5d8ea; } .moroccan-velvet #primary-nav, .moroccan-velvet .highlight-bg .action-button, .moroccan-velvet .pnl-act-btn .w-bg .action-button:hover, .moroccan-velvet .second-nav .menu, .moroccan-velvet .second-nav .menu a, .moroccan-velvet .main-bg, .moroccan-velvet .hl-pnl-nav .icon, .moroccan-velvet .expand-button:hover, .moroccan-velvet .action-button:hover, .moroccan-velvet .highlight-bg > div > div > .expand-button, .moroccan-velvet .highlight-bg > div > div > .action-button, .moroccan-velvet .whatson-newsletter-block .expand-button, /*.moroccan-velvet .whatson-newsletter-block .action-button, */ .moroccan-velvet .book-tickets-button:hover, .moroccan-velvet .ui-datepicker .ui-datepicker-prev, .moroccan-velvet .ui-datepicker .ui-datepicker-next, .moroccan-velvet .sldshw-launched .next, .moroccan-velvet .sldshw-launched .prev, .moroccan-velvet .pnl-act-btn .action-button:hover, .moroccan-velvet .mobile-site #page-outer .second-nav, .moroccan-velvet .mobile-site .second-nav.second-nav-hidden-menu, .moroccan-velvet .mobile-site .main-nav-toggle {background-color: #2d1a36; } .moroccan-velvet .main-bg .pnl-3col-alt .pnl-inner:nth-child(2n+2) {background-color: #2d1a36; } .moroccan-velvet .sldshw-launched .next, .moroccan-velvet .sldshw-launched .prev {border: 12px solid #2d1a36; } .moroccan-velvet .mobile-site .primary-nav-item h4 {border-bottom: 1px solid #2d1a36; } .moroccan-velvet a:hover, .moroccan-velvet a:focus, .moroccan-velvet a:active, .moroccan-velvet .main-font-color, .moroccan-velvet .search-section button[type=submit], .moroccan-velvet .main-bg .pnl-row .pnl .pnl-lnk:hover, .moroccan-velvet .w-bg .pnl-title, .moroccan-velvet .dg-bg .w-bg .pnl-title, .moroccan-velvet .dg-bg .pnl .pnl-lnk:hover, .moroccan-velvet .pnl-act-btn .action-button, .moroccan-velvet .main-bg .pnl-act-btn .action-button, .moroccan-velvet .tb-date, .moroccan-velvet .mobile-site .facet-list-outer li.more, /*.moroccan-velvet .mobile-site .tags-block .tags-list .tag, */ .moroccan-velvet .strapline .strapline-main-colour {color: #2d1a36; } .moroccan-velvet .pullout-quote blockquote:before, .moroccan-velvet .pullout-quote blockquote:after {color: #cbb8d3; } .moroccan-velvet .secondary-bg, .moroccan-velvet .second-nav .menu a:hover, .moroccan-velvet .alternate-main-bg .pnl:nth-child(2n+2) .pnl-inner, .moroccan-velvet .leaderboard-txt .book-tickets-button:hover, .moroccan-velvet .highlight-bg .expand-button:hover, .moroccan-velvet .highlight-bg .action-button:hover, .moroccan-velvet .mobile-site .primary-nav-item h4, .moroccan-velvet .dg-bg .expand-button:hover, .moroccan-velvet .dg-bg .action-button:hover, .moroccan-velvet .main-bg .expand-button:hover, .moroccan-velvet .main-bg .action-button:hover {background: #3f1f4c; background-color: #3f1f4c; } .moroccan-velvet .mobile-site .primary-nav-item ul a {border-top: 1px solid #3f1f4c; } .moroccan-velvet .sectional-footer {border-bottom: 16px solid #7e3e98; } .moroccan-velvet .opacity {background-color: rgba(203,184,211,0.5); } .moroccan-velvet #main .main-content-block:not(.vlg-bg):not(.highlight-bg) a { } .moroccan-velvet .faq {background-color: #7e3e98;} .moroccan-velvet .bg-primary {background-color: rgba(63, 31, 76, .1);} .moroccan-velvet .pnl-title:hover em {color:#2d1a36;} /*yellow: #ffde2f*/ /* TFS 10458 - not implemented on yellow as of 05/07/2017 .yellow h3 em {color:#7e3e98;} .yellow .lrg-img-pnl p em {color: #333;} */ /*.mobile-site.membership-landing .masthead .masthead-inner {background:yellow;}*/ .yellow .mobile-site .page-header, .yellow .mobile-site .highlight-bg, .yellow .mobile-site .masthead-inner.highlight-bg, .yellow .mobile-site .masthead-inner.highlight-bg span.highlight-bg {background-color:#ffde2f;} .yellow .faq {background-color: #ffde2f;} .ylw-bg {background-color:#ffde2f !important} .yellow .highlight-bg * {color:#333 !important} .yellow #primary-nav, .yellow .desktop-site .main-bg, .yellow nav, .yellow .action-button, .yellow .main-content-block.vlg-bg.highlight-bg {background-color:#ffde2f /* !important */} .yellow .main-content-block.highlight-bg {background-color:#eee} .yellow .action-button:hover { background-color: #d90064; color: #fff !important; -webkit-transition: color .2s; -moz-transition: color .2s; -o-transition: color .2s; -ms-transition: color .2s; transition: color .2s; } .yellow .desktop-site .primary-nav h3, .yellow #search-web-cat label, .yellow .masthead-inner .masthead-title, .yellow .highlight-bg span, .yellow ul.contact li, .yellow .action-button {color:#333 !important} .yellow #searchGo {background-color:#333 !important} .yellow a[href^='mailto'], .yellow .pnl-txt.mb-foot p, .yellow .highlight-bg .mb-foot span {color: #d90064 !important}/*pink*/ .yellow .masthead-inner, /* .yellow .membership-cta, */ .yellow .secondary-btn {background-color:#eee /*!important*/} .yellow .secondary-btn:hover {background:#b3b3b3} /* GENERAL COLOUR OVERRIDES */ .main-content-wrapper aside.main-bg a {color:#fff;} /* for email link in rightcol in subjectseg People page */ .main-content .key-details-block a {color:#fff;} /*(related to 10857) inherit A tag colour*/ a:hover em {color:inherit;} /*links in the RHC contacts*/ .highlight-bg ul.contact a {color: #fff;} /************************ SHOPS START *********************************/ .shop02 body.shop .masthead-inner {position:relative} .shop02 body.shop .masthead-inner, .shop02 body.shop .masthead-title {background: #fff; background-color: #fff; } .shop02 #shop-legend, .shop02 body.shop .masthead-title, .shop02 .product-hero > div > p, /*.shop02 .promo-label, */ .shop02 body.shop p a, .shop02 body.shop .recommended cite, .shop02 body.shop .pnl-txt .pnl-title a, .shop02 body.shop .owl-carousel .pnl-title * {color: #227a8d;} .shop02 .product-info h2, .shop02 .quick-basket h2 > a, .shop02 .shop-theme h2 > a {color:#000} .shop02 body.shop #primary-nav {background-color: #333;} .shop02 body.shop .second-nav, .shop02 body.shop .second-nav *, .shop02 body.shop .action-button:hover, .shop02 body.shop #main .main-bg:hover {background-color: #174854; } .shop02 body.shop .product-hero.zeb .product-info a, .shop02 body.shop .product-hero.zeb .product-info .price p span + span, .shop02 body.shop .product-info2 blockquote {color: #174854 !important; } .shop02 body.shop .second-nav .menu a:hover, .shop02 #shop-legend > div:first-child:after, .shop02 body.shop .action-button, .shop02 body.shop #main .highlight-bg, .shop02 body.desktop-site #shopResults dl dt {background-color: #037a8d; } .shop02 body.shop div.product-hero.zeb .product-info {background-color: #13a4bb !important; } .shop02 .desktop-site div.product-hero.zeb svg polygon {fill: #13a4bb; } .shop02 body.shop div.product-hero.zeb .product-info * {color: #fff !important; } .shop02 body.shop #primary-nav .primary-nav-item a h3:hover {border-bottom-color: #fff; } .shop02 body.shop #primary-nav .primary-nav-item ul li *, .shop02 body.shop .product-hero.zeb .product-info input, .shop02 body.shop .main-bg .pnl-shop4col h2 {color: #333 !important; } .shop02 body.shop .zeb .pnl > div {border-bottom-color: #108b9f; } /*.shop02 .promo-label {border-right: 1px solid #174854; border-bottom: 1px solid #174854; border-left: 1px solid #174854; }*/ .shop02 .shop-home div.strapline {outline: 2px solid #fff; border: 3px solid #074753; } .shop02 .shop-home p.strapline-inner {color: #074753; } .shop02 body.shop p a {font-weight: bold; } .shop02 body.shop #main p a:hover {border-bottom: 1px solid #227a8d; } .shop02 body.shop .bg03 {background-color: #3d414d; } .shop02.backgroundsize .desktop-site.shop #category div {background-color: rgba(3,122,141,0.8); } .shop02 body .main-content-block.gradient01 {background:none !important;} .shop02 body .main-content-block.gradient01, .shop02 body .gradient01 .main-content-block-inner {background-image: url('data:image/gif;base64,R0lGODlhuAsBAIABAO7u7gAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMTEgNzkuMTU4MzI1LCAyMDE1LzA5LzEwLTAxOjEwOjIwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODVFQjM0QjBCODVDMTFFNThENjU4RjQ5QzFEMzY0QTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODVFQjM0QjFCODVDMTFFNThENjU4RjQ5QzFEMzY0QTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NUVCMzRBRUI4NUMxMUU1OEQ2NThGNDlDMUQzNjRBNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4NUVCMzRBRkI4NUMxMUU1OEQ2NThGNDlDMUQzNjRBNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAEALAAAAAC4CwEAAAJVhI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6FPT+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY8rCwA7'), url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMzlhYWM2IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMTc0ODU0IiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnNCkiIC8+Cjwvc3ZnPg=='); } .shop02 body.shop #primary-nav, .shop02 body.shop .main-bg:not(button) {background-color:#004853 !important;} .shop02 body.shop .masthead-inner, .mobile-site.shop .page-header {background-color:#00788b !important;} .shop02 body.shop .masthead-title {color:#fff;background-color:transparent} /* Robin and Andy 20160721 */ .shop .title.masthead-title { font-size: 2.0rem; font-weight:normal; line-height:32px; color:#fff; float:left} .shop .purchase-banner-secure-footer h1 { font-size: 2.0rem; font-weight:normal; line-height:32px; color:#fff; } /************************ SHOPS END ***********************************/ /************************ feature module ***********************************/ body.feature-module div.strapline, body.shop-home div.strapline { outline: 2px solid #fff; border: 3px solid #074753; /*12079 corrected to the below: margin: 40px auto 22px auto;*/ margin: 70px auto; background-color: #fff; background-color: rgba(255,255,255,0.9); padding: 7px; text-align: center; float: none; text-transform: uppercase; } body.feature-module div.strapline p.strapline-inner, body.shop-home div.strapline p.strapline-inner { font-size: 19px; line-height: 24px; letter-spacing: 0.1rem; text-shadow: none; color: #074753; } body.feature-module p.strapline-inner span, body.shop-home p.strapline-inner span { font-weight: bold; display: block; } body.desktop-site.feature-module .main-content .main-content-block-inner div.grid_61 { margin-top:-30px; } body.feature-module .pnl-txt h2, body.shop-home .pnl-txt h2 { margin-top:0; color:#237a8d; float:left; } body.shop-home .pnl-txt h2 a {color:#237a8d;} body.shop-home .pnl-txt h2 a:hover {border: none;} body.shop-home .hlf-img-pnl .pnl-txt { float:left; text-align:left; } body.feature-module .products .pnl-txt, body.shop-home .products .pnl-txt {position:relative;} body.feature-module .products .pnl.pnl-act-btn:first-child svg, body.shop-home .products .pnl.pnl-act-btn:first-child svg { overflow: hidden; left: -55px; position: absolute; top: 70px; fill: #fff; } body.feature-module .products .pnl.pnl-act-btn:first-child + div.pnl.pnl-act-btn svg, body.shop-home .products .pnl.pnl-act-btn:first-child + div.pnl.pnl-act-btn svg { right: -90px; fill: #fff; position: absolute; top:70px; } body.shop-home .hlf-img-pnl.alternate-img .pnl:nth-child(odd) .action-button {margin-left:30.5rem} .shop-home .products .hlf-img-pnl .pnl-inner p { font-size:12px; font-size:0.875rem; } /* Fix for TFS bugs: 8273/8272/8275 .jade, .garnet, .green, .azure, .blue, .damson, .paprika, .moroccan-velvet */ /*.jade .pnl:nth-child(2n+2) .pnl-inner .pnl-txt .pnl-title a, .garnet .pnl:nth-child(2n+2) .pnl-inner .pnl-txt .pnl-title a, .green .pnl:nth-child(2n+2) .pnl-inner .pnl-txt .pnl-title a, .azure .pnl:nth-child(2n+2) .pnl-inner .pnl-txt .pnl-title a, .blue .pnl:nth-child(2n+2) .pnl-inner .pnl-txt .pnl-title a, .damson .pnl:nth-child(2n+2) .pnl-inner .pnl-txt .pnl-title a, .paprika .pnl:nth-child(2n+2) .pnl-inner .pnl-txt .pnl-title a, .green .pnl:nth-child(2n+2) .pnl-inner .pnl-txt .pnl-title a, .moroccan-velvet .pnl:nth-child(2n+2) .pnl-inner .pnl-txt .pnl-title a {color: #fff !important;}*/ /* * TODO: Why/Where is this used! 15/12/16 * .green .pnl:nth-child(2n+2) .pnl-inner .pnl-txt .pnl-title a, * .damson .pnl:nth-child(2n+2) .pnl-inner .pnl-txt .pnl-title a, * .blue .pnl:nth-child(2n+2) .pnl-inner .pnl-txt .pnl-title a {color: #fff !important;} */ /**/ /* ======================================================= 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*/ /*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,*/ .footer-sponsors {overflow:hidden;} .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; } /** * aside element where there isn't the letter 'b' in the classes on the element e.g. p-b-1col or m-b-1col * negate the need to change components in the CMS **/ aside:not([class~=-b-]) { padding-bottom:16px; padding-bottom:1rem; } /*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*/ .save-our-sounds-recording-page ul.genres li a {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;} 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;} border:0; width: 944px; height: 285px; } .save-our-sounds-recording-page .text-block.play .play-btn + div { float: none !important; overflow: hidden; } .save-our-sounds-recording-page .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;} .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; } .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;} .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; } .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 */ .pnl-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; } .pnl-trending-sounds .pnl-txt-inner {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 */ /*helper classes*/ /*XXXXXXXXXXXXXXXXXXX Text classes XXXXXXXXXXXXXXXXXXX*/ .align-center {text-align:center} .align-left {text-align:right} .align-right {text-align:left} .bold {font-weight: bold} /*XXXXXXXXXXXXXXXXXXX delineate XXXXXXXXXXXXXXXXXXX*/ .delineate { height: 1px; padding-left: 0; padding-right: 16px; padding-right: 1rem; margin-top: 48px; margin-top: 3rem; margin-bottom: 32px; margin-bottom: 2rem; /*compensate for heading mar/pad*/ } .delineate span { background-color: #ccc; display: block; height: 1px; } /*XXXXXXXXXXXXXXXXXXX grid classes XXXXXXXXXXXXXXXXXXX */ .mobile-site .mob-no-p {padding:0 !important;} /*remove all margin*/ .mobile-site .mob-no-m {margin:0 !important;} /*remove all pad/mar*/ .mobile-site .mob-no-mp {margin:0 !important;padding:0 !important;} /*tops*/ .mobile-site .mob-no-m-t {margin-top:0 !important} .mobile-site .mob-no-p-t, .no-p-t {padding-top:0 !important} .mobile-site .mob-no-p-m-t {padding-top:0 !important;margin-top:0 !important} /*rights*/ .mobile-site .mob-no-m-r {margin-right:0 !important} .mobile-site .mob-no-p-r {padding-right:0 !important} .mobile-site .mob-no-p-m-r {padding-right:0 !important;margin-right:0 !important} /*btms*/ .mobile-site .mob-no-m-b {margin-bottom:0 !important} .mobile-site .mob-no-p-b {padding-bottom:0 !important} .mobile-site .mob-no-p-m-b {padding-bottom:0 !important;margin-bottom:0 !important} /*lefts*/ .mobile-site .mob-no-m-l {margin-left:0 !important} .mobile-site .mob-no-p-l {padding-left:0 !important} .mobile-site .mob-no-p-m-l {margin-left:0 !important;padding-left:0 !important} /*all sides*/ .mobile-site .mob-no-pad {padding:0 !important;} .mobile-site .mob-no-mar {margin:0 !important;} .mobile-site .mob-no-pad-no-mar {padding:0 !important;margin:0 !important;} /* add padding to mobile */ .mobile-site .mob-p-l-1col {padding-left: 16px; padding-left:1rem;} .mobile-site .mob-p-r-1col {padding-right: 16px; padding-right:1rem;} .mobile-site .mob-p-t-1col {padding-top: 16px; padding-top:1rem;} .mobile-site .mob-p-b-1col {padding-bottom: 16px; padding-bottom:1rem;} .mobile-site .mob-p-lr-1col { padding-left: 16px !important; padding-left:1rem !important; padding-right: 16px !important; padding-right:1rem !important; } /* add margin to mobile */ .mobile-site .mob-m-l-1col {margin-left: 16px; margin-left:1rem;} .mobile-site .mob-m-r-1col {margin-right: 16px; margin-right:1rem;} .mobile-site .mob-m-t-1col {margin-top: 16px; margin-top:1rem;} .mobile-site .mob-m-b-1col {margin-bottom: 16px; margin-bottom:1rem;} /*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} .mobile-site .mob-no-m-b {margin-bottom:0;} .mobile-site .mob-no-p-lr { padding-left:0 !important; padding-right:0 !important; } .mobile-site .mob-no-pm-lr { padding-left:0 !important; padding-right:0 !important; margin-left:0 !important; margin-right:0 !important; } /*generic*/ .no-m-t {margin-top:0 !important;} .no-m-b {margin-bottom:0 !important;} .no-m-l {margin-left:0 !important;} .no-m-r {margin-right:0 !important;} .no-m-all { margin-top:0 !important; margin-right:0 !important; margin-bottom:0 !important; margin-left:0 !important; } .no-p-t {padding-top:0 !important;} .no-p-b {padding-bottom:0 !important;} .no-p-r {padding-right:0 !important;} .no-p-all { padding-top:0 !important; padding-right:0 !important; padding-bottom:0 !important; padding-left:0 !important; } .no-guttering-all { margin:0 !important; padding:0 !important; margin-top:0 !important; margin-right:0 !important; margin-bottom:0 !important; padding-top:0 !important; padding-right:0 !important; padding-bottom:0 !important; padding-left:0 !important; } .no-m-p-t {margin-top:0 !important;padding-top:0 !important;} .no-m-p-b {margin-bottom:0 !important;padding-bottom:0 !important;} .mobile-site .no-p {padding:0 !important;} /*XXXXXXXXXX Block formatting XXXXXXXXXXXX*/ .v-overflow {overflow:visible;} .h-overflow {overflow:hidden;} .s-overflow {overflow:scroll;} .a-overflow {overflow:auto;} /*XXXXXXXXXXXXXXXXXXX bg colour classes XXXXXXXXXXXXXXXXXXX */ .page-bg {background-color: #e0e0e0} .bg01 {background-color: #f1f1f1;} /*news/blogs alternating*/ .bg02 {background-color: #ddd;}/* - */ .bg03 {background-color: #3d414d;}/*whatson-newsletter*/ .bg04 {background-color: #f0f0e8;}/*news/blogs alternating*/ .bg05 {background-color: #F2F2EA;}/*discover-learn*/ .bg06 {background-color: #E9E9E9}/*shopping*/ .bg07 {background-color: #eee;}/*shop*/ /*XXXXXXXXXXXXXXXXXXX position classes XXXXXXXXXXXXXXXXXXX */ .push-btm {position: absolute; bottom: 16px;} .bold-push-btm {font-weight: bold;position: absolute; bottom: 16px;} /*Header extra height (some files only)*/ .desktop-site .header-extra-height {height:455px;} /*currently used on the eccles components file*/ .ul-disc {list-style: disc;padding-left: 16px;} .wrap-preline {white-space: pre-line;} /*give this more meaning!!*/ .bdr {border:1px solid #ccc;} /*XXXXXXXXXXXXXXXXXXX image classes XXXXXXXXXXXXXXXXXXX*/ .circular-portrait { position: relative; max-width: 300px; width:100%; height: auto; overflow: hidden; border-radius: 50%; } .circular-portrait a {width:100%;} /*XXXXXXXXXXXXXXX 12079: temp fix shop home page XXXXXXXXXXXXXXXXX*/ /* (review once feature-201801-header-depth-ui-dev-tfs12079 branch is merged/deployed) XXXXXXXXXXXXXXXXX */ .desktop-site.shop-home.shop .main-content { top:-130px; background-color:#f1f1f1; } .desktop-site.shop-home.shop .main-content > .main-content-block-inner:first-child { padding-top:16px; padding-top:1rem; } .desktop-site.shop-home.shop .strapline { position: relative; top:15px; } /*end 12079*/ /*HP BG image wide screen classes*/ @media only screen and (min-width: 1600px) { .main-home-pg .main-page-img div {background-position: 0px -125px;} } @media only screen and (max-width: 1024px) { .mobile-site.main-home-pg .main-page-img div {background-position: 0 0;} } @media only screen and (max-width: 768px) { .mobile-site.main-home-pg .main-page-img div:before {background-position: 1140px 0;} } @media only screen and (max-width: 480px) { .mobile-site.main-home-pg .main-page-img div {background-position: 650px 0;} } @media only screen and (max-width: 414px) { .mobile-site.main-home-pg .main-page-img div {background-position: 700px 0;} } @media only screen and (max-width: 375px) { .mobile-site.main-home-pg .main-page-img div {background-position: 595px 0;} } @media only screen and (max-width: 321px) { .mobile-site.main-home-pg .main-page-img div {background-position: 490px 0;} } /*super wide screens*/ @media only screen and (min-width: 2021px) and (max-width:2140px) { .main-home-pg .main-page-img div {background-position: 0px -188px;} } @media only screen and (min-width: 2141px) and (max-width:2340px) { .main-home-pg .main-page-img div {background-position: 0px -300px;} } @media only screen and (min-width: 2341px) and (max-width:2540px) { .main-home-pg .main-page-img div {background-position: 0px -400px;} } @media only screen and (min-width: 2541px) and (max-width:3040px) { .main-home-pg .main-page-img div {background-position: 0px -450px;} } @media only screen and (min-width:3041px) { .main-home-pg .main-page-img div {background-position: 0px -500px;} } /* ========================================================================== Forms ========================================================================== */ input, textarea {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {display: block; font-size: 14px; margin: 0 0 16px 0; margin: 0 0 1rem 0; padding: 4px 4px; padding: 0.25rem 0.25rem; width: 100%; line-height: 32px; } fieldset {margin: 0 2px; padding: 0.35em 0.625em 0.75em;} label {display: block; font-weight: bold; margin-bottom: 16px; margin-bottom: 1rem; } .ul-indented { list-style: initial; margin: initial; padding: 0 0 0 40px; } .ul-flush { list-style: disc; margin: initial; padding: 0 0 0 15px; } ul[class^=ul-] a { color:#227a8d; font-weight:bold; } .ul-indented li, .ul-flush li {display: list-item;} [type="radio"], [type="checkbox"] {margin: 0 8px 0 0; margin: 0 0.5rem 0 0; background-color: transparent; border: 0 none !important; } /*fieldset { border: solid 1px; padding: 16px 16px; padding: 1rem 1rem; margin: 0 0 16px; margin: 0 0 1rem; }*/ fieldset legend {font-weight: normal; } #sociallinkstop + div .newslettersignup-content legend {display: inline} fieldset li {list-style: none; } .form-item {position: relative; } .vlg-bg select, .facet-list a select, input#email {border: none; } .vlg-bg .w-bg select, .facet-list a .w-bg select {border: 1px solid; } .filter-wrap select {width: auto; float: left; margin-right: 8px; margin-right: 0.5rem; } input#bannerSearch, input#email, .newslettersignup-content input#email1, .add-delivery input#confirmEmail, .add-delivery input#phone {margin-bottom: 0; min-height: 39px; } .highlight-bg input#email, .highlight-bg .newslettersignup-content input#email1, .main-bg input#email, .main-bg .newslettersignup-content input#email1 {border: none;} .shelvesandspaces aside .whatson-newsletter-block .newsletter-signup-form .newslettersignup-content {padding-bottom:16px;} .main-content-block .main-content-block-inner > .whatson-newsletter-block .newsletter-signup-form .newslettersignup-content input#email { border:1px solid #999 } /* ================= CASE STUDIES ================= (White txt on white bg inside quotes: coding blind as Athena doesn't have this file http://www.bl.uk/case-studies/dvora-liberman) */ /*.shelvesandspaces.top-page-casestudies h2.block-title {color:#fff}*/ /**/ .whatson-newsletter-block fieldset {border: none; padding: 0; } .whatson-newsletter-block legend, .whatson-newsletter-block legend + label {display: none; } .whatson-newsletter-block input[type="email"] {width: 100%; width: calc(100% - 155px); display: inline-block; float: left; margin: 0 8px 8px 0; } .event-details th, .event-details td {vertical-align: top; } .event-details caption {height: 1px; text-indent: -10000px; } /*.desktop-site .form-block {width: 940px; position: relative; border-top: 1px solid #ccc; padding: 32px 16px; padding: 2rem 1rem; }*/ .form-block .form-block-inner {max-width: 592px; } .highlight-bg .form-block/*, .highlight-bg + .main-content-block .form-block*/ {border-top: none; padding: 0 16px; padding: 0 1rem; } .form-block input[type="text"], .form-block input[type="password"], .form-block input[type="date"], .form-block input[type="datetime"], .form-block input[type="email"], .form-block input[type="number"], .form-block input[type="search"], .form-block input[type="tel"], .form-block input[type="time"], .form-block input[type="url"], .form-block select, .form-block textarea {/*border: 1px solid #CEE1E8; background: #fff; ? */margin-bottom: 20px; padding: 8px; line-height: 150%; } .form-block label {margin-bottom: 2px; } .form-block textarea {height: 150px; resize: none; } .form-block label {display: block; } .form-block .required {font-weight: bold; } .form-block #submit-button {border: none; } .form-block input[type="checkbox"] {float: left; margin: 4px 0; } .form-block input[type="checkbox"] + label {margin-left: 22px; font-weight: normal; } .form-block #submit-button:active {position: relative; top: 1px; outline: none; border: none; } .form-block #loading {width: 32px; height: 32px; position: absolute; right: 130px; bottom: 16px; display: none; } #errors, #success {background-repeat: no-repeat; background-position: 405px center; margin: 25px 0; width: 437px; display: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #errors {padding: 10px; } #errors li {padding: 2px; list-style: none; } #errors li:before {content: ' - '; } #errors #info {font-weight: bold; } #errors #info:before {content: ''; } #success {border: solid 1px #83D186; padding: 25px 10px; } #errors.visible, #success.visible {display: block; } #req-field-desc {font-style: italic; } input:required, textarea:required {-moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; } ::-webkit-input-placeholder, input:-moz-placeholder, textarea:-moz-placeholder, input.placeholder-text, textarea.placeholder-text {color: #ccc; font-style: italic; } input#bannerSearch, .social-block .newsletter-block #email {width: 65%; float: left; min-height: 39px; } /*TODO: Why in the is 4px margin(-right) used here?? - added 16 btm instead to maintain the correct guttering */ /* .social-block .newsletter-block #go_link {margin: 0 0 0 4px; float: left; height: 34px; height: 38px; line-height: 2.6em; } */ .social-block .newsletter-block #go_link {margin: 0 0 16px 0; float: left; height: 34px; height: 38px; line-height: 2.6em; } .social-block .newsletter-block fieldset {border: none; padding: 0; } .social-block .newsletter-block fieldset p {margin-top: 0; } /* .newslettersignup-content legend {width: 400px; padding-bottom: 0.5rem; } .newslettersignup-content label {height: 1px; text-indent: -10000px; } */ input#bannerSearch {border: 1px solid #ccc; min-height: 36px; } #bigBannerSearch .optionsRow label {color: #fff;} /* ************************ SHOP css start ************************* */ /* .shop section.forms {overflow:hidden;} */ .desktop-site.shop .forms.shipping-method, .desktop-site.shop .forms.login {min-height:400px} /*.desktop-site.shop .forms.donate {min-height:760px}*/ .desktop-site.shop.order-confirmation-v2 .forms.wrap-shopping-basket {min-height:1160px;} /*.desktop-site.shop.shopping-basket .forms.wrap-shopping-basket {min-height:800px;}*/ .shop .forms fieldset {margin:0;padding:0;border:none;} .shop.shop-login fieldset { margin-bottom:16px; margin-bottom:1rem; /* padding:0; border:none; 20161207 Main merge */ } /* .desktop-site.shop .forms.shipping-method fieldset legend {margin:0 0 0.9em 0} .desktop-site.shop .forms.donate fieldset {margin-bottom:1rem} .shop fieldset legend.txt-hide span, .shop fieldset label.txt-hide { position:absolute; left:-9999px; width:100px; height:auto; overflow:hidden; } .desktop-site.shop .forms .newsletter-signup-form fieldset #go_link { height: 37px; line-height:37px; float:left; } .desktop-site.shop .forms .newsletter-signup-form fieldset #go_link:hover { background-color: #174854 !important; } .desktop-site.shop .forms .newsletter-signup-form fieldset #email { float:left; width:60%; } .shop .forms.thank-you-newsletter-signup .register ul {list-style:disc;padding-left:17px} margin-bottom:0 !important;} 20161207 Main merge */ .shop .forms .help-txt { font-size:12px; font-size:.75rem; color:#777; } .shop .forms fieldset .forgotton-pwd.no-hover {display:block;} .shop .forms .pnl-row.wrap-progbar-mybag + fieldset, .shop .forms .fieldset-dell-addr {clear:both;} .shop .wrap-mybag .content-body ul.product-row.noProdImg > li:first-child {width:100%;} .shop .forms legend, .accessible-hidden, .newslettersignup-content label {position:absolute;left:-10000px;} /*MH Portals fix (the above was imacting on portal home search component*/ #bigBannerSearch .newslettersignup-content label {position:relative; left:0px;} .shop .forms label {color:#000;} .shop .forms.add-delivery-info h2 { /* Not sure why border is on: border-bottom: 1px solid #ccc; */ padding-bottom: 16px; } .shop .forms.add-delivery-info label {font-weight:normal;} .desktop-site.shop .forms.shipping-method fieldset legend {margin:0 0 0.9em 0} .desktop-site.shop .forms.donate fieldset {margin-bottom:1rem} .shop .action-text, .desktop-site.shop .action-button, .shop #tax-no {text-transform:uppercase;} /*shopping bag: desktop remove btn*/ .desktop-site.shop .action-text.mob { display:none; } /* .desktop-site.shop .forms .error-msg.first {margin-top:0 !important;} 20161207 Main merge */ .shop .shopErrorMsg {color:#FF0000} .shop .shopAcceptMsg {color:#008000} .shop .forms .transparent-btn {text-transform:uppercase;} .shop .forms .transparent-btn span.lft-arrow-lft { background-image: url('../../../resources/global/images/bl-web-sprite.png') !important; background-position:102px -5px !important; } .desktop-site.shop.shopping-basket .forms .progress-bar {margin-bottom:0 !important;} .desktop-site.shop .twothirds { width:66%; overflow:hidden; } .shop .twothirds, .desktop-site.shop .forms .pnl-row.wrap-progbar-mybag {padding-top:30px;} .desktop-site.shop .forms .uppercase {text-transform:uppercase;} /*.shop .local-search-wrapper {border:none !important} .shop .local-search-wrapper #search-section-input { border:1px solid #ccc; border-radius:3px; } */ /*XXXXXXXXXXXXXXXXXX Thank you XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ /*old*/ .desktop-site.shop.checkout-thank-you .shopping-bskt-banner { overflow: hidden; background-color: #434343; height: 100px; } .desktop-site.shop.checkout-thank-you .shopping-bskt-banner .content { height: 70%; border-bottom: 2px #9B9898 solid; background-color: #6B6B6B; display: table; width: 100%; } .desktop-site.shop.checkout-thank-you .shopping-bskt-banner .content .heading { color: #fff; display: table-cell; vertical-align: middle; font-size: 20px; font-size: 2.0rem; font-weight: normal; } /* end old thx */ /*Thank you newsletter - current*/ /*Thank you subscribe btn*/ .shop .forms.thank-you-newsletter-signup #go_link:hover { background-color: #174854 !important; } .shop .forms.thank-you-newsletter-signup #email { float:left; width:60%; } .shop .forms.thank-you-newsletter-signup .register ul {list-style:disc;padding-left:17px} /*thank you checkout btn*/ .shop .forms.thank-you-newsletter-signup .btn:hover {border:none;} /* .desktop-site.shop.checkout-thank-you .forms.confirmation .action-text {text-transform:uppercase;} .desktop-site.shop.checkout-thank-you .forms.confirmation .register p:first-child {padding:0;margin:0;} .desktop-site.shop.checkout-thank-you .forms.confirmation .register ul li i.fa {font-size:10px;} .desktop-site.shop .forms.confirmation .pnl-row .input-wrap {width:100%;} .desktop-site.shop .forms.confirmation .pnl-row .input-wrap input { width:240px; min-height:auto !important; */ /*RHC*/ /* thumb image text event description*/ .desktop-site.shop.checkout-thank-you .rh-column .thmb-pnl-col .pnl .pnl-inner.w-bg .pnl-txt {padding-top:0;} /* .desktop-site.shop.checkout-thank-you .rh-column .thmb-pnl-col h2 {margin-top:0;} */ /*end RHC*/ /*XXXXXXXXXXXXXXXXXX end Thank you XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ /*XXXXXXXXXXXXXXXXXX Shopping basket XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ .desktop-site.shop.shopping-basket .forms .col-quantity-price div.error { display:block; float:left; width:85%; background-color:transparent; border:none; margin-top:0 !important; } .desktop-site.shop.shopping-basket .forms .error p a {text-decoration:underline;background-color:red;} .shop.shopping-basket .forms .error p {margin:5px 0;color:red; width:116px;float:left} .shop.shopping-basket .forms ul li {float:left;} .shop.donate-form .forms :not(.wrap-radio-btns) :not(ul) ul li {float:left;} /*thank you newsletter*/ .shop .forms.thank-you-newsletter-signup { padding-bottom:16px; padding-bottom:1rem; } /* .shop .forms.thank-you-newsletter-signup h1 {margin-top:0;} */ /* borders */ .shop.shopping-basket .forms .no-margin.basket-row, .shop.checkout-thank-you .forms .no-margin.basket-row, .shop .forms.thank-you-newsletter-signup .bdr {border:1px solid #ccc;} .shop.shopping-basket .forms .no-margin:not(:first-child).basket-row {border-bottom:0;} /* click collect : shop-checkout-thank-you-newsletter */ .shop.checkout-thank-you .confirm-order li a {color: #227a8d;} .shop.checkout-thank-you .confirm-order li.clkclct-order-thx a:before { content:""; display:block; width:100%; } .shop.checkout-thank-you section {padding-top:0} .shop.shopping-basket .forms .no-margin.ghost.basket-row {border-top:0;border-bottom:0;} .shop.shopping-basket .forms .no-margin.ghost.basket-row > ul, .shop.shopping-basket .forms .no-margin.unavailable-item > ul {position:relative} .shop.shopping-basket .forms .no-margin.ghost.basket-row > ul:after, .shop.shopping-basket .forms .no-margin.unavailable-item > ul:after { position: absolute; content: ""; width: 100%; height: 100%; display: block; top: 0; left: 0; background: #fdfdfd; opacity:.8; } .shop.shopping-basket .view-basket ul, .shop.shopping-basket .view-basket ul li, .shop.shopping-basket .product-detail ul li { padding:0; margin:0; overflow:hidden; width:100%; } .shop.shopping-basket .forms .col-title { margin-bottom:10px; /*replace if adverse affects !important */ font-weight:bold; font-size:16px; font-size:1rem; } .shop.shopping-basket.order-confirmation-v2 .forms .contact-details-wrap li:first-child + li {margin-bottom:16px;} .shop.shopping-basket.order-confirmation-v2 .forms .contact-details-wrap li > span.heading {display:block;font-weight:bold;} .shop.shopping-basket.order-confirmation-v2 .forms .contact-details-wrap li > span.email { /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } /* shop bordered container */ .shop .forms .view-basket .no-margin > ul > li {width:33.33%;float:left;} .shop .forms .view-basket .no-margin > ul li > ul li {width:50%;} .shop.shopping-basket .forms.shopping-basket-noItems .view-basket .no-margin > ul > li { width:100%;} /*XXXXXXXXX end Strap XXXXXXXXXXXXXX*/ /*XXXXXXXX basket-row XXXXXXXXXXX*/ .shop.shopping-basket .forms .basket-row { overflow: hidden; display: table; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .desktop-site.shop.shopping-basket .forms .continue-checkout.basket-row .left > ul {float:left;width:50%;margin-bottom:15px;} /*XXXXXXXX end basket-row XXXXXXXXXXX*/ /*page heading*/ .shop.shopping-basket .forms .checkout.basket-row div {display: table-cell; vertical-align:middle;} .shop.shopping-basket .forms .checkout.basket-row {margin:0!important;} /*XXXXXXX Buttons XXXXXXXX*/ .shop .transparent-btn {border:1px solid #ccc;} .shop .transparent-btn, .shop .transparent-btn span {color:#174854 !important;} .shop .transparent-btn:hover { background-color:#ccc; border-color:#ccc !important; } .shop .transparent-btn.inactive { background-color: #ccc; cursor: default; } /*.desktop-site.shop .forms .btn { background-color:green !important; 20161207 Main merge */ .shop.shopping-basket .forms .qty-btns .transparent-btn, .shop.shopping-basket .forms .col-remove .transparent-btn, .shop .product-info .qty-btns .transparent-btn { width:30px; height:30px; padding:0; color: #037a8d; line-height:30px; } .shop .product-info .qty-btns .transparent-btn { width:32px; /* TODO: why 32px when it's the same code in multiple places (see above)*/ height:32px; } .shop.shopping-basket .forms .transparent-btn span.sml-lft { background-position:91px -8px; } /*XXXX end btns XXXX*/ /*XXXXXXXXXX Product detail XXXXXXXXXXXX*/ .shop.shopping-basket .forms .product-detail > ul > li .top { font-weight:bold; height:38px; line-height:38px; } .shop.shopping-basket .forms .product-detail > ul > li .top label { margin:0; padding:0; color:#000; } .shop.shopping-basket .forms .product-detail > ul > li .top span {font-weight:normal;} /* .shop.shopping-basket .forms .product-detail.basket-row div.btm {overflow:hidden;} */ /*XXXXXXXXXXXXX v1 order-confirmation XXXXXXXXXXXXXXXXXXXXXXXX*/ .shop.shopping-basket.order-confirmation .forms .product-detail .col-quantity-price > ul {text-align: center} .shop.shopping-basket.order-confirmation .forms .product-detail.basket-row .col-quantity-price ul li {width:33.3333%;} .shop.shopping-basket.order-confirmation .forms .product-detail.basket-row .col-quantity-price ul li p {margin:auto;} .shop.shopping-basket.order-confirmation .forms .product-detail > ul > li {width:50%;} .shop.shopping-basket.order-confirmation .col-right ul.inner {text-align:left} .shop.shopping-basket.order-confirmation .col-right ul.inner > li:first-child {width:100%;} .shop.shopping-basket.order-confirmation .col-right ul.inner > li:first-child ul li {width: 33.33%} /*XXXXXXXXXXXXXXXXX end v1 order-confirmation XXXXXXXXXXXXXXXXXXX*/ .shop .wrap-mybag * { /*using '*' here not advisable, however it's so done deal with it!*/ /*AM: yes this is a bone of contention posibly even a skeleton*/ padding:0;margin:0; } .error-msg, .vat-msg { background-color:#fcf9e3; border: 2px solid #f0ebd7; color:#993434; font-size:12px; font-size: 0.75rem; clear:both;} .vat-msg .content {padding:10px;width:250px} .shop .wrap-mybag .vat-msg {margin-bottom:16px;} .shop .forms legend + .error-msg {margin-top:0;} /* Basket (v3 and below): Item columns - all below override shop bordered container (.no-margin)*/ .shop .forms .view-basket .product-detail.no-margin .col-items {width:46%;} .shop .forms .view-basket .product-detail.no-margin .col-quantity, .shop .forms .view-basket .product-detail.no-margin .col-price, .shop .forms .view-basket .product-detail.no-margin .col-subTot, .shop .forms .view-basket .product-detail.no-margin .col-remove {width:18%;} /*XXXXXXXXXXXXXX new heading structure XXXXXXXXXXXXXXXXXXX*/ /* bring Athena inline with cdstaging using Robins code */ /*.shop.shopping-basket .forms .view-basket .no-margin:first-child {border-bottom:1px solid #ccc}*/ .shop .product-detail.no-margin.col-headings, .shop.shopping-basket .forms #shopping-basket .no-margin.basket-row {border-bottom:0} .shop.order-confirmation-v2 .product-detail.last {border-bottom:1px solid #ccc;} /* order confirmation: */ .shop .forms .view-basket .product-detail.no-margin.col-headings .col-items {width:46%;} .shop .forms .view-basket .product-detail.no-margin.col-headings .col-quantity, .shop .forms .view-basket .product-detail.no-margin.col-headings .col-price, .shop .forms .view-basket .product-detail.no-margin.col-headings .col-subTot, .shop .forms .view-basket .product-detail.no-margin.col-headings .col-remove {width:18%;} /* basket default:*/ .shop .forms #shopping-basket .product-detail.no-margin.col-headings ul li {overflow:hidden;text-align:center;float:left} .shop .forms #shopping-basket .product-detail.no-margin.col-headings .col-items .top {text-align:left;} .shop .forms #shopping-basket .product-detail.no-margin.col-headings [class^=col] ul {padding:0;} .shop .forms #shopping-basket .view-basket .product-detail .col-items, .shop .forms #shopping-basket .product-detail.no-margin.col-headings .col-items {width:46%;} /* basket default: headings cols*/ .shop .forms #shopping-basket .product-detail.no-margin.col-headings .col-quantity, .shop .forms #shopping-basket .product-detail.no-margin.col-headings .col-price, .shop .forms #shopping-basket .product-detail.no-margin.col-headings .col-subTot, .shop .forms #shopping-basket .product-detail.no-margin.col-headings .col-remove, .shop .forms #shopping-basket .view-basket .col-quantity, .shop .forms #shopping-basket .view-basket .col-price, .shop .forms #shopping-basket .view-basket .col-subTot, .shop .forms #shopping-basket .view-basket .col-remove {width:13.5%;} /* basket default: item cols*/ /* end new structure changes */ /* Basket default (new file name: basket-default)*/ .shop .forms .view-basket .product-detail.no-margin.view-basket-row .col-items {width:40%;} .shop .forms .view-basket .product-detail.no-margin.view-basket-row .col-quantity {width:20%;} .shop .forms .view-basket .product-detail.no-margin.view-basket-row .col-price, .shop .forms .view-basket .product-detail.no-margin.view-basket-row .col-subTot, .shop .forms .view-basket .product-detail.no-margin.view-basket-row .col-remove {width:13.33%;} .shop .forms .view-basket .product-detail.no-margin.view-basket-row .col-remove .btm {display: inline-block;} .shop .forms .view-basket .product-detail.no-margin > ul li > ul {text-align:center;} .shop .forms .view-basket .product-detail.no-margin > ul li > ul li {width:100%;} /* order-confirmation-v2: form footer remove discount */ .shop.shopping-basket.order-confirmation-v2 .col-right ul.inner {text-align:left;} .shop.shopping-basket.order-confirmation .col-right ul.inner > li:first-child {width:100%;} .shop.shopping-basket.order-confirmation .col-right ul.inner > li:first-child ul li {width: 33.33%} /* end Basket Item columns */ /* Basket: btns */ .shop .forms .view-basket .product-detail.no-margin .col-quantity .qty-btns { width: 117px; margin: 0 auto; } .shop .forms .view-basket .product-detail.no-margin .col-quantity .qty-btns li, .shop .product-info .qty-btns li { width:auto; margin-right:10px; float:left; } /* Basket: +/- */ .shop .forms .view-basket .product-detail.no-margin .col-quantity .qty-btns li a.action-button, .shop .forms .view-basket .product-detail.no-margin .col-remove li .action-button { text-align:center; width:32px; height:32px; line-height:normal; padding:0; display: table; background-color:green; } /*.shop .forms .action-button span { display: table-cell; vertical-align: middle; color:#fff; }*/ /* Basket: update button */ .shop .forms .view-basket .product-detail.no-margin .col-quantity .qty-btns button { width:116px; float:left; } .shop .forms .view-basket .product-detail.no-margin .col-quantity .qty-btns button + .error p {text-align:left} .shop .forms .view-basket .product-detail.no-margin .col-quantity .qty-btns li.add-item, .shop .forms .view-basket .product-detail.no-margin .col-quantity .qty-btns li.add-item + li {margin:0;} /* Basket: update btn li */ .shop .forms .view-basket .product-detail.no-margin .col-quantity .qty-btns li.add-item + li {width:116px;} .shop .forms .view-basket .product-detail.no-margin .col-quantity button:hover {background-color: #174854;} .shop .forms .view-basket .product-detail.no-margin .col-quantity button i {font-style:normal;color:#fff; } /* end butns */ /* basket: errors */ .shop .forms .error-msg.first {margin-top:0 !important;} .shop .forms .error-msg p {margin:10px 0} /* basket: item image div*/ .shop.shopping-basket .forms .col-items .img-wrap {float:left;max-width:103px;width:100%;} /* basket: internationl delivery msg */ .desktop-site.shop .forms .int-delivery {width:100%;height:20px;} /* basket: item attributes*/ .shop.shopping-basket .forms .basket-row div.btm ul {width:auto;} /*XXXXXXXXXXXXXX end PRODUCT DETAIL XXXXXXXXXXXXXXXX*/ /* voucher */ .shop.shopping-basket .forms .voucher-msg-wrap {overflow: hidden;} .shop.shopping-basket .forms .voucher-msg {float:left;padding:0} .shop.shopping-basket .forms label[for=voucher-code] {margin:0;} .shop.shopping-basket .forms label[for=voucher-code] span {font-weight:normal} .shop.shopping-basket .forms .voucher-input-wrap {overflow: hidden;} .shop.shopping-basket .forms .voucher-input-wrap .action-button {clear:none !important;} .shop.shopping-basket .forms .voucher-msg.code-not-valid {color:red;} .shop.shopping-basket .forms .voucher-msg.code-valid {color:green;} .shop.shopping-basket .forms .voucher-msg.code-checking {color:orange;} .shop.shopping-basket .forms .checkout-total .wrap-input > div p .fa {margin-right:6px;} .shop.shopping-basket .forms .product-detail.basket-row li.col-items div.btm .img-wrap img { width:100%; float:left; } /* quantity/remove btns */ .shop.shop-product .ul-product-qty li {float:left;margin-right:10px;} /*.shop.shop-product .ul-product-qty li .btn { width: 30px; background-color: #fff; height: 30px; text-align: center; display: table-cell; vertical-align: middle; float: none; padding:0; }*/ /* plus and minus btns */ .shop.shopping-basket .forms .product-detail.basket-row div input.btn, .shop.shopping-basket .forms .product-detail.basket-row div .prod-qty, .shop.shop-product .ul-product-qty li .btn, .shop .product-info .qty-btns .prod-qty { width:32px !important; height:32px !important; min-height:auto; text-align:center; box-sizing: border-box; padding:0; } .shop.quick-basket .product-info .qty { display:table; } .shop .product-info .qty-btns { text-align: center; display: table-cell; vertical-align: middle; padding-right: 140px; } .shop.shopping-basket .forms .product-detail.basket-row div input.reduce-qty {border-color:red !important;} .shop.shopping-basket .forms .product-detail.basket-row div .prod-qty {width:100% !important;} .mobile-site.shop.shopping-basket .forms .product-detail.basket-row .col-quantity-price div.btm ul li {margin-right:12px;} /* checkout total row */ .shop.shopping-basket .forms .checkout-total.basket-row, .shop.shopping-basket .forms .having-difficulties-contact.basket-row, .shop.shopping-basket .forms .payment-method.basket-row {border: 1px solid #ccc;} .shop.shopping-basket .forms .payment-method.basket-row {margin-bottom:16px;margin-bottom:1rem;} /* 11930 payment card select (shop-order-confirmation.html) */ /* override this: .shop.shopping-basket .forms .col-title {}*/ .payment-method .col-title, /*shop specificity override*/ .shop.shopping-basket .forms .payment-method.basket-row .col-title {margin:0;} .payment-method .col-title p {margin:0; border-bottom:1px solid #ccc;padding-top:8px;padding-bottom:8px;} .payment-method div ul, /*shop specificity override*/ .shop.shopping-basket .payment-method.basket-row div ul {border-bottom:1px solid #ccc;padding-top:8px;padding-bottom:8px;} .payment-method ul .card-logos ul, /*shop specificity override*/ .shop.shopping-basket .payment-method.basket-row ul .card-logos ul {border:none;} .payment-method ul li label, /*shop specificity override*/ .shop.shopping-basket .payment-method.basket-row ul li label {margin:0;} .payment-method div > ul > li/* :nth-of-type(1) */ {width:100%;} /*shop specificity override*/ .shop.shopping-basket .payment-method.basket-row div > ul > li:nth-of-type(1) {width:60%;} /* .payment-method div > ul > li:nth-of-type(2) {width:100%;} */ /*shop specificity override*/ .shop.shopping-basket .payment-method.basket-row div > ul > li:nth-of-type(2) {width:17%;} .payment-method div > ul > li:nth-of-type(3) {width:100%;} /*shop specificity override*/ .shop.shopping-basket .payment-method.basket-row div > ul > li:nth-of-type(3) {width:23%;} .payment-method div > ul > li:nth-of-type(2) input, /*shop specificity override*/ .shop.shopping-basket .payment-method.basket-row div > ul > li:nth-of-type(2) input {float: left;margin-top:5px;} /* .desktop-site .payment-method div.paypal > ul > li:nth-of-type(3) img, */ /*shop specificity override*/ .desktop-site.shop.shopping-basket .payment-method.basket-row div.paypal > ul > li:nth-of-type(3) img {float: right;} .desktop-site .payment-method ul.credit-cards li.card-logos ul {padding:0;} /*shop specificity override*/ .shop.shopping-basket .desktop-site .shop.shopping-basket .payment-method.basket-row ul.credit-cards li.card-logos ul {width:auto;float: right;padding:0;} .payment-method ul.credit-cards li.card-logos, .payment-method ul.paypal-card li.card-logos, .payment-method ul.credit-cards li.card-logos ul li {margin-bottom: 0;} .payment-method ul.credit-cards li.card-logos ul li, /*shop specificity override*/ .shop.shopping-basket .payment-method.basket-row ul.credit-cards li.card-logos ul li {display: inline-block;width:auto;margin-right:4px;} /*icons x4 group*/ .shop.shopping-basket .payment-method.basket-row ul.credit-cards li.card-logos ul {float:right;width:auto;} /* .shop.shopping-basket .payment-method.basket-row ul.credit-cards li.card-logos ul li {margin-bottom: 0} */ /*last card icon*/ .payment-method ul.credit-cards li.card-logos ul li:nth-of-type(4), /*shop specificity override*/ .shop.shopping-basket .payment-method.basket-row ul.credit-cards li.card-logos ul li:nth-of-type(4) {margin-right: 0;} /*Visa debit sentence*/ /* .payment-method li.card-type {text-indent: 100px;} */ /*shop specificity override*/ .desktop-site.shop.shopping-basket .payment-method.basket-row li span {display:block; margin-left: 100px;} /*Paypal sentence*/ /* .desktop-site .payment-method ul.paypal-card li span, .desktop-site .shop.shopping-basket .payment-method.basket-row ul.paypal-card li span {display:block;margin-left:100px;} */ /*end 11930 credit card payment*/ /*input wraps: e.g. voucher div*/ .shop.shopping-basket .forms .checkout-total.basket-row .wrap-input { display:none; width:100%; } /*inputs*/ .shop.shopping-basket .forms .checkout-total.basket-row .wrap-input input { border: 1px solid #ccc !important; width:30%; padding-left:10px; } .shop.shopping-basket .forms .checkout-total .col-left p {margin:0;} .shop.shopping-basket .forms .checkout-total .col-left .trigger { color:#227a8d; cursor:pointer; float:left; /* font-weight:bold; 20161207 Main merge */ } .shop.shopping-basket .forms .checkout-total .col-left, .shop.shopping-basket .forms .checkout-total .col-right { width:50%; float:left; } .shop.shopping-basket .forms .checkout-total .col-left .wrap-input input, .shop.shopping-basket .forms .checkout-total .col-left .wrap-input .action-button { float:left; } .shop.shopping-basket .forms .checkout-total .col-right ul.outer { width:100%; overflow:hidden; } /* .shop.shopping-basket .forms .checkout-total .col-right ul.outer .shipping-row {text-align: justify;} */ .shop.shopping-basket .forms .checkout-total .col-right ul.outer .shipping-row p {text-align: left} .shop.shopping-basket .forms .checkout-total .col-right ul.outer .shipping-row p span { text-transform:uppercase; } .shop.shopping-basket .forms .checkout-total .col-right ul.total-rows { text-align:right; } .shop.shopping-basket .forms .checkout-total .col-right ul.total-rows li { width:33.33%; /* !important */ margin-bottom:12px; /* !important */ } .shop.shopping-basket .forms .checkout-total .col-right ul.total-rows.last {width:64%;margin:0 auto;} .shop.shopping-basket .forms .checkout-total .col-right ul.total-rows.last li {width:100% !important;} .shop.shopping-basket .forms .checkout-total .col-right ul.total-rows.last li p { float:left; text-transform:none; } .desktop-site.shop.shopping-basket .forms .checkout-total .col-right ul.total-rows.single-row {text-align:left;} .desktop-site.shop.shopping-basket .forms .checkout-total .col-right ul.total-rows.single-row li { width:100% !important; padding-left: 66px; } /* T&Cs */ .shop.shopping-basket .forms .checkout-total .col-right ul.total-rows.last li.terms-conditions label {margin-bottom:0;} .shop.shopping-basket ul.total-rows li.terms-conditions input {float:left;} .shop.shopping-basket .forms .checkout-total .col-right ul.total-rows.last li.terms-conditions label p { text-align: left; float:none; overflow: hidden; } .shop.shopping-basket .forms .checkout-total .col-right ul.total-rows.last li.terms-conditions label p:after { content: "*"; color: red; margin-left: 6px; } .shop.shopping-basket .forms .checkout-total .col-right ul.total-rows.last li.terms-conditions label p span {color:blue;} .shop.shopping-basket .forms li.terms-conditions .error p {width:auto;} /* end term and conditions */ /*accept voucher*/ .desktop-site.shop.shopping-basket .forms .checkout-total .col-right .row { width:60%; float:right; margin-bottom:10px; margin-bottom:1.1rem; } .desktop-site.shop.shopping-basket .forms .checkout-total .col-right .row:first-child { margin-bottom:8px; margin-bottom:.5rem; } .desktop-site.shop.shopping-basket .forms .checkout-total .col-right .row div { float:left; width:50%; text-align:right; } .desktop-site.shop.shopping-basket .forms .checkout-total .col-right .row:first-child div {width:35%} /*apply to both child divs*/ .desktop-site.shop.shopping-basket .forms .checkout-total .col-right .row:first-child div:first-child {width:65%;}/*override*/ .desktop-site.shop.shopping-basket .forms .checkout-total .col-right .row.full-width div {width:100%;} .desktop-site.shop.shopping-basket .forms .checkout-total .col-right .row.full-width p {width:100%; text-align:right} .shop.shopping-basket .forms .checkout-total ul.purchase-details li:first-child {text-decoration: underline;} .desktop-site.shop.shopping-basket .forms .checkout-total ul.purchase-details li:first-child a:hover {border:none} .shop.shopping-basket .forms .checkout-total ul.purchase-details li.discount {text-align:center;} .shop.shopping-basket .forms .checkout-total .col-right p { padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:0; text-transform:uppercase; font-size:12px; font-size:.76rem; } .shop.shopping-basket .forms .checkout-total .col-right ul.inner {overflow:hidden;} .shop.shopping-basket .forms .checkout-total .col-right ul.inner li span { font-weight:bold; display:block; } .shop.shopping-basket .forms .checkout-total .col-right ul.inner li { width:50%; float:left; margin:0; } .shop.shopping-basket .forms .checkout-total .col-right ul.inner { width:60%; font-size:12px; font-size:.8rem; } /* security message */ .shop.shopping-basket .forms .secure-info-message {display:table;margin-bottom:40px;} .shop.shopping-basket .forms .secure-info-message img {max-width:74px;width:100%; margin-right:10px;float:left} .desktop-site.shop.shopping-basket .forms .secure-info-message.basket-row img {float:left;} .desktop-site.shop.shopping-basket .forms .secure-info-message p { display:table-cell; vertical-align:middle; } /* end security message */ /* failure pages */ .shop.failure-error .error-container { border:1px solid #999999; max-width:840px; width:100%; margin:0 auto; padding-bottom:120px; } .shop.failure-error .error-container .inner { padding:16px; padding:1rem; } /* end failure pages */ .desktop-site.shop .title.masthead-title {float:left;} /* bag icon */ .shop .wrap-bag-icon { position: absolute; bottom: 10px; right: 10px; z-index:10; } .shop .wrap-bag-icon, .shop .wrap-bag-icon ul {display:table} .shop .wrap-bag-icon ul li {display:table-cell;vertical-align:middle;padding:0;margin:0} .shop .wrap-bag-icon ul li:first-child { padding-right:10px; padding-top:10px; } .shop .wrap-bag-icon li.bag-icon a { width: 22px; height: 32px; display: table; float:right; background: url(../../../resources/global/images/shopping-basket-alt-22x32.png); background-position: 0% 0%; background-repeat: no-repeat; -webkit-transition-property: background-image; -moz-transition-property: background-image; -o-transition-property: background-image; transition-property: background-image; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .shop .wrap-bag-icon li.bag-icon a:hover { background: url(../../../resources/global/images/shopping-basket-alt-hover-22x32.png) 50% 50% no-repeat; border:0 !important } .shop .wrap-bag-icon li.bag-icon i { font-style:normal; font-size:11px; display:table-cell; vertical-align: middle; text-align: center; padding-top:10px; } /* end bag icon */ /*XXXXXXXXXXXXXXXXXX end shopping basket XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/ .shop .main-content-block-inner .page-title {padding:0;} .shop .wrap-alt-delivery-address {overflow:hidden;} .shop .forms input, .shop .forms select { border: 1px solid #ccc !important; padding:8px 10px; line-height:normal; min-height:auto !important; } .shop .forms input#prod-qty {padding:0} .forms .form-heading + p i {color: #ff0000;} .desktop-site.shop .forms input::-webkit-input-placeholder, .desktop-site.shop .forms select::-webkit-input-placeholder, .desktop-site.shop .forms input:-moz-placeholder, .desktop-site.shop .forms input::-moz-placeholder, .desktop-site.shop .forms input:-ms-input-placeholder {color: #444 !important;} .desktop-site.shop .forms .pnl-row { width:100%; /*float:left;*/ } .desktop-site.shop.shipping-method .forms .pnl-row { float:none; } .desktop-site.shop .forms .pnl-row.wrap-progbar-mybag {width:65%} .shop .forms .pnl-row .label-wrap { width:20%; float:left; height:34px; line-height:34px; } .shop .forms .pnl-row .label-wrap p {margin:0;} .forms .pnl-row .label-wrap span { font-size:14px; font-size: 0.875rem; } .shop .forms .pnl-row .label-wrap.req span { line-height:normal; } .shop .forms .pnl-row .label-wrap.req span:after { content:"*"; color:red; margin-left:6px; } .shop .forms .pnl-row .label-wrap span + i { display: block; margin-top: -20px; font-weight: normal; font-style: normal; } .shop .forms .pnl-row .input-wrap { float:left; overflow:hidden; width:50%; margin-right:10px; } .shop .forms.login .pnl-row .input-wrap { width:100%; } .shop .forms .pnl-row .user-info-wrap p { padding:0; margin:0; text-align:left; overflow:hidden; } .desktop-site.shop .forms label.error { float:left; color: #d60021 !important; clear:both; padding-right:10px; font-weight:bold; width:100%; /*text-align:center;*/ } .desktop-site.shop .forms label.error[for='username'] { font-weight:normal; font-size:6px !important; font-size:.7rem !important; } .desktop-site.shop .forms .pnl-row.manual-address-line3 label p { /*helps with v-align on this element as it has some extra text using a nested span*/ margin-top:-5px; } .desktop-site.shop .forms .pnl-row.manual-address-line3 label p:after, .desktop-site.shop .forms .pnl-row.alt-address-line3 label p:after { content:""; } .desktop-site.shop .forms .pnl-row.manual-address-line3 label p span, .desktop-site.shop .forms .pnl-row.alt-address-line3 label p span { font-size:8px !important; font-size: .7rem !important; margin-top: -21px; display: block; font-weight: normal; } .forms .pnl-row.title select {width:120px;} .desktop-site.shop .forms .pnl-row.post-code input, .desktop-site.shop .forms .pnl-row.wrap-post-code-alt-address input { width:52%; float:left; margin-right: 10px; } .shop .forms .pnl-row.post-code .action-button, .shop .forms.add-delivery-info .action-text, .shop .forms .pnl-row.wrap-post-code-alt-address .action-button, .shop .forms .pnl-row.wrap-alt-find-address .action-button { width:auto; text-align:center; text-transform: uppercase; } /*.desktop-site.shop .forms .pnl-row.post-code .action-button span {padding:0 14px;}*/ .shop .forms .manual-input > a { border-bottom: 1px solid #e8e8e8; margin-right:10px; color:#037a8d; outline:none; } /* reveal classes used on shop-add-delivery */ .desktop-site.shop .forms .wrap-alt-delivery-address, .desktop-site.shop .forms .pnl-row.wrap-find-address-x, .desktop-site.shop .forms .wrap-enter-manual-address-x, .desktop-site.shop .forms .wrap-alt-manual-address-x, .desktop-site.shop .forms .pnl-row.wrap-alt-find-address-x, .forms.add-delivery-info.reveal .post-code-x, .forms.add-delivery-info.reveal2 .wrap-country-add-address-x, .forms.add-delivery-info.reveal2 .wrap-post-code-alt-address-x {display: none; } .desktop-site.shop .forms .wrap-alt-delivery-address.reveal, .desktop-site.shop .forms .pnl-row.wrap-find-address.reveal, .forms.add-delivery-info.reveal .wrap-enter-manual-address, .forms.add-delivery-info.reveal2 .wrap-alt-delivery-address, .forms.add-delivery-info.reveal2 .wrap-alt-manual-address {display: block; } .desktop-site.shop .forms .spacer {float:left;width:20% !important;} .desktop-site.shop .forms .pnl-row.wrap-alt-find-address .spacer {float:left;width:20%;} .desktop-site.shop .forms .pnl-row.wrap-alt-find-address .wrap-select div {margin-bottom:10px;overflow:hidden;;} .shop .forms.add-delivery-info .wrap-find-address fieldset, .shop .forms.add-delivery-info .wrap-alt-find-address fieldset {width:50%;} .shop .forms .pnl-row.wrap-find-address select, .shop .forms .pnl-row.wrap-alt-find-address select { clear:none; width:100%; float:left; margin-bottom:10px; } .shop .forms .pnl-row.wrap-find-address select {margin:0;} .desktop-site.shop .forms .pnl-row.wrap-find-address .find-btn div, /*.desktop-site.shop .forms .pnl-row.wrap-alt-find-address .find-btn div {width:60%;}*/ .desktop-site.shop .forms .pnl-row.wrap-find-address .find-btn div a, .desktop-site.shop .forms .pnl-row.wrap-alt-find-address .find-btn div a { float:right; padding:0 10px; } /*** Delivery address ***/ /* margin-bottom:10px; margin-top:0; overflow:hidden; } 20161207 Main merge */ .desktop-site.shop .forms .donate-today h4 { margin-bottom:10px; margin-top:0; overflow:hidden; } .desktop-site.shop .forms .delivery-address label[for=sameAddress] { margin-bottom:10px; } .desktop-site.shop .forms .delivery-address label[for=clickAndCollectAddress] p {overflow:hidden;} .desktop-site.shop .forms .delivery-address label[for=clickAndCollectAddress] p span + span { /*create redundancy on sml-txt class for instances where the sml-txt class is omitted*/ font-size: 0.7rem; } .desktop-site.shop .forms .donate-today .action-button { width:20%; text-align:center; } .desktop-site.shop.donate-form .transparent-btn, .desktop-site.shop.donate-form #tax-yes { width:20%; text-align:center; } .desktop-site.shop .forms .delivery-address .action-button span i { font-size:10px; font-size: .7rem; padding-left: 10px; } .desktop-site.shop .forms .pnl-row div input[type=radio] { float:left; height:auto; width:auto; padding:0; margin-right:15px; margin-top:3px; border:none !important; } .desktop-site.shop .forms .delivery-address div > div label { cursor:pointer; } .desktop-site.shop .forms .delivery-address #post-code-add-address-error, .desktop-site.shop .forms .wrap-alt-find-address div > div label, .desktop-site.shop .forms .wrap-alt-manual-address div > div label {padding-left:0} .desktop-site.shop .forms .delivery-address .wrap-country-add-address {margin-top:20px;} /* Not sure why border is on this .shop .forms .last-line {border-top:1px solid #ccc;} */ /*.desktop-site.shop .forms .delivery-address .wrap-post-code-alt-address .action-button, .desktop-site.shop .forms .delivery-address .wrap-alt-find-address .action-button {background-color: #037a8d;}*/ /*XXXXXXXXXXXXXX shop login XXXXXXXXXXXXXXXXXXXXXX*/ .desktop-site.shop .forms.login .ui { float:left; width:100%; } .desktop-site.shop .forms.login .ui .registered-login, .desktop-site.shop .forms.login .ui .guest-login { float:left; width:50%; box-sizing: border-box; } /* .desktop-site.shop .forms.login .ui .guest-login h2 { margin:0; } */ .desktop-site.shop .forms.login .ui .inner .registered-login { border-right:1px solid #ccc; } .desktop-site.shop .forms.login .ui .inner .registered-login .wrap-email-input { padding-bottom:0; } .desktop-site.shop .forms.login .ui .inner .content { width:70%; margin:0 auto; } .desktop-site.shop .forms.login .ui .inner .content { width:65%; } .shop .forms.login .ui .inner .content .forgotton-pwd { float:right; line-height:normal; border-bottom:1px solid #ccc; } /*XXXXXXXXXXXXXX end shop login XXXXXXXXXXXXXXXXXXXXXX*/ .forms .threeCollFormElement {width: 100%; margin-bottom: 16px !important; background-color: #fff; } .forms .threeCollFormElement, .forms .threeCollFormElement li {float: left; clear: left; } .forms .threeCollFormElement li {width: 100%; display: inline-block; padding: 14px 10px 0px 10px !important; margin: 0; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .forms .threeCollFormElement li:first-child {border-top: 1px solid #e1e1e1; } .forms .threeCollFormElement span, .forms .threeCollFormElement label {display: inline-block; width: 33%; float: left; clear: right; padding: 0 10px !important; } .no-js .forms input[type=submit] {color: #000; background-color: #ccc; padding: 6px 16px; } .no-js .forms .delivery-address.donate-today .action-button, /* .js .forms .donateForm li > div, */ .js .forms .donateForm li div.other-amount-wrap, .js .forms #taxPopup {display: none; } .js .forms .number-error-msg.warn { border:1px solid #ff0105; padding:2px; margin:10px 0; } .js .forms .number-error-msg.warn p { font-size: 10px; color:#ff0105 ; } .no-js .forms .donate-today {background-color:#f1f1f1} #lightbox #taxPopup {/*min-width: 300px; */max-width: 550px; padding: 16px; } #lightbox #taxPopup label {background-color: #0d0d0d; color: #fff; font-weight: normal; padding: 4px; text-align: center; width: 100px; cursor: pointer; float: left; clear: right; margin-right: 16px; } #lightbox #taxPopup label + label {background-color: #ccc; color: #333; } .forms .donate-today { border: 1px solid #e1e1e1; border-top:0; margin: 0; } #lightbox #taxPopup a.transparent-btn { padding: 0 16px; padding: 0 1rem; } .forms .donateForm {border-top: 1px solid #e1e1e1; } .forms .donateForm > legend { padding-bottom: 8px; padding-bottom: 0.5rem; margin: -72px -16px 0 -16px; margin: -4.5rem -1rem 0 -1rem; } .forms .donate-today .wrap-radio-btns p:first-child {margin-top:0;} .forms .donateForm ul {margin: 16px 0 0 0; margin: 1rem 0 0 0; } .forms .donate-today .tax-payer {float: left; clear: left; width: 100%; border: none !important; margin-bottom: 32px !important; } .forms .donate-today li {border: none; background-color: transparent; padding: 4px 32px !important; } .forms .donate-today li label {width: auto; text-align: left; display: inline; } .forms .donate-today li label input {margin-right: 6px !important; } .forms .donate-today .pnl-row .action-button + span + .action-button {background-color: #ccc; color: #333 !important; margin-left: 16px; } .forms .donate-today .pnl-img img {height: 96px; width: 171px; float: left; clear: right; margin-right: 16px; margin-right: 1rem; } /*.forms .donateForm li > div.other-amount-wrap {width: 126px; height: 36px; position: absolute; }*/ .forms .donateForm li > div.other-amount-wrap {width: 126px; height: 36px;} .forms .donateForm li > div * {float: left; clear: right; } .forms .donateForm li > div label {position: relative; top: 6px; } .forms .donateForm li > div input {width: 42px; } .forms .donateForm li > div input + input, .forms .donateForm li > div label + input, .forms .donateForm li > div input + label {margin-left: 4px; } .forms .donateForm li > div:after {content: '.'; position: relative; left: -65px; top: 6px; width: 5px; } /*.forms .donate-today .error {border: 1px solid #ff0105; }*/ .forms input.error {border-color: #ff0105 !important; } .forms .thanks .tax-payer p {font-size: 16px; font-size: 1rem; margin-bottom: 1rem;} .forms .donate-today.thanks .tax-payer {padding: 0 !important; margin-bottom: 16px !important;} /*.forms .delivery-address .threeCollFormElement, */ .forms .donate-today.thanks .pnl-txt p {margin-top: 16px; margin-top: 1rem;} /* ======================================================= ICONS ======================================================= * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.2.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"} .fa-stack {position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x {position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x {line-height: inherit; } .fa-stack-2x {font-size: 2em; } .fa-inverse {color: #fff; } .fa-glass:before {content: "\f000"; } .fa-music:before {content: "\f001"; } button#bannerSearchBtn:before, .fa-search:before, .search input[type=submit]:before, #search-web-cat button[type=submit]:before, .search-section button[type=submit]:before {content: "\f002"; } .fa {display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-lg {font-size: 1.3em; line-height: 0.75em; vertical-align: -15%; } .fa-2x {font-size: 2em; } .fa-3x {font-size: 3em; } .fa-4x {font-size: 4em; } .fa-5x {font-size: 5em; } .fa-fw {width: 1.2em; text-align: center; } .fa-ul {padding-left: 0; margin-left: 2.14286em; list-style-type: none; } .fa-ul > li {position: relative; } .fa-li {position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; } .fa-li.fa-lg {left: -1.85714em; } .fa-border {padding: .2em .25em .15em; border-radius: .1em; } .pull-right {float: right; } .pull-left {float: left; } .fa.pull-left {margin-right: .3em; } .fa.pull-right {margin-left: .3em; } .fa-spin {-webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin {0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin {0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin {0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .picture-info .fa-camera:before, .audio-info .fa-volume-up:before, .video-info .fa-video-camera:before {position: absolute; top: 6px; left: 8px; } .picture-info .icon, .audio-info .icon, .video-info .icon {background-image: none !important; } .search-icon, .search-section input[type=submit] {background-position: -392px -56px; } /* MH Portals search fix*/ .portal-search .search-icon { background-image:none !important; } .icon {font-family: FontAwesome; padding-left: 32px; display: block; float: left; overflow: hidden; width: 0; display: inline-block; font-size: 1em; -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } .icon {height: 32px; } #img-viewer .img-viewer-arrows li a.icon:hover {height: 44px; }/* some bonkers styling going on here with mad borders on hovers? */ .icon-text {margin-left: 0.75rem; } .icon-after .icon-text {margin: 0 0.75rem 0 0; } .expand-button .icon {padding-left: 10px; } .icon-med, .icon-med:hover {border: 6px solid rgba(0, 0, 0, 0) !important; } .icon-lrg {border: 12px solid rgba(0, 0, 0, 0); } .audio-icon {background-position: -200px -56px; } .video-icon {background-position: -248px -56px; cursor: pointer; } .pnl-img .video-icon {bottom: 0; z-index: 10; } .arw-dwn {background-position: -8px -56px; } .arw-up {background-position: -56px -56px; } .print-icon {background-position: -344px -102px; } .arw-lft {background-position: -104px -56px; } .arw-rgt {background-position: -152px -56px; } .sml-lft {background-position: -632px -56px; } .pager .vlg-bg.sml-lft, .facet-list a.sml-lft {background-position: -632px -8px; } .sml-rgt {background-position: -680px -56px; } .accordian-block .acc-pnl-open .acc-pnl-title .sml-rgt {float: left; } .dl, a.action-button:hover .dl {background-position: -56px -152px; } .sml-dwn, .accordian-block .acc-pnl-open .acc-pnl-title .sml-rgt {background-position: -547px -56px; } .vlg-bg.sml-rgt, .facet-list a.sml-rgt, .vlg-bg.sml-rgt:hover, .facet-list a.sml-rgt:hover {background-position: -680px -8px; } .sml-up, /* related to tfs 10933: tfs .open .sml-dwn, */ .open .accordian-block .acc-pnl-open .acc-pnl-title .sml-rgt, .accordian-block .acc-pnl-open .acc-pnl-title .open .sml-rgt {background-position: -584px -56px; } .open .sml-dwn {background-position: -594px -56px;} .sml-cls {background-position: -8px -105px; } .list-icon {background-position: -344px -56px; } .vlg-bg.list-icon, .facet-list a.list-icon, .vlg-bg .list-icon, .facet-list a .list-icon {background-position: -344px -8px; } .grid-icon {background-position: -288px -56px; } .vlg-bg.grid-icon, .facet-list a.grid-icon, .vlg-bg .grid-icon, .facet-list a .grid-icon {background-position: -296px -8px; } .search-icon {background-position: 0 -750px; } .acc-pnl .sml-rgt {background-position: -695px -56px; } .zoom-in {background-position: -104px -152px; } .zoom-out {background-position: -152px -152px; } .transcript {background-position: -200px -152px; } .sml-cls-w {background-position: -8px -152px; } .full-screen-w {background-position: -248px -152px; } .full-screen-b {background-position: -248px -102px; } .thin-arw-dwn {background-position: -388px -94px; padding-left: 88px; height: 48px; } .thin-arw-up {background-position: -484px -94px; padding-left: 88px; height: 48px; } .olay-img {position: absolute; left: 0; /* top: 0; defaults to top, stops overriding other bottom declarations*/} .pnl-lnk:hover .olay-img {margin-top: 8px; margin-top: 0.5rem; } .book-tickets-button, .expand-button, .action-button, .btn-success, .text-link-with-icon, .transparent-btn, .owl-carousel .owl-nav div {-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; /*-webkit-text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); -moz-text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); */} .print-page, .accordian-wrap h3 {-webkit-text-shadow: none; -moz-text-shadow: none; text-shadow: none; } .transparent-btn, .expand-button, .action-button, .text-link-with-icon { 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; } .transparent-btn { padding:0 16px 0 0; padding:0 1rem 0 0; } /*extends action-button, classes on html elems 'action-button lg-btn'*/ .lg-btn { height: 50px; height: 3.125rem; border: none; line-height: 50px; line-height: 3.125rem;} .lg-btn .action-text { display: table; height:100%;} .lg-btn .icon { height: 50px; background-position: -200px -47px;} .lg-btn .txt { padding-left:16px; padding-left:1rem; margin:0; display: table-cell; vertical-align: middle; line-height: normal;} .lg-btn .txt span {display: block} .btn-overlay-container {position:relative;} .btn-overlay-container a {display:block;} .btn-overlay-container .btn-overlay { position:absolute; right:0; top:70%; } /* .pnl-img .underlay .btn-overlay { position:absolute; right:0; top:70%; } */ /* .lg-btn {height:50px;} .lg-btn .action-text, .lg-btn .icon {height: inherit;} .lg-btn .action-text {display: block;} .lg-btn .action-text .txt { display: block; padding:0; margin:0; line-height: normal; } */ /* .action-button.lg-btn span.icon {height:50px;} .action-button.lg-btn .action-text {float:left;} .action-button.lg-btn .action-text span.txt { line-height: normal; padding:0; margin:0; display: block } */ /*TODO: figure out if we need :not(.shelvesandspaces) */ body:not(.add-delivery):not(.shelvesandspaces) .action-button {padding: 0 2rem;} .shelvesandspaces nav .action-button {padding: 0 2rem;} .action-button + span {margin-left: 10px; } .rslt-list #eventsList .pnl-txt .action-button {clear: left; float: left; position: relative; left: 0; top: 6px; } .thmb-pnl-col .f-right .action-button {margin-right: 12px; } .action-button.med-txt {padding: 3px 22px; padding: 0.2rem 1.4rem; } .action-button .icon, .text-link-with-icon .icon {left: 0.3em; position: absolute; top: 0; } .action-button .icon-right, .text-link-with-icon .icon-right {left: auto; right: 0.3em; top: 0; } .icon + .action-text {display: block; margin-left: 24px; } /*the link btn that replaces secondary nav*/ .second-nav .icon + .action-text { padding:0 !important; margin:0 !important; } #img-viewer-nav .action-text {margin-left:0;} .left-panel-list .icon + .action-text {margin-right: 24px; } .icon-right + .action-text {margin-right: 32px; margin-left: 0; } .icon-sml + .text {line-height: 32px; margin-right: 16px; } .btm-rgt {position: absolute; bottom: 16px; right: 16px; } .top-rgt {position: absolute; top: 16px; right: 16px; } .btm-lft {position: absolute; bottom: 16px; left: 16px; } .btm-lft2 {position: absolute; bottom: 56px; left: 16px; } .top-lft {position: absolute; top: 16px; left: 16px; } .btm-lft-zero {position: absolute; bottom: 0; left: 0; } .top-rgt-neg {position: absolute; right: 16px; top: -24px; } .icon, .search-icon, .search-section input[type=submit], .facet-list .icon, .ui-datepicker .ui-icon, .main-home-pg .owl-carousel .owl-next:before, .main-home-pg .owl-carousel .owl-prev:before, .shop .owl-carousel .owl-next:before, .shop .owl-carousel .owl-prev:before, .save-our-sounds .owl-carousel .owl-next:before, .save-our-sounds .owl-carousel .owl-prev:before {background-image: url('../images/bl-web-sprite.png') !important; } #listingGo {background-image: none !important; z-index: 0; } .shop #listingGo {color:#004853} /*reverted 17/08/2016*/ /*#listingGo { background-color: #00788b; border-radius: 3px; }*/ a.jp-play, a.jp-pause, .jp-seek-bar, .jp-play-bar, a.jp-mute, a.jp-unmute, .jp-volume-bar, .jp-volume-bar-value {background-image: url('../images/audio-video-sprite.png'); } .media-player-image a.jp-play {background-image: url('../images/play-img-bg.png'); } .video-block .video-play .video-play-icon {background-image: url('../images/video-play.png'); background-repeat: no-repeat;} .component-block .block-expnd-area {background-image: url('../images/qv-arrow.png'); } .desktop-site .primary-nav-item {background-image: url('../images/mega-menu-dropdown-arrow.png'); } .lq, .rq, .w-bg .lq {background-image: url('../images/site-furniture-sprite.png'); } .ajaxCheck .availability {background-image: url('../images/ajax-loader.gif'); }/*ajax-loader-3.gif*/ .qv-open.qv-loading .pnl-expnd-area, .loading .loading-wheel, #img-viewer .img-viewer-main-img {background-image: url('../images/ajax-loader.gif'); } .carousel-slideshow {background: #000 url('../images/ajax-loader.gif') no-repeat center center; }/*this site build requires this selector to use css in this format */ .qv-open.qv-loading .pnl-expnd-area {background-position: center center; background-repeat: no-repeat; } /*#errors, #success {background-image: url('../img/cancel_48.png'); } /*.form-block #loading {background-image: url('../img/loading.gif'); }*/ /* variation for video icons in 1 column format */ .w2col-img-pnl .fa-video-camera, .w2col-img-pnl .fa-volume-up, .w2col-img-pnl .fa-camera { font-size:1.4em; } .w2col-img-pnl .icon { height: 40px; width:6px; } .w2col-img-pnl .pnl-media .time { line-height: 2.8em; } /** * 23/02/17: duplicating this from the feature-201701-fixes branch so that * I can fix the item viewer in the feature-201702-withhome-staging branch **/ .img-viewer-nav .action-button {padding: 0 2rem !important;} /* TFS 12885 */ .audio-icon-dark { background-position: -200px -8px; } /*XXXX Office icons*/ [class*=office-icon-] {display: table} [class*=office-icon-] span {display: table-cell;vertical-align: top} [class*=office-icon-]:after { content: ''; display: inline-block; width: 35px; height: 35px; background-repeat: no-repeat; background-position: 10px 0; padding-left:16px; } .office-icon-pdf:after {background-image: url(../images/icons/office-icons/icon-pdf.png);} .office-icon-excel:after {background-image: url(../images/icons/office-icons/icon-excel.png);} .office-icon-word:after {background-image: url(../images/icons/office-icons/icon-word.png);} /*.jade .voicesofscience .tags .tag, .jade .voicesofscience .tags .view-all-tag a:link, .jade .voicesofscience .tags .view-all-tag a:link:hover {color: #018074; } .jade .voicesofscience .tags a.tag:hover {background: #018074; background-color: #018074; }*/ /*.voicesofscience .tags .view-all-tag a:link:hover {background: #fff; background-color: #1E6EB8; }*/ .voicesofscience .tags .view-all-tag a:link:hover {background: #1e6eb8; background-color: #1e6eb8; text-decoration: none; } /* original */ .voicesofscience .tags .tag {display: inline-block; font-weight: normal; margin: 0 8px 8px 0; margin: 0 0.5rem 0.5rem 0; padding: 8px; padding: 0.5rem; } .voicesofscience .tags .tag:active {opacity: 0.8; } .voicesofscience .tags .view-all-tag a {border: medium none; display: block; font-weight: bold; } .voicesofscience .main-content-block-inner .tags {margin-left: 14px; } .voicesofscience .tags li {float: left; margin: 0; } .voicesofscience.homepage .searchbox-wrapper {float: right; } .voicesofscience .quote-block-wrapper p {max-width: 976px; } .voicesofscience .vlg-bg .pnl .pnl-lnk:hover, .voicesofscience .facet-list a .pnl .pnl-lnk:hover {background: #ccc; text-decoration: none; } .voicesofscience .pnl-row .pnl a.pnl-lnk {display: block; } .voicesofscience .pnl-row .pnl a.pnl-lnk:hover {display: block; margin: 0; padding: 0; }/* margin & padding: overrides panel-and-grid.css instruction*/ .voicesofscience .tags .tag {border: 1px solid #ccc; } .voicesofscience .olay-img {position: absolute; left: 0; top: 0; } .voicesofscience .tags a.tag:hover {background: none repeat scroll 0% 0% #1e6eb8; color: #fff; } .voicesofscience a.tab.active {background-color: #666; color: #fff !important; } /*.voicesofscience .pnl-row .pnl .pnl-title {padding: 0 0 0.5rem 0; }*/ .voicesofscience .pnl-row .pnl .pnl-title {padding: 0.5rem 0; } /* original */ .voicesofscience .action-button .icon/*, .text-link-with-icon .icon ???!!*/ {position: absolute; left: 1em; top: 0; } .voicesofscience a:hover.tab {border-bottom: none; } .voicesofscience .sml-img-pnl .pnl .pnl-inner.w-bg .pnl-txt {max-height: 96px; overflow: hidden; padding: 0 1rem; } /*FAQ css*/ .js .showHideBlocks > p:before { width: 40px; height: 40px; background: #333; line-height: 40px; font-size: 1.3em; color: #fff; } .js .showHideBlocks > p { line-height: 40px; background: white; color:#333; margin-bottom:0; display:block; overflow:hidden; /* clear:both; width:auto; */ } .js .showHideBlocks > p:before {border:none} .js .showHideBlocks > p:hover:before {background:#777} .js .showHideBlocks abbr {color: #333;} .js .showHideBlocks > div { background: #fff; padding:1rem; max-width: 960px} .js .showHideBlocks > div p:first-child { margin-top:0;} .js .js .showHideBlocks > p:before { width: 40px; height: 40px; background: #333; line-height: 40px; font-size: 1.3em; color: #fff; } .js .showHideBlocks > p:before { width: 40px; height: 40px; background: #333; line-height: 40px; font-size: 1.3em; color: #fff; border:none; } .js .showHideBlocks > p { line-height: 40px; background: white; color:#333; margin-bottom:0; } .showHideBlocks span { display: block; overflow: hidden; line-height: normal; padding-top:10px; padding-bottom: 10px; padding-right:10px; } /* IE 10+ only (reflects code in all_m.css in @media (max-width:500px)) */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .showHideBlocks > p span { display: block; line-height: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; } } /*XXXXXXXXXXX visit XXXXXXXXXXXXXXXXX*/ .top-page-visit.desktop-site ul.slides { min-height: 365px; } .top-page-visit.mobile-site ul.slides { min-height: 225px; } .top-page-visit .block-ancillary-text .grey { color: #868686; } .top-page-visit article { overflow: hidden; } .top-page-visit article .main-column:first-child { padding-top: 0; } .top-page-visit article .main-column:first-child .bio-slideshow { padding-left: 16px; padding-left: 1rem; } .top-page-visit article .main-column:first-child .bio-slideshow .image-carousel { padding: 0; margin: 0; } .top-page-visit article .main-column:first-child .bio-slideshow .image-carousel .carousel-slideshow { min-height: auto; } .top-page-visit article aside .links-block .pnl { padding: 0; } .top-page-visit article aside .links-block p { font-size: 14px; font-size: 0.875rem; } .top-page-visit article aside .links-block .pnl ul li:last-child { margin-bottom: 0; } .top-page-visit article aside .links-block .pnl ul li a { font-weight: bold; } .top-page-visit article aside .help-guides .pnl-inner { margin-bottom: 0; padding-bottom: 0; } .top-page-visit article aside .quick-chat { padding-left: 16px; padding-left: 1rem; } .top-page-visit article aside .quick-chat h2 { padding-bottom: 0; } .top-page-visit article aside .opening-hours { padding-left: 16px; padding-left: 1rem; margin-bottom: 16px; margin-bottom: 1rem; } .top-page-visit article aside .opening-hours h2 { padding-bottom: 16px; padding-bottom: 1rem; margin: 0; } .top-page-visit article aside .opening-hours ul { line-height: 21px; } .top-page-visit article aside .opening-hours ul li { margin: 0; } .top-page-visit article aside .see-also .pnl { margin-bottom: 0; padding-bottom: 0; } .top-page-visit article aside .see-also .pnl-inner { margin-bottom: 0; padding-bottom: 0; } .top-page-visit .main-content-wrapper *:not(.flex-prev):not(.flex-next) { box-sizing: border-box; } .top-page-visit .visitor-info .pnl-block .pnl-row .pnl h3.pnl-txt { padding: 20px 0px 20px 20px; padding: 1.25rem 0rem 1.25rem 1.25rem; } .top-page-visit .visitor-info .pnl-block .pnl-row .pnl h3.pnl-txt span { font-size: inherit; } .top-page-visit .visitor-info .pnl-block .pnl-row .pnl h3.pnl-txt:before, .top-page-visit .visitor-info .pnl-block .pnl-row .pnl h3.pnl-txt span.mobile { background-image: url(../images/bl-web-sprite.png); background-repeat: no-repeat; width: 50px; height: 50px; } .top-page-visit .visitor-info .pnl-block .pnl-row .pnl h3.pnl-txt:before { content: ""; float: left; position: relative; top: -10px; } .top-page-visit .visitor-info .pnl-block .pnl-row .pnl h3.pnl-txt a.pnl-title { font-size: 24px; font-size: 1.5rem; height: 50px; line-height: 50px; } .top-page-visit .visitor-info .pnl-block .pnl-row .pnl h3.pnl-txt a.pnl-title:hover { border: none; } .top-page-visit .visitor-info .pnl-block .pnl-row .pnl h3.pnl-txt span.mobile { display: block; float: right; margin-right: 20px; margin-right: 1.25rem; margin-top: 5px; margin-top: 0.3125rem; } .top-page-visit .visitor-info .pnl-block .pnl-row .pnl.address h3.pnl-txt:before { background-position: -387px -144px; } .top-page-visit .visitor-info .pnl-block .pnl-row .pnl.hours h3.pnl-txt:before { background-position: -438px -141px; } .top-page-visit .visitor-info .pnl-block .pnl-row .pnl.pnl-info h3.pnl-txt.open span.mobile { background-position: -504px -99px; } .top-page-visit .visitor-info .pnl-block .pnl-row .pnl.pnl-info span.mobile { background-position: -406px -99px; } .top-page-visit .visitor-info .pnl-block .pnl-row .pnl div.pnl-txt { padding: 0px 20px 0px 20px; padding: 0rem 1.25rem 0rem 1.25rem; } .top-page-visit .visitor-info .pnl-block .pnl-row .pnl div.pnl-txt div.pnl-inner { border-top: 1px solid #ccc; padding-top: 16px; padding-top: 1rem; } .top-page-visit .visitor-info ul li { color: #444; padding: 0; margin: 0; font-size: 16px; font-size: 1rem; font-weight: normal; } .top-page-visit .visitor-info ul.get-here-links { margin-top: 20px; margin-top: 1.25rem; } .top-page-visit .visitor-info ul.get-here-links li { line-height: 34px; } .top-page-visit .visitor-info ul.get-here li { line-height: 28px; } .top-page-visit .visitor-info ul.opening-times li { line-height: 34px; } .top-page-visit .visitor-info ul.opening-times li:first-child { font-weight: bold; } .top-page-visit .visitor-info .address h3.pnl-title:before { background-position: -387px -144px; } .top-page-visit .visitor-info .hours h3.pnl-title:before { background-position: -434px -141px; } .top-page-visit .visitor-info .hours .opening-times .pointer:after { content: "*"; color: #cc0000; display: inline-block; margin-left: 10px; margin-left: 0.625rem; font-size: 16px; font-size: 1rem; font-weight: normal; } .top-page-visit .visitor-info .hours .full-opening-times { margin-top: 20px; margin-top: 1.25rem; } .top-page-visit .visitor-info .hours .full-opening-times li { line-height: 34px; } .top-page-visit .visitor-info .hours .full-opening-times li.pointer { font-size: 12px; font-size: 0.75rem; line-height: normal; } .top-page-visit .visitor-info .hours .full-opening-times li.pointer:before { content: "*"; color: #cc0000; display: inline-block; margin-right: 10px; margin-right: 0.625rem; font-size: 16px; font-size: 1rem; font-weight: normal; position: relative; top: 4px; } .top-page-visit .things-to-do .pnl-txt h3.pnl-title { font-size: 20px; font-size: 1.25rem; } .top-page-visit .things-to-do .pnl-txt p { font-size: inherit; } .top-page-visit .things-to-do ul.book-tickets li { display: inline-block; color: #333333; } .top-page-visit .things-to-do ul.book-tickets li:first-child { margin-right: 16px; margin-right: 1rem; } .top-page-visit .things-to-do ul.event-dates p.free { background-color: #000; color: #ffee00 !important; display: inline-block; margin: 0px 10px 6px 0px; margin: 0rem 0.625rem 0.375rem 0rem; text-transform: uppercase; font-weight: normal; letter-spacing: 1px; padding: 2px 4px 2px 4px; padding: 0.125rem 0.25rem 0.125rem 0.25rem; font-size: 10px; font-size: 0.625rem; float: left; } .top-page-visit .visit-opening-times.main-content-block h3, .top-page-visit .visit-opening-times.main-content-block h2 { color: #000; } .top-page-visit .visit-opening-times.main-content-block h1.page-title { padding-left: 0; } .top-page-visit .visit-opening-times.main-content-block h3.pnl-title { min-height: 70px; } .top-page-visit .visit-opening-times.main-content-block .text-block.admission h3 { color: #990000; } .top-page-visit .visit-opening-times.main-content-block .text-block dl span { display: block; } .top-page-visit .visit-opening-times.main-content-block .text-block dl p { line-height: normal; } .top-page-visit .visit-opening-times.main-content-block .text-block dl dt { width: 55%; } .top-page-visit .visit-opening-times.main-content-block .text-block dl dd { width: 45%; } .top-page-visit .visit-opening-times.main-content-block.page-sub-header .text-block { padding-left: 16px; padding-left: 1rem; } .top-page-visit .visit-opening-times.main-content-block .seasonal dl { line-height: 30px; padding-bottom: 32px; padding-bottom: 2rem; } .top-page-visit .main-content-block.research-help .pnl-block-padding { margin-top: 0; } .top-page-visit .main-content-block.research-help .pnl-block-padding .pnl { padding-bottom: 0; padding-left: 0; } .top-page-visit .visit-reading-room-listing article .pnl-title { color: #000; } .top-page-visit .visit-reading-room-listing article .reading-room-listing { margin-top: 0; overflow: hidden; padding-bottom: 0; } .top-page-visit .visit-reading-room-listing article .reading-room-listing .lrg-img-pnl { padding-bottom: 0; } .top-page-visit .visit-reading-room-listing article .reading-room-listing .lrg-img-pnl .pnl { width: 296px; } .top-page-visit .visit-reading-room-listing article .reading-room-listing .lrg-img-pnl .pnl .pnl-inner { overflow: hidden; } .top-page-visit .visit-reading-room-listing article .reading-room-listing .lrg-img-pnl .pnl .pnl-inner a .pnl-img { float: left; width: 30%; } .top-page-visit .visit-reading-room-listing article .reading-room-listing .lrg-img-pnl .pnl .pnl-inner a .pnl-txt { overflow: hidden; padding-top: 0; } .top-page-visit .visit-reading-room-listing article .listing-help-guides p[class='bold'], .top-page-visit .visit-reading-room-listing article .listing-help-guides p[class='bold'] + p { /*btm of page*/ padding: 0; margin: 0; } /*XXXXXXXXXXX catalogues XXXXXXXXXXXXXXXXX*/ .top-page-catalogues-collections { /* .highlight-bg { */ /* } */ } .top-page-catalogues-collections .sml-img-pnl .action-button { margin-left: 0; } .top-page-catalogues-collections .sml-img-pnl .pnl { margin-right: 0; } .top-page-catalogues-collections aside .links-block { color: #000; } .top-page-catalogues-collections aside .links-block.see-also .block-title { margin: 0.9em 0; padding: 0; color: #000; } .top-page-catalogues-collections aside .links-block.see-also .pnl-txt { padding-top: 0; } .top-page-catalogues-collections aside .links-block.see-also .pnl-txt ul li a { font-weight: bold; } .top-page-catalogues-collections aside .links-block.quick-chat { color: #000; } .top-page-catalogues-collections aside .links-block.quick-chat h2 { color: inherit; } .top-page-catalogues-collections aside .links-block.quick-chat p { color: inherit; } .top-page-catalogues-collections aside .links-block.quick-chat p strong { color: inherit; } /*XXXXXXXXXXXXXXXX Discover and learn XXXXXXXXXXXXXXXXXXXXXXXX*/ .top-page-discover-learn .pnl-block { overflow: hidden; } /*XXXXXXXXXXXXXXXX Save our sounds XXXXXXXXXXXXXXXXXXXXXXXX*/ .top-page-save-our-sounds article { overflow: hidden; } .top-page-save-our-sounds article .main-column:first-child { padding-top: 0; } .top-page-save-our-sounds article aside .links-block .pnl { padding: 0; } .top-page-save-our-sounds article aside .links-block p { font-size: 14px; font-size: 0.875rem; } .top-page-save-our-sounds article aside .links-block .pnl ul li:last-child { margin-bottom: 0; } .top-page-save-our-sounds article aside .links-block .pnl ul li a { font-weight: bold; } .top-page-save-our-sounds article aside .help-guides .pnl-inner { margin-bottom: 0; padding-bottom: 0; } .top-page-save-our-sounds article aside .see-also .pnl { margin-bottom: 0; padding-bottom: 0; } .top-page-save-our-sounds article aside .see-also .pnl-inner { margin-bottom: 0; padding-bottom: 0; } .top-page-save-our-sounds.mobile-site article aside .links-block { padding-left: 0; } @charset "utf-8"; /* @import url('resets.css'); @import url('typography-lists-and-inline.css?v=1'); @import url('panel-and-grid.css?v=1'); @import url('header-and-footer.css?v=1'); @import url('block-elements.css?v=1'); @import url('colours-global.css?v=1'); @import url('colours.css?v=1'); @import url('components.css?v=1'); @import url('forms.css?v=1'); @import url('icons.css?v=1'); @import url('voicesofscience.css?v=1'); */ hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; padding: 0; margin-bottom: 16px; margin-bottom: 1rem; margin-top: 16px; margin-top: 1rem; } .show {display: block; } .hide {display: none; } .invisible {visibility: hidden; } .hidden {display: none !important; visibility: hidden; }/* good luck working out this logic? DH. */ .remove {position: absolute; left: -3000px; top: -3000px; } .visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .clearfix, .mobile-site #main a, .component-block .block-expnd-area .block-expnd-area-inner, aside.rh-column div, .txt-block, .pnl-row, .alternate-main-bg .pnl-inner {clear: both; } .clearfix:before, .mobile-site #main a:before, .component-block .block-expnd-area .block-expnd-area-inner:before, .clearfix:after, .mobile-site #main a:after, .component-block .block-expnd-area .block-expnd-area-inner:after, aside.rh-column div:after, aside.rh-column div:before, .txt-block:after, .txt-block:before, .pnl-row:after, .pnl-row:before, .alternate-main-bg .pnl-inner:after, .alternate-main-bg .pnl-inner:before {content: " "; display: table; } .clearfix:after, .mobile-site #main a:after, .component-block .block-expnd-area .block-expnd-area-inner:after, aside.rh-column div:after, .txt-block:after, .pnl-row:after, .alternate-main-bg .pnl-inner:after {clear: both; } div.loading-icon { position: fixed; top: 0; left: 0; z-index: 5000; width: 100%; height:100%; text-align: center; background: #eee; opacity:0.4 } /* Ability to add bold/italic added to some otherwise simple text elements (titles, short descriptions, etc) however a lot of these are already BOLD, so tags need to be boldER in these. */ .page-title strong, .pnl-title strong { font-weight: bolder; } /* reset the height (minimum) for some divs so that bands dissapear if they don't have any content. */ div.empty-remove{ height: 0px; } div.twitControl:empty{ display: none; } /* usage terms with p tags have margin top set to 10px */ .UsageTerms p{margin-top: 0px;}