/* 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;} */ /**/