/* ---------------------------------------------------------------------------------------------------------------- reset ------------------------------------------------------------------------------------------------------------------- */ html, body { font-size: 100%;margin: 0px;padding: 0px;border: 0px;}body { font: 1em/1.25 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;}h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal;font-family: 'Roboto', sans-serif;}p, li, dd, dt, ul, ol,blockquote, q, acronym, abbr, a, input, select, textarea, button { margin: 0; padding: 0;font: normal normal normal 1em/1.25 'Roboto', sans-serif;font-family: 'Roboto', sans-serif;}a,a:link,a:active { cursor: pointer;font-weight: bold;text-decoration: underline; font-family: 'Roboto', sans-serif; outline: none;}a:hover { text-decoration: underline;} img { border:none;}form { margin: 0;padding: 0; display: inline;}.clear { clear: both; font-size: 0; } /* FEB2022: this allows new ".circle" class to use absolute position within form */ form { position: relative; display: block; /* APRIL2022 added - fixes close button CSS issue */ } /* ---------------------------------------------------------------------------------------------------------------- desktop only ------------------------------------------------------------------------------------------------------------------- */ .br-desktop-only { display: block; } @media screen and (max-width:950px) { .br-desktop-only { display: none; } /* FEB2024 moved this from old-slides CSS file */ } a#menu-toggle-small-screens { display: none; } #mobile-indicator { display: none; } /* FEB2024 added for new window form: */ .more-margin-desktop-only { margin-bottom: 60px !important; } @media screen and (max-width:1010px) { .more-margin-desktop-only { margin-bottom: 14px !important; } } /* ---------------------------------------------------------------------------------------------------------------- links ------------------------------------------------------------------------------------------------------------------- */ a:link { color: #ec008c; font-weight: normal; } a:visited { color: #ec008c; font-weight: normal; } a:hover { color: #666; } /* ---------------------------------------------------------------------------------------------------------------- link page theme colours ------------------------------------------------------------------------------------------------------------------- */ body.pink a:link, body.pink a:visited { color: #ec008c; } body.sky-blue a:link, body.sky-blue a:visited { color: #de5b27; } body.medium-blue a:link, body.medium-blue a:visited { color: #462a91; } body.navy-blue a:link, body.navy-blue a:visited { color: #1393d1; } body.lime-green a:link, body.lime-green a:visited { color: #a3b037; } body.purple a:link, body.purple a:visited { color: #631d74; } body.dark-purple a:link, body.dark-purple a:visited { color: #2e0c37; } body.gold a:link, body.gold a:visited { color: #8f4815; } body.grey a:link, body.grey a:visited { color: #8c8c8c; } body.light-purple a:link, body.light-purple a:visited { color: #a52ba5; } body.dark-green a:link, body.dark-green a:visited { color: #4ba046; } body.dark-blue a:link, body.dark-blue a:visited { color: #8d7e57; } /* ---------------------------------------------------------------------------------------------------------------- THEME colours REFERENCE: ------------------------------------------------------------------------------------------------------------------- */ /* pink AND DEFAULT ec008c sky-blue de5b27 medium-blue 462a91 navy-blue 1393d1 lime-green a3b037 purple 631d74 dark-purple 2e0c37 gold 8f4815 grey 8c8c8c light-purple a52ba5 dark-green 4ba046 dark-blue 8d7e57 */ /* ---------------------------------------------------------------------------------------------------------------- headings ------------------------------------------------------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6, #mainWrapper p.featured-paragraph { color: #ec008c; margin: 0 0 12px 0; font-weight: bold; } h1 { margin: 0 0 0.67em 0; /* FONTY bottom margin was 15px */ font-size: 49px; /* FONTY2025 was 44px */ color: #222; font-weight: 300; /* FONTY was 700 */ line-height: 1.41; /* FONTY2025 added this to match Franchise */ } #is-shop2025 h1 { font-size: 44px; /* FONTY2025 added */ } /* START MARCH2025 HUGE CENTRAL HEADLINE ===================================== */ h1.huge-central-headline { font-size: 90px; text-align: center; line-height: 0.9; } @media screen and (max-width:750px) { h1.huge-central-headline { font-size: 70px; } } @media screen and (max-width:500px) { h1.huge-central-headline { font-size: 55px; } } @media screen and (max-width:400px) { h1.huge-central-headline { font-size: 45px; } } /* EMD MARCH2025 HUGE CENTRAL HEADLINE ===================================== */ @media screen and (max-width:770px) /* FONTY2025: 1010px but changed to 770px to match Franchise */ { h1 { margin: 0.45em 0 15px 0; /* MAY2022 added top margin to increase space, especially needed on non-slide pages */ line-height: 1.1; /* FONTY2025 was 44px */ } } h2, #mainWrapper p.featured-paragraph, h3 /* ANNA added */ { font-weight: 300 !important; /* FONTY was 400 */ font-size: 31px; /* FONTY2025 was 26px */ line-height: 1.5; /* FONTY2025 was normal */ margin: 0 0 1.1em 0; /* FONTY added this rule */ } /* DEC2024 added: */ .sidebarA h3, h3.quick-links { margin-bottom: 0.5em; } /* FONTY2025 added: */ #is-rc2025 .sidebarA h3, #is-rc2025 h3.quick-links, #is-shop2025 .sidebarA h3, #is-shop2025 h3.quick-links { font-size: 26px; } h2 a:link, h2 a:visited, h3 a:link, h3 a:visited /* ANNA added */ { color: #ec008c; } h2 a:hover, h3 a:hover /* ANNA added */ { color: #ec008c; } h2 strong, h3 strong /* ANNA added */ { font-weight: 300 !important; /* FONTY was 400 (this should always match non bold style - is used to fix WP editor issues) */ } /*h3 { font-size: 1.19em; } ANNA removed and made consistent with h2 */ h4 { font-size: 1.02em; } h5 { font-size: 0.85em; } h6 { font-size: 0.7225em; } /* ANNA removed h3 from here: */ h4, h5, h6 { margin: 0 0 5px 0; } /* MAY2023 LAURA */ .blockheading { background: #e5e5e5; color: #000; padding: 18px 28px 35px 28px; margin-bottom: 20px; } body#is-local-page .columnA .blockheading h3 { margin: 0 !important; } .blockheading img.alignleft { margin-top: 33px !important; } /* FONTY2025 added: */ @media screen and (max-width:770px) /* FONTY2025 was 1010px but changed to 770px to match Franchise site */ { h2, #mainWrapper p.featured-paragraph, h3 { line-height: 1.1; font-size: 31px; margin-bottom: 15px; } } /* ---------------------------------------------------------------------------------------------------------------- heading alt colours ------------------------------------------------------------------------------------------------------------------- */ body.pink h2, body.pink h3, body.pink h4, body.pink h5, body.pink h6, body.pink #mainWrapper p.featured-paragraph { color: #ec008c; } body.sky-blue h2, body.sky-blue h3, body.sky-blue h4, body.sky-blue h5, body.sky-blue h6, body.sky-blue #mainWrapper p.featured-paragraph { color: #de5b27; } body.medium-blue h2, body.medium-blue h3, body.medium-blue h4, body.medium-blue h5, body.medium-blue h6, body.medium-blue #mainWrapper p.featured-paragraph { color: #462a91; } body.navy-blue h2, body.navy-blue h3, body.navy-blue h4, body.navy-blue h5, body.navy-blue h6, body.navy-blue #mainWrapper p.featured-paragraph { color: #1393d1; } body.lime-green h2, body.lime-green h3, body.lime-green h4, body.lime-green h5, body.lime-green h6, body.lime-green #mainWrapper p.featured-paragraph { color: #a3b037; } body.purple h2, body.purple h3, body.purple h4, body.purple h5, body.purple h6, body.purple #mainWrapper p.featured-paragraph { color: #631d74; } body.dark-purple h2, body.dark-purple h3, body.dark-purple h4, body.dark-purple h5, body.dark-purple h6, body.dark-purple #mainWrapper p.featured-paragraph { color: #2e0c37; } body.gold h2, body.gold h3, body.gold h4, body.gold h5, body.gold h6, body.gold #mainWrapper p.featured-paragraph { color: #8f4815; } body.grey h2, body.grey h3, body.grey h4, body.grey h5, body.grey h6, body.grey #mainWrapper p.featured-paragraph { color: #8c8c8c; } body.dark-green h2, body.dark-green h3, body.dark-green h4, body.dark-green h5, body.dark-green h6, body.dark-green #mainWrapper p.featured-paragraph { color: #4ba046; } body.dark-blue h2, body.dark-blue h3, body.dark-blue h4, body.dark-blue h5, body.dark-blue h6, body.dark-blue #mainWrapper p.featured-paragraph { color: #8d7e57; } body.light-purple h1, body.light-purple h2, body.light-purple h3, body.light-purple h4, body.light-purple h5, body.light-purple h6, body.light-purple #mainWrapper p.featured-paragraph { color: #932693; } /* FEB2020 added light-purple above (for new "media downloads" section) */ /* MAY2020: fix for special template h1 - force it to ignore above color rule */ body.page-template-resource-centre-home-page.light-purple h1 { color: #222; } .wp-image-5491 { max-width: 500px !important; } /* ---------------------------------------------------------------------------------------------------------------- containers ------------------------------------------------------------------------------------------------------------------- */ body { background: #fff; color: #000; width: 100%; text-align: center; } #mainWrapper { width: 100%; /* FONTY was 94% */ margin: 0 auto; padding-bottom: 0; text-align: left; } #innerWrapper { max-width: 1250px; /* FONTY was 1600px */ min-width: 960px; margin: 0 auto; padding: 0 15px; /* FONTY was padding: 0 0 0 0; */ } #contentWrapper { width: 100%; } #header { width: 100%; } #header-inner { max-width: 1250px; /* FONTY was 1600px */ min-width: 960px; margin: 0 auto; } /* ---------------------------------------------------------------------------------------------------------------- logo ------------------------------------------------------------------------------------------------------------------- */ #header a#logo { float: left; display: block; margin: 15px 0 0 14px; width: 268px; } body#is-rc2025 #header a#logo, body#is-shop2025 #header a#logo { margin-left: 0; width: 220px; } /* JUNE2025 MH SIGH! */ body.page-template-my-account-page #header a#logo { margin-top: 33px; margin-left: 15px; } /* RC2025 SIGH! */ @media screen and (max-width:1263px) { body#is-rc2025 #header a#logo, body#is-shop2025 #header a#logo { margin-left: 14px; } } #header a#logo img { width: 100%; height: auto; image-rendering: -webkit-optimize-contrast; } /* MAY2022: the above image-rendering rule fixes blurry logo in IE and Chrome etc. (was already fine in FF). MORE INFO ON ABOVE PROBLEM HERE: https://stackoverflow.com/questions/9945363/image-scaling-causes-poor-quality-in-firefox-internet-explorer-but-not-chrome */ /* ---------------------------------------------------------------------------------------------------------------- paragraphs and lists ------------------------------------------------------------------------------------------------------------------- */ #mainWrapper p, #mainWrapper ul li, #mainWrapper ol li { font-size: 20px; /* FONTY2025 was 16px */ line-height: 1.7; /* FONTY2025 was 26px */ /* font-weight: 300; ANNA REQUESTS - added this rule */ } #mainWrapper p { margin-bottom: 20px; /* FONTY2025 NO CHANGE! ALREADY MATCHES FRANCHISE. */ } #mainWrapper p:last-child { margin-bottom: 0; } /* FONTY2025 added: */ #is-rc2025 #mainWrapper p, #is-rc2025 #mainWrapper ul li, #is-rc2025 #mainWrapper ol li, #is-shop2025 #mainWrapper p, #is-shop2025 #mainWrapper ul li, #is-shop2025 #mainWrapper ol li { font-size: 16px !important; line-height: normal !important; } /* FONTY2025 added: */ #is-shop2025 #mainWrapper p.price { font-size: 24px !important; } #mainWrapper ul li, #mainWrapper ol li { margin-bottom: 15px; } /* ANNA REQUESTS - added the following to retain bolded text */ #mainWrapper p strong, #mainWrapper p b, #mainWrapper ul li strong, #mainWrapper ul li b, #mainWrapper ol li strong, #mainWrapper ol li b { font-weight: 500; /* or 700*/ } /* FONTY2025 added: */ @media screen and (max-width:1010px) { #mainWrapper p, #mainWrapper ul li, #mainWrapper ol li { font-size: 21px !important; line-height: 1.4 !important; /* ADDING THIS CAUSES ISSUES! margin-bottom: 20px !important; */ } } /* ---------------------------------------------------------------------------------------------------------------- lists ------------------------------------------------------------------------------------------------------------------- */ #mainWrapper ul, #mainWrapper ol { margin: 0 0 30px 1.5em; } /* JULY2019 home only link bullet colour: */ body.home #mainWrapper ul, body.home #mainWrapper ol { color: #462a91; } #mainWrapper ul li ul li, #mainWrapper ol li ol li { font-size: 0.935em; list-style: disc; } body.home #mainWrapper ul li, body.home #mainWrapper ol li, body.home #mainWrapper ul li ul li, body.home #mainWrapper ol li ol li { color: #000; } .phone_txt { color: #337ab7; } /* ---------------------------------------------------------------------------------------------------------------- columns ------------------------------------------------------------------------------------------------------------------- */ .columnA /* wide column for 2 column layout */ { width: 100%; /* JAN2022 was 53% MARKER_page_column_width_changed */ float: left; padding: 0 0 20px 0 !important; /* FEB2022 was bottom 15px and NOT set to "!important" */ min-height: 200px; /* FEB2022 added for 404 and other short pages */ margin: 40px 0 0 0; } body.home .columnA { /*margin-left: 0; FONTY REMOVED THIS - NO LONGER SEEMS NEEDED */ width: 100%; /* JAN2022 was 73% MARKER_page_column_width_changed */ } /* ---------------------------------------------------------------------------------------------------------------- local pages column ------------------------------------------------------------------------------------------------------------------- */ body#is-local-page .columnA { width: 100%; margin-left: 0; margin-right: 0; } /* ---------------------------------------------------------------------------------------------------------------- embedded youtube videos ------------------------------------------------------------------------------------------------------------------- */ /* APRIL2020 podium bubble clickthrough glitch (added .content here) */ /* JULY2025 Stripe payment fixes using not() for modern browsers only (fallback further down): */ .content iframe:not(:is(#payment iframe)), .columnA iframe:not(:is(#payment iframe)) { width: 100% !important; height: 100% !important; min-height: 450px !important; max-width: 798px; margin: 0 auto 25px auto; display: block; } /* OCT2025TODO: these two rules cause problems for Vimeo on smaller screens only - need to cancel out: */ .content .vimeo-wrap iframe:not(:is(#payment iframe)), .columnA .vimeo-wrap iframe:not(:is(#payment iframe)) { min-height: auto !important; max-width: none !important; } /* JUNE2025 VIMEOFIX: height changed to 100% - was 98% */ /* ANNA UPDATES LAST TWO LINES ABOVE - added these two rules to force centred Youtube embeds: */ body.home .content iframe { min-height: 660px !important; } /* FEB2025 FORCE full width video in these special columns only: */ .columnA .one-custom-column-full-width iframe { height: 100% !important; max-width: none; } /* APRIL2023 fixes after Youtube embedded videos replaced with Vimeo: */ @media screen and (max-width:798px) { /* APRIL2020 podium bubble clickthrough glitch (added .content here) */ .content iframe { max-width: 1010px !important; } .columnA .one-custom-column-full-width iframe { max-width: none !important; } } /* OCT2025 NOW ABLE TO REMOVE THIS MESS! */ /* APRIL2023 fixes after Youtube embedded videos replaced with Vimeo: */ /* @media screen and (max-width:798px) { .content iframe, .columnA iframe { min-height: 340px !important; } } @media screen and (max-width:640px) { .content iframe, .columnA iframe { min-height: 250px !important; } } @media screen and (max-width:480px) { .content iframe, .columnA iframe { min-height: 180px !important; } } @media screen and (max-width:320px) { .content iframe, .columnA iframe { min-height: 150px !important; } } */ /* OCT2025 VIMEO FIXES ============================================================= */ /* container fills the available width; adjust ratio as needed */ .vimeo-wrap, .content .vimeo-wrap, .columnA .vimeo-wrap { width: 100% !important; max-width: 100% !important; position: relative !important; overflow: hidden !important; background: black !important; /* hides tiny rendering gaps */ padding-bottom: 56.25% !important; height: 0 !important; /* STEVE ADDED OCT2025 */ margin-bottom: 25px; } /* make the iframe fully cover the container */ .vimeo-wrap iframe, .content .vimeo-wrap iframe, .columnA .vimeo-wrap iframe { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; border: 0 !important; margin: 0 !important; } /* OCT2025 VIMEO FIXES ============================================================= */ /* ---------------------------------------------------------------------------------------------------------------- wide column for blog ------------------------------------------------------------------------------------------------------------------- */ body.blog .columnA, body.single .columnA, body.archive .columnA { width: 73%; float: left; margin: 0 0 0 0; padding: 40px 0 15px 0; } .columnFull { width: 100%; margin: 0; float: left; clear: both; padding-top: 0; } /* COLUMNS2024 ======================================================== */ .one-custom-column-full-width, .two-custom-columns-split-5050 { margin-bottom: 20px; } .one-custom-column-full-width { width: 100%; clear: both; } .two-custom-columns-split-5050 { width: 48.5%; /* MARCH2024 was 49.5% but tweaked as per LAURA comments 1cm */ } .left-custom-column { float: left; } .right-custom-column { float: right; } @media screen and (max-width:1010px) { /* MARCH2024 fix non-100% image width issues for small sreens: */ .left-custom-column, .right-custom-column { float: none; } } /* RRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR */ /* Hide elements by default */ .show-on-mobile, .show-on-tablet, .show-on-desktop { display: none; } /* Show on mobile was 767px */ @media (max-width: 639px) { .show-on-mobile { display: block; } } /* Show on tablet was 768px and 1023px */ @media (min-width: 640px) and (max-width: 1009px) { .show-on-tablet { display: block; } } /* Show on desktop was 1024px */ @media (min-width: 1010px) { .show-on-desktop { display: block; } } /* RRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR */ /* ---------------------------------------------------------------------------------------------------------------- image alignment (these classes get auto added by wordpress editor) ------------------------------------------------------------------------------------------------------------------- */ .alignleft { display: inline; float: left; margin: 7px 40px 10px 0; } /* COLUMNS2024 */ .columnA .two-custom-columns-split-5050 .alignleft { margin-right: 0 !important; } .alignright { display: inline; float: right; margin: 7px 0 10px 40px; } /* COLUMNS2024 */ .columnA .two-custom-columns-split-5050 .alignright { margin-left: 0 !important; } .aligncenter { clear: both; display: block; margin: 7px auto 25px auto; } .columnA img { border: none; max-width: 47.1%; /* MARCH2024 LAURA UPDATES - was 49.5% but have tweaked to help be closer match to new split custom columns. ANNA UPDATES - IMGY was 100%, then 48% */ width: auto; /* IMGY added this */ height: auto; } /* FEB2024 - override for above (LAURA spotted issue) */ .columnA img.fullwidth, .columnA .two-custom-columns-split-5050 img /* COLUMNS2024 */ { max-width: 100% !important; width: 100% !important; } /* IMGY added this: */ .columnA img.blog-featured-image { max-width: 95%; } .wp-image-5497 { display: block; max-width: 600px !important; margin: 0 auto !important; } /* override */ .columnA img.banner-preview { border: none; } /* ---------------------------------------------------------------------------------------------------------------- widgets ------------------------------------------------------------------------------------------------------------------- */ #mainWrapper .widget { margin: 0 0 0 0; padding: 0 0 0 0; clear: both; } /* ---------------------------------------------------------------------------------------------------------------- footer ------------------------------------------------------------------------------------------------------------------- */ #footer { background: #666; margin: 0 auto !important; text-align: left; padding: 30px 0 40px 0 !important; width: 100% !important; } #footer-inner { max-width: 1280px; /* FONTY was 1600px */ /*min-width: 960px;*/ margin: 0 auto !important; width: 100% !important; /* FONTY was 94% */ box-sizing: border-box; /* FONTY added this */ padding: 0 15px; /* FONTY added this */ } #footer-main { min-height: 180px; /* allow space for floating elements */ width: 100% !important; } #footer ul { display: block; float: left; list-style: none; width: auto; margin: 0; padding: 0; } #footer ul li { float: left; clear: both; margin: 0; padding: 0; } #footer ul li a { display: block; margin: 0; padding: 4px 45px; text-decoration: none; font-size: 15px; /* FONTY was 16px */ font-weight: normal; color: #fff; text-transform: capitalize; width: 100%; } #footer ul#menu-footer-nav-1 li a { padding-left: 0; } #footer ul li:last-child a { padding-bottom: 0; } /* FEB2023 added to support 4th nav menu: */ @media screen and (max-width:1215px) { #footer ul li a { padding-right: 25px; } } @media screen and (max-width:1070px) { #footer ul li a { padding-right: 19px; } } #footer ul li a:hover { text-decoration: underline; color: #fff; } #footer-extra { float: right; margin: 0; width: auto; } #footer-extra p { color: #fff; font-size: 13px; margin: 0 0 8px 0; padding: 0; display: block; text-align: right; } #footer-extra p a { color: #fff; text-decoration: none; } #footer-extra p a:hover { color: #fff; text-decoration: underline; } @media screen and (max-width:1030px) { #footer ul { clear: both; float: left; margin: 0; padding: 0; } #footer ul li a { padding: 10px 0 10px 0 !important; } #footer-extra { width: 100% !important; float: left; clear: both; margin: 30px 0 70px 0; padding-top: 40px; border-top: #fff solid 1px; } #footer-extra p { text-align: left; font-size: 14px; } } /* ---------------------------------------------------------------------------------------------------------------- blog meta box ------------------------------------------------------------------------------------------------------------------- */ .postMetaBox { background: #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 20px 0 20px 0; padding: 15px 2.5%; width: 95% !important; float: left; clear: both; } #mainWrapper .postMetaBox p { margin: 0 0 0.2em 0; padding: 0; } #mainWrapper p.postedDate { font-weight: bold; font-size: 0.8em; color: #555555; } #mainWrapper p a.readMoreLink { display: block; clear: both; margin: 0.5em 0 0 0; width: 12em; } /* ---------------------------------------------------------------------------------------------------------------- breadcrumbs ------------------------------------------------------------------------------------------------------------------- */ #mainWrapper h5.breadcrumb { margin: 10px 0 10px 0; padding: 0 0 11px 0; } .postContainer { border-top: #BBBBBB solid 1px; margin: 0 0 0 0; padding: 25px 0 25px 0; clear: both; } body.single .postContainer { padding: 20px 0 20px 0; } .postContainer h1 a, .postContainer h1 a:link, .postContainer h1 a:visited { color: #462a91; font-weight: inherit; text-decoration: none !important; } .postContainer h1 a:hover { text-decoration: underline; } hr { background-color: #aaa; border-width: 0; color: #aaa; height: 1px; line-height: 0; margin: -0.5em 0 1.8571em 0; page-break-after: always; text-align: center; width: 100%; } /* ---------------------------------------------------------------------------------------------------------------- .paginationContainer ------------------------------------------------------------------------------------------------------------------- */ #mainWrapper .paginationContainer { margin: 20px 0 0 0; padding: 15px 0 15px 0; border-top: #CCCCCC solid 1px; } #mainWrapper .paginationContainer a { font-weight: normal; } #mainWrapper .paginationContainer span.current { color: #E2006B; font-weight: bold; } /* don't show widget headings on desktop version of site (they are a bit redundant) */ #mainWrapper h3.widget-title { display: none; } /* ---------------------------------------------------------------------------------------------------------------- blog sidebar widgets (categories and archives) ------------------------------------------------------------------------------------------------------------------- */ #mainWrapper .sidebarA .blog-quick-links h3.widget-title { margin-bottom: 0 0 10px 0; display: block; font-size: 1.3em; padding: 0 0 6px 0; border-bottom: #462a91 solid 3px; color: #462a91; } #mainWrapper .sidebarA .blog-quick-links .widget { margin: 0 0 0 0; padding: 20px 0 10px 0; } #mainWrapper .sidebarA .blog-quick-links .widget ul { padding: 0; margin: 0; list-style: none; } #mainWrapper .sidebarA .blog-quick-links .widget ul li { padding: 0; margin: 0; color: #ec008c; display: block; width: 100%; padding: 2px 0 2px 0; } #mainWrapper .sidebarA .blog-quick-links .widget ul li a { display: block; padding: 2px 5px 0 0; float: left; clear: both; width: auto; font-weight: normal; text-decoration: none; font-size: 1em; } #mainWrapper .sidebarA .blog-quick-links .widget ul li a:hover { text-decoration: underline; } /* ---------------------------------------------------------------------------------------------------------------- blog comments ------------------------------------------------------------------------------------------------------------------- */ .comment-body { margin: 0 0 10px 0; background: #EFEFEF; padding: 10px; } #mainWrapper ol.commentlist { margin: 0; padding: 0 0 5px 3px; } #mainWrapper ol.commentlist p { font-size: 13px; padding: 5px 0 10px 0; margin: 0 0 10px 0; } #mainWrapper .comment-author, #mainWrapper .comment-meta { font-size: 13px; } #mainWrapper .comment-author a { font-weight: bold; } #mainWrapper ol.commentlist li { padding: 0; font-size: 1em; } #mainWrapper ol.commentlist li ul li { list-style: none; } #mainWrapper ol.commentlist ul { list-style: none; } h3#comments { margin-bottom: 1.1em; } a.comment-reply-link { padding: 4px 12px 4px 12px; background: #4B3194; color: #FFFFFF; font-size: 13px; text-decoration: none; } a.comment-reply-link:hover { background: #E74098; } /* ---------------------------------------------------------------------------------------------------------------- #searchform ------------------------------------------------------------------------------------------------------------------- */ form#searchform { display: block; float: left; margin: 15px 0 0 0; padding: 0 0 0 0; } form#searchform input.field, form.wpcf7-form input.wpcf7-text, textarea.wpcf7-textarea, select, textarea#comment, .passwordProtectForm form label input, input#author, input#email, input#url { /* -webkit-appearance: none; */ width: 370px; border: #999999 solid 1px; background: #FFFFFF; color: #444444; padding: 3px; margin: -3px 0 0 0; } .passwordProtectForm form label input { -webkit-appearance: none; width: 170px; } select { width: 378px; } /* RC2025 */ /* select#category-jump { width: 100% !important; padding: 7px; } */ select#category-jump, select#category-jump option { appearance: auto !important; /* -webkit-appearance: none !important; */ display: block !important; width: 100% !important; box-sizing: border-box !important; padding: 7px !important; line-height: normal !important; } textarea.wpcf7-textarea { height: 120px; } input#author, input#email, input#url { width: 260px; } form#searchform input.field { padding: 6px 0 6px 6px; margin: 0; width: 70%; float: left; font-size: 0.85em; height: 20px; } form#searchform input.field:focus, form.wpcf7-form input.wpcf7-text:focus, textarea.wpcf7-textarea:focus, textarea#comment:focus, .passwordProtectForm form label input:focus, input#author:focus, input#email:focus, input#url:focus { color: #000000; border-color: #4B3194; } form#searchform input.submit, input.wpcf7-submit, input#submit { -webkit-appearance: none; padding: 6px 15px 6px 15px; margin: 0; display: block; float: left; background: #4B3194; border: none; color: #FFFFFF; } .passwordProtectForm form input { -webkit-appearance: none; padding: 4px 10px 4px 10px; background: #4B3194; border: none; color: #FFFFFF; line-height: normal; } form#searchform input.submit { font-weight: 400 !important; /* DEC2024 was bold */ margin: 0 0 0 0; font-size: 0.9em; padding: 5px 2.5%; width: 25%; height: 34px; float: right; /* text-transform: uppercase; DEC2024 removed */ } form#searchform input.submit:hover, input.wpcf7-submit:hover, input#submit:hover, .passwordProtectForm form input:hover { background: #353535; color: #f849be; cursor: pointer; } .passwordProtectForm form label input:hover { background: #fff; cursor: text; } span.search-term { color: #555555; font-weight: normal; } #mainWrapper form.wpcf7-form p { clear: both; } .wpcf7-response-output { font-size: 0.8em; } form.wpcf7-form span.wpcf7-checkbox { margin-left: 0; } form.wpcf7-form span.wpcf7-checkbox label { padding: 0 12px 0 0; } form.wpcf7-form label span.wpcf7-form-control-wrap { float: right; width: 390px; margin: 0 0 10px 0; clear: both; } #mainWrapper form.wpcf7-form p.type_of_query_title { margin-bottom: 2px; width: 100px; clear: none; float: left; } #mainWrapper form.wpcf7-form .type_of_query_para { clear: none; float: right; width: 390px; } #mainWrapper form.wpcf7-form .type_of_query span.wpcf7-list-item, #mainWrapper form.wpcf7-form .type_of_cleaning span.wpcf7-list-item { margin-left: 0; } #mainWrapper form.wpcf7-form .type_of_query .wpcf7-list-item-label, #mainWrapper form.wpcf7-form .type_of_cleaning .wpcf7-list-item-label { margin-left: -2px; } /* wordpress comment form overrides */ #mainWrapper form#commentform p { font-size: 0.8em; } #respond p { font-size: 1em; } #respond h3 { clear: both; } #respond small { font-size: 1em; } textarea#comment, input#author, input#email, input#url { font-size: 1em; color: #444; } textarea#comment { width: 510px; } #mainWrapper em.comment-awaiting-moderation { font-size: 0.9em; color: #F30; } /* only show the banner image on desktop version */ #mainWrapper p.info-banner-p { display: none; } #searchsubmit, .woocommerce-product-search input[type="submit"] { background: #222; color: #fff; font-size: 0.8em; padding: 4px; border: none; float: left; width: 57px; height: 25px; line-height: normal; } #searchsubmit:hover, .woocommerce-product-search input[type="submit"]:hover { background: #777; cursor: pointer; } #searchform, .woocommerce-product-search { width: 100%; } /* ---------------------------------------------------------------------------------------------------------------- google conversion frame fix ------------------------------------------------------------------------------------------------------------------- */ iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; } /* ---------------------------------------------------------------------------------------------------------------- #contact-bar ------------------------------------------------------------------------------------------------------------------- */ #contact-bar { display: none; /* JAN2022 */ background: #fff; /* JAN2022 was #666 */ width: 100%; position: relative; } #call-us-box-helper { display: block; /* marker_WHAT_THE_HECK_WHY_WAS_THIS_NONE JAN2022 MOBILE_NAV_BREAKPOINT */ position: relative; width: 100%; } #contact-bar-inner { width: 94%; max-width: 1600px; min-width: 960px; margin: 0 auto; position: relative; } #call-us-box-helper-inner { width: 100%; /* FONTY was 94% */ max-width: 1250px; /* FONTY was 1600px */ min-width: 960px; margin: 0 auto; position: relative; } #contact-bar p { font-size: 0.8925em; font-weight: bold; padding: 8px 0 8px 0; margin: 0; color: #fff; text-align: left; display: block; float: left; } /* JAN2022 MOBILE_NAV_BREAKPOINT original was 1 0 3 0px */ @media screen and (max-width:1010px) { #contact-bar, #call-us-box-helper { display: block; /* JAN2022 MOBILE_NAV_BREAKPOINT */ width: 100%; max-width: 100%; margin: 0 auto; padding: 0; /* GREY_BAR_REMOVED_2022 - was 5px 0 5px 0 */ clear: both; z-index: 9998; position: fixed; top: 0; left: 0; right: 0; padding-bottom: 0; box-shadow: rgba(0, 0, 0, 0.3) 0 2px 5px; /* GREY_BAR_REMOVED_2022 - added this */ height: 44px; /* GREY_BAR_REMOVED_2022 - added this */ } #call-us-box-helper { display: none; /* GREY_BAR_REMOVED_2022 - delete some of this eventually */ background: #e2e2e2; /* JAN2022 was #888 - ensures no bg shows through on mobile */ padding-top: 40px; box-shadow: rgba(0, 0, 0, 0.3) 0 2px 5px; } /* RC2025: */ body#is-rc2025 #contact-bar, body#is-rc2025 #call-us-box-helper, body#is-shop2025 #contact-bar, body#is-shop2025 #call-us-box-helper { box-shadow: none; } #contact-bar-inner, #call-us-box-helper-inner { width: auto; margin: 0; min-width: 0; padding: 0; } #contact-bar p { display: none; } } /* ---------------------------------------------------------------------------------------------------------------- #logo-mobile ------------------------------------------------------------------------------------------------------------------- */ #logo-mobile { display: block; width: 120px; position: absolute; top: 10px; left: 15px; } #logo-mobile img { display: block; width: 100%; height: auto; padding: 0 !important; } /* ---------------------------------------------------------------------------------------------------------------- #popdown ------------------------------------------------------------------------------------------------------------------- */ #popdown { display: none; /* FEB2022 change back to none*/ text-align: left; padding: 0 0 0 0; /* JAN2022 18px 0 0 0 */ background: #e5e5e5; /*height: 380px; MARCH2022 - it seems safe to remove this now, to allow dynamic height */ } #popdown-inner { max-width: 1250px; /* FONTY was 1600px */ min-width: 960px; margin: 0 auto; width: 94%; padding-top: 0; /* was 25px and before that 18px - FEB2022 iOS top scroll fix */ padding-bottom: 10px; } .popdown-box { width: 27%; /* JAN2022 was 33% */ float: left; padding: 0 0 0 0; /* JAN2022 was left 17% */ } .wider-box { width: 70%; /* JAN2022 was 48% */ margin: 0; float: right; padding: 0; } #popdown ul { color: #000; margin: 0; } #popdown ul li { margin: 0; padding: 0 0 9px 18px; list-style: none; background: transparent url(images/bullet.gif) no-repeat 0 6px; } /* ---------------------------------------------------------------------------------------------------------------- .popdown-close-button ------------------------------------------------------------------------------------------------------------------- */ .popdown-close-button { padding: 7px 0 0 0; line-height: normal; float: right; font-size: 0.9em !important; /* FONTY2025 was 0.8em */ margin: 0 !important; } .popdown-close-button a { color: #000 !important; text-decoration: none; display: block; min-height: 20px; width: 55px; background: transparent url(images/close-button-2022.gif) no-repeat 100% 1px; background-size: 16px 16px; } .popdown-close-button a:hover { opacity: 0.75; } .close-button-desktop-only { display: block; } .close-button-mobile-only { display: none; } /* ---------------------------------------------------------------------------------------------------------------- p#call-us-box ------------------------------------------------------------------------------------------------------------------- */ p#call-us-box { font-weight: bold; font-weight: 700; font-size: 27px; padding: 38px 0 0 0; /* LOGLOL was padding: 43px 0 0 0 */ margin: 0; color: #383838; text-align: right; line-height: normal; position: absolute; top: 0; right: 14px; /* NAVVY was 0 */ } /* RC2025 */ body#is-rc2025 p#call-us-box, body#is-rc2025 .phone-number-in-mobile-bar, body#is-shop2025 p#call-us-box, body#is-shop2025 .phone-number-in-mobile-bar { visibility: hidden; } /* JUNE2019: this is set by JS, and only happens when mobile menu is shown (creates a fake black border)*/ p#call-us-box.mobile-menu-is-visible { /* JAN2022 TODO ISSUE 235dh51a - not sure why this was needed, but it messes up new design: background: #540d60 */ } p#call-us-box span.helper { display: block; clear: both; } p#call-us-box span.helper em { font-style: inherit; } /* ---------------------------------------------------------------------------------------------------------------- #nav-main ------------------------------------------------------------------------------------------------------------------- */ #nav-main { float: right; margin: 87px 14px 0 0; /* LOGLOL was margin: 92px 14px 0 0 */ /* NAVVY ABOVE - was right 0, original was right 3% */ } #nav-main h3 { display: none; } #nav-main ul { float: left; margin: 0; padding: 0; } #nav-main ul li { list-style: none !important; float: left; line-height: normal; padding: 0; margin: 0; } #nav-main ul li a { font-size: 16px; font-weight: normal; font-weight: 500; /* FONTY was 400 */ color: #000; text-decoration: none; padding: 2px 12px 2px 12px; margin: 0; display: block; } /* NOV2024 DROPDOWNS only: */ #nav-main ul li ul li a { padding: 5px 15px !important; font-weight: 400; white-space: nowrap; } /* MEGA2025 non-heading links only: */ #nav-main ul li ul li ul li a { padding-left: 0 !important; padding-right: 0 !important; } #nav-main ul li a:hover { text-decoration: none; /* FONTY was underline */ color: #ec008c; /* FONTY added this rule */ } /* NOV2024 - added > descendent selectors here to prevent drop downs inheriting this: */ #nav-main ul > li.current_page_item > a { color: #ec008c; /* JAN2022navactive was #888 */ } #nav-main ul li:last-child a { padding-right: 0; } /* ------------------------------------------------------------------------------------------------------ DROPDOWNS nav-main JAN2022 --------------------------------------------------------------------------------------------------------- */ /* NOV2024 - have enabled this again (a bit further down)! JAN2022 TODO: ENABLE DROP DOWNS HERE IF NEEDED */ /* NOV2024 NB: we are actually using absolution positioning based on header - it works fine as no height changes occur on smaller desktop layouts in header. */ #nav-main ul ul { display: none; /* default for all potential drop downs */ background: #fff; position: absolute; z-index: 9999; box-shadow: rgba(0,0,0,0.3) 0px 7px 18px; width: auto; padding: 5px 0 5px 0; margin-left: 10px; /* NOV2024 this fails on logged in vs logged out due to admin bar height - top: 142px */ } /* MEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA */ /* added for FULLWIDTHMEGAMENU */ #menu-top-nav-bar { position: relative; } @media screen and (max-width:1010px) { #menu-top-nav-bar { position: static; } } /* added for FULLWIDTHMEGAMENU */ #nav-main ul li.mega-menu { position: static; align-items: stretch; /* MEGAALIGN */ } @media screen and (max-width:1010px) { #nav-main ul li.mega-menu { position: relative; } } #nav-main ul li.mega-menu ul { display: none; /* MEGA2025 - use grid for testing, else set back to none */ grid-template-columns: 2fr 1.3fr; /* was 2fr 1fr - State 1 spans two columns, States 2 & 3 share one */ gap: 2px 70px; /* was 2px 13px */ max-width: max-content; /* min-content */ margin: auto; left: 13px; } #nav-main ul li.mega-menu > ul { padding: 12px; } /* MEGHA2025 cancel above on mobile: */ @media screen and (max-width:1010px) { #nav-main ul li.mega-menu ul { display: block; max-width: none; } } /* DROP DOWN OPEN: "> >" is (or was) CRUCIAL */ #nav-main ul > li:hover > ul, #nav-main ul li.mega-menu:hover ul { display: grid; } #nav-main ul li.mega-menu ul ul { /* display: block !important; MEGA2025 this was causing problems for new CSS grid layout */ margin-left: 0 !important; box-shadow: none; position: relative !important; } /* BLANK LINK MEGA MENU TITLES: */ #nav-main ul li.mega-menu ul li.menu-item-has-children > a { font-weight: 700; cursor: default; pointer-events: none; padding-bottom: 0 !important; /*grid-column: span 2; Stretches Victoria title across both columns */ } #nav-main ul li.mega-menu ul li.menu-item-has-children > a span { display: block; border-bottom: 2px solid #ec008c; padding-bottom: 10px; } /* CANCEL SOME OF ABOVE ON MOBILE: */ @media screen and (max-width:1010px) { #nav-main ul ul { margin-left: 0 !important; box-shadow: none; } /* BLANK LINK MEGA MENU TITLES: */ #nav-main ul li.mega-menu ul li.menu-item-has-children > a { pointer-events: all; } } #nav-main ul ul li a { padding: 0; } /* STATES: */ .state-1 ul { display: grid; grid-template-columns: 1fr 1fr; /* Splitting State 1 cities evenly */ grid-column: span 2; /* Ensures it spans across both columns */ padding: 0; } .custom-mega-wrapper /* was .state-2-3 */ { display: flex; flex-direction: column; /* Stacks State 2 & State 3 inside one column */ width: 100%; height: 100%; /* MEGAALIGN */ /* gap: 15px; */ } #nav-main ul li.mega-menu ul .state-2 ul, #nav-main ul li.mega-menu ul .state-3 ul { display: flex; flex-direction: column; } .state-3 { margin-top: 12px; margin-top: auto !important; /* MEGAALIGN */ } /* MEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA */ /* JAN2022 deleted panel from here */ /* ---------------------------------------------------------------------------------------------------------------- double bold problem fix (when applied to a heading) ------------------------------------------------------------------------------------------------------------------- */ h3 strong, h4 strong, h5 strong, h6 strong { font-weight: bold; } /* ---------------------------------------------------------------------------------------------------------------- popdown form ------------------------------------------------------------------------------------------------------------------- */ .columnA form.infusion-form { background: #e5e5e5 !important; display: block !important; padding: 35px 18px 20px 18px; margin: 20px 0 20px 0; clear: both; } form.infusion-form #infusion_form-column-1 { float: left; width: 48.5%; } form.infusion-form input.infusion_text-field, form.infusion-form input.infusion-field-input, form.infusion-form textarea { -webkit-appearance: none; font-size: 20px; /* FONTY2025 was 16px */ margin: 0 0 12px 0; background: #fff; border: none; color: #383838; width: 98%; padding: 12px 0 12px 2%; /* 0 0 0 2% */ line-height: normal; /*height: 31px;*/ } form.infusion-form textarea { height: 91px; padding: 9px 0 0 7px; } form.infusion-form .infusion_form-name-container, .columnA form.infusion-form .infusion_form-two-up { width: 100%; } .columnA form.infusion-form .infusion_form-two-up { clear: both; float: left; } /* franchise form */ .columnA form.infusion-form input.first-input-item, .columnA form.infusion-form input.second-input-item { -webkit-appearance: none; width: 47% !important; } .columnA form.infusion-form input.second-input-item { float: right; } .columnA form.infusion-form input.franchise-address-input { -webkit-appearance: none; width: 98%; } /* ---------------------------------------------------------------------------------------------------------------- checkboxes ------------------------------------------------------------------------------------------------------------------- */form.infusion-form #infusion_form-column-2 { float: right; width: 48.5%; } .columnA form.infusion-form #infusion_form-column-2 { float: left; margin: 0 0 0 2%; } form.infusion-form #infusion_form-checkbox-container { padding: 0; /* 10px 2.5% 0 2.5% */ } .columnA form.infusion-form #infusion_form-checkbox-container { width: 95%; } form.infusion-form #infusion_form-column-2 label { clear: both; float: left; color: #000; font-size: 16px; /* JAN2022 0.85em */ display: block; padding: 0 0 10px 0; /*height: 35px;*/ } form.infusion-form #infusion_form-column-2 p { font-size: 18px; /* JAN2022 0.85em */ font-weight: bold; margin: 0 0 10px 0; padding: 0; line-height: normal; color: #000; } form.infusion-form #infusion_form-checkbox-container input { float: left; display: block; margin: 6px 10px 0 0; /* FONTY2025 was top of 3px */ } /* ---------------------------------------------------------------------------------------------------------------- submit-button ------------------------------------------------------------------------------------------------------------------- */ form.infusion-form #infusion_submit-button, form.infusion-form .infusion-submit button { -webkit-appearance: none; background: #ec008c; border: none; color: #fff; font-size: 20px; /* FONTY2025 was 16px */ font-weight: 400; margin: 11px 0 0 0; width: 100%; padding: 10px 6px 10px 6px; margin-bottom: 12px; } .columnA form.infusion-form #infusion_submit-button, .columnA form.infusion-form .infusion-submit button { -webkit-appearance: none; width: 100%; } .columnA form.infusion-form #infusion_submit-button.franchise-submit-button { -webkit-appearance: none; float: right !important; margin: 0 !important; } form.infusion-form #infusion_submit-button:hover, form.infusion-form .infusion-submit button:hover { cursor: pointer; background: #fd119d; color: #fff; } /* MAY2022 added for ORANGE_FORM: */ .orangeform form.infusion-form #infusion_submit-button:hover, .orangeform form.infusion-form .infusion-submit button:hover { background: #ff7d49; } .screen-reader-error { /*background: #df2020;*/ color: red !important; display: block; font-size: 20px; /* FONTY2025 was 17px */ float: right; clear: both; margin: -10px 0 0 0; font-weight: 500; width: 94%; padding: 0; text-align: right; } /* APRIL2022 added this fix */ body.page-template-sidebar-form form.infusion-form .screen-reader-error { margin: 15px 0 0 0; } #popdown .screen-reader-error { margin-bottom: 12px; } .cc-infusionsoft-form .screen-reader-error { margin: 20px 0 0 0; padding: 0; } /* ---------------------------------------------------------------------------------------------------------------- placeholder text ------------------------------------------------------------------------------------------------------------------- */ :placeholder-shown { color: #383838 !important; } :-moz-placeholder, ::-moz-placeholder { color: #383838 !important; opacity: 1; } :-ms-input-placeholder { color: #383838 !important; opacity: 1; } ::-webkit-input-placeholder { color: #383838 !important; } /* APRIL2022 */ #custom_suburb_input:placeholder-shown { color: #ec008c !important; } #custom_suburb_input:-moz-placeholder, #custom_suburb_input::-moz-placeholder { color: #ec008c !important; opacity: 1; } #custom_suburb_input:-ms-input-placeholder { color: #ec008c !important; opacity: 1; } #custom_suburb_input::-webkit-input-placeholder { color: #ec008c !important; } /* MAY2022 added for ORANGE_FORM */ .orangeform #custom_suburb_input:placeholder-shown { color: #de5b27 !important; } .orangeform #custom_suburb_input:-moz-placeholder, .orangeform #custom_suburb_input::-moz-placeholder { color: #de5b27 !important; } .orangeform #custom_suburb_input:-ms-input-placeholder { color: #de5b27 !important; } .orangeform #custom_suburb_input::-webkit-input-placeholder { color: #de5b27 !important; } /* ---------------------------------------------------------------------------------------------------------------- hide placeholder text on focus ------------------------------------------------------------------------------------------------------------------- */input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { opacity: 0.35 !important; } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { opacity: 0.35 !important; } /* FF 4-18 */ input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { opacity: 0.35 !important; } /* FF 19+ */ input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { opacity: 0.35 !important; } /* IE 10+ */ #popdown-mobile-button-holder { display: none !important; } /* ---------------------------------------------------------------------------------------------------------------- click to call ------------------------------------------------------------------------------------------------------------------- */ .desktop-version-phone-number { display: inline !important; } .mobile-version-phone-number { display: none !important; } /* ---------------------------------------------------------------------------------------------------------------- blog ------------------------------------------------------------------------------------------------------------------- */ body.single img.blog-featured-image { margin: 0 15px 5px 0; float: left; } a.blog-featured-image-in-listings { float: left; width: 150px; margin: 0 0 0 0; display: block; } a.blog-featured-image-in-listings:hover { opacity: 0.9; } .post-listing-container { float: left; width: 100%; } body.blog .hasFeaturedImage .post-listing-container { float: right; width: 83% !important; } /* NB: Changed instances of ".hasFeaturedImage .post-listing-container" to "body.blog .hasFeaturedImage .post-listing-container" to override WP inline added CSS (unsure why it was added) */ @media screen and (max-width:1440px) { body.blog .hasFeaturedImage .post-listing-container { width: 80% !important; /* 82% */ } } @media screen and (max-width:1250px) { body.blog .hasFeaturedImage .post-listing-container { width: 75% !important; /* 82% */ } } @media screen and (max-width:1080px) { body.blog .hasFeaturedImage .post-listing-container { width: 100% !important; /* 76% */ } } .post-listing-container h3 { font-size: 1.105em; } .post-listing-container h3 a:link, .post-listing-container h3 a:visited { color: #462a91; text-decoration: none; } .post-listing-container h3 a:hover { text-decoration: underline; } p.custom-excerpt { margin-bottom: 0 !important; } body.blog h1, body.archive h1, body.single h1, body.blog h1 a, body.archive h1 a, body.single h1 a { font-weight: bold !important; color: #462a91; margin-bottom: 15px; } body.single h1 { margin-bottom: 10px; } p.postDate { color: #701280; } body.single p.postDate { margin: 0 0 10px 0 !important; } a.telephone-number-on-mobile { text-decoration: none; /*color: #337ab7; APRIL2022 removed*/ font-weight: 700; /* added for ANNA UPDATES */ } .bannerform h2 { font-size: 22px !important; margin-bottom: 10px !important; } /* ---- carpet-cleaning-quote ----- */ .page-id-2833 .vce-row-container > .vce-row { width: 100% !important; padding: 0 !important; margin: 0 auto !important; position: relative; left: 0 !important; } /*JULY 2019 TODO: find out which page this affects as may cause problems:*/ .page-id-2833 p#call-us-box { top:45px; } .page-id-2833 #innerWrapper{ max-width: 100%; } .page-id-2833 .container { width: 100%; margin: 0 auto !important; max-width: 1200px; } .page-id-2833 form.infusion-form #infusion_form-column-1{ width: 89% !important; } .carpet-text img{ float:left; margin-right:15px; } .carpet-text strong{ display:block; } .carpet-text p{ margin-bottom:35px !important; } .vce-text-block-wrapper h1{padding:0 15px;} .vce-text-block-wrapper img{margin-top:5px;} @media (min-width: 991px) and (max-width: 1199px) { .col-lg-7.carpet-text{ width: 55%; float: left; } .col-lg-4.pull-right{width:35%;} } @media all and (max-width: 1010px){ .page-id-2833 form.infusion-form #infusion_form-column-1 { width: 100% !important; } .col-lg-4.pull-right{float:none !important;} } /* ---------------------------------------------------------------------------------------------------------------- typeahead ------------------------------------------------------------------------------------------------------------------- */ span.twitter-typeahead { width: 100%; } .tt-query { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .tt-hint { color: #999; } /* DEC2025 added: */ .mini-form .tt-hint { box-sizing: border-box !important; width: 100% !important; } div.tt-menu { box-sizing: border-box; width: 100%; margin-top: -15px; padding: 4px 0; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; box-shadow: 0 5px 10px rgba(0,0,0,.2); font-size: 19px; /* FONTY2025 was 15px then NOV2025 was 20px */ } /* NOV2025: */ .mini-form div.tt-menu { margin-top: -1px; padding: 2px 0; } .tt-suggestion { padding: 2px 9px; /* NOV2025 was 3px 20px */ text-transform: capitalize; } .tt-suggestion.tt-cursor, .tt-suggestion:hover { color: #fff; background-color: #ec008c; cursor: pointer; } /* MAY2022 added for ORANGE_FORM */ .orangeform .tt-suggestion.tt-cursor, .orangeform .tt-suggestion:hover { background-color: #de5b27; } .tt-suggestion p { margin: 0; } #custom_suburb_input { background: #fff url(images/search-icon.png) no-repeat center right; } @media screen and (max-width:1010px) { /* APRIL2022 removed: div.tt-menu { font-size: 0.75em; } */ .tt-suggestion { padding: 9px 20px; } } /* ---------------------------------------------------------------------------------------------------------------- MARCH 2019: trying to make old CSS work for new infusion form code: ------------------------------------------------------------------------------------------------------------------- */ form.infusion-form label { display: none; } form.infusion-form .infusion-option label { display: inherit; } /* ---------------------------------------------------------------------------------------------------------------- sidebar form overrides ------------------------------------------------------------------------------------------------------------------- */body.page-template-sidebar-form .columnA { float: left; /* MAY2022 removed this for FLOATED_FORM: width: 55%; margin-right: 0; margin-left: 0; */ } body.page-template-sidebar-form .columnA.special-sidebar { float: right; width: 40%; } @media screen and (max-width:1010px) { body.page-template-sidebar-form .columnA.special-sidebar { width: 100% !important; float: left !important; clear: both !important; } } body.page-template-sidebar-form .sidebarA, body.page-template-sidebar-form .sidebarB { display: none !important; } body.page-template-sidebar-form h3.special-sidebar-form-title { color: #000; } body.page-template-sidebar-form .columnA form.infusion-form { margin-top: 0; /* MAY2022 added for FLOATED_FORM: */ float: right; width: 50%; margin-left: 50px; box-sizing: border-box; } /* MAY2022 added for FLOATED_FORM: */ @media screen and (max-width:1010px) { body.page-template-sidebar-form .columnA form.infusion-form { width: 100%; float: left; clear: both; margin-left: 0; } } body.page-template-sidebar-form form.infusion-form .infusion-submit button { width: 100% !important; margin: 0 !important; } /* ---------------------------------------------------------------------------------------------------------------- areas covered columns: ------------------------------------------------------------------------------------------------------------------- */ .top-border-cropper { overflow: hidden; /* this covers up the top borders of columns that start on a new row (to match PSD design) */ width: 100% !important; clear: both !important; } .areas-container { column-count: 5; column-width: auto; column-gap: 55px; clear: both !important; float: left !important; width: 100% !important; margin-top: -2px; padding-bottom: 25px; margin-bottom: 50px; border-bottom: #ccc solid 2px; } @media screen and (max-width:1200px) { .areas-container { column-count: 4; } } @media screen and (max-width:800px) { .areas-container { column-count: 3; } } @media screen and (max-width:700px) { .areas-container { column-count: 2; } } @media screen and (max-width:480px) { .areas-container { column-count: inherit; } } .areas-column { padding: 25px 0 0 0; border-top: #ccc solid 2px; -webkit-column-break-inside: avoid-column; page-break-inside: avoid-column; break-inside: avoid-column; /*margin-bottom: 25px;*/ } /* This replaces the margin-bottom to fix iOS Safari column spacing bug */ .ios-column-fixer { height: 25px !important; width: 100% !important; } #mainWrapper .areas-column h3 { font-size: 19px; font-weight: 500; margin-bottom: 12px; } #mainWrapper .areas-column p { margin: 0; padding: 0; line-height: normal; } #mainWrapper .areas-column p.area-with-no-link { padding: 7px 0; } #mainWrapper .areas-column p a { display: inline-block; padding: 7px 0; color: #000; text-decoration: none; } #mainWrapper .areas-column p a:hover { color: #ec008c; } #mainWrapper .areas-column p a span { border-bottom: #999 2px dotted; } #mainWrapper .areas-column p a:hover span { border-bottom: #ec008c 2px dotted; } /* ---------------------------------------------------------------------------------------------------------------- areas covered link hover colours: ------------------------------------------------------------------------------------------------------------------- */ body.pink #mainWrapper .areas-column p a:hover { color: #ec008c; } body.pink #mainWrapper .areas-column p a:hover span { border-color: #ec008c; } body.sky-blue #mainWrapper .areas-column p a:hover { color: #de5b27; } body.sky-blue #mainWrapper .areas-column p a:hover span { border-color: #de5b27; } body.medium-blue #mainWrapper .areas-column p a:hover { color: #462a91; } body.medium-blue #mainWrapper .areas-column p a:hover span { border-color: #462a91; } body.navy-blue #mainWrapper .areas-column p a:hover { color: #1393d1; } body.navy-blue #mainWrapper .areas-column p a:hover span { border-color: #1393d1; } body.lime-green #mainWrapper .areas-column p a:hover { color: #a3b037; } body.lime-green #mainWrapper .areas-column p a:hover span { border-color: #a3b037; } body.purple #mainWrapper .areas-column p a:hover { color: #631d74; } body.purple #mainWrapper .areas-column p a:hover span { border-color: #631d74; } /* ---------------------------------------------------------------------------------------------------------------- .hide-on-mobile-footer FEB2022 - hide redundant footer links, but ensure they still show in header menu by targeting #footer only ------------------------------------------------------------------------------------------------------------------- */ #footer .hide-on-mobile-footer { display: block !important; } @media screen and (max-width:1010px) { #footer .hide-on-mobile-footer { display: none !important; } } /* ---------------------------------------------------------------------------------------------------------------- a.slide-quote-button ------------------------------------------------------------------------------------------------------------------- */ a.slide-quote-button { width: 100%; font-weight: 500; font-size: 20px; text-align: center; text-decoration: none !important; display: block; box-sizing: border-box; padding: 18px 5px; color: #fff !important; line-height: normal !important; background: #e6007e; position: absolute; bottom: -7px; left: 0; z-index: 9999; } a.slide-quote-button:hover { filter: brightness(112%); } @media screen and (max-width:800px) { a.slide-quote-button { padding-top: 12px; padding-bottom: 12px; } a.slide-quote-button span { display: none; } } /* ---------------------------------------------------------------------------------------------------------------- button corner ------------------------------------------------------------------------------------------------------------------- */ .corner { position: absolute; width: 7px !important; height: 7px; bottom: 0; right: -7px; background: #888 url(images/new-2022/button-corner.png) no-repeat bottom right; background-size: 7px 7px; } /* ---------------------------------------------------------------------------------------------------------------- .mobile-only-quote-button ------------------------------------------------------------------------------------------------------------------- */ a.mobile-only-quote-button { display: none; width: 100%; position: fixed !important; left: 0; bottom: -1px; padding: 12px 0 13px 0; z-index: 800; /* was 9999, but 800 manages to keep this underneath purple banner, but on top of other main content */ box-shadow: rgba(0, 0, 0, 0.4) 0 0 5px; color: #fff !important; font-weight: 500; font-size: 15px; text-align: center; line-height: normal !important; text-decoration: none; background: #e6007e; } @media screen and (max-width:550px) { a.mobile-only-quote-button { display: block !important; } /* DEC2024 no need for this on shop: */ .woocommerce a.mobile-only-quote-button { display: none !important; } a.slide-quote-button { display: none !important; } } body.pink a.mobile-only-quote-button { background: #ec008c !important; } body.sky-blue a.mobile-only-quote-button { background: #de5b27 !important; } body.medium-blue a.mobile-only-quote-button { background: #ec008c !important; } /*decided to change to pink as one-off - was #462a91*/ body.navy-blue a.mobile-only-quote-button { background: #1393d1 !important; } body.lime-green a.mobile-only-quote-button { background: #a0b100 !important; } body.purple a.mobile-only-quote-button { background: #631d74 !important; } body.dark-purple a.mobile-only-quote-button { background: #2e0c37 !important; } body.gold a.mobile-only-quote-button { background: #8f4815 !important; } body.grey a.mobile-only-quote-button { background: #8c8c8c !important; } body.light-purple a.mobile-only-quote-button { background: #a52ba5 !important; } body.dark-green a.mobile-only-quote-button { background: #4ba046 !important; } body.dark-blue a.mobile-only-quote-button { background: #8d7e57 !important; } /* FEB2023 new CSS copied and pasted directly from MyHome Windows site: */ /* ---------------------------------------------------------------------------------------------------------------- .social-links (in footer) ------------------------------------------------------------------------------------------------------------------- */ .social-links { width: 100% !important; float: right; clear: both; margin-bottom: 10px; } .social-links img.icon { display: block; margin: 0; padding: 0 !important; } .social-links a { display: block; float: right; padding: 0 0 0 8px; } .social-links a:hover { filter: brightness(130%); } @media screen and (max-width:1030px) { .social-links { float: left; margin-bottom: 30px; } .social-links a { float: left; padding: 0 8px 0 0; } } /* FEB2023 more new CSS copied and pasted directly from MyHome Windows site: */ /* ---------------------------------------------------------------------------------------------------------------- .page-without-slide ------------------------------------------------------------------------------------------------------------------- */ .page-without-slide { border-bottom: solid 1px #ccc; box-shadow: rgba(0, 0, 0, 0.3) 0 2px 5px; } body#is-rc2025 .page-without-slide /* JUNE2025 WRONG! body#is-shop2025 .page-without-slide */ { border-bottom: 0; box-shadow: none; } @media screen and (max-width:1010px) { /* JUNE2025 NOT just this: .page-without-slide */ body#is-rc2025 .page-without-slide { border-bottom: 0; box-shadow: none; margin-bottom: 10px !important; } } @media screen and (max-width:820px) { .page-without-slide { margin-bottom: 20px !important; } /* RC2025 */ body#is-rc2025 .page-without-slide, body#is-shop2025 .page-without-slide { margin-bottom: 10px !important; } } /* ---------------------------------------------------------------------------------------------------------------- MARCH2023: moved this from sides-old.css so that is can also be used by local pages (which now include the global testimonials section). .video-launcher NB: slightly different designs needed for slides VS home page VS main content ------------------------------------------------------------------------------------------------------------------- */ a.video-launcher { position: relative; float: left; clear: both; display: block; box-sizing: border-box; width: 100%; padding: 0; background: #fff; /* ANNA updates was #ccc */ font-size: 17px; color: #fff !important; text-align: center; text-decoration: none; min-height: 204px; z-index: 500; } #slides a.video-launcher { border: #fff solid 8px; } a.video-launcher span { width: 100%; position: absolute; bottom: 23%; /* APRIL2022 was 35% */ left: 0; text-shadow: 0 0 8px #000; } #slides a.video-launcher span { bottom: 35px; } a.video-launcher img { display: block; width: 100%; height: auto; max-width: inherit !important; padding: 0 !important; } a.video-launcher:hover { filter: brightness(115%); } /* ANNA UPDATES - added this: */ .columnA a.video-launcher.video-within-content { width: 50%; float: right; margin: 25px 0 8px 20px !important; /* APRIL2022 added top margin was 25px to fix new WP Editor location of video */ } @media screen and (max-width:800px) { #slides a.video-launcher { min-height: inherit; padding: 12px 5px; background: #222; } #slides a.video-launcher img { display: none !important; } #slides a.video-launcher span { width: 100%; position: static; bottom: auto; left: auto; text-shadow: none; } #slides a.video-launcher:hover { filter: none; background: #333; } } @media screen and (max-width:640px) { /* ANNA UPDATED added this: */ .columnA a.video-launcher.video-within-content { width: 100%; float: left; clear: both; margin: 20px 0 20px 0 !important; /* APRIL2022 added top margin was 25px to fix new WP Editor location of video */ } } /* DEBUG MARCH2025: -------------------------------------------- */ .all-pages-with-specific-reviews { background: #000; width: 100% !important; float: left !important; clear: both !important; } .all-pages-with-specific-reviews p { color: #e6007e !important; font-size: 30px !important; margin: 0 !important; padding: 40px 40px 10px 40px !important; background: #000; display: block !important; float: left !important; clear: both !important; width: 100% !important; box-sizing: border-box !important; position: relative !important; z-index: 9999 !important; } .all-pages-with-specific-reviews ul, .all-pages-with-specific-reviews ol { margin: 0 !important; padding: 10px 40px 40px 40px !important; box-sizing: border-box; width: 100% !important; float: left !important; clear: both !important; display: block !important; } .all-pages-with-specific-reviews li { padding: 0 !important; margin: 0 !important; color: #e6007e !important; font-size: 19px !important; } .all-pages-with-specific-reviews li a { color: #fff !important; } .all-pages-with-specific-reviews li a:hover { color: #e6007e !important; } /* MARCH2025: .shallow-banner ------------------------------------- */ .shallow-banner { clear: both; width: 100% !important; margin: 0 auto; /* max-width: 2200px !important; */ } .shallow-banner img { display: block !important; width: 100% !important; object-fit: cover !important; max-width: none !important; padding: 0 !important; margin: 0 !important; object-position: 0% 82%; /* was bottom left */ height: 21.5vw !important; } .shallow-banner.shallow-footer img { object-position: 50% 35%; margin-bottom: 45px !important; height: 37vw !important; } /* Below was max-width:650px */ @media screen and (max-width:520px) { .shallow-banner img { height: 25vw !important; /* was 140px */ } } /* RC2025: */ .footer-terms-2025 { clear: both; float: left; width: 100%; margin: 0 0 20px 0; } .footer-terms-2025 p { font-size: 16px !important; line-height: 1.35 !important; margin: 0 0 10px 0 !important; padding: 0 !important; } @media screen and (max-width:1030px) { .footer-terms-2025 p { font-size: 14px !important; line-height: 1.275 !important; } } /* FALLBACK! JULY2025 Stripe payment fixes FALLBACK FOR OLD BROWSERS ONLY! Modern ignore this! */ @supports not (selector(:not(.foo))) { .content #payment iframe, .columnA #payment iframe { width: auto !important; height: auto !important; min-height: initial !important; max-width: none !important; margin: 0 !important; display: inline !important; } }