/* Theme Name: WeFrame Author: Sam Britton Description: Wordpress Website Theme Version: 1.1 */ /* apply a natural box layout model to all elements, but allowing components to change */ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } @font-face { font-family: 'Cera Pro'; src: url('fonts/CeraPro-Regular.woff2') format('woff2'), url('fonts/CeraPro-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Cera Pro'; src: url('fonts/CeraPro-Medium.woff2') format('woff2'), url('fonts/CeraPro-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Cera Pro'; src: url('fonts/CeraPro-Bold.woff2') format('woff2'), url('fonts/CeraPro-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } :root { interpolate-size: allow-keywords; --ff-body: 'Cera Pro', serif; --ff-head: bold; --primary-clr: #2bb2f9; --secondary-clr: #f4b73f; --third-clr: #ad1c6d; --fourth-clr: #f580ac; --txt-clr: #141414; --btn-radius: 6px; } .has-theme-colour-1-background-color {background:var(--primary-clr);} .has-theme-colour-1-color {color:var(--primary-clr);} .has-theme-colour-2-background-color {background:var(--secondary-clr);} .has-theme-colour-2-color {color:var(--secondary-clr);} .has-theme-colour-3-background-color {background:var(--third-clr);} .has-theme-colour-3-color {color:var(--third-clr);} .has-theme-colour-4-background-color {background:var(--fourth-clr);} .has-theme-colour-4-color {color:var(--fourth-clr);} html {height:100%;scroll-behavior:smooth;} body{font-family:var(--ff-body);color:var(--txt-clr);background:#f6f6f5;font-size:130%;margin:0;padding:0;overflow-x:hidden;position:relative;font-weight:300;} /* body { */ /* background: linear-gradient( */ /* -45deg, */ /* var(--primary-clr), */ /* var(--secondary-clr), */ /* var(--third-clr), */ /* var(--fourth-clr) */ /* ); */ /* background-size: 400% 400%; */ /* animation: gradientFade 30s ease infinite; */ /* transition: background 1s ease-in-out; */ /* } */ /* @keyframes gradientFade { */ /* 0% { */ /* background-position: 0% 50%; */ /* } */ /* 50% { */ /* background-position: 100% 50%; */ /* } */ /* 100% { */ /* background-position: 0% 50%; */ /* } */ /* } */ input,select,textarea,button {font-family:var(--ff-body);} /*Styling*/ h1,h2,h3,h4,h5,h6{margin:15px 0;line-height:110%;} img {border:none;max-width:100%;height:auto;} a{color:var(--txt-clr);} a:focus {background-color:var(--primary-clr);color:#000;box-shadow: 0 -2px var(--primary-clr), 0 4px var(--secondary-clr);outline: 3px solid transparent;text-decoration:none;} p {margin:15px 0;line-height:150%;} h1 {font-size: 2.4rem;} h2 {font-size: 2.2rem;} h3 {font-size: 2rem;} h4 {font-size: 1.8rem;} h5 {font-size: 1.4rem;} h6 {font-size: 0.8rem;} .main-logo {width:160px;} strong {font-weight:bold;} /* main {position:relative;z-index:5;} */ /* main:before {content:"";display:block;background: linear-gradient(to right top, #db9228 0%, #9b661a 50%, #e6f0f5 50%);height:calc(100% - 100vh + 6px);width:100%;position:absolute;top:0;left 0;} */ /* main:after {content:"";display:block;background:#fff;height:calc(100vh - 6px);width:100%;position:sticky;bottom:0;left:0;} */ /*Accessible Width and Fixes*/ body:not(.home) .post > h1,body:not(.home) .post > h2,body:not(.home) .post > h3,body:not(.home) .post > h4,body:not(.home) .post > p,.post > .wp-block-list,.dt-container,#gform_wrapper_3,article > .wp-block-buttons,.post > .wp-block-quote,.post > .accordion-block,.post > .wp-block-buttons,.post > .wp-block-embed,.wp-block-group__inner-container > h2,.wp-block-group__inner-container > h3,.wp-block-group__inner-container > h4,.wp-block-group__inner-container > p,.post > .gform_wrapper,.post > .wp-block-list {width:900px;max-width:100%;margin:0 auto!important;} .wp-block-cover.alignwide {width:unset;max-width:unset;margin-left:unset!important;} .dt-container {width:1200px;} #footer-widgets h1,#footer-widgets h2,#footer-widgets h3,#footer-widgets h4,#footer-widgets p {width:unset;max-width:unset;padding-left:unset;} .newsletter-list,.newsletter-block {padding-left:15%;} body:not(.home) .post > .wp-block-image {width:1000px;max-width:100%;padding-left:7.5%!important;} .entry .wp-block-image {width:unset;max-width:unset;padding-left:unset!important;} .skip-link {position:absolute;clip:rect(0, 0, 0, 0);} .skip-link:focus {position:fixed;clip:auto;width:100%;text-align:center;height:auto;overflow:visible;background:var(--secondary-clr);color:#fff;padding:10px;z-index:1000;font-weight:bold;} .clear {clear:both;} /*Button Styles*/ .btn {display:inline-block;width:200px;background:var(--primary-clr);color:#fff;padding:10px;cursor:pointer;border:none;font-weight:var(--ff-head);text-align:center;border-radius:var(--btn-radius);} .back-btn.btn {width:240px;} .btt-btn {font-weight:bold;display:block;width:144px;margin:35px 0 35px 15%;transition:color .25s ease-out;} .btt-btn .fa-arrow-up {color:var(--secondary-clr);margin-left:4px;} .btt-btn:focus {background:var(--primary-clr);color:#fff;} /*Responsive Google Maps*/ .g-maps{overflow:hidden;padding-bottom:56.25%;position:relative;height:0; & iframe{left:0;top:0;height:100%;width:100%;position:absolute;} } /*Structure*/ .wrap {width:75%;margin:0 auto;position:relative;} .content-area {margin:0 auto 40px;} .home .content-area {margin:0 auto 40px;} /*Flex*/ .flex {display:flex;} .flex > li {list-style:none;} /*Grid*/ .grid {display:grid;grid-template-columns:repeat(3, 1fr);gap:35px 25px;} .home .grid {gap:35px 55px;} /*Header*/ header.main { & .wrap {display:flex;justify-content:space-between;align-items:center;padding:20px 0 20px;gap:50px;position:unset;} } .header-right {display:flex;gap:35px;align-items:center;} .socials {margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:20px;} .fa-linkedin {color:var(--third-clr);} .fa-instagram {color:var(--secondary-clr);} .fa-facebook-f {color:var(--primary-clr);} .socials .fa-brands {font-size:1.8rem;} .footer .socials {margin-bottom:25px;} /*Search Modal*/ .open-modal {background:none;border:none;cursor:pointer;color:var(--third-clr);font-family:var(--ff-head);font-size:1.8rem;padding:0;} .modal {display: none;position: fixed; z-index: 1;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);z-index:9999; /* Modal Content/Box */ & .modal-content {background-color: #fefefe;margin: 15% auto;padding: 20px;border: 1px solid #888;max-width: 80%;width:500px;border-radius:15px;color:var(--gg-dark-blue);color:#000;} & .modal-content h2 {color:var(--primary-clr);font-size:1.6rem;} & .modal-content .searchform label {width:100%;} & .modal-content .searchform input[type="search"] {height:52px;border-top-left-radius:var(--btn-radius);border-bottom-left-radius:var(--btn-radius);border:none;width:100%;background:#d9d9d9;padding-left:8px;} & .modal-content .searchform input[type="submit"] {width:20%;height:0;padding-top:51px;overflow:hidden;margin-left:-4px;border-top-right-radius:var(--btn-radius);border-bottom-right-radius:var(--btn-radius);border:none;cursor:pointer;background:url("images/search.png") no-repeat center var(--primary-clr);} } .close {color: #aaa;float: right;font-size: 28px;font-weight: bold; &:hover,&:focus {color: black;text-decoration: none;cursor: pointer;} } .searchform{display:flex;align-items:center;justify-content:center; & input[type="search"] {height:53px;border-top-left-radius:var(--btn-radius);border-bottom-left-radius:var(--btn-radius);border:none;width:200px;background:#d9d9d9;padding-left:8px;} & input[type="submit"] {width:35px;height:0;padding-top:52px;overflow:hidden;margin-left:-4px;border-top-right-radius:var(--btn-radius);border-bottom-right-radius:var(--btn-radius);border:none;cursor:pointer;background:url("images/search.png") no-repeat center #d9d9d9;} & input[type="search"]:focus {border:none;outline:none;} } /*Search Results*/ .search-results .content-area {padding:0 0 80px;} .search-form {text-align:center;margin:35px 0; & .searchform {margin:15px 0;} } .results-info { & span {color:var(--primary-clr);} } .post-type {display:inline-block;position:absolute;top:0;right:0; & span {color:#fff;font-weight:bold;font-size:.9rem;padding:8px 16px;background:var(--primary-clr);} } .grid.search-results {grid-template-columns:repeat(3,1fr);gap:45px; & article {padding:15px 15px 75px;position:relative;position:relative;box-shadow:0px 4px 10px 1px #d7d7d7;border-radius:15px;background:#fff;color:#000;} & h2 {font-size:1.4rem;width:75%;margin-top:0;font-family:var(--ff-body);color:#000;} & .read-more {display:block;width:140px;text-align:center;border-radius:var(--btn-radius);padding:10px;color:#fff;background:var(--third-clr);position:absolute;bottom:15px;left;15px;font-size:.9rem;} } /*Main Menu*/ #mob-menu {display:none;} header ul.menu{margin:0;padding:0;display:flex;gap:15px; & li{list-style:none;position:relative;} & a{text-decoration:none;display:block;padding:8px 0;font-weight:var(--ff-head);font-size:1.2rem;color:var(--txt-clr);border-bottom:3px solid;} & a:focus {transform: scale(1.05);} & a:hover {transform: scale(1.05);} & li.current_page_item a {} & li:hover ul.sub-menu li:hover ul {display:block;left:260px;top:0;} & li:hover ul.sub-menu{display:block;} } header ul.menu li:nth-of-type(1) a {border-color:var(--primary-clr);} header ul.menu li:nth-of-type(2) a {border-color:var(--secondary-clr);} header ul.menu li:nth-of-type(3) a {border-color:var(--third-clr);} header ul.menu li:nth-of-type(4) a {border-color:var(--fourth-clr);} header ul.menu li:nth-of-type(5) a {border-color:var(--primary-clr);} /*Drop Downs*/ header ul.sub-menu{display:none;position:absolute;top:24px;left:0;width:260px;z-index:990;margin:0;padding:10px 0;background:#252525;border-radius:4px; & ul{display:none;} & li {text-align:left;z-index:991;float:none;padding:0;position:relative;} & li a{padding:4px 0 4px 8px;line-height:22px;font-size:0.9rem;color:#fff;} } /*Slick SLider Defaults*/ .slick-slider {max-width:95%;margin:0 auto; & .slick-next .slick-next-icon:before, & .slick-next .slick-prev-icon:before, & .slick-prev .slick-next-icon:before, & .slick-prev .slick-prev-icon:before {color:#fff;} } /*Slideshow*/ .slideshow.slick-slider {width:100%;margin:0;padding:0;position:relative; & .slide {width:100%;background-size:cover;height:600px;display:flex;background-position:center;outline:none;display:none;overflow:hidden;} & video {width:100%;height:auto;} & .pane {width:100%;height:100%;position:relative;} & .wrap {flex-basis:100%;display:flex;height:100%;} & .slick-next {right:15px;} & .slick-prev {left:15px;} & .slick-next .slick-next-icon:before, & .slick-next .slick-prev-icon:before, & .slick-prev .slick-next-icon:before, & .slick-prev .slick-prev-icon:before {color:#fff;} } /*Centre Slide Content*/ .slide-content {margin:auto;width:600px;max-width:85%;text-align:center;font-size:1.2rem;color:#fff; & h1 {font-size:2.6rem;color:#fff;} & ul.slide-btns li a {padding:8px 16px;font-size:1.2rem;display:block;border-radius:var(--btn-radius);border:1px solid #fff;color:#fff;} & ul.slide-btns {display:flex;margin:25px 0;padding:0;list-style:none;gap:8px;justify-content:center;} & ul.slide-btns li:nth-of-type(2) a {background:var(--secondary-clr);border:none;} } .left .slide-content {margin:auto 0;width:600px;max-width:85%;font-size:1.2rem;color:#fff;text-align:left; & ul.slide-btns {justify-content:flex-start;} } .right .slide-content {margin:auto 0 auto auto;width:600px;max-width:85%;font-size:1.2rem;color:#fff;text-align:right; & ul.slide-btns {justify-content:flex-end;} } .slick-arrow {z-index:999;} /*Gravity Forms*/ .gfield.hidden {height:0!important;overflow:hidden;} .gfield_label {color:var(--txt-clr);} .gform_wrapper.gravity-theme .gform_button.button,.gform_next_button.gform-theme-button.button {background:var(--secondary-clr);color:#fff;padding:20px 20px;border:none;cursor:pointer;display:block;width:180px;font-weight:bold;border:none;font-size:1.5rem;flex-grow:1;} .gform_wrapper.gravity-theme .gform_previous_button.gform-theme-button.gform-theme-button--secondary {background:var(--primary-clr);color:#fff;padding:20px 20px;border:none;cursor:pointer;display:block;width:180px;font-weight:bold;border:none;font-size:1.5rem;} .gform_page_footer {display:flex;} .gform_next_button.gform-theme-button.button {width:100%;} .gform_wrapper.gravity-theme .ginput_product_price, .gform_wrapper.gravity-theme .ginput_shipping_price {color:var(--primary-clr)!important;font-weight:700;} .gform_wrapper.gravity-theme .gfield_required {color:#888!important;} .gform_wrapper.gravity-theme .gfield .ginput_quantity {width:80px!important;} .gfield.gfield--type-total label,.ginput_total {font-size:1.8rem!important;} .gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::before {background:#ededed!important;border:2px solid #cfd3d9!important;} .gform_wrapper.gravity-theme .gf_step_active .gf_step_number {background:var(--primary-clr)!important;color:#fff!important;} /*Inline Form*/ .gform_wrapper.gravity-theme.inline-form_wrapper .gform_footer {margin:0;padding:0;} .inline-form_wrapper {width:100%;max-width:95%;margin:0 auto;} .inline-form_wrapper .gform-button.gform-button--white.button {height:58px;background:#e3771d;border:none;color:#fff;width:100%;font-weight:800;letter-spacing:-1px;} .inline-form_wrapper .gfield.gfield--type-email {grid-column:span 8!important;} .inline-form_wrapper .gfield.gfield--type-submit {grid-column:span 4!important;} .gform_wrapper.gravity-theme.inline-form_wrapper .gform_fields {grid-row-gap:0;grid-column-gap:0;} .inline-form_wrapper .ginput_container_email input {height:58px;} .inline-form_wrapper .gfield_label {color:#fff;font-weight:bold!important;font-size:36px!important;} /* Buttonize Radio & Checkbox Fields */ .gform_wrapper .gfield.buttonized .gfield_radio, .gform_wrapper .gfield.buttonized .gfield_checkbox {display:grid;grid-template-columns:repeat( 2, 1fr );grid-gap:.5em 1em;} .gform_wrapper .gfield.buttonized.three-col .gfield_radio, .gform_wrapper .gfield.buttonized.three-col .gfield_checkbox {grid-template-columns:repeat( 3, 1fr );} .gform_wrapper .gfield.buttonized .gfield_radio .gchoice, .gform_wrapper .gfield.buttonized .gfield_checkbox .gchoice {position:relative;text-align:center;} .gform_wrapper .gfield.buttonized input[type="radio"],.gform_wrapper .gfield.buttonized input[type="checkbox"] {position:absolute;left:-9999px;} .gform_wrapper .gfield.buttonized .gfield_radio label, .gform_wrapper .gfield.buttonized .gfield_checkbox label {display:block!important;position:relative;max-width:100%;padding:1em;font-size:1.4rem;border:2px solid #000;background-color:var(--primary-clr);cursor:pointer;color:#fff;} .gform_wrapper .gfield.buttonized input[type="radio"]:focus+label, .gform_wrapper .gfield.buttonized input[type="checkbox"]:focus+label {border-color:#040404;} .gform_wrapper .gfield.buttonized input[type="radio"]:checked+label, .gform_wrapper .gfield.buttonized input[type="checkbox"]:checked+label {border-color:#000;background-color:var(--secondary-clr);overflow:hidden;} .gform_wrapper .gfield.buttonized input[type="radio"]:checked+label::before, .gform_wrapper .gfield.buttonized input[type="checkbox"]:checked+label::before {content: '';display:block;position:absolute;top:-.75em;right:-.75em;left:auto;width:1.5em;height:1.5em; background-color: #fff;border-radius:0;border:0;transform:rotate(45deg);} .gform_wrapper .gfield.buttonized .gfield_radio label::before, .gform_wrapper .gfield.buttonized .gfield_checkbox label::before {display:none;} /*Posts*/ .category .banner {width:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;} .banner-content {margin:auto;color:#fff;font-size:120%;} .category .pane {display:flex;height:400px;background:rgb(0 0 0 / 60%);} .category .banner h1 {color:#fff;} .home .post-grid.grid {grid-template-columns:repeat(2, 1fr)} .post-grid article {position:relative;} .post-grid article:has(.read-more) {padding:0 0 75px;} .post-grid img {width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:30px;} .post-grid .category-news img {border:8px solid var(--primary-clr);} .post-grid .category-events img {border:8px solid var(--secondary-clr);} .post-grid .category-press-review img {border:8px solid var(--third-clr);} .stakeholders-grid img {border:10px solid var(--primary-clr);} .resources-grid img {border:10px solid var(--fourth-clr);} .post-grid .grid-text {padding:15px 0 0;} .post-grid h3 {font-size:1.5rem;margin:0 0 10px;} .post-grid h3 a {color:#424242;} ul.post-cat {margin:5px 0 15px;list-style:none;display:flex;gap:15px;padding:0;font-weight:bold;font-size:1rem;} .post-grid .read-more {width:140px;display:inline-block;padding:10px;background:#fff;text-align:center;border:3px solid var(--primary-clr);color:var(--txt-clr);position:absolute;bottom:0;right:0;border-radius:var(--btn-radius);} .category-press-review .read-more {border-color:var(--third-clr);} .resources-grid.post-grid .read-more {background:var(--fourth-clr);} .single .content-area.wrap {width:900px;max-width:95%;} .single .wp-post-image {width:100%;height:400px;object-fit:cover;border-radius:30px;border:10px solid;} .single-post .wp-post-image {border-color:var(--primary-clr);} .single-resource .wp-post-image {border-color:var(--fourth-clr);} .single-stakeholder .wp-post-image {border-size:5px;border-color:var(--third-clr);width:150px;height:150px;object-fit:contain;} .btn.back-btn {margin-top:35px;} .single h1 {font-size:2rem;} .stakeholder-meta {list-style:none;display:flex;gap:15px 35px;flex-flow:row wrap;padding:0;} .stakeholder-meta:after {width:100%;height:44px;content:"";background-image:url("images/horizontal-pattern.png");display:block;flex-basis:100%;} .stake-header {display:flex;gap:35px;margin-bottom:25px;align-items:center;} .stake-header h1 {font-size:3rem;} .grid-img {position:relative;} .grid-img h3 {position:absolute;bottom:20px;left:20px;background:#fff;color:#fff;max-width:80%;padding:8px;border-radius:8px;} .grid-img h3 a {text-decoration:none;} .post-downloads-wrapper {margin-top:25px;padding-top:0;border-top:2px solid var(--primary-clr);} .post-downloads {padding:0;list-style:none;} .post-downloads li {margin-bottom:25px;} .post-downloads .fa-solid.fa-download {color:#000;font-size:1.6rem;margin-right:10px;} .home .partners-grid.grid {grid-template-columns:repeat(4,1fr);} .partner-socials {list-style:none;padding:0;display:flex;gap:20px;} .partner-socials i {font-size:2rem;} .single-partner .fa-facebook-f {color:var(--third-clr);} .single-partner .fa-linkedin-in {color:var(--fourth-clr);} .home .partners-grid.grid {color:#fff;} .home .partners-grid.grid a {color:#fff;} .partners-grid.grid h3 {font-size:1.4rem;} .post-grid.partners-grid.grid img {background:#fff;object-fit:contain;} .post-grid.partners-grid.grid .read-more {color:var(--txt-clr);} .post-grid.partners-grid.grid article:has(.read-more) {padding-bottom:65px;} .entry.flex {display:flex;justify-content:space-between;flex-flow:row wrap;} .entry.flex .left-col {flex-basis:30%;} .entry.flex .right-col {flex-basis:67%;} .entry.flex .wp-post-image {object-fit:contain;height:unset;} /*Block Styles*/ :where(.wp-block-columns) {margin:0;} .wp-block-buttons-is-layout-flex.is-layout-flex {gap:25px;} .wp-block-button a.has-background {color:#fff;} .wp-block-button__link.has-theme-colour-3-background-color {color:var(--txt-clr);} svg#Layer_1 {margin-top:-100px!important;} .wp-block-group.has-background {margin-top:-10px!important;padding:1px 0;} .is-style-full-width,.alignfull,#Layer_1,#Layer_2 {width:100vw!important;max-width:100vw!important;margin:0 calc(-50vw + 50%)!important;} .is-style-full-width,.alignfull {width:100vw!important;max-width:100vw!important;margin:0 calc(-50vw + 50%)!important;} .is-style-full-width .wp-block-group__inner-container, .alignfull .wp-block-group__inner-container {width:75%;margin:0 auto;} .is-style-content-header {font-size:3.2rem;width:500px;max-width:100%;} .is-style-content-header:after {content:"";width:80px;height:4px;background:var(--primary-clr);display:block;margin:25px 0;} .is-style-content-header.has-text-align-right:after {margin:25px 0 25px auto;} .is-style-round-corners {border-radius:15px;padding:10px;} .is-style-col-shadows .wp-block-column {box-shadow:0px 4px 10px 1px #8b8b8b;padding:25px 15px 15px;} .is-style-col-shadows .wp-block-column p,.is-style-col-shadows .wp-block-column h2,.is-style-col-shadows .wp-block-column h3 {margin:0;} .is-style-tick-list,.is-style-arrow-list {padding:0;list-style:none;} .is-style-tick-list li,.is-style-arrow-list li {position:relative;padding-left:30px;line-height:180%;} .is-style-tick-list li:before,.is-style-arrow-list li:before {display:inline-block;text-rendering:auto;-webkit-font-smoothing:antialiased;content:"\f058";font:var(--fa-font-solid);position:absolute;top:9px;left:0;color:var(--primary-clr);} .is-style-arrow-list li:before {content:"\f0da";} .is-style-brand-btn a {background:none!important;border-radius:unset!important;color:var(--txt-clr)!important;padding:0;} .is-style-brand-btn a:after {display:inline-block;text-rendering:auto;-webkit-font-smoothing:antialiased;content:"\f061";font:var(--fa-font-solid);margin-left:8px;background:var(--primary-clr);border-radius:100%;padding:5px;} .wp-block-media-text .wp-block-media-text__media img {border-radius:45px;} .wp-block-cover {border-radius:35px;overflow:hidden;border:14px solid #c19dc1;} /* .wp-block-group__inner-container,.is-style-spacer-pattern {position:relative;} */ /* .is-style-left-pattern,.is-style-right-pattern {padding:48px 0 0!important;} */ /* .is-style-left-pattern {padding-left:100px!important;} */ /* .is-style-left-pattern .wp-block-group__inner-container:before {content:"";width:48px;height:100%;display:block;background-image:url("images/vertical-pattern.png");background-repeat:repeat-y;position:absolute;top:0;left:-100px;} */ /* .is-style-right-pattern .wp-block-group__inner-container:before {content:"";width:48px;height:100%;display:block;background-image:url("images/vertical-pattern.png");background-repeat:repeat-y;position:absolute;top:0;right:0;} */ /* .is-style-right-pattern .wp-block-group__inner-container * {max-width:95%;} */ /* .is-style-left-pattern .wp-block-group__inner-container:after,.is-style-right-pattern .wp-block-group__inner-container:after,.is-style-spacer-pattern:after {content:"";width:100%;height:48px;display:block;background-image:url("images/horizontal-pattern.png");background-repeat:repeat-x;position:absolute;top:-48px;left:0;} */ /* .is-style-left-pattern .wp-block-group__inner-container:after {left:-68px;} */ /* .is-style-left-pattern:nth-of-type(1) .wp-block-group__inner-container:after {width:140%;} */ /* .is-style-spacer-pattern:after {top:0;} */ .svg-wrap {margin:-40px 0 -105px;} .wp-block-group__inner-container {width:90%;margin:0 auto;} .is-style-left-pattern,.is-style-right-pattern {display:flex;} .is-style-left-pattern:before {content:"";width:20px;background:var(--primary-clr);border-radius:35px;margin:42px 0 80px -11px;} .is-style-right-pattern:after {content:"";width:20px;background:linear-gradient(180deg,rgba(244, 183, 63, 1) 2%, rgba(173, 28, 109, 1) 68%);border-radius:35px;margin:59px -11px 100px 0;} /*Blocks*/ /* .wp-block-group__inner-container {width:95%;margin:0 auto;} */ .wp-block-media-text__content{padding:0 0 0 8%;} .wp-block-media-text>.wp-block-media-text__content {padding:0 0 0 8%;} .wp-block-media-text.has-media-on-the-right>.wp-block-media-text__content {padding:0 8% 0 0;} .wp-block-media-text.alignfull>.wp-block-media-text__content {padding:0 8% 0 8%;} .wp-block-media-text.has-media-on-the-right.alignfull>.wp-block-media-text__content {padding:0 8% 0 8%;} /*Grid Block*/ .block-grid {display:flex;flex-flow:wrap;gap:10px;margin:0 auto;padding:0;gap:15px; & li {list-style:none;display:flex;background-size:cover;background-position:center center;transition:transform .2s;flex:0 1 calc(25% - 15px);} & li:hover {transform: scale(1.05);} & li a {width:100%;display:block;} & li h3 {color:#fff;margin:0 0 5px;} & li p {margin:0;} & .pane {background-color:rgb(41 60 40 / 80%);width:70%;height:100%;padding:300px 20px 70px 45px;position:relative;background-image:url("images/mini-tree1.png");background-repeat:no-repeat;background-position:98% 25px;background-size:40px;} & span {position:absolute;bottom:35px;right:25px;font-weight:700;} } .block-grid.one li {flex:100%;} .block-grid.two li {flex:0 1 calc(50% - 25px);} .block-grid.three li {flex:0 1 calc(33.3333% - 25px);} .block-grid.five li {flex:0 1 calc(20% - 25px);} .block-grid.six li {flex:0 1 calc(16.66666% - 25px);} .block-text {display:grid;color:#fff;place-items:center; & img {width:100%;height:400px;z-index:-1;object-fit:cover;} } .block-text > * {grid-column:1 / 2;grid-row:1 / 2;} /*Content Heading*/ .content-heading {justify-content:space-between;align-items:center;} .content-heading h2 {color:#fff;display:flex;align-items:center;} /*Info Boxes*/ .info-boxes {margin:0 auto;padding:0;display:flex;flex-flow:wrap;list-style:none;justify-content:space-between;gap:25px; & li {position:relative;padding-bottom:125px;text-align:center;box-shadow:0px 4px 10px 1px #8b8b8b;flex:0 1 calc(25% - 25px);} & li.colour {display:flex;} & li.colour .info-txt {margin:auto;} & li i {font-size:6rem;margin:80px 0 50px;} & li:hover .info-txt a {transform: scale(1.05);} } .info-boxes.one li {flex:100%;} .info-boxes.two li {flex:0 1 calc(50% - 25px);} .info-boxes.three li {flex:0 1 calc(33.3333% - 25px);} .info-boxes.five li {flex:0 1 calc(20% - 25px);} .info-boxes.six li {flex:0 1 calc(16.66666% - 25px);} .info-img img {object-fit:cover;width:100%;margin:0;display:block;aspect-ratio:3/2;} .info-txt {padding:15px 20px 0;text-align:center; & h3 {font-size:1.4rem;text-align:center;margin:20px 0 25px;} & a.btn {background:var(--primary-clr);color:#fff;width:60%;padding:10px;text-align:center;display:block;position:absolute;bottom:55px;left:0;right:0;margin:0 auto;border-radius:var(--btn-radius);transition:transform .2s;} } /*Carousel Block*/ .carousel img {width:75%;height:240px;object-fit:contain;display:block;margin:0 auto;} .carousel.space .carousel-img {padding:0 5px;} /*Team Members Block*/ .team-members {grid-template-columns:repeat(5,1fr);margin:0 auto;padding:0;list-style:none;display:grid;gap:35px; & li {padding:0 0 45px;position:relative;} & .profile-img {width:100%;aspect-ratio:1/1;object-fit:contain;object-position:center;} & h2 {font-size:1.4rem;color:var(--txt-clr);} & h2 span {color:var(--primary-clr);display:block;font-size:1rem;} } a.pop-btn {color:var(--txt-clr);position:absolute;bottom:0;left:0; & .fa-plus {color:#fff;} & i {color:var(--primary-clr);} } .popup-hide {display:none;} /*Accordion Block*/ .accordion-block summary {background:var(--primary-clr);color:#fff;padding:15px 10px;font-size:1.4rem;font-weight:bold;cursor:pointer;margin-bottom:5px;border-radius:var(--btn-radius);} .accordion-block details {} .accordion-block details::details-content {background:none;} /*Testimonials Block*/ .testimonials-block blockquote {font-size:1.4rem;font-style:italic;} .testimonials-block cite {margin-left:40px;font-weight:bold;color:var(--primary-clr);} /*Masonry Block*/ .masonry-block {margin:0;padding:0;list-style:none;grid-template-columns:repeat(6,1fr);gap:15px; & li {min-height:320px;background-repeat:no-repeat;background-size:cover;position:relative;background-position:center;} & li a {width:100%;height:100%;display:block;} & li h3 {color:#fff;background:var(--primary-clr);padding:8px;margin:0;position:absolute;bottom:25px;left:25px;font-size:1.4rem;} & li:nth-of-type(1) {grid-column-start:1;grid-column-end:5;} & li:nth-of-type(2) {grid-column-start:5;grid-column-end:7;grid-row-start:1;grid-row-end:3;} & li:nth-of-type(3) {grid-column-start:1;grid-column-end:3;} & li:nth-of-type(4) {grid-column-start:3;grid-column-end:5;} & li:nth-of-type(5) {grid-column-start:1;grid-column-end:4;} & li:nth-of-type(6) {grid-column-start:4;grid-column-end:7;} & li:nth-of-type(7) {grid-column-start:1;grid-column-end:3;} & li:nth-of-type(8) {grid-column-start:3;grid-column-end:7;} & li:nth-of-type(10) {grid-column-start:2;grid-column-end:5;} & li:nth-of-type(13) {grid-column-start:1;grid-column-end:5;} & li:nth-of-type(14) {grid-column-start:5;grid-column-end:7;} & li:nth-of-type(18) {grid-column-start:4;grid-column-end:7;} & li:nth-of-type(22) {grid-column-start:4;grid-column-end:7;} } /*Tabs Block*/ .tabs {max-width:100%;margin:0 auto;} .tab-button-wrapper {display:flex;gap:15px;} .tab-button {flex:1;padding:25px 10px;text-align:center;background-color:var(--primary-clr);color:#fff;cursor:pointer;transition:background-color 0.3s;border:none;border-radius:10px;font-family:var(--ff-head);font-size:1.2rem;position:relative;} .tab-button:not(:last-child) {border-right:none;} .tab-button.active {background-color:var(--secondary-clr);color:#fff;} .tab-panel {display:none;padding:15px;background-color:var(--primary-clr);color:#fff;border-radius:10px;margin-top:24px;} .tab-panel em {font-family:var(--ff-hand);font-size:1.6rem;} .tab-panel.active {display:block;} .tab-button img.notch {position:absolute;bottom:-23px;left:0;right:0;margin:0 auto;display:none;} .tab-button.active img.notch {display:block;} .tab-button i {color:var(--third-clr);display:block;font-size:5rem;margin-bottom:15px;} .tab-button img {display:block;margin:0 auto 25px;max-width:55%;} /*Private Content Blocks*/ .logged-out-msg {display:flex;gap:15px;align-items:center;font-size:1.2rem;border:2px dashed var(--secondary-clr);padding:15px;} .logged-out-msg i {color:var(--primary-clr);} /*Gallery BLock Lightbox*/ #lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;z-index:9999; & img{max-width:90%;max-height:90%;box-shadow:0 0 15px rgba(0,0,0,0.5);border:3px solid #FFF;border-radius:8px;transition:transform .3s ease;} & img:hover{transform:scale(1.05);} } /*Timeline Block*/ .timeline {display:flex;flex-flow:row wrap;justify-content:space-between;padding:0;margin:0;list-style:none;gap:45px 0;position:relative;} .announcement-wrap {flex-basis:100%;position:relative;} .announcement {width:46%;border-radius:15px;padding:20px;box-shadow:inset 0 0 12px #cecece;} .announcement-wrap:nth-of-type(even) .announcement {margin:0 0 0 54%;} .timeline:before {content:"";width:4px;height:100%;background:var(--primary-clr);display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:0 auto;} .announcement:before {content:"";width:60px;height:60px;border-radius:50%;background:var(--primary-clr);position:absolute;top:0;right:0;left:0;margin:0 auto;display:inline-block;text-rendering:auto;-webkit-font-smoothing:antialiased;content:"\f063";font:var(--fa-font-solid);text-align:center;line-height:60px;font-size:1.8rem;} .announce-frame,.announce-date {color:var(--primary-clr);font-weight:bold;text-transform:uppercase;} /*Animated Counter Block*/ .counter {text-align:center;width:200px;max-width:100%;margin:0 auto;} .counter-text {color:var(--primary-clr);} .before-text {} .after-text {} .end-figure {display:flex;align-items:center;justify-content:center;gap:5px;} .end_number {font-size:4rem;font-weight:bold;} .counter-symbol {font-size:2rem;} /*Progression Animation Block*/ .progression-block {font-family:var(--ff-head);font-weight:800;text-align:center;} .chart {max-width:80%;width:200px;aspect-ratio:1 / 1;position:relative;margin:0 auto;} .chart svg {width:100%;height:100%;} .chart circle {fill:none;stroke-width:20;stroke-linecap:round;} .bg {stroke:#eee;} .progress {stroke:#7dc241;stroke-dasharray:628;stroke-dashoffset:628;transition: stroke-dashoffset 1s ease-out;} .chart-text {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:24px;font-weight:bold;} .progress-label {margin-top:15px;} /*Filter Stuff*/ .logged-out-message {font-weight:bold;padding-bottom:5px;border-bottom:1px dashed var(--primary-clr);} .h-filter {display:flex;flex-flow:row wrap;margin-bottom:15px;} .facetwp-facet {flex-basis:20%;margin-bottom:0!important;padding:10px 10px 15px;border:2px dotted #ababab;border-radius:15px;} .facetwp-facet.facetwp-type-reset {flex-basis:unset;margin-bottom:0!important;padding:30px 0 0;border:unset;border-radius:unset;} .facetwp-facet:before {display:block;font-family:var(--ff-head);font-size:1rem;margin-bottom:3px;} .facetwp-facet-document_categories:before {content:"Category";} .h-filter .facetwp-facet select,.h-filter .facetwp-facet input {width:100%;padding:6px;} .locked-out {font-size:.9rem;} .navigation {margin:35px 0;display:flex;justify-content:center;} .navigation ul {margin:0;padding:0;list-style:none;display:flex;} .navigation ul li {margin-right:10px;} .navigation ul li a {background:var(--primary-clr);color:#fff;display:inline-block;padding:8px;} .navigation ul li.active a {background:var(--secondary-clr);} button.facetwp-reset {background:var(--secondary-clr);color:#fff;border:none;padding:4px 8px;} /*Footer*/ #footer-wrapper {width:100%;background:#1a1b1c;color:#fff;} .footer {margin:0 auto;clear:both;padding:60px 0;min-height:150px;} .footerul {display:flex;gap:80px;flex-flow:wrap;justify-content:space-between;} .footerul li.widget {flex:0 1 calc(33.3333% - 80px);} .footer h2 {color:#fff;font-size:1.4rem;margin:0 0 15px;} .footer a {color:#fff;} #text-3 {text-align:right;} p.small {font-size:.9rem;} /*Widgets & Sidebar*/ .widget-area ul {margin:0;padding:0;} .widget-area li {list-style:none;} .v-widgets li.widget {margin-bottom:30px;} .widget-area .wp-block-group__inner-container {width:100%;} /*credit*/ .credit {width:100%;color:#fff;background:#221f1f;padding:8px 10px;font-size:0.8rem;} .credit a {color:#fff;float:right;} .credit a img {margin:2px 0 0 5px;} .credit p {margin:0;} .fouroneeight{float:right;} @media only screen and (max-width: 1500px), only screen and (max-device-width: 1500px) { .wrap,.is-style-full-width .wp-block-group__inner-container, .alignfull .wp-block-group__inner-container {width:80%;} .svg-wrap {margin:-40px 0 -60px;} .is-style-right-pattern:after {margin:25px -11px 100px 0;} } @media only screen and (max-width: 1368px), only screen and (max-device-width: 1368px) { .team-members {grid-template-columns:repeat(4,1fr);} } @media only screen and (max-width: 1260px), only screen and (max-device-width: 1260px) { /*Mobile Menu*/ .main-logo {margin-left:75px;} #mob-menu {display:block;width:34px;height:30px;background:url("images/menu.png") no-repeat;border:none;cursor:pointer;position:absolute;top:30px;left:25px;} .top-of-screen #mob-menu {top:28px;} #mob-menu.active {background:url("images/menu-close.png") no-repeat;} header.sticky #mob-menu {background:url("images/menu-white.png") no-repeat;top:47px;} .logged-in #mob-menu {top:62px;} .main-menu {display:none;position:fixed;top:0;right:0;bottom:0;background:#fff;border-left:2px solid var(--primary-clr);z-index:9999;padding:60px 40px;width:30%;min-width:300px;} header ul.menu {display:block;} header ul.menu li a,.header.sticky ul.menu li a {color:#000!important;margin:0 0 15px 0;padding:0 0 15px;} header ul.menu li:hover ul.sub-menu{display:none;background:none;padding-left:25px;} header ul.menu li.active ul.sub-menu{display:block;position:relative;width:100%;padding:8px 0;box-shadow:unset;top:unset;left:unset;} .block-grid.five li,.info-boxes.five li {flex-basis:24%;} .team-members {grid-template-columns:repeat(3,1fr);} .is-style-full-width .wp-block-group__inner-container, .alignfull .wp-block-group__inner-container,.wrap {width:95%;} } @media only screen and (max-width: 1100px), only screen and (max-device-width: 1100px) { .block-grid.five li,.block-grid.four li,.info-boxes.four li,.info-boxes.five li {flex-basis:49%;} .masonry-block li {min-height:250px;} .masonry-block li h3 {font-size:1.2rem;} } @media only screen and (max-width: 950px), only screen and (max-device-width: 950px) { .block-grid.three li,.block-grid.four li,.block-grid.five, .info-boxes.three li,.info-boxes.four li,.info-boxes.five li {flex-basis:49%;} .info-boxes.three li:nth-of-type(3) {flex-basis:100%;} .post-grid,.team-members {grid-template-columns:repeat(2,1fr);} .masonry-block {grid-template-columns:repeat(2,1fr);} .masonry-block li {min-height:220px;} .masonry-block li h3 {font-size:1rem;left:15px;bottom:15px;} .masonry-block li {grid-column-start:unset!important;grid-column-end:unset!important;grid-row-start:unset!important;grid-row-end:unset!important;} .testimonials-block blockquote {font-size:1.2rem;} .tabs {display:flex;gap:25px;} .tab-button-wrapper {flex-basis:30%;flex-direction:column;} .tab-panel {margin:0;position:sticky;top:25px;padding:45px;} .tab-button {padding:10px;} .tab-button img.tab-img {width:50%;} .home .post-grid.grid {grid-template-columns:repeat(1, 1fr)} #custom_html-2 {order:3;flex-basis:100%;} #custom_html-3,#text-3 {flex-basis:calc(50% - 80px);} /*Accessible Width and Fixes*/ body:not(.home) .post > h1,body:not(.home) .post > h2,body:not(.home) .post > h3,body:not(.home) .post > h4,body:not(.home) .post > p,.post > .wp-block-list,.dt-container,#gform_wrapper_3,article > .wp-block-buttons,.post > .wp-block-quote,.post > .accordion-block,.post > .wp-block-buttons,.post > .wp-block-embed,.post > .gform_wrapper {width:unset;max-width:unset;margin-left:unset!important;} #footer-widgets h1,#footer-widgets h2,#footer-widgets h3,#footer-widgets h4,#footer-widgets p {width:unset;max-width:unset;padding-left:unset;} .newsletter-list,.newsletter-block {padding-left:unset;} .wp-block-image {width:unset;max-width:100%;padding-left:unset!important;} .grid {grid-template-columns:repeat(2,1fr);} } @media only screen and (max-width: 750px), only screen and (max-device-width: 750px) { .wp-block-spacer {max-height:50px!important;} .embed-container {height:350px;} .block-grid.two li {flex-basis:49%;} h1 {font-size: 2rem;} h2 {font-size: 1.7rem;} h3 {font-size: 1.4rem;} h4 {font-size: 1.1rem;} h5 {font-size: .9rem;} .svg-wrap {margin:-40px 0 -10px;} .is-style-right-pattern:after {margin:0 -11px 100px 0;} .has-large-font-size {font-size:1.6rem!important;} .post-cat li:nth-of-type(1) {display:none;} #custom_html-3,#text-3 {flex-basis:100%;} #text-3 {text-align:unset;} .single .wp-post-image {border:5px solid #000;} } @media only screen and (max-width: 600px), only screen and (max-device-width: 600px) { .block-grid.two li,.block-grid.three li,.block-grid.four li,.block-grid.five li,.info-boxes.two li,.info-boxes.three li,.info-boxes.four li,.info-boxes.five li {flex-basis:100%;} .post-grid,.team-members {grid-template-columns:repeat(1,1fr);} .masonry-block {grid-template-columns:repeat(1,1fr);} .tab-button {font-size:1rem;} .tabs {gap:8px;} .tab-panel {padding:20px;} .tab-button img {margin-bottom:5px;} .entry.flex {} .entry.flex .left-col {flex-basis:100%;} .entry.flex .right-col {flex-basis:100%;} }