:root { --black: #000; --white: #FFF; --cream: #F1EDDE; --lightblue: #738DC8; --darkblue: #346188; --lightgreen: #C7E0DE; --darkgreen: #149E95; --yellow: #FBE600; --salmon: #E6CFC0; --copy: #636363; --grey: #E5E5E5; --lightgrey: #F2F2F2; } ::selection {background:var(--cream);color:var(--darkgreen);} ::-moz-selection {color:var(--darkgreen);} html {scroll-behavior:smooth;} body {color:var(--copy) !important;font-family:'Heebo', sans-serif !important;font-size:400;font-size:18px !important;} button:focus, .btn:focus, .btn:active {outline:none !important;box-shadow:none !important;outline:0;} a {text-decoration:none !important;color:var(--darkgreen) !important;} dl, ol, ul {margin-left:20px;} :focus {outline:none;} ::-moz-focus-inner {border:0;} p {margin:8px 0 !important;} ul {padding-left:0 !important;} h1 {color:var(--darkblue) !important;font-weight:900 !important;font-size:60px !important;background-image:linear-gradient(45deg, var(--darkgreen), var(--darkblue));background-size:100%;background-repeat:repeat;-webkit-background-clip:text;-webkit-text-fill-color:transparent; -moz-background-clip:text;-moz-text-fill-color:transparent;} h2 {color:var(--darkblue) !important;font-weight:900 !important;font-size:30px !important;padding:20px 0;} strong {color:var(--darkblue);font-weight:800 !important;} blockquote {background:var(--lightgreen);padding:20px;} .scroll-to-top {background:var(--darkgreen);display:none;position:fixed;cursor:pointer;z-index:999;border-radius:100%;-webkit-transition:background-color 1s ease-out;-moz-transition:background-color 1s ease-out;-o-transition:background-color 1s ease-out;transition:background-color 1s ease-out;} .scroll-to-top:before {font-family:"Font Awesome\ 6 Free";content:"\f077";color:var(--yellow);font-weight:700;} .scroll-down {position:relative;top:-30px;left:50%;transform:translate(-50%, -50%);display:inline-block;background:var(--white);padding:10px;} .scroll-down a {padding:10px 16px;border:1px solid var(--darkgreen);border-radius:100%;display:block;} .sticky-top {top:-1px !important;} #breadcrumb {border-bottom:1px solid var(--grey);} #breadcrumb .breadcrumb {margin:0;} .title {font-size:30px;line-height:34px;color:var(--darkblue);} .sub-title {font-size:30px;} .btn {--bs-btn-border-radius:0 !important;font-family:'Pragati Narrow', sans-serif !important;--bs-btn-font-size:24px !important;--bs-btn-padding-x:40px !important;--bs-btn-padding-y:20px !important;} .btn-primary {--bs-btn-color:var(--darkgreen) !important;--bs-btn-bg:var(--white) !important;--bs-btn-border-color:transparent !important;--bs-btn-hover-color:var(--white) !important;--bs-btn-hover-bg:var(--darkgreen) !important;--bs-btn-hover-border-color:var(--darkgreen) !important;color:var(--darkgreen) !important;} .btn-primary.btn:focus, .btn-primary.btn:active {background:var(--white);color:var(--darkgreen) !important;} .btn-primary:hover {color:var(--white) !important;} .btn-secondary {--bs-btn-color:var(--white) !important;--bs-btn-bg:var(--darkgreen) !important;--bs-btn-border-color:transparent !important;--bs-btn-hover-color:var(--darkgreen) !important;--bs-btn-hover-bg:var(--white) !important;--bs-btn-hover-border-color:var(--white) !important;color:var(--white) !important;} .btn-secondary.btn:focus, .btn-secondary.btn:active {background:var(--yellow);color:var(--yellow);} .btn-secondary:hover {background:var(--yellow) !important;color:var(--darkgreen) !important;} .btn-tertiary {--bs-btn-color:var(--darkgreen) !important;--bs-btn-bg:var(--cream) !important;--bs-btn-border-color:transparent !important;--bs-btn-hover-color:var(--white) !important;--bs-btn-hover-bg:var(--darkblue) !important;--bs-btn-hover-border-color:transparent !important;} .btn-quaternary {--bs-btn-color:var(--darkgreen) !important;--bs-btn-bg:var(--lightgreen) !important;--bs-btn-border-color:transparent !important;--bs-btn-hover-color:var(--yellow) !important;--bs-btn-hover-bg:var(--darkgreen) !important;--bs-btn-hover-border-color:transparent !important;} .highlight-block {background:var(--cream);border:2px solid var(--grey);padding:15px;} .highlight-block ul {margin-bottom:0;} .border-block {border:2px solid var(--grey);padding:15px;height:100%;} th {color:var(--darkgreen);} .green {color:var(--darkgreen);} header {font-size:22px;color:var(--darkgreen);font-family:'Pragati Narrow', sans-serif;background:var(--white);transition: 0.3s;} header img {height:80px;padding:8px 0;} header p.number {padding:25px 40px;margin:0 !important;} header .contact {text-transform:uppercase;} header .contact .contacts a {color:var(--darkgreen) !important;padding:25px 40px;font-size:22px;} header a:hover {color:var(--darkblue);} header .contact .contacts .btn-primary {background:var(--darkgreen);color:var(--yellow) !important;border:none;} header .contact .contacts .btn-primary:hover {background:var(--yellow);color:var(--darkgreen) !important;border:none;} header .contact .contacts .btn-secondary {background:var(--darkblue);color:var(--white) !important;border:none;} header .contact .contacts .btn-secondary:hover {color:var(--darkblue) !important;background:var(--salmon);border:none;} .dropdown-toggle {text-transform:uppercase;font-family:'Pragati Narrow', sans-serif;font-size:24px !important;font-weight:800 !important;} .dropdown-toggle::after {border:none !important;font-family:"Font Awesome\ 6 Free";content:"\f078" !important;font-weight:700;position:relative;right:-5px;top:4px;transition:transform 0.6s;transform-style:preserve-3d;color:var(--darkgreen);} .dropdown-toggle[aria-expanded="false"],.nav-link:focus {color:var(--black) !important;} .dropdown-toggle.show {color:var(--darkgreen) !important;} .dropdown-toggle.show::after {transform:rotateX(180deg);top:6px;} .dropdown-menu {border:none !important;border-radius:0 !important;} .dropdown-menu[data-bs-popper] {margin-top:0 !important;} .navbar {--bs-navbar-padding-y:0 !important;--bs-navbar-color:var(--black) !important;border-top:1px solid var(--grey);border-bottom:1px solid var(--grey);} .navbar .megamenu {color:var(--black);font-weight:300;font-size:24px;} .navbar .megamenu .nav-link {color:var(--copy) !important;padding:8px 0 !important;} .navbar .megamenu .donation {background:var(--cream);} .navbar .megamenu .title {font-weight:700;font-size:28px;} .navbar .megamenu .btn-primary {background:var(--white);color:var(--darkgreen) !important;--bs-btn-border-color:transparent !important;--bs-btn-hover-color: var(--white) !important;--bs-btn-hover-bg:var(--darkgreen) !important;--bs-btn-hover-border-color:transparent;} .navbar .megamenu .btn-primary:hover {background:var(--darkgreen);color:var(--white) !important;} .navbar .megamenu .fom {padding:0;color:var(--darkgreen);} .navbar .nav {margin-left:0;} @keyframes slideIn { 0% {transform:translateY(1rem);opacity:0;} 100% {transform:translateY(0rem);opacity:1;} 0% {transform:translateY(1rem);opacity:0;} } @-webkit-keyframes slideIn { 0% {-webkit-transform:transform;-webkit-opacity:0;} 100% {-webkit-transform:translateY(0);-webkit-opacity:1;} 0% {-webkit-transform:translateY(1rem);-webkit-opacity:0;} } .slideIn {-webkit-animation-name:slideIn;animation-name:slideIn;} #cookieModal .modal-content {border-radius:0 !important;height:auto !important;min-height:100% !important;border:none !important;text-align:center;background:var(--cream);} #cookieModal .modal-content span {color:var(--purple);font-weight:700;} #cookieModal .modal-content .modal-header {display:block;border:none;color:var(--darkblue);font-family:'Raleway', sans-serif;font-size:30px;font-weight:700;} #cookieModal .modal-content .modal-footer {display:block;border:none;} /* Hamburger */ .drawer-hamburger {box-sizing:content-box;width:40px;height:14px;padding:30px 20px;-webkit-transition:all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);transition:all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);border:0;outline:0;background:var(--darkgreen);} .drawer-hamburger:hover {cursor:pointer;} .drawer-hamburger-icon {position:relative;display:block;margin-top:10px;} .drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {width:100%;height:4px;-webkit-transition:all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000);transition:all 1s cubic-bezier(0.190, 1.000, 0.220, 1.000);background-color:var(--yellow);border-radius:10px;top:-5px;} .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {position:absolute;top:-10px;left:0;content:' ';transition-duration:0.4s;} .drawer-hamburger-icon:after {top:10px;} .drawer-hamburger[aria-expanded="true"] .drawer-hamburger-icon:after {top:1px;} .drawer-hamburger[aria-expanded="true"] .drawer-hamburger-icon {background-color:transparent;} .drawer-hamburger[aria-expanded="true"] .drawer-hamburger-icon:before, .drawer-open .drawer-hamburger-icon:after {top:0;} .drawer-hamburger[aria-expanded="true"] .drawer-hamburger-icon:before {-webkit-transform:rotate(45deg);transform:rotate(45deg);} .drawer-hamburger[aria-expanded="true"] .drawer-hamburger-icon:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);} .hb1 {background:repeating-linear-gradient(-45deg,rgba(255, 255, 255, 0.05),rgba(255, 255, 255, 0.05) 5px,transparent 5px,transparent 20px);position:relative;color:var(--yellow);font-weight:600;font-size:40px;line-height:46px;overflow:hidden;height:100%;} .hb1:before {content:'';background:var(--darkblue);position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;} .hb1:after {content:'';background:url(../img/herring.svg) center top no-repeat;background-size:90%;width:100%;height:140px;position:absolute;bottom:0;right:-60%;z-index:-1;} .hb1 p:first-of-type {font-weight:900;font-size:60px;line-height:64px;padding:40px 0;} .hb1 a {margin-top:40px;} .hb2 {position:relative;color:var(--darkblue);font-weight:600;font-size:26px;line-height:30px;overflow:hidden;height:100%;} .hb2:before {content:'';background:var(--cream);position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;} .hb2:after {content:'';background:url(../img/herring.svg) center top no-repeat;background-size:100%;width:100%;height:200px;position:absolute;bottom:0;left:-60%;z-index:-1;} .hb2 p:first-of-type {font-weight:900;font-size:60px;line-height:64px;padding:40px 0;} .hb2 a {margin-top:40px;} .hb3 {position:relative;color:var(--cream);font-weight:600;font-size:26px;line-height:30px;overflow:hidden;height:100%;} .hb3:before {content:'';background:var(--darkgreen);position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;} .hb3:after {content:'';background:url(../img/the-herring-centre.jpg) center top no-repeat;background-size:cover;width:100%;height:100%;position:absolute;bottom:0;left:0;z-index:-1;opacity:0.2;} .hb3 p:first-of-type {font-weight:900;font-size:60px;line-height:64px;padding:40px 0;} .hb3 a {margin-top:40px;} .hb4 {background:var(--salmon);color:var(--darkblue);font-weight:600;font-size:26px;line-height:30px;height:100%;} .hb4 p:first-of-type {font-weight:900;font-size:60px;line-height:64px;padding:40px 0;} .hb4 a {margin-top:40px;} .hb5 {background:var(--yellow);color:var(--darkgreen);font-weight:600;font-size:26px;line-height:30px;height:100%;} .hb5 p:first-of-type {font-weight:900;font-size:60px;line-height:64px;padding:40px 0;} .hb5 a {margin-top:40px;} .hb6 {background:var(--yellow);color:var(--darkblue);} .hb6 p:first-of-type {font-weight:900;font-size:26px;line-height:30px;} .hb6 a {margin-top:40px;} .help .title {color:var(--darkblue);font-weight:900;font-size:60px;} .help .block {border:1px solid var(--grey);} .help .block p {padding:10px;} .help .block p:first-of-type {font-weight:800;font-size:24px;color:var(--darkblue);padding:0 10px;} .help .block a {border:1px solid var(--darkgreen);color:var(--white) !important;background:var(--darkgreen);border-right:transparent;font-family:'Pragati Narrow', sans-serif;position:relative;padding:20px 20px 20px 30px;margin-right:35px;display:inline-block;border-radius:6px;font-size:24px;} .help .block a:after {content: '';position:absolute;right:-24px;top:9px;width:58px;height:58px;border-top:1px solid var(--darkgreen);border-right:1px solid var(--darkgreen);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:6px;background:var(--darkgreen);z-index:-1;} .policies {background:repeating-linear-gradient(-45deg,rgba(255, 255, 255, 0.1),rgba(255, 255, 255, 0.1) 100px,transparent 100px,transparent 200px);position:relative;padding-bottom:250px;} .policies:before {content:'';background:var(--darkblue);position:absolute;width:100%;height:100%;z-index:-1;} .policies .block {background:var(--white);padding:60px 20px;height:100%;} .policies .block p:first-of-type {font-weight:800;} .policies .block p:last-of-type {} .policies:after {content:'';background:url(../img/herring.svg) center top no-repeat;background-size:100%;width:100%;height:200px;position:absolute;bottom:0;} .policies .title {color:var(--white);font-size:50px;font-weight:800;} .policies a {font-weight:800;color:var(--darkblue);} /* Fade in and slide on scroll elements */ .fade-in {opacity:0;transition: opacity 1s;} .come-in {transform:translateY(300px);animation:come-in 1s ease forwards;opacity:1;} .come-in:nth-child(odd) {animation-duration:0.1s;} .already-visible {transform:translateY(0);animation:none;opacity:1;} @keyframes come-in { to {transform:translateY(0);} } footer {font-size:16px;} footer strong {font-weight:800;} footer img {height:80px;} footer a {color:var(--black) !important;} footer ul {margin-left:0 !important;} footer .contact-row {background:var(--cream);text-transform:uppercase;} footer .contact-row p {font-size:24px;font-family:'Pragati Narrow', sans-serif;padding:25px 40px;margin:0 !important;color:var(--darkgreen);} footer .contact-row p a, footer .mobile-contact a {color:var(--darkgreen) !important;} footer .mobile-contact a:hover {color:var(--yellow) !important;} footer .contact-row .email {padding-left:40px;} footer .nav {--bs-nav-link-padding-x:5px;--bs-nav-link-padding-y:0;--bs-nav-link-color:var(--black) !important;} footer .nav-link {text-decoration:underline !important;} footer .btn-primary {background:var(--darkgreen);color:var(--yellow) !important;--bs-btn-border-color:transparent;--bs-btn-hover-color: var(--darkgreen) !important;--bs-btn-hover-bg:var(--yellow) !important;--bs-btn-hover-border-color:transparent !important;padding:25px 40px;} footer .btn-primary:hover {color:var(--darkgreen) !important;} footer .btn-secondary {background:var(--darkblue);color:var(--white) !important;--bs-btn-border-color:transparent;--bs-btn-hover-color: var(--darkblue);--bs-btn-hover-bg:var(--salmon);--bs-btn-hover-border-color:transparent;padding:25px 40px;} footer .btn-secondary:hover {color:var(--darkblue) !important;} footer .social a {color:var(--darkgreen) !important;transition: 0.3s;} footer .social a:hover {color:var(--darkblue);} .cta {color:var(--white);} .cta a,.cta a:hover {color:var(--white) !important;text-decoration:underline !important;} .cta .block {background:var(--cream);} .cta .block .green {background:var(--darkgreen);height:100%;} .cta .block .darkblue {background:var(--darkblue);height:100%;} .cta .block .lightblue {background:var(--lightblue);height:100%;} .cta .block .green p:first-of-type, .cta .block .darkblue p:first-of-type, .cta .block .lightblue p:first-of-type {font-weight:900;} .cta .image {position:relative;height:100%;overflow:hidden;display:flex;justify-content:center;} .cta .image img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);} .cta .image .copy {position:absolute;bottom:0;margin:20px;padding: 0px 18px;z-index:0;font-size:24px;font-weight:800;} .cta .image .copy:before {content:'';background:rgba(0,0,0,0.5);width:100%;height:100%;position:absolute;left:0;z-index:-1;} .support {background:repeating-linear-gradient(-45deg,rgba(255, 255, 255, 0.05),rgba(255, 255, 255, 0.05) 5px,transparent 5px,transparent 20px);position:relative;color:var(--darkblue);font-weight:600;font-size:26px;line-height:30px;overflow:hidden;} .support:before {content:'';background:var(--cream);position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;} .support p:first-of-type {font-weight:900;font-size:60px;line-height:64px;padding:40px 0;} .support a {margin-top:40px;} .news-blocks {position:relative;z-index:0;} .news-blocks:before {content:'';background:rgba(0,0,0,0.05);width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;} .news-blocks [class^='col'] {overflow:hidden;} .news-blocks .block {background:var(--white);padding:12px 20px;height:100%;} .news-blocks a {color:var(--darkblue);text-decoration:underline !important;font-weight:800;} .news-blocks p.title {font-weight:800;font-size:30px;color:var(--darkblue);padding:10px 0;} .hero {position:relative;overflow:hidden;} .hero .title {position:absolute;padding:15px 25px;background:var(--white);} .hero .title h1 {margin-bottom:0;} .hero-title {color:var(--darkblue);} .hero-title p:first-of-type {font-weight:900;font-size:40px;} .hero-title p {font-weight:600;font-size:24px;} .accordion-button {color:var(--darkgreen) !important;font-weight:700;} .accordion-button:focus {box-shadow:none !important;} .accordion-button:after {background-image: url("data:image/svg+xml,") !important;} .accordion-button[aria-expanded="true"] {background:var(--lightgrey) !important;} .accordion-flush .accordion-collapse {background:var(--lightgrey);} .wwd-hero .image .copy {padding:20px;z-index:0;font-size:24px;font-weight:800;} .wwd-hero .image .copy:before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;} #donate {background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(20,158,149,1) 50%);color:var(--white);} #donate [class^='col'] {background:var(--darkgreen);} #donate a {border:1px solid var(--white);background:var(--white);border-right:transparent;font-family:'Pragati Narrow', sans-serif;position:relative;padding:20px 20px 20px 30px;margin-right:35px;display:inline-block;border-radius:6px;font-size:24px;z-index:0;} #donate a:after {content: '';position:absolute;right:-24px;top:9px;width:58px;height:58px;border-top:1px solid var(--white);border-right:1px solid var(--white);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:6px;background:var(--white);z-index:-1;} #donate p:first-of-type {font-weight:800;font-size:30px;} #donate [class^='col']:last-of-type p:first-of-type {font-weight:400;} #support {position:relative;} #support:before {content:'';background:var(--grey);position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;opacity:0.5;} #support blockquote {height:100%;background:var(--yellow);border:2px solid var(--grey);margin-bottom:0 !important;} #support blockquote .title {display:block;font-size:40px;font-weight:800;} #meet-the-team {position:relative;} #meet-the-team:before {content:'';background:var(--cream);position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;opacity:1;} #meet-the-team .title {font-weight:800;font-size:60px;color:var(--darkgreen);background-image:linear-gradient(45deg, var(--darkgreen), var(--darkblue));background-size:100%;background-repeat:repeat;-webkit-background-clip:text;-webkit-text-fill-color:transparent; -moz-background-clip:text;-moz-text-fill-color:transparent;} #meet-the-team .name-and-title {background:var(--white);padding:20px;} /* #meet-the-team .name-and-title:before {content:"";display:inline-block;width:0;height:0;border-style:solid;border-width:0 20px 20px 20px;border-color:transparent transparent var(--white) transparent;position:relative;top:-20px;} */ #meet-the-team .name-and-title p:first-of-type {font-weight:800;line-height:26px;color:var(--darkblue);} #meet-the-team .colleague {border:2px solid transparent;transition: 0.3s;position:relative;} #meet-the-team .colleague:hover {border:2px solid var(--darkgreen);box-shadow:0 5px 10px rgb(181 181 181 / 50%);} #meet-the-team img {opacity:1;display:block;width:100%;height:auto;transition:.5s ease;backface-visibility:hidden;} #meet-the-team .colleague:hover img {opacity:0;} #meet-the-team .overlay {transition:.5s ease;opacity:0;position:absolute;top:30%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);text-align:center;width:100%;} #meet-the-team .colleague:hover .overlay {opacity:1;} #meet-the-team .overlay .btn-primary {background:var(--darkgreen);color:var(--yellow) !important;padding:15px 30px;} #meet-the-team .overlay .btn-primary:hover {background:var(--yellow);color:var(--darkgreen) !important;border:none;} #meet-the-team .overlay .nav {margin-bottom:30px;} #meet-the-team .overlay .nav-link {border:1px solid var(--darkgreen);border-radius:100%;color:var(--yellow);padding:12px 16px;margin:0 10px;} #tl-hero {position:relative;} #tl-hero:before {content:'';background:var(--cream);position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;opacity:1;} #tl-hero p:first-of-type {font-size:30px;font-weight:800;line-height:30px;} #primary-bg {position:relative;} #primary-bg:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;opacity:1;} #primary-bg .btn-primary {background:var(--darkgreen);color:var(--yellow) !important;border:transparent;} #primary-bg .btn-primary:hover {background:var(--yellow);color:var(--darkgreen) !important;border:transparent;} #primary-bg p.title {font-weight:800;font-size:30px;} #primary-bg img {object-fit:cover;max-height:350px;} .modal .modal-content {border-radius:0;border:none;background:var(--white);} .modal .modal-header {padding:0;border:none;border-radius:0;} .modal .modal-footer {border-top:none;} .modal .btn-close {background-color:var(--darkgreen) !important;border-radius:0;opacity:1;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FBE600'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;padding:30px;position:absolute;right:0;z-index:1;} .modal .btn-primary {background:var(--darkgreen) !important;padding:15px 30px;color:var(--yellow) !important;} .modal .title {font-size:30px;font-weight:800;color:var(--darkgreen);} .modal .nav-link {border:1px solid var(--darkgreen);border-radius:100%;color:var(--yellow);padding:12px 16px;margin:0 10px;} #talk-to-us {background:var(--darkgreen);color:var(--white);} #talk-to-us strong {font-size:30px;color:var(--white);} #talk-to-us .btn-primary:hover {background:var(--yellow);color:var(--darkgreen) !important;} .card {border:2px solid var(--grey) !important;border-radius:0 !important;padding:10px !important;background:repeating-linear-gradient(-45deg,rgba(0, 0, 0, 0.02),rgba(0, 0, 0, 0.02) 5px,transparent 4px,transparent 15px) !important;} .card:before {content:'';width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;} .card p:first-of-type {font-weight:800;font-size:30px;} .card.call {border:2px solid var(--darkblue) !important;color:var(--cream);} .card.call:before {background:var(--darkblue);} .card.email {} .card.email:before {background:var(--cream);} .card.email p:first-of-type {color:var(--darkblue);} .card.visit {} .card.visit:before {} .card.visit p:first-of-type {color:var(--darkblue);} #news {} #news span {display:block;color:var(--black);} #news span.title {font-weight:900;} #news div {position:relative;margin-top:0;} #news [class^='col']:nth-child(odd) div:before {background:var(--yellow);} #news [class^='col']:nth-child(even) div:before {background:var(--lightgreen);} #news [class^='col'] div {transition: 0.3s;position:relative;padding:20px 20px 80px 20px;height:100%;} #news [class^='col'] div:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;transition:all 0.5s ease-in-out;} #news [class^='col'] div:after {content:'read more /';color:var(--black);border-bottom:1px solid var(--black);position:absolute;bottom:20px;right:20px;} .date {border-top:4px solid var(--grey);border-bottom:4px solid var(--grey);color:var(--darkgreen);} #case-studies {} #case-studies span {display:block;color:var(--black);} #case-studies span.title {font-weight:900;} #case-studies div {position:relative;} #case-studies [class^='col']:nth-child(odd) div:before {background:var(--salmon);} #case-studies [class^='col']:nth-child(even) div:before {background:var(--lightblue);} #case-studies [class^='col'] div {transition: 0.3s;position:relative;padding:20px 20px 80px 20px;height:100%;} #case-studies [class^='col'] div:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;transition:all 0.5s ease-in-out;} #case-studies [class^='col'] div:after {content:'read more /';color:var(--black);border-bottom:1px solid var(--black);position:absolute;bottom:20px;right:20px;} #careers {} #careers span {display:block;color:var(--black);} #careers span.title {font-weight:900;} #careers div {position:relative;} #careers [class^='col']:nth-child(odd) div:before {background:var(--lightgreen);} #careers [class^='col']:nth-child(even) div:before {background:var(--lightblue);} #careers [class^='col'] div {transition: 0.3s;position:relative;padding:20px 20px 80px 20px;height:100%;} #careers [class^='col'] div:before {content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;transition:all 0.5s ease-in-out;} #careers [class^='col'] div:after {content:'read more /';color:var(--black);border-bottom:1px solid var(--black);position:absolute;bottom:20px;right:20px;} .job-details {border-bottom:4px solid var(--grey);color:var(--darkgreen);} .job-details span {color:var(--copy);} .download a:before {font-family:"Font Awesome 5 Free";font-weight:900;content:"\f019";padding-right:15px;} #gallery {} #gallery .card {margin:0 0.5em;border:none !important;padding:0 !important;background:none !important;} #gallery .carousel-control-prev {left:2%;} #gallery .carousel-control-next {right:2%;} #gallery .carousel-control-prev, #gallery .carousel-control-next {background-color:var(--darkgreen);width:6vh;height:6vh;border-radius:50%;top:50%;transform:translateY(-50%);} #gallery .carousel-control-prev-icon {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='2 0 16 16' fill='%23FBE600'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");} #gallery .carousel-control-next-icon {background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FBE600'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");} @media only screen and (max-device-width: 1366px) { } @media screen and (max-width: 991px) { body {padding-top:74px;} .navbar-collapse.collapsing::before,.navbar-collapse.show::before {content:'';position:absolute;width:100%;background:rgba(0,0,0,0.5);z-index:-1;height:100vh;left:0;top:100%;} .dropdown-toggle::after, .dropdown-toggle.show::after {position:absolute;right:0px;top:18px;} .navbar {border-bottom:none;} .navbar .nav-link {padding:20px 0;} header img {height:74px;} header .btn-secondary {padding:18px 20px !important;} } @media screen and (min-width: 991px) { body {padding-top:161px;} .dropdown-toggle {padding:15px 30px !important;} .dropdown-toggle.show::before {content:'';position:absolute;width:100%;background:rgba(0,0,0,0.5);z-index:-1;height:100vh;left:0;top:100%;} .drawer-hamburger {display:none;} .navbar .has-megamenu {position:static!important;} .navbar .megamenu {left:0; right:0; width:100%; margin-top:0;padding:1rem;filter: drop-shadow(0px 7px 4px rgba(0,0,0,0.1));border-top:1px solid var(--grey) !important;border-bottom:8px solid var(--darkblue) !important;} footer .accreditations img {padding-left:20px;} } @media screen and (max-width: 766px) { body {padding-top:75px;} .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {max-height:90vh;margin-top:10px;} .dropdown-menu[data-bs-popper] {--bs-dropdown-bg:transparent;} footer .contact-row .btn {width:50%;} footer .accreditations img {padding:20px 20px 0 0;} footer .accreditations a:last-of-type img {padding:20px 0 0 0;} .policies {padding-bottom:100px;} .policies:after {height:100px;} .cta .image {height:500px;} .hero img {height:70vh;position:relative;left:50%;transform:translate(-50%, 0%);} .wwd-hero .image .copy {position:relative;color:var(--darkblue);} .wwd-hero .image .copy:before {background:rgba(0,0,0,0.05);} #gallery .card {margin:0;} } @media screen and (min-width: 766px) { .navbar .megamenu .nav-link::before {font-family:"Font Awesome\ 6 Free";content:"\f054";font-weight:700;padding: 0 10px 0 0;color:var(--darkgreen);} .animate {animation-duration:0.3s;-webkit-animation-duration:0.3s;animation-fill-mode:both;-webkit-animation-fill-mode:both;} .blocks [class^='col'],.blocks .block, .blocks [class^='col'] .image img {transition:all 0.5s ease-in-out;} .blocks [class^='col'] .image {overflow:hidden;} .blocks .block:hover {cursor: url("../img/pointer.svg") 16 16, pointer;background:green;} .blocks [class^='col']:hover img {transform: scale(1.5);} .cta .block .green a, .cta .block .darkblue a, .cta .block .lightblue a {padding-top:100px;display:block;} .hero-title [class^='col'] {background:var(--white);position:relative;top:-100px;} .hero img {width:100%;} .wwd-hero .image {position:relative;height:100%;overflow:hidden;display:flex;justify-content:center;} .wwd-hero .image img {height:550px;width:100%;-o-object-fit:cover;object-fit:cover;} .wwd-hero .image .copy {position:absolute;bottom:0;left:0;right:0;margin:30px 80px;color:var(--white);} .wwd-hero .image .copy:before {background:rgba(0,0,0,0.5);} /* #careers [class^='col'] div:hover:before {opacity:0.5;} */ #careers [class^='col'] div:hover {border:2px solid var(--darkblue);box-shadow:0 5px 10px rgb(181 181 181 / 50%);} /* #news [class^='col'] div:hover:before {opacity:0.5;} */ #news [class^='col'] div:hover {border:2px solid var(--darkblue);box-shadow:0 5px 10px rgb(181 181 181 / 50%);} /* #case-studies [class^='col'] div:hover:before {opacity:0.5;} */ #case-studies [class^='col'] div:hover {border:2px solid var(--darkblue);box-shadow:0 5px 10px rgb(181 181 181 / 50%);} #careers [class^='col'] div, #news [class^='col'] div, #case-studies [class^='col'] div {border:2px solid transparent;} #gallery .carousel-item {margin-right:0;flex:0 0 50%;display:block;} #gallery .carousel-inner {display:flex;} #gallery .carousel-inner {padding:0 1em;} #gallery .carousel:before {content:'';background: linear-gradient(to right, var(--white) 20%, rgba(255, 0, 0, 0));width:150px;height:100%;position:absolute;top:0;left:0;z-index:1;} #gallery .carousel:after {content:'';background: linear-gradient(to left, var(--white) 20%, rgba(255, 0, 0, 0));width:150px;height:100%;position:absolute;top:0;right:0;} } @media screen and (min-width: 575px) { .scroll-to-top {bottom:20px;right:20px;padding:15px 23px;} .scroll-to-top:before {font-size:26px;} /*.modal-content {-webkit-clip-path:polygon(15% 0%, 100% 0, 100% 73%, 75% 100%, 0 100%, 0 22%);clip-path:polygon(15% 0%, 100% 0, 100% 73%, 75% 100%, 0 100%, 0 22%);}*/ .modal-content {box-shadow:rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px,rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px,rgba(0, 0, 0, 0.09) 0px -3px 5px;} .dropdown-toggle:hover {color:var(--darkgreen) !important;} .nav-link:hover {color:var(--darkgreen) !important;} .navbar .megamenu .nav-link:hover {color:var(--darkgreen) !important;} .navbar .megamenu .nav-item {width:50%;} .hero .title {top:40px;left:40px;} } @media screen and (max-width: 575px) { .scroll-to-top {bottom:10px;right:10px;padding:13px 19px;} .scroll-to-top:before {font-size:16px;} .modal-dialog {width:100% !important;height:100% !important;margin:0 !important;padding:0 !important;max-width:none !important;min-height:100% !important;} footer img {height:64px;} .hb1, .hb2, .hb3, .hb4, .hb5, .hb6 {font-size:26px;line-height:30px;} .hb1:after {height:70px;} .hb1 p:first-of-type, .hb2 p:first-of-type, .hb3 p:first-of-type, .hb4 p:first-of-type, .hb5 p:first-of-type {font-size:40px;line-height:40px;padding:20px 0;} .policies .block {padding:20px;} .hero h1 {top:20px;left:20px;right:20px;font-size:34px !important;display:inline-table;} .title {font-size:20px !important;line-height:24px;} h1 {font-size:45px !important;} .sub-title {font-size:24px !important;} }