/****************************************************************** Theme Name: Simpsons Creative Grid 2020 Description: A responsive theme for WordPress, developed by Simpsons Creative, allowing for development of responsive websites - through the use of a dynamic grid system. Author: Alex Wells Version: 3.0 Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support ******************************************************************/ /* Fonts - Need to be at top of style.css to load correctly */ @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Roboto:wght@400;700&family=Montserrat:wght@100;300;400;700;800;900&display=swap'); /* font-family: 'Lato', sans-serif; - BODY COPY font-family: 'Roboto', sans-serif; - HEADINGS */ :root { /* Set up CSS variables how to use: var(--ds-yellow) */ /*theme colours*/ --ds-darkblue: #003F8E; --ds-darkbluetrans: rgba(25, 47, 146, 0.9); --ds-lightblue: #00A0C6; --ds-blue: #007FFF; --ds-red: #ec0227; --ds-darkred: #8D1B1F; --ds-lightred: #FF2B4F; --ds-green: #02852a; --ds-lightgreen: #75BC28; --ds-orange: #FF5001; --ds-purple: #7B0F6E; --ds-lightpurple: #AB6DD4; --ds-pink: #D7086B; --ds-lightpink: #F46DAE; --ds-yellow: #FFB711; --ds-turquoise: #20C6BE; --ds-grey: #959495; } /* Site Structure */ body { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size: calc(12px + 0.5vw); /* Responsive base font size */ } * { font-family: 'Lato', Arial, Helvetica, sans-serif;} .clearfix {display: block;clear: both;width: 100%;} /* Website Maximum Width - Default: 1920px */ .site-width { max-width: 1920px; padding: 0 60px; } /*Website Inner Width - Default: 1280px*/ .inner-width { max-width: 1280px; padding: 0 20px; } /*Post Maximum Width - Default: 960px*/ .single-events .events, .single-post article.post { max-width: 960px; margin-left: auto; margin-right: auto; } /*Header*/ /*Footer*/ #footer {background-color: pink;} .inner-footer { background-color: purple; } .right { float: right; } /*==================== Standards ====================*/ /* 'Standards' contains all of the code that you're likely to change - font sizes, colors, buttons, etc. */ /*Text*/ h1, h2, h3, h4, h5, h6, p { margin: 0 0 5px 0; color: #000; } h1, h2, h3, h4, h5, h6 { font-family: 'Lato',Arial, Helvetica, sans-serif; font-style: normal; } a { color: var( --ds-lightblue); text-decoration: none; } a:hover { text-decoration: underline; color: #00A5DD; } h1, .h1 { font-size: 2.5em; text-transform: uppercase; font-weight: bold;text-align:center; padding-bottom:0; color: white; margin-bottom: 0;} h2, .h2{ font-size: 2em; padding-bottom: 0.2em; padding-top: 1em; } h3 { font-size: 1.3em; padding-bottom: 0.2em; } h4 { font-size: 1.1em; } h5 { font-size: 1.05em; } h6 { font-size: 1em; } p, #content li { font-family: 'Lato', Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4em; padding-bottom: 1em; } #content { clear: both; margin-top: 40px; } body.page-id-2555 #content,body.home #content, body.page-id-2640 #content {margin-top: 0;} #content li { margin-left: 20px; padding-bottom: 1em; margin-bottom: 5px; } #content ul, #content ol { margin-bottom: 0; } #content .headingBar { background-color: var(--ds-darkblue); color: white; padding: 20px; } /*Gallery Fix*/ #content .wp-block-gallery li { margin-left: unset; padding-bottom: unset; } /*Gallery Caption*/ .wp-caption-text, .gallery-caption { text-align: center; } .wp-block-gallery figcaption { line-height: normal; text-align: center; } /*Bullet Points/Numbered Lists*/ .entry-content ul > li { list-style-type: disc; color: #000; padding-bottom: 5px; } .entry-content ol > li { list-style-type: decimal; padding-bottom: 5px; } #content .entry-content ul li:last-child, #content .entry-content ol li:last-child { padding-bottom: 1em; margin-bottom: 5px; } .image-container { position: relative; padding-top: 66.66%; margin-bottom: 20px; } .image-container a { position: absolute; height: 100%; line-height: 0; top: 0; } .image-container img { width: 100%; height: 100%!important; object-fit: cover; } /*==================== General ====================*/ .highlight { color:var(--ds-yellow); } /*==================== CTA's ====================*/ a.cta { background-color: var(--ds-yellow); color: var(--ds-darkblue); display: block; min-width: 100px; margin: 0 auto; text-align:center; padding: 10px 5px; text-transform: uppercase; font-family:Montserrat, sans-serif; border: solid 1px var(--ds-yellow); font-weight: 700;} a.cta:hover {text-decoration: none; border: solid 1px var(--ds-yellow); color:var(--ds-yellow);background-color: var(--ds-darkblue); } a.ctaBlue { color:var(--ds-yellow); background-color:var(--ds-darkblue); } a.ctaBlue:hover { color:var(--ds-darkblue); background-color:var(--ds-yellow); } a.ctaLarge { font-size: 2em; font-weight:bold; padding:15px; margin:10px 0; } a.ctaMedium { font-size: 1.7em; font-weight:bold; padding:15px; margin:10px 0; } a.ctaSmall { max-width: 400px; margin: 0 auto; } a.ctaContent {margin: 0;} /*==================== Header ====================*/ /*body.hasFI .header, body.home .header {position: absolute;}*/ .header {border-bottom: 15px solid var(--ds-yellow); top: 0px; z-index: 9999; background-color:rgba(255,255,255,0.7);} body.admin-bar .header {top: 20px;} span.logoText { text-align:center; font-size:0.55em; display: block; width: 100%; color: var(--ds-darkblue); margin-bottom: 15px; margin-top: 5px; } /*==================== Nav ====================*/ .original .nav li ul.sub-menu, .original .nav li ul.children, .original .nav li:hover > ul {position: initial; visibility: initial;} .original .nav li ul.sub-menu {padding-left: 50px;} .original .nav { float: right; background: none; } .original .nav ul { background: none; } .original .nav ul a { color: #fff; } .original .nav ul a:hover { color: #fff; } .original .nav ul li:last-of-type a { padding-right: 0px; } .original .nav li {display: block; width: 100%;} .original .nav li a{color: white; font-size:1em; font-family:Montserrat, sans-serif; font-style: normal; padding: 0.5em 0.7em; font-weight: 300; text-transform: uppercase;} .original .nav li.current-menu-item > a {font-weight: 700;} .original .nav li ul.sub-menu li a, .original .nav li ul.children li a {width: initial;} .original .nav li ul.sub-menu, .original .nav li ul.children, .original .nav li ul.sub-menu li a, .original .nav li ul.children li a { border:none;} .original .nav li.menu-item-has-children > a:after {color: var(--ds-yellow); content: ' ▾';} .original ul.sub-menu { display: none; } .original .nav li.menu-item-has-children:hover >ul.sub-menu {display: block; } #menuBox {visibility: hidden; opacity: 0; position: fixed; z-index: 9999; background-color: var(--ds-darkbluetrans); right: 0px; height: 100vh; width:400px; transition: visibility 0s, opacity 0.5s linear; overflow: scroll; padding-left:25px;} #menuBox.active { visibility: visible; opacity: 1;} a.icon {font-size:50px; color: #ffffff!important; background-color: var(--ds-darkblue); border-radius: 5px; } a.icon.close {color: #fff;float: right; padding: 10px 20px;} a.icon:hover {color: var(--ds-yellow);} a.icon:hover{text-decoration: none;} .socialLink { padding: 5px; } #smIcons { float: right; padding-top: 3vw; display: flex; align-items: baseline; } #smIcons svg {margin: 10px; margin-bottom:7px; } #smIconsMenu { clear: both; display: block;width: 100%; padding: 0.75em 0.6em; } .featured-image {line-height: 0;} .menuTitle {padding: 0; margin:0; align-self:center; text-transform: uppercase; padding-top:5px; color: var(--ds-darkblue); margin-right: 10px;} /*==================== START - Header Feb 2022 Changes ====================*/ #header.febTwentyTwo .inner-header { float: unset; display: flex; justify-content: space-between; width: 100%; align-items: center; } #header.febTwentyTwo .logoArea { display: flex; flex-direction: column; } #header.febTwentyTwo .logoArea a { float: left; } #header.febTwentyTwo .logoArea img { max-width: 250px; width: 100%; height: auto; } #header.febTwentyTwo .navArea { padding-left: 30px; } #header.febTwentyTwo span.logoText { font-size: 12px !important; text-align: center; float: left; max-width: 250px; } /*==================== Nav ====================*/ #header.febTwentyTwo .nav { float: right; background: none; } #header.febTwentyTwo .nav .site-width { padding: 0; } #header.febTwentyTwo .nav ul { background: none; } #header.febTwentyTwo .nav li a { color: var(--ds-darkblue); font-family: Montserrat, sans-serif; font-size: 15px; } #header.febTwentyTwo .nav li a:hover, #header.febTwentyTwo .nav li a:focus { color: var(--ds-yellow); text-decoration: none; } #header.febTwentyTwo .nav li:last-of-type a { padding-right: 0px; } #header.febTwentyTwo .nav li ul.sub-menu li a, #header.febTwentyTwo .nav li ul.children li a { background-color: #fff; } /* Sub Menu Items */ #header.febTwentyTwo .nav li ul.sub-menu, #header.febTwentyTwo .nav li ul.children { flex-direction: column; border: none; } #header.febTwentyTwo .nav li ul.sub-menu li, #header.febTwentyTwo .nav li ul.children li { width: 100%; } #header.febTwentyTwo .nav li ul.sub-menu li a, #header.febTwentyTwo .nav li ul.children li a { background-color: rgba(255, 255, 255, 0.9); font-size: 15px; width: 100%; white-space: nowrap; padding: 20px 1em; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } /* Current Menu Item */ #header.febTwentyTwo .nav li.current-menu-item > a, #header.febTwentyTwo .nav li.current-menu-parent > a, #header.febTwentyTwo .nav li.current_page_parent > a { font-weight: bold; } /* Responsive Menu - !!! REPLACE 444 WITH NEWLY CREATED MENU ID (ALSO IN HEADER.PHP) !!! */ #rmp_menu_trigger-2504 { background: var(--ds-darkblue); position: static; float: right; margin-left: 20px; } #rmp_menu_trigger-2504.is-active { background: var(--ds-darkblue); } #rmp_menu_trigger-2504:hover, #rmp_menu_trigger-2504:focus { background: var(--ds-darkblue); } #rmp-container-2504 { background-color: var(--ds-darkbluetrans); min-width: unset; } .rmp-menu-open { -webkit-box-shadow: 1px 1px 10px -2px #000; box-shadow: 1px 1px 10px -2px #000; } ul.rmp-menu { padding-top: 10% !important; } #rmp-menu-wrap-2504 .rmp-menu-item-link { background-color: transparent !important; font-family: Montserrat, sans-serif; font-size: 18px; text-transform: uppercase; border-color: transparent !important; height: auto; line-height: normal; margin-top: 20px; } #rmp-menu-wrap-2504 li#rmp-menu-item-2508 .rmp-menu-item-link { margin-top: 0; } /* Sub Menu */ #rmp-menu-wrap-2504 .rmp-submenu { padding-top: 10px; padding-bottom: 10px; } #rmp-menu-wrap-2504 .rmp-submenu .rmp-menu-item-link { font-family: Montserrat, sans-serif; font-size: 16px; font-weight: normal; margin-top: 0; } /* Sub Menu Arrow */ #rmp-menu-wrap-2504 .rmp-menu-subarrow { color: var(--ds-yellow) !important; } #rmp-menu-wrap-2504 .rmp-menu-subarrow-active:hover { color: var(--ds-yellow) !important; } /* Current Menu Item */ #rmp-menu-wrap-2504 .rmp-menu-current-item > a.rmp-menu-item-link { color: #fff; font-weight: bold; } #rmp-menu-wrap-2504 .rmp-menu-item-current-ancestor > a.rmp-menu-item-link { color: #fff; font-weight: bold; } #rmp-menu-wrap-2504 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link { color: #fff; font-weight: bold; } /* Current Parent/Menu Item for single posts */ .single-post #rmp-menu-item-2569 > a.rmp-menu-item-link { color: #fff; font-weight: bold; } .single-directory #rmp-menu-item-3109 > a.rmp-menu-item-link, .single-directory #rmp-menu-item-2597 > a.rmp-menu-item-link { color: #fff; font-weight: bold; } .single-gems #rmp-menu-item-3109 > a.rmp-menu-item-link, .single-gems #rmp-menu-item-2596 > a.rmp-menu-item-link { color: #fff; font-weight: bold; } .single-events #rmp-menu-item-2566 > a.rmp-menu-item-link { color: #fff; font-weight: bold; } .single-offers #rmp-menu-item-2646 > a.rmp-menu-item-link { color: #fff; font-weight: bold; } /* Menu Item Hover */ #rmp-menu-wrap-2504 .rmp-menu-item-current-ancestor > a.rmp-menu-item-link:hover { color: #fff; } #rmp-menu-wrap-2504 .rmp-menu-item-link:hover { background-color: var(--ds-yellow); !important; text-decoration: none; } #rmp-menu-wrap-2504 .rmp-menu-current-item > a.rmp-menu-item-link:hover { color: #fff !important; } /* Additional Content */ .rmp-menu-additional-content { float: left; } .rmp-menu-additional-content .social-icons { width: 100%; float: left; padding: 20px 0px; } .rmp-menu-additional-content .social-icons a { color: #fff; font-size: 30px; margin-right: 15px; } .rmp-menu-additional-content .social-icons a:hover { color: var(--ds-yellow); } /* Hide/Show Main Menu & Responsive Menu */ #rmp_menu_trigger-2504 { display: none; } @media(min-width: 1029px) { #header.febTwentyTwo .top-nav li.quickMenuShow { display: none; } #header.febTwentyTwo .top-nav li.menu-item-3109 { display: list-item; } } @media(max-width: 1029px) { #rmp_menu_trigger-2504 { display: block; } #header.febTwentyTwo #menu-main-menu { display: none; } } @media(max-width: 480px) { #header.febTwentyTwo .inner-header { flex-wrap: wrap; flex-direction: row; } #header.febTwentyTwo .logoArea img { max-width: 250px; } #header.febTwentyTwo span.logoText { max-width: 250px; } } .header { border-bottom: none; } .navArea .social { line-height: 55px; float: left; } .navArea .social a { color: var(--ds-darkblue); font-size: 35px; padding: 0px 8px; } .navArea .social a:hover, .navArea .social a:active { color: var(--ds-yellow); text-decoration: none; } /*==================== Quick Menu ====================*/ #quickMenu { display: flex; flex-wrap: wrap; } #quickMenu ul { background-color: transparent; display: flex; flex-basis: 100%; flex-wrap: wrap; } #quickMenu ul.quick-menu { flex-wrap: unset; } #quickMenu li { flex-basis: calc(100% / 10); flex-grow: 1; text-align:center; padding: 0; background-color: var(--ds-darkblue); } /* #quickMenu li { display: none; } #quickMenu li.quickMenuShow { display: list-item; } */ #quickMenu li { background-color: var(--ds-lightblue); } #quickMenu li.menu-item-2508, #quickMenu li.menu-item-2508 li { background-color: var(--ds-lightblue); } #quickMenu li.menu-item-4680, #quickMenu li.menu-item-4680 li { background-color: var(--ds-yellow); } #quickMenu li.menu-item-3109, #quickMenu li.menu-item-3109 li { background-color: var(--ds-pink); } #quickMenu li.menu-item-2569, #quickMenu li.menu-item-2569 li { background-color: var(--ds-purple); } #quickMenu li.menu-item-2566, #quickMenu li.menu-item-2566 li { background-color: var(--ds-darkred); } #quickMenu li.menu-item-2646, #quickMenu li.menu-item-2646 li { background-color: var(--ds-turquoise); } #quickMenu li.menu-item-2702, #quickMenu li.menu-item-2702 li { background-color: var(--ds-orange); } #quickMenu li.menu-item-2661, #quickMenu li.menu-item-2661 li { background-color: var(--ds-lightgreen); } #quickMenu li.menu-item-3352, #quickMenu li.menu-item-3352 li { background-color: var(--ds-green); } #quickMenu li.menu-item-2629, #quickMenu li.menu-item-2629 li { background-color: var(--ds-red); } #quickMenu li a { color: white; font-family: Montserrat, sans-serif; font-size: 1em; line-height: 1em; text-transform: uppercase; width: 100%; height: 100%; display: block; display: flex; justify-content: center; align-items: center; padding: 10px; } #quickMenu li a:hover, #quickMenu li a:focus { text-decoration: none; opacity: 0.8; } #quickMenu li ul.sub-menu { border: none; } #quickMenu li ul.sub-menu li { flex-basis: 100%; border-top: 1px solid #fff; } #quickMenu li ul.sub-menu li a { border-bottom: none; } @media (min-width: 1030px) { /*Larger than Tablet*/ #quickMenu li:hover > ul li { display: list-item; } } @media (max-width: 1280px) { #quickMenu li a { font-size: 0.8em; } } @media (max-width: 1029px) { /*Tablet*/ #quickMenu ul.quick-menu { flex-wrap: wrap; } #quickMenu li { display: none; flex-basis: calc(100% / 3); min-height: 55px; } #quickMenu li.quickMenuShow { display: list-item; } #quickMenu li a { font-size: 1em; } } @media (max-width: 600px) { .navArea .social { display: none; } } @media (max-width: 480px) { /*Small Mobile*/ #quickMenu li { flex-basis: calc(100% / 2); } } /*==================== END - Header Feb 2022 Changes ====================*/ /*==================== Body ====================*/ .wp-block-image figcaption { color: #888888; margin-bottom: 30px; } .wp-block-image.size-full figcaption { text-align: center; color: #fff; margin-bottom: 10px; } /*.article-header img { padding-bottom: 1.5em; }*/ .wp-block-columns { margin-bottom: 1.75em; } /*Colour Overlay*/ .blackOverlay { background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; display: block; position: absolute; top: 0px; z-index: 1; } .inner-content .wp-block-columns + p { margin-top: -1.75em; } /*==================== Pagination ====================*/ .pagination ul, #content .pagination ul { background-color: #fff; } .pagination li, #content .pagination li { border-right: 1px solid #eaedf2; } .pagination a, .pagination span, #content .pagination a, #content .pagination span { color: #2592E9; } .pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus { background-color: #2592E9 !important; color: #fff !important; } .pagination .current, #content .pagination .current { color: #fff !important; background-color: #2592E9; } .pagination .current:hover, .pagination .current:focus { background-color: #2592E9; color: #fff !important; } /*==================== Home Page ====================*/ .homeOverLay { width: 40%; background-color: var(--ds-darkbluetrans); margin-top: 15vw; padding:20px; display: flex; flex-direction: column; } .homeOverLay p {overflow-wrap: break-word; width:100%; display: block; color: white; float:left; white-space:normal; text-align:center;} /*==================== sub menu - home page ====================*/ .submenuhome {display: flex; flex-wrap: wrap;} .submenuhome li { flex-basis: calc(100% / 6); text-align:center; padding:15px ; background-color: var(--ds-darkblue); } .submenuhome li:nth-of-type(1) { background-color: var(--ds-pink);} .submenuhome li:nth-of-type(2) { background-color: var(--ds-purple);} .submenuhome li:nth-of-type(3) { background-color: var(--ds-darkred);} .submenuhome li:nth-of-type(4) { background-color: var(--ds-turquoise);} .submenuhome li:nth-of-type(5) { background-color: var(--ds-orange);} .submenuhome li:nth-of-type(6) { background-color: var(--ds-lightgreen);} .submenuhome li a {color: white; font-family:Montserrat, sans-serif; text-transform:uppercase; width: 100%; height: 100%; display: block; display: flex; justify-content: center; align-items: center; line-height: 1em;} .submenuhome ul.sub-menu { display: none; } .panelDarkBlue {background-color: var(--ds-darkblue); padding:20px 0px;} .panelYellow {background-color: var(--ds-yellow); padding:40px 20px;} .panelYellow .highlight {color: var(--ds-lightblue); } .homeIntroPanel { display: flex; flex-wrap: wrap; } .homeIntroPanel div { padding:10px; } .homeIntroPanel h1.page-title { text-align: left; margin-bottom:0px; padding-left: 0; text-wrap-style: balance; } .homeIntroPanel p {color: white; padding-right: 8%; font-size: 1.1em;} .homeIntroPanel p a {color: white;} .homeIntroPanelCopy {flex-basis:45%; display: flex; flex-direction:column; align-self:center;} .homeIntroPanelImage {flex-basis:50%;} .homeIntroPanelImage img { width: 100%;} .homeIntroPanel .embed-container { padding: 0; padding-bottom: 56.25%; } .ls-responsive {width: 100%!important;} .ls-circle-timer {display: none!important;} /*==================== Offer grid ====================*/ .grid {display: flex; flex-wrap: wrap; } .grid > div {flex-basis: 50%; background-color: var(--ds-pink);} .grid div:nth-of-type(3) {order:1; background-color: var(--ds-purple);} /*send the 3rd div to the end, order default is 0 so 1 puts it to the back*/ .grid div img {width: 100%; height: auto;} .gridText span.highlight {clear: both; display: block;} #content .gridText h2 {color: white; padding-bottom: 10px;} .grid div p { color: white; font-size: 2em; font-weight:bold; text-align: center; max-width: 400px;} .grid div.gridText {padding:20px;} .grid div.gridText p {line-height: 1em;} div.gridImage {line-height:0;} /*==================== news grid ====================*/ .newsRow { padding-bottom: 0; } .newsRow .pagination-menu { background-color: #fff; padding-top: 20px; margin-top: 20px; } p.whiteCopy, p.whiteCopy a {color: white; max-width: 1280px; margin:0 auto; text-align:center;} #content .newsRow h2.h1 { color: #fff; padding-top: 0; padding-bottom: 30px; } .latest-news {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;} .news-post {flex-basis:32.5%; color: white;} .news-post:nth-of-type(6n+1) { flex-basis: 30%; } .news-post:nth-of-type(6n+2) { flex-basis: 30%; } .news-post:nth-of-type(6n+3) { flex-basis: 39%; } .news-post:nth-of-type(6n+4) { flex-basis: 39%; } .news-post:nth-of-type(6n+5) { flex-basis: 30%; } .news-post:nth-of-type(6n+6) { flex-basis: 30%; } .news-post img {width: 100%; height: auto; height: 374px; object-fit: cover;} .news-post img:hover { opacity: 0.7; } .news-post {display: flex; flex-direction:column;} .news-post-text {padding:10px;} .news-post-text p {color: white; padding:0; margin:0; font-size: 0.8em; margin-bottom:10px;} .news-post-text a {color: white; } .news-post-text h3{color: white; font-size:1.2em; } #content h3.post-title {color: white;} /*==================== Events output (events page? and home page) ====================*/ .panelYellow h2 {padding-bottom:30px;} .eventsRow {display: flex; flex-direction:column; padding: 0;} .eventSingle { display: flex; justify-content: space-between; background-color: white; margin-bottom:40px;} .eventsRowContainer h2.h1, .eventsRow h2.h1 { padding-bottom: 30px; } .eventImage {flex-basis:45%; padding-top: 40%; margin-bottom: 0;} .eventImage img { } .eventCopy {flex-basis:63%; padding:40px; } .eventCopy h3 {text-align: left; font-weight:normal; margin-bottom:20px;} .eventCopy h3 a {color: var(--ds-lightblue);} .eventCopy h3 a:hover {text-decoration: none;} .eventCopy p {padding: 0; padding-bottom:1em;} .eventCopy p.date { background-color: var(--ds-lightblue); display: inline-block; padding: 2px 10px; color: white; margin-bottom: 20px;} .eventCopy p.intro a {display: none; margin-bottom:20px;} .eventCopy a.readMoreLink { color:white; background-color: var(--ds-lightblue); margin-top:10px; padding:10px; display: inline-block;} .eventSingle:nth-child(even) .eventImage { order: 1; } .eventSingle .eventImage a { width: 100%; } .eventSingle .post-wrap { display: flex; width: 100%; flex-basis: 100%; } .eventSingle .eventImage { aspect-ratio: 3/2; width: 50%; flex-basis: 50%; padding-top: 0; } .eventSingle .eventCopy { width: 50%; flex-basis: 50%; } .eventSingle .eventCopy h3 { font-size: 2em; } .eventSingle .eventCopy p { font-size: clamp(14px, 3vw, 18px); } /* Single Post */ body.single .post-date, body.single-events .event-date { background-color: var(--ds-lightblue); color: #fff; text-align: center; padding: 10px 20px; } .singlePostRI { margin-bottom: 20px; } body.single #content li { padding-bottom: 0.25em; } body.single p:has(+ .wp-block-image) { padding-bottom: 0.5em; } /*==================== BID ====================*/ .BID { max-width: 400px; margin: 40px auto; margin:75px auto; flex-direction:column; padding: 0 40px; } body.home .BID { margin-top:40px; } .BID img, .BID a {width: 100%; height: auto; text-align: center; color: var(--ds-darkblue); font-size: 1em;} p.bidIntro {text-align:center; font-size:18px; } /*==================== Map Styles ====================*/ /*==================== Map Key ====================*/ .mapKey {/* max-width: 1150px;*/ max-width: 940px; margin: 0 auto; padding: 40px 0; } .mapKey h2 {color: var(--ds-darkblue); text-align: center; font-size:3em;font-weight: bold; padding:0;} .mapKey h2 span {color: var(--ds-lightblue);} .markerCont {display: flex; flex-wrap: wrap; justify-content: center;} .marker { width: calc(100%/6); } .marker { display: flex; flex-direction: column; padding:2%;} .marker img {width: 100%; height: auto;} .marker a {text-align: center; color: var(--ds-darkblue); padding:5px 0; font-weight:bold; font-size:0.8em;} p.mapIntro { max-width: 1150px; margin:0 auto; text-align:center; } /** * Map Styles */ #map { height: 600px; width:100%; background-color:#8d8e8d; display:block; position: relative;} .caseStudyMap #map {height: 600px; margin-top: -20px; } body.page-template-page-parking-php #map {height: 475px;} /*div.popUpCopy { max-width:300px; display:block; clear:both; position:relative;} div.popUpCopy p.status {position:absolute; top:0px; left:0px; background-color:#E01B25; color:white; margin:0px; width:100px!important; padding:2px; text-align:center;} div.popUpCopy img {width:100px!important; height:auto!important; float:left;} div.popUpCopy p {width:190px!important; float:right; margin-left:10px;} div.popUpCopy a { color:#03264b;} div.popUpCopy a.findOutMore{padding-left: 10px;} */ .popUpCopy {display: flex; max-width:300px; justify-content: space-between; } .popUpCopy .popUpCopyImage {flex-basis: 50%;} .popUpCopy .popUpCopyImage img {width:100%; height: auto;} .popUpCopyText {flex-basis: 40%; display: flex; flex-direction:column; justify-content: center;} div.popUpCopy p { padding:0; } div.popUpCopy a { color:var(--ds-darkblue); font-size: 16px; } /*==================== Footer ====================*/ #footer { /*background-color: #003F8E;*/ background-color: #ffffff; position: relative; padding: 40px 20px 20px 20px; margin-top: 0px; } .newsletterCTA { background-color: #D6E6F2; width: 100%; float: left; padding: 40px; margin-top: 40px; } .newsletterCTA h3 { color: #003F8E; font-size: 40px; text-transform: uppercase; } .newsletterCTA p { color: #003F8E; font-size: 20px; font-weight: bold; text-transform: uppercase; } .newsletterCTA .image { padding: 0px 30px; } .newsletterText { width: 831.5px; position: relative; display: table-cell; float: left; } .newsletterText h3 { padding-bottom: 10px; } .newsletterForm { width: 100%; display: table-cell; vertical-align: middle; } .newsletterForm div#mc_embed_signup { position: relative; } input#mce-NAME, input#mce-EMAIL { background: #B4D1E7; color: #000; font-size: 14px; height: 48px; padding: 10px; border: none; margin-bottom: 10px; } input#mce-NAME { width: 65%; float: left; } input#mce-EMAIL { width: 65%; float: left; } input#mc-embedded-subscribe { background: #0064B0; color: #fff; font-size: 14px; text-transform: uppercase; width: 30%; float: right; padding: 15px 5px; border: none; margin: 0px; } input#mc-embedded-subscribe:hover { opacity: 0.8; } .inner-footer { background: none; position: relative; max-width: 1140px; } .inner-footer p { color: #fff; font-size: 14px; line-height: 20px; text-align: center; float: left; width: 100%; } .inner-footer a { color: #fff; word-break: break-word; } .footer-nav { text-align: center; margin: 10px 0px; } .footer-nav a { font-size: 14px; float: left; } ul.navFooter { display: inline-block; } ul.navFooter li { float: left; margin: 5px 0px; } ul.navFooter li a { text-decoration: none; } ul.navFooter .separator { margin: 0px 5px; } #menu-item-328 .separator { display: none; } /* #footer .social-media { clear: both; margin:0 auto; margin: 20px 0px; display: flex; justify-content: center; align-items: center; } #footer .social-media a {margin:10px;} */ .footer-border { width: 100%; height: 18px; float: left; } .border-color { height: 18px; } .border-color.yellow { background-color: #FFB711; } .border-color.pink { background-color: #D8006C; } .border-color.purple { background-color: #7C0E6F; } .border-color.green { background-color: #64A71A; } .border-color.blue { background-color: #0064B0; } /*footer rework 8th sep*/ #footer {display: flex; justify-content: space-between;} #footerBID, #smFooter {flex-basis: 15%;} #middleFooter {flex-basis: 60%; text-align:center;} #middleFooter p, #middleFooter a, #smFooter a {color: var(--ds-darkblue); font-size:14px;} #footerBID img { max-width: 300px; display: block; margin-left: auto; margin-right: auto; } #middleFooter {display: flex; justify-content: center; align-items: center; flex-direction: column; justify-content: space-around; align-self: center; } #smFooter {align-self: center; display: flex; justify-content: space-evenly; width: 100%; flex-wrap:wrap; max-width: 200px;} #smFooter p{flex-basis: 100%; clear: both; text-align:center; margin-top: 15px;} #smFooter a{align-self: center; } #smFooter a.social-icon { color: var(--ds-darkblue); font-size: 45px; padding: 0px 8px; } #smFooter a.social-icon:hover, #smFooter a.social-icon:active { color: var(--ds-yellow); text-decoration: none; } /*==================== Sub page - general styles ====================*/ h1.page-title {background-color: var(--ds-darkblue); padding: 20px; text-transform: initial;} body.tax-sector h1.page-title, body.blog h1.page-title {margin-bottom: 0;} /*pagination*/ .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { background-color: var(--ds-darkblue); border:none;} .navigation li a:hover, .navigation li.active a { background-color: var(--ds-yellow); color: var(--ds-darkblue); } /*==================== Sub page - directory - archive ====================*/ #dirCont { margin-top:20px; display: flex; flex-direction:column;} .directoryListing {padding: 10px 0 20px 0; margin:10px 0; border-bottom: 2px solid var(--ds-darkblue);} div.termDescription {border-bottom: 2px solid var(--ds-darkblue);} .directoryListing {display: flex; justify-content: space-between; align-items: center;} .businessLogo { flex-basis: 35%; border: 1px solid var(--ds-purple);} .businessLogo a{ display: block;width: 100%; } .businessLogo img {width: 100%; height: auto; padding: 10px;} .businessInfo { flex-basis: 60%;} .businessInfo h3 {padding: 0; margin:0;} .businessInfo p {padding: 0; margin:0; padding-bottom: 10px;} .businessInfo a { color: var(--ds-darkblue); } .businessInfo a.readMore { text-transform: uppercase; background-color: var(--ds-yellow); border:none; font-weight:bold; color: var(--ds-darkblue)!important; } body.post-type-archive-directory .mapKey {padding-top:10px;} /*==================== Sub page - directory - single ====================*/ body.single-directory .featured-image .image img { aspect-ratio: 32/9; object-fit: cover; } #directoryInfoSingle { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; } #directoryInfoSingle p { padding-bottom:5px; } #directoryInfoDetails { flex-basis: 58%; display: flex; flex-wrap: wrap; justify-content: space-between; } #directoryInfoMap {flex-basis: 40%;} #directoryInfoMap #map { height: 400px; width:100%; } #directoryInfologo { flex-basis: 48%; order: 1;} #directoryInfologo img {width: 100%; height: auto; padding-bottom: 20px;} #directoryInfoContact { flex-basis: 50%; } #directoryInfoContact p { overflow-wrap: anywhere; } .breadcrumb { color: var(--ds-darkblue); padding: 20px 0; } .breadcrumb a { color: var(--ds-darkblue); line-height: 20px; text-decoration: none; } /*colour changes*/ /*Defaults*/ #content h2, #content h3, #content #directoryInfoSingle strong { color:var(--ds-darkblue); } h1.sectorRetailTherapy { background-color:var(--ds-yellow); } h1.sectorRetailTherapy span.highlight { color:var(--ds-darkblue); } #content.sectorRetailTherapy h2, #content.sectorRetailTherapy h3, #content.sectorRetailTherapy #directoryInfoSingle strong, #content.sectorRetailTherapy .breadcrumb a, .dirContRetailTherapy .businessInfo a { color:var(--ds-yellow); } h1.sectorHairandBeauty { background-color:var(--ds-red); } #content.sectorHairandBeauty h2, #content.sectorHairandBeauty h3, #content.sectorHairandBeauty #directoryInfoSingle strong, #content.sectorHairandBeauty .breadcrumb a, .directoryListing.HairandBeauty .businessInfo a { color:var(--ds-red); } h1.sectorBusinessandProfessional { background-color:var(--ds-purple); } #content.sectorBusinessandProfessional h2, #content.sectorBusinessandProfessional h3, #content.sectorBusinessandProfessional #directoryInfoSingle strong, #content.sectorBusinessandProfessional .breadcrumb a, .dirContBusinessandProfessional .businessInfo a { color:var(--ds-purple); } h1.sectorFoodandDrink{ background-color:var(--ds-pink); } #content.sectorFoodandDrink h2, #content.sectorFoodandDrink h3, #content.sectorFoodandDrink #directoryInfoSingle strong, #content.sectorFoodandDrink .breadcrumb a, .dirContFoodandDrink .businessInfo a { color:var(--ds-pink); } h1.sectorEducationandTraining{ background-color:var(--ds-turquoise); } #content.sectorEducationandTraining h2, #content.sectorEducationandTraining h3, #content.sectorEducationandTraining #directoryInfoSingle strong, #content.sectorEducationandTraining .breadcrumb a, .dirContEducationandTraining .businessInfo a { color:var(--ds-turquoise); } h1.sectorFinancialServices{ background-color:var(--ds-darkred); } #content.sectorFinancialServices h2, #content.sectorFinancialServices h3, #content.sectorFinancialServices #directoryInfoSingle strong, #content.sectorFinancialServices .breadcrumb a, .dirContFinancialServices .businessInfo a { color:var(--ds-darkred); } h1.sectorHealthandWellbeing{ background-color:var(--ds-orange); } #content.sectorHealthandWellbeing h2, #content.sectorHealthandWellbeing h3, #content.sectorHealthandWellbeing #directoryInfoSingle strong, #content.sectorHealthandWellbeing .breadcrumb a, .dirContHealthandWellbeing .businessInfo a { color:var(--ds-orange); } h1.sectorLeisure{ background-color:var(--ds-turquoise); } #content.sectorLeisure h2, #content.sectorLeisure h3, #content.sectorLeisure #directoryInfoSingle strong, #content.sectorLeisure .breadcrumb a, .dirContLeisure .businessInfo a { color:var(--ds-turquoise); } h1.sectorParking{ background-color:var(--ds-lightblue); } #content.sectorParking h2, #content.sectorParking h3, #content.sectorParking #directoryInfoSingle strong, #content.sectorParking .breadcrumb a, .dirContParking .businessInfo a { color:var(--ds-lightblue); } h1.sectorParks{ background-color:var(--ds-lightgreen); } #content.sectorParks h2, #content.sectorParks h3, #content.sectorParks #directoryInfoSingle strong, #content.sectorParks .breadcrumb a, .dirContParks .businessInfo a { color:var(--ds-lightgreen); } h1.sectorHomeInteriorsandProperty{ background-color:var(--ds-lightgreen); } #content.sectorHomeInteriorsandProperty h2, #content.sectorHomeInteriorsandProperty h3, #content.sectorHomeInteriorsandProperty #directoryInfoSingle strong, #content.sectorHomeInteriorsandProperty .breadcrumb a, .dirContHomeInteriorsandProperty .businessInfo a { color:var(--ds-lightgreen); } h1.sectorAutomotive{ background-color:var(--ds-lightblue); } #content.sectorAutomotive h2, #content.sectorAutomotive h3, #content.sectorAutomotive #directoryInfoSingle strong, #content.sectorAutomotive .breadcrumb a, .dirContAutomotive .businessInfo a { color:var(--ds-lightblue); } h1.sectorTravelandTourism{ background-color:var(--ds-green); } #content.sectorTravelandTourism h2, #content.sectorTravelandTourism h3, #content.sectorTravelandTourism #directoryInfoSingle strong, #content.sectorTravelandTourism .breadcrumb a, .dirContTravelandTourism .businessInfo a { color:var(--ds-green); } h1.sectorTransport{ background-color:var(--ds-green); } #content.sectorTransport h2, #content.sectorTransport h3, #content.sectorTransport #directoryInfoSingle strong, #content.sectorTransport .breadcrumb a, .dirContTransport .businessInfo a { color:var(--ds-green); } h1.sectorSpecialistServices{ background-color:var(--ds-lightpurple); } #content.sectorSpecialistServices h2, #content.sectorSpecialistServices h3, #content.sectorSpecialistServices #directoryInfoSingle strong, #content.sectorSpecialistServices .breadcrumb a, .dirContSpecialistServices .businessInfo a { color:var(--ds-lightpurple); } /*==================== Sub page - events ====================*/ body.page-id-2555 #content, body.page-id-13090 #content { background-color: var(--ds-darkblue); padding-top: 10px; margin-top: 0; } body.page-id-2555 h1.page-title, body.page-id-13090 h1.page-title { margin-bottom: 0; } body.page-id-2555 #content .entry-content > p, body.page-id-13090 #content .entry-content > p { color: white; text-align: center; } body.page-id-2555 .wp-block-buttons, body.page-id-13090 .wp-block-buttons { justify-content: center; margin-bottom: 1.75em; } /*==================== Sub page - offers ====================*/ body.page-id-2640 #content {background-color: var(--ds-darkblue); padding-top: 20px;} body.page-id-2640 h1.page-title {margin-bottom: 0;} body.page-id-2640 .entry-content > p {text-align:center; color: white;} .offerSingleGridCompetition .eventCopy p.date, .offerSingleGridCompetition .eventCopy a.readMoreLink {background-color: var(--ds-purple);} .offerSingleGridCompetition .eventCopy h3 a {color: var(--ds-purple);} .offerSingleGridOffer .eventCopy p.date, .offerSingleGridOffer .eventCopy a.readMoreLink {background-color: var(--ds-pink);} .offerSingleGridOffer .eventCopy h3 a {color: var(--ds-pink);} /*==================== Sub page - offers Single ====================*/ h1.offerHeadingOffer {background-color: var(--ds-pink);} h1.offerHeadingCompetition {background-color: var(--ds-purple);} /*==================== Sub page - Gems ====================*/ body.page-id-2586 h1.page-title {margin-bottom:0;} .singleGem { display: flex; border-bottom:5px solid var(--ds-darkblue); clear: both; background-color: var(--ds-blue); justify-content: center; align-items: center;} .singleGem .gemCopy {flex-basis:35%;padding: 5%;} .singleGem .gemCopy h2,.singleGem .gemCopy p{color:white;} .singleGem .gemCopy h2 {font-weight:bold;} .singleGem .gemCopy a.cta { width:100%; margin-left: 0; font-size:0.8em; text-transform: unset; } .singleGem .gemImage {flex-basis: 65%; line-height: 0;} .singleGem .gemImage img {width: 100%; height: auto;} .singleGem:nth-of-type(7n+1) {background-color: var(--ds-green);} .singleGem:nth-of-type(7n+2) {background-color: var(--ds-orange);} .singleGem:nth-of-type(7n+3) {background-color: var(--ds-yellow);} .singleGem:nth-of-type(7n+4) {background-color: var(--ds-red);} .singleGem:nth-of-type(7n+5) {background-color: var(--ds-purple);} .singleGem:nth-of-type(7n+6) {background-color: var(--ds-turquoise);} .singleGem:nth-of-type(7n+7) {background-color: var(--ds-lightblue);} #gemsMapCont { display: flex; } #gemsMapCont #gemsKeyCont {background-color: var(--ds-darkblue); flex-basis: 480px; flex-shrink: 1;} #gemsMapCont #map { height: unset; flex-shrink: 2; } .gemsKey {display: flex; padding:20px;} .gemsKey img { flex-basis: 100px; height: auto; } .gemsKey div{ padding: 20px; } .gemsKey a, .gemsKey p, .gemsKey h3{ color: white; padding:0; } .gemsKey p {font-size: 0.8em; padding-bottom: 20px;} #gemsMapCont #gemsKeyCont .gemsKey:nth-of-type(7n+1) {background-color: var(--ds-green);} #gemsMapCont #gemsKeyCont .gemsKey:nth-of-type(7n+2) {background-color: var(--ds-orange);} #gemsMapCont #gemsKeyCont .gemsKey:nth-of-type(7n+3) {background-color: var(--ds-yellow);} #gemsMapCont #gemsKeyCont .gemsKey:nth-of-type(7n+4) {background-color: var(--ds-red);} #gemsMapCont #gemsKeyCont .gemsKey:nth-of-type(7n+5) {background-color: var(--ds-purple);} #gemsMapCont #gemsKeyCont .gemsKey:nth-of-type(7n+6) {background-color: var(--ds-turquoise);} #gemsMapCont #gemsKeyCont .gemsKey:nth-of-type(7n+7) {background-color: var(--ds-lightblue);} #gemsGrid h2 {color: white;} /*==================== Sub page - Jobs ====================*/ .site-width.discoverSmall { max-width: 1280px; } /* Tables */ .entry-content table { background-color: #D6E6F2; width: 100%; max-width: 100%; margin-bottom: 20px; border: 1px solid #D6E6F2; } .entry-content table thead { border-bottom: 1px solid #000; } .entry-content table th { background-color: #003F8E; color: #fff; text-align: left; padding: 15px; border-color: #000; } .entry-content table tr:nth-of-type(even), #content .entry-content table tr:nth-of-type(even) { background-color: #fff; } /* .entry-content table tr td { border-bottom: 3px solid #003F8E; } */ .entry-content table td, #content .entry-content table td { font-size: clamp(14px, 3vw, 18px); vertical-align: middle; padding: 15px; } .discoverJobs {display: flex; justify-content: space-between; background-color: var(--ds-pink); padding: 20px;} .discoverJobs:nth-of-type(2n+0) { background-color: var(--ds-purple); flex-direction: row-reverse; } .discoverJobs:nth-of-type(3n+0) { background-color: var(--ds-darkred); } .discoverJobs:nth-of-type(4n+0) { background-color: var(--ds-darkblue); } .discoverJobs .icon {width: 30%; background: #FFF; padding:50px; border-radius: 50%;} .discoverJobs .icon img {width: 100%; height: auto; } .discoverJobs .copy {width: 65%;} #content .discoverJobs h2, #content .discoverJobs h3, #content .discoverJobs p {color: white;} .discoverJobs .copy {display: flex; flex-direction: column; justify-content: center; } /*==================== Sub page - Contact us ====================*/ /* Contact Form (Ninja Forms)*/ #nf-form-21-cont .nf-before-form-content { display: none; } /* Contact Form 7 - NO LONGER IN USE*/ div.wpcf7 p { font-size: 16px; clear: right; } div.wpcf7 input, div.wpcf7 textarea { background: #F4F4F4; width: 100%; padding: 10px; border: none; margin-bottom: 10px; } div.wpcf7 input::placeholder, div.wpcf7 textarea::placeholder { color: #606060; font-size: 14px; } div.wpcf7 input.wpcf7-submit, #content div.wpcf7 input.wpcf7-submit { background: #0064B0; color: #fff; font-size: 14px; text-transform: uppercase; width: 315px; float: right; padding: 15px 5px; border: none; margin: 5px 0px; } div.wpcf7 input.wpcf7-submit:hover { opacity: 0.8; } div.wpcf7 select { background: #003F8E; color: #fff; font-size: 16px; width: 100%; padding: 10px; border: none; margin: 5px 0px; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { color: #000; border: none; } span.wpcf7-not-valid-tip { color: #000; } div.wpcf7-mail-sent-ok { color: #fff; font-weight: bold; padding: 0px; border: none; margin: 10px 0px; } #content .form textarea { width: 100%; max-width: 100%; } #content .form input[type=text], #content .form input[type=email], #content .form input[type=tel], #content .form input[type=url], #content .form textarea { max-width: 100%; } #content .form input, #content .form textarea, #content .form select { padding: 5px; } div#wpcf7-f189-o1.wpcf7 { position: relative; } div.wpcf7 p.form-name { width: 65%; float: left; margin-bottom: 0px; } div.wpcf7 p.form-email { width: 65%; float: left; margin-bottom: 0px; } div.wpcf7 p.form-name input, div.wpcf7 p.form-email input { background: #B4D1E7; height: 48px; padding: 10px; } div.wpcf7 p.form-email input { margin-bottom: 0px; } div.wpcf7 p.form-submit { width: 30%; float: right; margin-bottom: 0px; } div.wpcf7 p.form-submit input.wpcf7-submit, #content div.wpcf7 p.form-submit input.wpcf7-submit { width: 100%; height: 48px; padding: 10px; margin: 0; } div#wpcf7-f189-o1 span.ajax-loader { position: absolute; top: 115px; } /*Google reCAPTCHA Badge*/ .grecaptcha-badge { opacity: 0 !important; } .page-id-21 .grecaptcha-badge { opacity: 1 !important; } /*Jobs -> Recruitment*/ body.page-id-2658 .wp-block-column { align-self:center; } body.page-id-2713 .wp-block-column { align-self:center; } /*==================== Ninja Forms ====================*/ .nf-form-title, .nf-before-form-content {text-align: center;} .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {background: var(--ds-darkblue)!important; min-width: 200px; text-align:center;} .nf-error-msg, .ninja-forms-req-symbol { font-size: clamp(12px, 3vw, 14px); } .nf-after-form-content .nf-error-msg:last-of-type { margin-bottom: 1.75em; } .nf-field-label .nf-label-span, .nf-field-label label { font-size: 18px; line-height: 20px; } /* 2025 Forms */ :has(body.page-id-12147, body.page-id-12151) { .nf-before-form-content, .ninja-forms-req-symbol { display: none; } } /*Shop list Div*/ .shopCategory { margin-bottom: 2em; } .shopCategory h2, #content .shopCategory h2 { font-weight: bold; padding-top: 0; } .shopList { display: flex; flex-wrap: wrap; } .shopList a { color: var(--ds-darkblue); font-size: 1.1em; flex-basis: calc(100%/3); padding: 10px 0; } /* ----- Details Block (WordPress Show/Hide Block) ----- */ .wp-block-details { user-select: none; margin-bottom: 10px; } .wp-block-details summary { background-color: var(--ds-darkblue); color: #fff; font-size: 1em; font-weight: normal; padding: 20px; cursor: pointer; transition: margin 150ms ease-out; } .wp-block-details.large summary { font-size: 1.2em; } .wp-block-details[open] summary { margin-bottom: 10px; } .entry-content .wp-block-details:last-of-type:not(:last-child) { padding-bottom: 1em; margin-bottom: 5px; } .entry-content .wp-block-details:last-child { margin-bottom: 0; } .wp-block-details h5 { font-weight: bold; padding-top: 20px; } /*==================== Media Queries ====================*/ @media (min-width: 1680px) { .eventsRow { padding: 0 10%; } } @media (max-width: 1679px) { .eventsRowContainer { padding-left: 60px; padding-right: 60px; } } @media (max-width: 1340px) { .eventsRowContainer { padding-left: 20px; padding-right: 20px; } .site-width { padding: 0 20px; } } @media (max-width: 1280px) { /*Small Desktop*/ /*==================== Header ====================*/ .site-width { padding: 0 10px; } span.logoText { font-size:0.5em;} .header {position: initial;} body.hasFI .header, body.home .header {position: initial;} /*==================== Home Page ====================*/ /*==================== news grid ====================*/ .news-post,.news-post:nth-of-type(6n+1),.news-post:nth-of-type(6n+2),.news-post:nth-of-type(6n+3),.news-post:nth-of-type(6n+4),.news-post:nth-of-type(6n+5),.news-post:nth-of-type(6n+6) {flex-basis:32.5%;} /*==================== Events output ====================*/ .eventsRow { padding: 0;} .newsletterText { width: 580px; } .newsletterText .image { width: 100%; float: left; padding: 20px 0px; } .newsletterForm { vertical-align: middle; } } @media (max-width: 1029px) { /*Tablet*/ span.logoText { font-size:1em;} .submenuhome li { flex-basis: calc(100% / 3); } /*==================== news grid ====================*/ .news-post,.news-post:nth-of-type(6n+1),.news-post:nth-of-type(6n+2),.news-post:nth-of-type(6n+3),.news-post:nth-of-type(6n+4),.news-post:nth-of-type(6n+5),.news-post:nth-of-type(6n+6) { flex-basis: 49%; } .newsletterText { width: 100%; } .newsletterForm { width: 100%; float: left; padding: 20px 0px; } } @media (max-width: 960px) { /*==================== Home Page ====================*/ .homeOverLay { width: 60%; margin-top: 10vw;} .homeIntroPanel h1.page-title {text-align:center;} .homeIntroPanelCopy {flex-basis:100%; text-align:center;} .homeIntroPanelImage {flex-basis:100%;} .homeIntroPanel p { padding-right: 0%; } .homeIntroPanel a.ctaSmall {max-width: unset; padding-top:10px;padding-bottom:10px;} /*==================== Offer grid ====================*/ .grid div:nth-of-type(3) {order:0;} /*set order back to the default of 0*/ .grid div.gridText {flex-basis: 60%; } .grid div.gridImage {flex-basis: 40%; } .grid div p { padding-bottom: 10px; } /*==================== Events ====================*/ .eventSingle .post-wrap { flex-wrap: wrap; } .eventSingle .eventImage { width: 100%; flex-basis: 100%; order: 1; } .eventSingle .eventCopy { width: 100%; flex-basis: 100%; order: 2; } /*==================== Map Styles ====================*/ .singleGem .gemCopy {flex-basis:50%; } .singleGem .gemImage {flex-basis: 50%; } /*==================== Jobs page ====================*/ .discoverJobs .icon, .discoverJobs .copy { width: 48% } /*==================== Footer ====================*/ #footer{flex-wrap: wrap; justify-content: space-around;} #middleFooter {order: 1; flex-basis:100%;} #footerBID {order: 2; flex-basis:25%;} #smFooter {order: 3; flex-basis:25%;} .shopList a {flex-basis:calc(100%/2); } } @media (max-width: 767px) { /*Mobile*/ span.logoText { font-size:0.8em;} /*==================== Nav ====================*/ #menuBox { width: 100%; background-color: var(--ds-darkblue);} .nav li a{font-size:1.5em;} /*==================== Home Page ====================*/ .homeOverLay { display: none; } /*==================== News grid ====================*/ .news-post,.news-post:nth-of-type(6n+1),.news-post:nth-of-type(6n+2),.news-post:nth-of-type(6n+3),.news-post:nth-of-type(6n+4),.news-post:nth-of-type(6n+5),.news-post:nth-of-type(6n+6) { flex-basis: 100%; } /*==================== Offers grid ====================*/ .grid div.gridText, .grid div.gridImage {flex-basis: 100%; } .grid div p { padding-bottom: 10px; } /*==================== Events Output ====================*/ .eventSingle { flex-direction:column; } .eventSingle:nth-child(even) .eventImage { order: 0; } .eventImage { padding-top: 60%; } .eventCopy { padding:10px; } .eventCopy a.readMoreLink {display:block; text-align: center;} .marker { width: calc(100%/4); } #gemsMapCont #gemsKeyCont {display: none;} #gemsMapCont #map {height: 500px;} .singleGem { flex-direction: column; } .singleGem .gemCopy {flex-basis:100%; order: 1; } .singleGem .gemCopy a.cta { width: 100%; } .singleGem .gemImage {flex-basis: 100%; } #directoryInfoDetails { flex-basis: 100%; } #directoryInfoMap { flex-basis: 100%; } body.single-directory .featured-image .image img { aspect-ratio: 21/9; object-fit: cover; } } @media (max-width: 670px) { .discoverJobs {flex-direction: column;} .discoverJobs:nth-of-type(2) {flex-direction: column;} .discoverJobs .icon, .discoverJobs .copy {width: 100%;} .discoverJobs .icon {padding-left: 20%; padding-right: 20%;} #middleFooter {order: 1; flex-basis:100%;} #footerBID {order: 3; flex-basis:80%;} #smFooter {order: 2; flex-basis:50%;} } @media (max-width: 542px) { span.logoText { font-size:0.7em;} .inner-header { display: flex; } .inner-header .right { flex-grow: 1; } .shopList a {flex-basis:100%; padding-bottom: 15px; } } @media (max-width: 480px) { /*Small Mobile*/ span.logoText { font-size:1em;} .inner-header {flex-direction: column;} /*.inner-header div {width: 100%;}*/ .logoDiv {padding: 10px 15%;} #smIcons {display: flex; justify-content: center; align-items: center; } .submenuhome li { flex-basis: calc(100% / 2); } input#mce-NAME, input#mce-EMAIL, input#mc-embedded-subscribe { width: 100%; } .marker { width: calc(100%/3); } body.single-directory .featured-image .image img { aspect-ratio: 16/9; object-fit: cover; } } @media (max-width: 380px) { span.logoText { font-size:0.9em;} }