/********************************* [ GLOBAL STYLES ] *********************************/ html { height: 100%; overflow-x: hidden; } .clear, .clearfix { clear: both; } .clear:after, .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .post, .page { margin: 0 !important; } div, span, ul, li, img, header, nav, footer, main, article, aside, section { position: relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } body { position: relative; font-size: 1.1rem; line-height: 1.7rem; font-weight: 400; font-family: 'Outfit', sans-serif; color: #444; background: #1e4180; letter-spacing: 0.5px; } #page { z-index: 1; } /***************************/ /* GLOBAL COLOUR - #1e4180 */ /***************************/ a, a:visited { text-decoration: none; color: #1e4180; } a:active, a:hover { text-decoration: none; color: #2ca5da; } #home-intro a { text-decoration: underline; text-underline-offset: .2525em; color: #1e4180; } #home-intro a:hover { text-decoration: underline; color: #2ca5da; } h1, h2, h3, h4, h5, h6 { margin: 0 0 40px; color: #1e4180; letter-spacing: 0; line-height: 1em; font-weight: 600; font-family: 'Fredoka', serif; text-shadow: none; text-transform: unset; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #1e4180; font-weight: 600 !important; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 600; } h1.entry-title a, h2.entry-title a, h3.entry-title a, h4.entry-title a, h5.entry-title a, h6.entry-title a { color: #1e4180 !important; } h1 { font-size: 5rem; line-height: 5rem; } h2 { font-size: 4rem; line-height: 4rem; } .entry-content h2, #services-sections h2 { font-size: 2rem; line-height: 2rem; } h3 { font-size: 2.6rem; line-height: 2.6rem; margin-bottom: 20px; } .entry-content h3 { font-size: 1.6rem; line-height: 2rem; margin-bottom: 10px; } h4 { font-size: 2rem; line-height: 2rem; margin-bottom: 20px; } h5 { font-size: 1.6rem; line-height: 1.8rem; margin-bottom: 20px; } h6 { font-size: 1.4rem; line-height: 1.8rem; margin-bottom: 20px; } h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { color: #111; font-style: normal; } strong { font-weight: 700; } p { margin: 0 0 2rem; } figure { margin: 0 0; } ::-webkit-input-placeholder { color: #222; } ::-moz-placeholder { color: #222; } :-ms-input-placeholder { color: #222; } :-moz-placeholder { color: #222; } input:focus, input:active, input[type="checkbox"], select, textarea, img { outline: none; } input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number], input.text, input.title, textarea, select { background-color: #fff; color: #222 !important; border: 1px solid #d3d3d3; padding: 14px !important; font-weight: 400; font-size: inherit; border-radius: 0px; -webkit-border-radius: 0px; } input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=password]:focus, input[type=number]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color: #666; color: #222; } textarea { resize: vertical; } .ginput_container_checkbox { padding-top: 20px; } .gfield_checkbox input[type="checkbox"] { opacity: 0; } .gfield_checkbox label::before{ content: ""; display: inline-block; height: 20px; width: 20px; left: 0; border: 2px solid #ccc; border-radius: 0 0; -webkit-border-radius: 0 0; } .gfield_checkbox label::after { content: ""; display: inline-block; height: 8px; width: 12px; border-left: 2px solid #1e4180; border-bottom: 2px solid #1e4180; transform: rotate(-45deg); } .gfield_checkbox label { position: relative; padding-left: 30px !important; padding-bottom: 6px !important; } .gfield_checkbox label::before, .gfield_checkbox label::after { position: absolute; } .gfield_checkbox label::before { top: 3px; } .gfield_checkbox label::after { left: 4px; top: 7px; } /*Hide the checkmark by default*/ .gfield_checkbox input[type="checkbox"] + label::after { content: none; outline: none; } /*Unhide the checkmark on the checked state*/ .gfield_checkbox input[type="checkbox"]:checked + label::after { content: ""; outline: none; } /*Adding focus styles on the outer-box of the fake checkbox*/ .gfield_checkbox input[type="checkbox"]:focus + label::before { outline: none; } .gfield_checkbox input[type="checkbox"]:checked + label::before { border-color: #1e4180; } .button, input[type="button"], a.read-more, .reply-container a, #commentform input#submit, .shortcode-button a, .gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_save_link.button, input.gform_button { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; /* For Mobiles */ position: relative; z-index: 1; overflow: hidden; border-radius: 8px; -webkit-border-radius: 8px; background-color: #f0c636; border: 0px none; display: inline-block; cursor: pointer; color: #1e4180 !important; font-size: 1rem; font-weight: 600; font-family: 'Outfit', sans-serif; text-decoration: none !important; text-transform: uppercase; letter-spacing: 1px; line-height: 2.2rem; padding: 10px 40px; text-align: center; } .button i, input[type="button"] i, a.read-more i, .reply-container a i, #commentform input#submit i, a i, .shortcode-button a i { position: relative; top: 2px; vertical-align: middle; margin-right: 7px; font-size: 140%; } .button:hover, input[type="button"]:hover, a.read-more:hover, .reply-container a:hover, #commentform input#submit:hover, .shortcode-button a:hover, .gform_wrapper.gravity-theme .gform_previous_button.button:hover, .gform_wrapper.gravity-theme .gform_save_link.button:hover, input.gform_button:hover { background: #2ca5da !important; text-decoration: none !important; color: #fff !important; } /* Change this class to whatever ID or class you wish to animate */ input, select, img, textarea, article, section, .button, input[type="button"], a.read-more, .reply-container a, #commentform input#submit, .shortcode-button a, .gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_save_link.button, input.gform_button, .site-info section .footer-socials a, .main-navigation ul ul, .main-navigation ul ul a, .main-navigation li a::after, .main-navigation li a::before, .main-navigation, .main-navigation li a, .menu-item-has-children::before, a.home-getintouch, ul#post-page-loop li, ul#post-page-loop li .post-page-img img, .shortcode-features-list ul li, .site-header, .site-branding img, a.header-quote i, #home-services ul li a, #home-services ul li a span, #community-slider ul li .post-page-img img, #home-first-block article section:last-of-type a::after, #home-first-block article section:last-of-type a::before, .topbar a.header-quote, .comm-info, #community-slider ul li .projects-more, #home-extra-services ul li img, #home-extra-services ul li h3 a, #home-extra-services ul li a, .site-info section.footer-right section div ul.footer-services li a, #home-supplies section ul li, #home-supplies section ul li div.supplies-img span, .site-footer .footer-left .btn-insta, .site-footer .footer-left .btn-insta i, #project-posts ul#post-page-loop.page-projects-loop li .post-page-img .post-image-hov, #project-posts ul#post-page-loop.page-projects-loop li .post-page-img .post-image-hov i, #home-intro article:last-of-type ul.home-3columns li span, #home-feature-boxes article ul li, #home-feature-boxes article ul li a, #home-feature-boxes article ul li span, section.footer-left .social-buttons a.social-btn { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #home-intro .column-image, #home-intro .column-image .column-image-text, #home-intro .column-image .column-image-text h2, #home-intro .column-image { -webkit-transition: padding 0.7s ease-in-out, transform 0.4s ease-in-out, border-color 0.4s ease-in-out; transition: padding 0.7s ease-in-out, transform 0.4s ease-in-out, border-color 0.4s ease-in-out; } /******************************* [ END GLOBAL STYLES ] *******************************/ .container { margin: 0 auto; width: 1660px; } .pagewithsidebar { display: flex; flex-flow: row nowrap; justify-content: space-between; } #primary { width: 72%; padding: 5%; background: #fff; border-radius: 30px; -webkit-border-radius: 30px; } .fullwidth #primary { float: none; width: auto; } #secondary { width: 25%; padding: 0 0; } /********************************* [ HEADER STYLES ] *********************************/ .site-header { position: fixed; z-index: 111; top: 0; width: 100%; background: none transparent; padding: 70px 0px 0; visibility: visible; } body:not(.home) .site-header { padding: 30px 0px; } .site-header.header-scroll { opacity: 0; -webkit-opacity: 0; visibility: hidden; } .site-header .container { display: flex; flex-flow: row nowrap; } .header-main { padding: 0 0; display: flex; flex-flow: row nowrap; } .header-left { width: 370px; display: flex; align-items: center; padding-right: 50px; } .site-branding { margin: 0 0; display: flex; align-items: center; flex-flow: column wrap; } .site-branding img { width: 100%; max-width: 100%; height: auto; margin: 0; display: block; } .site-branding .logo-tagline { width: 100%; display: block; color: #fff; font-size: 1rem; line-height: 1rem; font-family: "Fredoka", sans-sans-serif; text-shadow: 2px 2px 0 rgba(35,59,121,0.5); letter-spacing: 0px; margin: 5px auto 0; text-align: right; } .header-right { width: calc(100% - 370px); display: flex; flex-flow: row nowrap; align-items: center; } .topbar-left { width: calc(100% - 200px); display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-start; } .topbar-right { width: 200px; text-align: right; color: #fff; padding: 0; display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-end; } .topbar-right .button { width: 100%; padding-left: 10px; padding-right: 10px; box-shadow: 5px 5px 10px rgba(30,65,128,0.4); line-height: 2rem; } .topbar-right .button:hover { background: #fff !important; color: #1e4180 !important; } /********************************* [ NAVIGATION STYLES ] *********************************/ .header-mobmenu { display: none; width: 100px; text-align: center; font-size: 0.9rem; line-height: 2.2rem; background: #fff !important; border-radius: 10px; -webkit-border-radius: 10px; margin-right: 10px; } .header-mobmenu i { font-size: 1.1rem; margin-right: 0; display: inline-block; color: #222 !important; } .main-navigation { width: 100%; display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-start; } .menu-main-menu-container { } .main-navigation ul { display: flex; flex-flow: row nowrap; justify-content: flex-end; list-style: none; margin: 0; } .main-navigation li { } .main-navigation li a { position: relative; display: inline-block; margin: 0 20px; line-height: 2.5rem; font-size: 1.3rem; font-family: "Fredoka", sans-sans-serif; font-weight: 500; text-decoration: none; color: #fff; letter-spacing: 0px; text-shadow: 5px 5px 10px rgba(30,65,128,0.4); } .main-navigation li a:hover { text-decoration: none; color: #f0c636; } .main-navigation li a i { font-size: 20px; top: 0px; margin-right: 0; } .main-navigation li a::after { position: absolute; content: ''; z-index: 1; bottom: 3px; left: 50%; width: 0; height: 2px; background: #f0c636; border-radius: 20px; -webkit-border-radius: 20px; opacity: 0; -webkit-opacity: 0; visibility: hidden; box-shadow: 5px 5px 10px rgba(30,65,128,0.4); } .main-navigation li a:hover::after { left: 0; width: 100%; opacity: 1; -webkit-opacity: 1; visibility: visible; background: #f0c636; } .main-navigation li:last-child a { margin-right: 0px; } .menu-item-has-children { padding-right: 10px; } .menu-item-has-children::before { position: absolute; z-index: 11; right: 8px; top: 50%; margin-top: -7px; font-size: 18px; font-family: uicons-regular-rounded !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e0a1"; color: #fff; text-shadow: 5px 5px 10px rgba(30,65,128,0.4); } .menu-item-has-children:hover::before { color: #f0c636; } .main-navigation ul ul { display: block; top: 60px; left: 0; opacity: 0; visibility: hidden; width: 300px; background: #fff; margin-top: 0; padding: 25px 20px; text-align: left; box-shadow: 6px 6px 20px rgba(0,0,0,0.2); -webkit-box-shadow: 6px 6px 20px rgba(0,0,0,0.2); margin-right: 0px; border-radius: 10px; -webkit-border-radius: 10px; } .main-navigation ul li.menu-item-has-children:hover ul { top: 45px; left: 0; opacity: 1; visibility: visible; } .main-navigation ul ul::before { display: block; background: rgba(255, 0, 0,0); height: 6px; position: absolute; top: -9px; left: 0; width: 100%; content: ''; z-index: 2; } .main-navigation ul ul a { width: 100%; padding: 10px 25px 10px 22px; margin: 0 0; background: none transparent; line-height: 1.2rem; font-size: 1.2rem; font-weight: 500; color: #1e4180; text-shadow: 5px 5px 10px rgba(30,65,128,0); } .main-navigation ul ul a::before { display: inline-block; position: absolute; top: 12px; left: 0px; font-size: 16px; font-family: uicons-regular-rounded !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e0a1"; background: none transparent; color: #1e4180; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .main-navigation ul.sub-menu .menu-item-has-children::before { color: #333 !important; } .main-navigation ul ul a:hover::before { color: #249cd5; } .main-navigation ul ul a::after { display: none; } .main-navigation ul ul a:hover { background: none transparent; color: #249cd5; } /* Sub Sub Menus */ .main-navigation ul ul ul { display: none; left: 70px !important; top: 40px !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .main-navigation ul ul li:hover ul { display: block; left: 70px !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } #psrfm-sticky-menu { display: block; position: fixed; top: 0; left: 0; right: 0; z-index: 1111; background: #2ca5da; color: #fff; text-align: center; transition: transform linear 0.4s; transform: translate(0,-100%); } #psrfm-sticky-menu .main-navigation { justify-content: center; bottom: 0; margin-top: 0; box-shadow: 0 0 30px rgba(0,0,0,0); -webkit-box-shadow: 0 0 30px rgba(0,0,0,0); } #psrfm-sticky-menu .main-navigation li a { line-height: 5rem; font-size: 1.5rem; margin: 0 40px; color: #fff; } #psrfm-sticky-menu .main-navigation li ul li a { line-height: 1rem; font-size: 1.1rem; margin: 0 0; padding: 12px 25px 12px 20px; color: #1e4180; } #psrfm-sticky-menu .main-navigation li a:hover { color: #f0c636; } #psrfm-sticky-menu .main-navigation li ul li a:hover { color: #249cd5; } #psrfm-sticky-menu .main-navigation li a:hover::after { opacity: 0; -webkit-opacity: 0; visibility: hidden; } #psrfm-sticky-menu.stickyshow { display: block; transform: translate(0,0); } #psrfm-sticky-menu.stickyshow .main-navigation { box-shadow: 0 0 20px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3); } #psrfm-sticky-menu.stickyshow .main-navigation ul { justify-content: center; } #psrfm-sticky-menu.stickyshow .main-navigation li a::after { bottom: 24px; } #psrfm-sticky-menu.stickyshow .main-navigation ul ul { top: 50px; } #psrfm-sticky-menu.stickyshow .main-navigation ul li.menu-item-has-children:hover ul { top: 56px; } /******************************* [ END NAVIGATION STYLES ] *******************************/ /******************************* [ END HEADER STYLES ] *******************************/ /********************** [ BODY STYLES ] **********************/ #homepage-slider { position: relative; z-index: 1; text-align: center; } #homepage-slider .slider-circle1 { filter: blur(1000px) !important; } .slider-marquee { position: absolute; z-index: 2; bottom: 50px; overflow: hidden; white-space: nowrap; background: none transparent; padding: 0; display: flex; color: #fff; font-family: 'Fredoka', serif; text-shadow: none; font-size: 2.2rem; line-height: 3rem; width: 100%; } /* Pause the scrolling animation when a user hovers over it */ .slider-marquee:hover .marquee-track { animation-play-state: paused; } .marquee-track { display: inline-block; padding-left: 0%; animation: marquee-animation 70s linear infinite; } .marquee-track a { color: #f0c636; } /* Keyframes for smooth right-to-left scrolling */ @keyframes marquee-animation { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-100%, 0, 0); } } /* Accessibility: Stop animation if user prefers reduced motion */ @media (prefers-reduced-motion: reduce) { .marquee-track { animation: none; padding-left: 0; white-space: normal; } } #home-sponsors h2, #home-community section:first-of-type h2, #home-donations h2, #home-features section h2 { color: #fff; } #home-sponsors { padding: 100px 0 50px; text-align: center; } #home-sponsors h2 { font-size: 3rem; line-height: 4rem; letter-spacing: 10px; } #home-sponsors section { background: #fff; border-radius: 20px; -webkit-border-radius: 20px; box-shadow: 10px 10px 50px rgba(0,0,0,0.2); padding: 10px 60px 0; } #home-sponsors section .gs_logo_single--wrapper { padding: 0 40px !important; } #home-feature-boxes { padding: 100px 0; text-align: center; } #home-feature-boxes article { } #home-feature-boxes article ul { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: stretch; list-style: none outside; margin: 0 0; padding: 0 0; } #home-feature-boxes article ul li { width: 30%; border-radius: 20px; -webkit-border-radius: 20px; box-shadow: 10px 10px 50px rgba(0,0,0,0.2); display: flex; flex-flow: column wrap; justify-content: stretch; align-items: stretch; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; -webkit-background-size: cover; } #home-feature-boxes article ul li:nth-child(1) { background-image: url(images/bg-homefeatures-presenters.jpg); } #home-feature-boxes article ul li:nth-child(2) { background-image: url(images/bg-homefeatures-community.jpg); } #home-feature-boxes article ul li:nth-child(3) { background-image: url(images/bg-homefeatures-events.jpg); } #home-feature-boxes article ul li a { display: flex; justify-content: center; align-items: center; padding: 500px 130px 0; } #home-feature-boxes article ul li a div { position: absolute; bottom: -104px; color: #f0c636; font-size: 1.6rem; line-height: 1.3em; font-weight: 600; } #home-feature-boxes article ul li a div span { display: block; margin-bottom: 20px; background: #009ad5; padding: 10px 20px; color: #fff; text-transform: uppercase; font-size: 1rem; font-weight: 600; line-height: 1rem; border-radius: 5px; -webkit-border-radius: 5px; } #home-feature-boxes article ul li a:hover div { color: #fff; } #home-feature-boxes article ul li:hover { transform: translateY(-12px); } #home-feature-boxes article ul li:hover a div span { background: #f0c636; color: #1e4180; } #home-community { padding: 100px 0 200px; text-align: center; color: #fff; } #home-community article { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; } #home-community section:first-of-type { width: 100%; text-align: center; margin-bottom: 20px; } #home-community section:first-of-type p { font-size: 120%; } #home-community #community-slider { width: 70%; z-index: 2; left: 100px; } #home-community #community-slider ul { line-height: 1rem; } #home-community #community-slider ul li { margin: 0; padding: 20px; } #home-community #community-slider ul li a { display: block; position: relative; overflow: hidden; color: #fff; } #home-community #community-slider ul li .post-page-img { display: block; overflow: hidden; border-radius: 20px; -webkit-border-radius: 20px; aspect-ratio: 1/1; } #home-community #community-slider ul li .post-page-img img { display: block; width: 100%; height: auto; aspect-ratio: 1/1; } #home-community #community-slider ul li .post-page-img .slide-cat { position: absolute; bottom: 20px; left: 20px; z-index: 2; background: #f0c636; color: #1e4180; padding: 5px 10px; border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 2px 2px 0 #1e4180; text-transform: uppercase; font-size: 0.8rem; } #home-community #community-slider #hub-columns .hub-text { display: block; position: relative; width: 100% !important; margin: 10px 0 0; text-align: left; } #home-community #community-slider #hub-columns .hub-text h2.hub-listing-title { width: 100%; font-size: 1.3rem; line-height: 1.5rem; margin: 0 0 15px; color: #fff; font-weight: 600; text-shadow: 2px 2px 0 rgba(0,0,0,0.2); letter-spacing: 0; } #home-community #community-slider #hub-columns .hub-text h2.hub-listing-title a { color: #fff; } #home-community #community-slider #hub-columns .hub-text .hub-meta { display: block; background: none transparent; padding: 0 0; margin-bottom: 0; color: #fff; font-size: 0.9rem; } #home-community #community-slider #hub-columns .hub-text .hub-meta span { margin: 0 1.3% 10px 0; min-width: 48%; display: inline-block; } #home-community #community-slider #hub-columns .hub-text .hub-meta span.hub-lostfound { max-width: 77px !important; min-width: 20%; text-align: center; } #community-slider ul li a:hover { color: #fff; } #community-slider ul li a:hover .post-page-img img { transform: scale(1.06); filter: brightness(1.2); } .splide__track { padding-bottom: 0px; } .splide__pagination { bottom: -50px !important; padding: 0 0 !important; } .splide__pagination li { padding: 10px !important; } .splide__pagination__page { background: #fff !important; } .splide__pagination__page.is-active { background: #009ad4 !important; } .splide__arrows { position: relative !important; min-height: 60px !important; margin: 0 0 20px; } .splide__arrow { background: #f0c636 !important; width: 5em !important; height: 5em !important; margin-top: 0px !important; opacity: 1 !important; -webkit-opacity: 1 !important; box-shadow: 0 2px 20px rgba(0,0,0,0.02); border: 5px solid #1e4180 !important; outline: 3px solid #2ca5da !important; } .splide__arrow.splide__arrow--prev { left: unset; right: 90px; } .splide__arrow.splide__arrow--next { left: unset; right: 0px; } .splide__arrow:hover { background: #fff !important; } .splide__arrow i { color: #1e4180 !important; font-size: 22px; line-height: 1em; position: relative; top: 2px; margin-right: 0; } .splide__arrow:hover i { color: #1e4180 !important; } #home-community #community-slider-all { width: 30%; } #home-community #community-slider-all::before { display: block; content: ''; position: absolute; z-index: -1; top: -200px; right: -70px; transform: rotate(-10deg); width: 700px; height: 585px; background: url(images/bg-geoshape-blue.svg) no-repeat 50% 50%; background-size: 100% auto; } #home-community #community-slider-all a { position: relative; top: -20px; display: block; z-index: 1; color: #f0c636; width: 230px; margin: 0 auto; font-size: 5rem; line-height: 1em; font-weight: 700; text-transform: uppercase; font-family: 'Fredoka', serif; text-shadow: 3px 4px 0 rgba(0,0,0,0.1); } #home-community #community-slider-all a img { display: block; margin: 0 auto; } #home-donations { padding: 0px 0px; } #home-donations h2 { margin: 0 auto 80px; text-align: center; } #home-donations article { display: flex; flex-flow: row nowrap; align-items: stretch; background: #fff; border-radius: 20px; -webkit-border-radius: 20px; padding: 5%; } #home-donations article section:first-of-type { width: 50%; padding-right: 5%; } #home-donations article section:first-of-type h1, #home-donations article section:first-of-type h2, #home-donations article section:first-of-type h3, #home-donations article section:first-of-type h4 { font-size: 2rem; line-height: 2rem; } #home-donations article section:first-of-type .donate-cta { margin-bottom: 50px; color: #1e4180; font-size: 1.4rem; } #home-donations article section:first-of-type .button { font-size: 1.2rem; line-height: 3rem; } #home-donations article section:last-of-type { width: 50%; } #home-donations article section:last-of-type img { width: 100%; height: auto; display: block; border-radius: 20px; -webkit-border-radius: 20px; } #home-features { padding: 150px 0px; text-align: center; color: #fff; } #home-features article { } #home-features section { width: 100%; } #home-features section h2 { text-align: center; } #home-features section:last-of-type { width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; margin-top: 80px; padding: 0 8%; } #home-features section:last-of-type .feacol { width: 45%; display: flex; flex-flow: row wrap; text-align: left; margin-bottom: 20px; } #home-features section:last-of-type .feacol span { width: 120px; color: #f0c636; font-size: 70px; line-height: 70px; top: 2px; } #home-features section:last-of-type .feacol div { width: calc(100% - 120px); line-height: 1.4rem; } #home-features section:last-of-type .feacol h3 { color: #2ca5da; font-size: 1.8rem; line-height: 1.8rem; margin-bottom: 15px; } /******************** [ END BODY STYLES ] ********************/ .entry-header { position: relative; top: 0; left: 0; width: 100%; text-align: left; background: linear-gradient(to bottom, #0099d4 0%,#1e4180 100%); background-size: cover; -webkit-background-size: cover; padding: 220px 0 50px; } .entry-header .container { } .entry-header h1.entry-title { position: relative; z-index: 1; font-size: 3rem; line-height: 3rem; margin: 0px 0px; color: #fff; } .entry-breadcrumbs, .entry-meta { z-index: 1; display: inline-block; color: #f0c636; font-size: 12px; line-height: 20px; font-weight: bold; text-transform: uppercase; margin-right: 10px; letter-spacing: 1px; } .entry-breadcrumbs i { position: relative; top: 1px; } .entry-breadcrumbs a, .entry-breadcrumbs i, .entry-meta a { display: inline-block; margin-right: 5px; color: #f0c636; font-size: 12px; line-height: 20px; font-weight: bold; } .entry-breadcrumbs span { display: inline-block; margin-right: 5px; } .entry-breadcrumbs a:hover { text-decoration: none; color: #fff; } .page-header-overlay { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; background: rgba(25,25,25,0.6); } .header-introtext { color: #fff; font-size: 1.6rem; line-height: 2.6rem; } .page-content, .entry-content, .entry-summary, #post-page-loop { width: 100%; padding: 0 0; margin: 0 0; } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { display: none; } h1, h2, h3, h4, h5, h6 { clear: none !important; } .red-swish { background: url(images/red-underline.png) no-repeat 50% 100%; background-size: 100% 9px; -webkit-background-size: 100% 9px; padding-bottom: 15px; color: #111; font-size: 140%; } .entry-content iframe { width: 100% !important; } iframe.googlemap { border: 10px solid #111; border-radius: 16px; -webkit-border-radius: 16px; } .alignright { float: right; margin: 0 0 15px 5%; } .alignleft { float: left; margin: 0 3% 15px 0; } .imageborder { border-radius: 14px; -webkit-border-radius: 14px; border: 8px solid #fff; box-shadow: 3px 3px 20px rgba(0,0,0,0.1); -webkit-box-shadow: 3px 3px 20px rgba(0,0,0,0.1); } .entry-content > ul, .post-content > ul, .shortcode-one-half > ul, .shortcode-one-half div.sc-half > ul, .shortcode-colours ul, .accordion-content ul, .fl-rich-text ul { margin: 0 0 40px; padding: 0 0 0 18px; list-style: none outside; } .entry-content > ul > li, .post-content > ul > li, .shortcode-one-half > ul > li, .shortcode-one-half div.sc-half > ul > li, .shortcode-colours ul li, .accordion-content ul li, .fl-rich-text ul li { margin-bottom: 8px; padding-left: 33px; color: #111; } .entry-content > ul > li::before, .post-content > ul > li::before, .shortcode-one-half > ul > li::before, .shortcode-one-half div.sc-half > ul > li::before, .shortcode-colours ul li::before, .accordion-content ul li::before, .fl-rich-text ul li::before { position: absolute; top: 4px; left: 0; vertical-align: middle; color: #111; font-family: uicons-regular-rounded !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e360"; margin-right: 10px; font-size: 20px; } footer.entry-footer { clear: both; } .quote-top-cta { background: #ddd url(images/bg-quote-top-cta.jpg) no-repeat 100% 0; padding: 50px 40% 50px 50px; text-align: left; margin-bottom: 40px; background-size: 30% 100%; -webkit-background-size: 30% 100%; font-size: 120%; line-height: 160%; } /* Post Loop */ ul#post-page-loop { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; width: 100%; list-style: none outside; margin: 0 0 50px; } ul#post-page-loop li { width: 48%; margin-bottom: 70px; padding: 0px; background: none transparent; } ul#post-page-loop li .post-page-img { display: block; overflow: hidden; position: relative; margin-bottom: 15px; } ul#post-page-loop li .post-page-img img { display: block; width: 100%; } ul#post-page-loop li:hover .post-page-img img { transform: scale(1.05); -webkit-transform: scale(1.05); } ul#post-page-loop li .post-meta { } ul#post-page-loop li .post-meta div { border: 1px solid #dedede; padding: 8px 16px; vertical-align: middle; display: inline-block; margin-right: 5px; } ul#post-page-loop li h3 { font-size: 2rem; line-height: 2rem; font-weight: 300; margin: 0 0 15px; color: #111; } ul#post-page-loop li h3 a { color: #111; } /* End Post Loop */ /******************************************************************/ /* Community Hub - Submit Gig/Event/Notice/Lost/Found/Garage Sale */ /******************************************************************/ .hub-submit-cta { margin: -20px 0 50px; background: #ececec; border-radius: 20px; -webkit-border-radius: 20px; padding: 25px 30px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; width: 100%; } .hub-submit-cta div { margin: 0 0; width: calc(100% - 230px); padding-right: 10%; } .hub-submit-cta div h2 { font-size: 2rem; line-height: 2rem; margin: 0 0 10px; } .hub-submit-cta div p { margin: 0 0; } .hub-submit-cta .button { margin: 0 0; padding: 10px 10px; width: 230px; } .hub-submit-cta.memberappl { padding: 40px 50px; } .hub-submit-cta.memberappl .button { padding: 20px 20px; line-height: 1rem; } /* End */ /* Single Post Styles */ article.post, article.page { margin-bottom: 20px !important; } article.page.type-page { } .entry-content .entry-featured-image { width: 100%; } .entry-content .entry-featured-image img { display: block; margin: 0 0 50px; border: 20px solid #ececec; width: 100%; } .post-meta { margin-bottom: 10px; font-size: 0.7rem; text-transform: uppercase; font-weight: 600; } .post-meta i { position: relative; top: 1px; vertical-align: middle; font-size: 0.9rem; } .post-link { } .post-link i { position: relative; top: 1px; vertical-align: middle; font-size: 0.9rem; } .entry-header h1 { margin-bottom: 20px; } .entry-header .post-meta { margin-top: 30px; } .post-meta strong { display: inline-block; background: #111; padding: 2px 15px; margin-right: 5px; font-weight: normal; color: #fff; text-transform: uppercase; border-radius: 100px; -webkit-border-radius: 100px; } .post-meta strong i { position: relative; vertical-align: middle; margin-top: -2px; margin-right: 4px; } .post-meta strong a { color: #fff; } .post h1 { margin-bottom: 10px; } .post .post-thumbnail, .hub-listing .post-thumbnail { width: 20%; margin: 0 50px 50px 0; } .post .post-thumbnail img, .hub-listing .post-thumbnail img { display: block; width: 100%; height: auto; border: 1px solid #ccc; padding: 20px; } .post .post-content, .hub-listing .post-content { width: 100%; } .post .post-content.post-full-width, .hub-listing .post-content.post-full-width { width: 100%; } .post .single-post-posted { display: block; margin-bottom: 30px; font-weight: bold; font-size: 120%; color: #111; } .post .fg-default.fg-gutter-10 { padding-left: 0; margin-bottom: 30px; display: flex; flex-flow: row wrap; } .post .fg-default .fg-item { width: 32%; } .post #post-social-share { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; } .post #post-social-share div { max-width: 170px; } .post-tags { } .post-tags ul { list-style: none outside; margin: 0 0; padding: 0 0; } .post-tags ul li { display: inline-block; background: #111; padding: 0px 10px; margin-right: 5px; font-weight: normal; text-transform: uppercase; border-radius: 100px; -webkit-border-radius: 100px; font-size: 70%; } .post-tags ul li a { color: #444; } #comments { margin: 0 auto !important; } #wpdcom { margin: 0 !important; padding: 0 !important; max-width: 100% !important; } #wpdcom .wpd-thread-list { padding: 30px 0 0; } /* End Single Post Styles */ /***************************/ /* Single Hub Listing Page */ /***************************/ #hub-columns { display: flex; flex-flow: row-reverse nowrap; justify-content: space-between; } #hub-columns.hub-listing-card { border-bottom: 1px solid #e2e2e2; padding-bottom: 15px; margin-bottom: 25px; } #hub-columns .hub-text { width: 70%; margin-bottom: 50px; padding-right: 5%; } #hub-columns .hub-text h2.hub-listing-title { font-size: 2rem; line-height: 2rem; margin-bottom: 12px; } #hub-columns .hub-text .hub-meta { background: #f3f3f3; border-radius: 100px; -webkit-border-radius: 100px; padding: 6px 22px; margin-bottom: 30px; color: #2ca5da; font-size: 1rem; line-height: 1.1rem; } #hub-columns .hub-text .hub-meta span { vertical-align: middle; margin-right: 15px; } #hub-columns .hub-text .hub-meta span i { vertical-align: middle; margin-right: 5px; } #hub-columns .hub-text .hub-meta span.hub-lostfound { border-radius: 100px; -webkit-border-radius: 100px; padding: 3px 10px; text-transform: uppercase; font-size: 12px; line-height: 1em; color: #fff; } #hub-columns .hub-text .hub-meta span.hub-lostfound.Lost { background: #eb1414; } #hub-columns .hub-text .hub-meta span.hub-lostfound.Found { background: #539a0d; } #hub-columns .hub-text .hub-excerpt {} #hub-columns .hub-text .hub-excerpt p { line-break: anywhere; } #hub-columns .hub-text a.hub-listing-link {} #hub-columns .hub-text a.hub-listing-link:hover { color: #2ca5da; } #hub-columns .hub-text .hub-text-contacts { display: block; border-top: 1px solid #dbdbdb; padding-top: 30px; margin-top: 30px; } #hub-columns .hub-text .hub-text-contacts p { margin-bottom: 10px; } #hub-columns .hub-text .hub-text-contacts span { margin-bottom: 10px; display: block; } #hub-columns .hub-text .hub-text-contacts span i { font-size: 20px; } #hub-columns .hub-gallery { width: 30%; text-align: right; } #hub-columns .hub-gallery img { width: 90%; height: auto; border-radius: 10px; -webkit-border-radius: 10px; } /*******************************/ /* End Single Hub Listing Page */ /*******************************/ /*******************************/ /* Single Staff Presenter Page */ /*******************************/ body.single-staff-member {} body.single-staff-member #hub-columns {} body.single-staff-member #hub-columns .hub-text { width: 60%; } body.single-staff-member #hub-columns .hub-gallery { width: 40%; } /*******************************/ /* End Single Staff Presenter Page */ /*******************************/ /* Contact Page Styles */ body.page-template-page-contact #primary article.page.type-page { display: block; } body.page-template-page-contact #primary { display: flex; flex-flow: row nowrap; } body.page-template-page-contact #primary section:first-of-type { width: 50%; padding-right: 10%; } body.page-template-page-contact #primary section:last-of-type { width: 50%; } /* End Contact Page Styles */ /* Custom Navigation with Thumbnails */ .wpb-posts-nav { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; margin-top: 100px; border-top: 2px solid rgba(0,0,0,0.1); padding-top: 50px; } .wpb-posts-nav > div { width: 300px; display: flex; } .wpb-posts-nav > div:last-of-type { justify-content: flex-end; text-align: right; } .wpb-posts-nav > div a { display: flex; flex-flow: row nowrap; justify-content: center; align-items: stretch; width: 100%; } .wpb-posts-nav > div a .nextprev-thumb { width: 75px; } .wpb-posts-nav > div a .nextprev-text { width: calc(100% - 75px); padding: 0px 20px; } .wpb-posts-nav > div a .wpb-posts-nav__thumbnail.wpb-posts-nav__prev { } .wpb-posts-nav > div a .wpb-posts-nav__thumbnail.wpb-posts-nav__next { } .wpb-posts-nav > div a .wpb-posts-nav__thumbnail img { width: 76px; height: auto; } .wpb-posts-nav > div:last-of-type a div { display: flex; flex-flow: column wrap; align-items: flex-end; } .wpb-posts-nav > div a strong { display: flex; color: #333; } .wpb-posts-nav > div a h4 { font-size: 1.1rem; line-height: 1.5rem; margin-bottom: 20px; width: 100%; padding: 0 3px; } /********************************* [ SIDEBAR STYLES ] *********************************/ #secondary { } .widget { background: #fff; padding: 10%; margin: 0 0 50px; border-radius: 20px; -webkit-border-radius: 20px; box-shadow: 4px 4px 0 rgba(201,208,210,0.3); -webkit-box-shadow: 4px 4px 0 rgba(201,208,210,0.3); overflow: hidden; } .widget:last-of-type { margin-bottom: 0; } .widget.widget_media_image { padding: 0 0; } .widget.widget_media_image img { display: block; border-radius: 20px; -webkit-border-radius: 20px; } .widget h2 { font-size: 1.5rem; line-height: 1.5rem; margin: 0 0 40px; text-transform: uppercase; } .widget a { } .widget p:last-of-type { margin-bottom: 0; } .widget ul { margin: 0 0; padding: 0 0; list-style: none outside; } .widget ul li { margin-bottom: 5px; padding-left: 30px; } .widget ul li::before { position: absolute; top: 6px; left: 0; vertical-align: middle; color: #111; font-family: uicons-regular-rounded !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e360"; margin-right: 10px; } .widget_nav_menu { } .widget_nav_menu ul { margin: 0 0; padding: 0 0; list-style: none outside; } .widget_nav_menu ul li { display: flex; flex-wrap: nowrap; flex-direction: row; margin-bottom: 2px; } .widget_nav_menu ul li::before { position: absolute; z-index: 1; color: #111; padding: 19px 20px 10px 20px; font-family: uicons-regular-rounded !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e360"; } .widget_nav_menu ul li a { position: relative; display: block; width: 100%; color: #fff; padding: 13px 0px 13px 55px; font-weight: normal; font-size: 120%; background: rgba(255,255,255,0); border-radius: 6px; -webkit-border-radius: 6px; } .widget_nav_menu ul li a:hover, .widget_nav_menu ul li.current-menu-item a { text-decoration: none; background: rgba(255,255,255,0.1); } /* Search Widget */ #is_widget-2 {} #is_widget-2 h2 { margin: 0 0 20px; } #is_widget-2 form.is-search-form { } #is_widget-2 form.is-search-form input.is-search-input { border-radius: 8px 0 0 8px !important; -webkit-border-radius: 8px 0 0 8px !important; border-color: #e1e1e1 !important; } #is_widget-2 form.is-search-form .is-search-icon { border-radius: 0 8px 8px 0; -webkit-border-radius: 0 8px 8px 0; border-color: #f0c636 !important; background: #f0c636 !important; } .is-ajax-search-categories-details > div:hover, .is-ajax-search-result .is-ajax-search-post:hover, .is-ajax-search-result .is-show-more-results:hover, .is-ajax-search-tags-details > div:hover { background: #f4f4f4 !important; } div.is-ajax-search-details, div.is-ajax-search-result { background: none !important; border-radius: 20px; -webkit-border-radius: 20px; overflow: hidden; } /******************************* [ END SIDEBAR STYLES ] *******************************/ /********************************* [ FOOTER STYLES ] *********************************/ .site-footer-top { width: 100%; position: relative; background: #2ca5da; padding: 80px 0 100px; } body:not(.home) .site-footer-top { margin-top: 200px; } .site-footer-top section { text-align: center; color: #fff; } .site-footer-top section .fttop-icon { position: absolute; top: -120px; left: 50%; width: 100px; height: 100px; line-height: 100px; font-size: 33px; margin-left: -50px; color: #f0c636; background: #2ca5da; border-radius: 1000px; -webkit-border-radius: 1000px; } .site-footer-top section h2 { font-size: 2.3rem; line-height: 2.3rem; color: #f0c636; } .site-footer-top section h3 { font-size: 1.6rem; line-height: 2rem; color: #fff; padding: 0 20%; } .site-footer { width: 100%; position: relative; background: linear-gradient(to bottom, #233b78 20%,#131f3f 100%); color: #fff; padding: 50px 0px 70px; } .footer-donation { position: relative; top: -100px; width: 1024px; border-radius: 1000px; -webkit-border-radius: 1000px; background: linear-gradient(to right, #f0c636 0%,#5fab95 100%); padding: 30px 10%; color: #1e4180; display: flex; flex-flow: row nowrap; align-items: stretch; } .footer-donation strong { display: block; width: calc(100% - 250px); font-size: 1.4rem; line-height: 1.7rem; padding-right: 10%; } .footer-donation a.button { width: 250px; padding: 10px 10px; border-radius: 100px; -webkit-border-radius: 100px; } .site-footer a { color: rgba(255,255,255,0.8); } .site-footer a:hover { color: rgba(255,255,255,1); } .site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 { position: relative; font-size: 2rem; line-height: 2rem; margin-bottom: 40px; letter-spacing: 0; color: #f0c636; } .site-info { padding-bottom: 60px; margin-bottom: 60px; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; border-bottom: 1px solid rgba(255,255,255,0.2); } .site-footer section.footer-left { width: 35%; display: flex; flex-flow: row wrap; align-items: center; padding-right: 5%; } .site-footer section.footer-right { width: 65%; display: flex; flex-flow: row nowrap; justify-content: flex-end; } section.footer-left .footer-logos { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; margin-bottom: 40px; width: 100%; } section.footer-left .footer-logo { width: 240px; height: auto; margin: 0 0; } section.footer-left .social-buttons { width: calc(100% - 240px); display: flex; flex-flow: row nowrap; justify-content: flex-end; } section.footer-left .social-buttons a.social-btn { border: 1px solid #f0c636; color: #f0c636; border-radius: 1000px; -webkit-border-radius: 1000px; padding: 14px 0; font-size: 14px; min-width: 58px; text-align: center; margin-left: 15px; background: rgba(240,198,54,0); } section.footer-left .social-buttons a.social-btn i { margin: 0 auto; } section.footer-left .social-buttons a.social-btn:hover { border-color: #f0c636; color: #1e4180 !important; background: rgba(240,198,54,1); } section.footer-left form { padding-left: 5px; } section.footer-left form h2 { color: rgba(255,255,255,0.8); font-size: 1.2rem; line-height: 1em; font-weight: 400; margin-bottom: 20px; } section.footer-left form input { display: inline-block; width: 45%; margin-right: 10px; border: 1px solid rgba(255,255,255,0.5); color: rgba(255,255,255,0.9) !important; border-radius: 1000px; -webkit-border-radius: 1000px; background: none transparent !important; margin-bottom: 14px; padding: 12px 20px !important; font-size: 1rem; line-height: 1.4rem; } section.footer-left form input:focus { border-color: rgba(255,255,255,1); color: rgba(255,255,255,1) !important; border-radius: 1000px; -webkit-border-radius: 1000px; background: none transparent !important; margin-bottom: 10px; padding: 12px 20px !important; font-size: 1rem; line-height: 1.4rem; } section.footer-left form input[type=button] { border: 1px solid #f0c636; color: #f0c636 !important; border-radius: 50px; -webkit-border-radius: 50px; } section.footer-left form input[type=button]:hover { border: 1px solid #f0c636; color: #1e4180 !important; background: #f0c636 !important; border-radius: 50px; -webkit-border-radius: 50px; } section.footer-left form input::-webkit-input-placeholder { color: rgba(255,255,255,0.4); } section.footer-left form input::-moz-placeholder { color: rgba(255,255,255,0.4); } section.footer-left form input:-ms-input-placeholder { color: rgba(255,255,255,0.4); } section.footer-left form input:-moz-placeholder { color: rgba(255,255,255,0.4); } .site-footer .footer-contacts { width: 50%; } .site-footer .footer-contacts ul { list-style: none outside; margin: 0 0; padding: 0 0; display: flex; flex-flow: column wrap; } .site-footer .footer-contacts ul li { margin: 0 0 23px; padding: 0 0; width: 100%; } .site-footer .footer-contacts ul li a { } .site-footer .footer-contacts ul li a:hover { } .site-footer .footer-contacts ul li a i { display: inline-block; vertical-align: middle; position: relative; top: 2px; font-style: normal; color: #2ca5da; min-width: 55px; text-align: center; font-size: 22px; } .site-footer .footer-charity { width: 50%; display: flex; flex-flow: row nowrap; justify-content: flex-end; } .site-footer .footer-charity img { width: 200px; height: auto; } .site-info-copy { font-size: 90%; color: rgba(107,123,164,1); letter-spacing: 1px; display: flex; flex-flow: row wrap; } .site-footer .ftrrecognition { width: 100%; color: #6b7ba4; padding-bottom: 60px; } .site-footer .ftrrecognition p { margin-bottom: 0; } #copyright { width: 70%; color: rgba(255,255,255,0.8); } #copyright span { padding: 0 10px; } #developed { width: 30%; text-align: right; color: rgba(107,123,164,1); } #copyright a { color: rgba(255,255,255,0.8); } #developed a { color: rgba(107,123,164,0.8); } #copyright a:hover, #developed a:hover { color: rgba(255,255,255,1); text-decoration: underline; } #back-top { position: fixed; z-index: 3; right: 40px; bottom: 40px; padding: 0; } #back-top:hover { } #back-top a { display: block; width: 100%; color: #FFF; text-align: center; text-decoration: none; text-transform: uppercase; } #back-top span { background: #2ca5da url(images/up-arrow.png) no-repeat 50% 50%; display: block; width: 50px; height: 50px; margin-bottom: 0; background-size: 70% auto; -webkit-background-size: 70% auto; border-radius: 100px; -webkit-border-radius: 100px; } #footer-toggle-menu { display: none; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: space-evenly; position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 99999; background: #111; color: #fff; width: 100%; margin: 0 0; padding: 0 0; } #footer-toggle-menu li { display: block; width: 25%; vertical-align: middle; text-align: center; } #footer-toggle-menu li a { display: block; min-height: 50px; padding: 10px 0px 6px; color: #fff; font-size: 0.7rem; line-height: 1rem; font-family: 'Outfit', Arial, sans-serif; } #footer-toggle-menu li a i { display: block; margin: 0 auto; font-size: 1.2rem; min-height: 20px; } #footer-toggle-menu li a:hover{ opacity: 1.0; background: #111; text-decoration: none; color: #fff; } .shiftnav-toggle-button { background: #111; color: #fff !important; } .shiftnav-toggle * { line-height: 1.3rem !important; } .shiftnav .fa, .shiftnav-toggle .fa { font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; } .shiftnav-nav .menu-item-has-children::before { top: 1.6rem !important; right: 11px !important; } .shiftnav ul.shiftnav-menu li.menu-item > .shiftnav-target, .shiftnav ul.shiftnav-menu li.shiftnav-retract > .shiftnav-target { padding: 8px 15px !important; } .shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover { background: transparent !important; } .edit-link { position: fixed; top: 30%; left: 0; z-index: 10; display: block; width: auto; height: auto; padding: 7px 15px; background: #111; color: #fff; text-align: center; text-transform: uppercase; font-size: 0.8rem; font-weight: 600; border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; } .edit-link a { display: block; color: #fff; font-size: 12px; line-height: 20px; } .edit-link a::before { display: inline-block; color: #fff; font-family: uicons-regular-rounded !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\eea9'; margin-right: 6px; } /******************************* [ END FOOTER STYLES ] *******************************/ /********************** [ GRAVITY FORMS STYLES ] **********************/ .gform_wrapper { margin: 0 0 !important; } .gform_wrapper li { margin-top: 12px !important; } body .gform_legacy_markup_wrapper .top_label div.ginput_container { margin-top: 2px !important; } .gform_wrapper div.ginput_container input, .gform_wrapper div.ginput_container textarea, .gform_wrapper div.ginput_container select { font-size: 0.9rem !important; padding: 10px 12px !important; border-radius: 6px; -webkit-border-radius: 6px; } .gform_wrapper.gravity-theme .gfield_label { text-transform: uppercase; margin-bottom: 0 !important; font-size: 0.9rem !important; } .gform_wrapper.gravity-theme label { margin-bottom: 0 !important; font-size: 1rem !important; } .gform_body.gform-body h2, .gform_body.gform-body h3, .gform_body.gform-body h4, .gform_body.gform-body h5, .gform_body.gform-body h6 { margin: 0 0 5px; } .gform_wrapper.gravity-theme .gform_previous_button.button svg, .gform_wrapper.gravity-theme .gform_save_link.button svg { vertical-align: middle; } .gform_body.gform-body .button svg path { fill: #fff; } .gform_delete_file { background: #222; padding: 5px 5px; line-height: 1rem; } .gform_required_legend { display: none; } .gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input { vertical-align: top; } /* Poll Colours */ .gform_confirmation_wrapper:not(.gform-theme--framework) .blue .gpoll_ratio_box, .gform_legacy_markup_wrapper .blue .gpoll_ratio_box, .gravity-theme .blue .gpoll_ratio_box { background-color: #2ca5da !important; } .gform_confirmation_wrapper:not(.gform-theme--framework) .blue .gpoll_bar_juice, .gform_legacy_markup_wrapper .blue .gpoll_bar_juice, .gravity-theme .blue .gpoll_bar_juice { background-color: #2ca5da !important; background-image: linear-gradient(#2ca5da,#2ca5da) !important; } /* End Poll Colours */ body.page-template-page-contact-details .gform_wrapper, .enquiryform { background: #e7e7e7; border-top: 10px solid #1e4180; padding: 7%; } .enquiryform2 { background: #e7e7e7; padding: 50px; } .gform_wrapper.gravity-theme .enquiryform2 fieldset { margin-bottom: 32px; } /* Descriptions */ .gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction { padding-top: 0 !important; margin-top: 0 !important; font-size: 15px !important; line-height: 15px !important; } .gform_wrapper.gravity-theme .description a, .gform_wrapper.gravity-theme .gfield_description a, .gform_wrapper.gravity-theme .gsection_description a, .gform_wrapper.gravity-theme .instruction a { font-size: 15px !important; line-height: 15px; text-decoration: underline; } /* File Upload Field */ .ginput_container_fileupload { background: rgba(0,0,0,0.06); padding: 20px; border-radius: 10px; -webkit-border-radius: 10px; text-align: center; } .ginput_container_fileupload input[type=file] { text-align: center; background: #f2c62f; border-radius: 7px !important; -webkit-border-radius: 7px !important; margin-bottom: 10px; } /* Time Field */ .gform_wrapper.gravity-theme .ginput_container_time { max-width: 70px !important; min-width: 70px !important; } /* Progress Bar */ .gform_wrapper.gravity-theme .gf_progressbar { margin-bottom: 40px !important; } .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue { background-color: #1e4180 !important; } /****************************************/ /* Gravity Forms - Custom Radio Buttons */ /****************************************/ .gform_wrapper .gfield_radio .gchoice { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; } .gform_wrapper .gfield_radio input[type="radio"] { -webkit-appearance: none; appearance: none; width: 22px; height: 22px; margin: 0; padding: 0 !important; border: 2px solid #b7b7b7; border-radius: 50%; background: #fff; cursor: pointer; position: relative; flex: 0 0 20px; transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease; } .gform_wrapper .gfield_radio input[type="radio"]:hover { border-color: #2ca5da; box-shadow: 0 0 0 3px rgba(0,0,0,.06); } .gform_wrapper .gfield_radio input[type="radio"]:checked { border-color: #2ca5da; background: #2ca5da; } .gform_wrapper .gfield_radio input[type="radio"]:checked::after { content: ""; position: absolute; width: 8px; height: 8px; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; border-radius: 50%; } .gform_wrapper .gfield_radio input[type="radio"]:focus { outline: none; } .gform_wrapper .gfield_radio input[type="radio"]:focus-visible { border-color: #2ca5da; box-shadow: 0 0 0 3px rgba(31,111,139,.20); } .gform_wrapper .gfield_radio label { cursor: pointer; } /* RADIO BUTTON STYLES */ .customradio input[type="radio"] { opacity: 0; -webkit-opacity: 0; position: fixed !important; width: 0; } .customradio .gfield_radio { display: flex; flex-flow: row wrap; justify-content: space-between; } .customradio .gchoice { width: 49%; margin-bottom: 20px; } .customradio label { border-radius: 8px; -webkit-border-radius: 8px; display: block !important; background-color: #eee; padding: 10px 20px; font-family: 'Outfit', sans-serif; font-weight: 700; font-size: 1.6rem !important; line-height: 2.2rem; border: 2px solid #e3e3e3; color: #444; cursor: pointer; text-align: center; width: 100% !important; max-width: 100% !important; } .customradio label:hover, .customradio input[type="radio"]:checked + label { background-color: #1e4180; border-color: #1e4180; color: #fff; } /* RADIO BUTTON STYLES */ /******************** [ END GRAVITY FORMS STYLES ] ********************/ .lrm-form a.button, .lrm-form button, .lrm-form button[type=submit], .lrm-form #buddypress input[type=submit], .lrm-form input[type=submit] { background: #111 !important; } div.is-ajax-search-details, div.is-ajax-search-result { padding: 1px !important; } .xoo-el-form-container button.btn.button.xoo-el-action-btn { height: auto !important; } .strong-view.wpmtst-simple a.disabled { display: block !important; } /* FAQS Accordion Styles */ .sp-easy-accordion .sp-ea-single .ea-header { font-family: 'Outfit', sans-serif; } .sp-easy-accordion .sp-ea-single .ea-header a { padding: 25px !important; font-weight: 700 !important; font-size: 18px !important; } .sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body { padding: 35px !important; } #wpgmza_map { border: 20px solid #f4f4f4; } /* Override Strong Testimonials Settings */ .entry-content .strong-view.wpmtst-simple .wpmtst-testimonial { padding: 50px 0; margin: 0em auto; } .entry-content .strong-view.wpmtst-simple .wpmtst-testimonial-inner { background: #fff; border-radius: 15px; -webkit-border-radius: 15px; padding: 6%; box-shadow: 0px 3px 20px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 3px 20px rgba(0,0,0,0.1); border-bottom: 2px solid #111; } .entry-content .strong-view.wpmtst-simple .wpmtst-testimonial-inner::before { position: absolute; z-index: 1; bottom: -30px; right: 60px; background: #fff; border: 2px solid #111; padding: 30px; border-radius: 100px; -webkit-border-radius: 100px; font-size: 25px !important; font-family: uicons-regular-rounded !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\eca2'; color: #111; } .entry-content .strong-view.wpmtst-simple .wpmtst-testimonial-content.testimonial-content p:first-of-type::before { content: '"'; font-size: 2rem; font-family: 'Outfit', serif; line-height: 1rem; } .entry-content .strong-view.wpmtst-simple .wpmtst-testimonial-content.testimonial-content p:last-of-type::after { content: '"'; font-size: 2rem; font-family: 'Outfit', serif; line-height: 1rem; position: relative; top: 5px; } .entry-content .strong-view.wpmtst-simple .wpmtst-testimonial-inner .testimonial-name { font-weight: bold; margin-top: 30px; } /* End Override Strong Testimonials Settings */ /* Override FlipBook Settings */ .df-popup-thumb { width: 200px !important; } /* End Override FlipBook Settings */ /* Override FooGallery Black Background Settings */ .foogallery.fg-dark .fg-item-inner { background-color: transparent !important; } /* End Override FooGallery Black Background Settings */ /********************************* [ SHORTCODES STYLES ] *********************************/ .shortcode-pdf { position: relative; display: inline-block; margin-bottom: 20px; margin-right: 10px; } .shortcode-pdf a { position: relative; display: block; padding: 15px 25px 15px 25px; font-size: 1rem; line-height: 23px; background: #111; border-radius: 5px; -webkit-border-radius: 5px; color: #fff; } .shortcode-pdf a::before { position: relative; vertical-align: middle; display: inline-block; top: 1px; z-index: 1; font-family: uicons-regular-rounded !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e6b5"; font-size: 23px; line-height: 23px; color: #fff; margin-right: 6px; } .shortcode-pdf a:hover { background: #111; color: #fff; text-decoration: underline; } .shortcode-hr { position: relative; margin: 0 0 30px; border-top: 1px dashed #666; } .shortcode-address, .shortcode-phone, .shortcode-fax, .shortcode-whatsapp, .shortcode-email, .shortcode-time, .shortcode-facebook, .shortcode-instagram, .shortcode-shop { position: relative; margin-bottom: -1px; display: block; font-size: 1.1rem; color: #333; padding: 26px 0px; text-align: left; border-top: 1px dashed #666; } .shortcode-address i, .shortcode-phone i, .shortcode-fax i, .shortcode-whatsapp i, .shortcode-email i, .shortcode-time i, .shortcode-facebook i, .shortcode-instagram i, .shortcode-shop i { position: relative; font-size: 23px; margin: 0px 10px 0px 0px; vertical-align: middle; color: #111; top: 2px; min-width: 30px; text-align: center; display: inline-block; } .shortcode-address p, .shortcode-phone p, .shortcode-fax p, .shortcode-whatsapp p, .shortcode-email p, .shortcode-time p, .shortcode-facebook p, .shortcode-instagram p, .shortcode-shop p { padding-bottom: 0px; } .shortcode-address + br, .shortcode-phone + br, .shortcode-fax + br, .shortcode-whatsapp + br, .shortcode-email + br, .shortcode-time + br, .shortcode-facebook + br, .shortcode-facebook + br, .shortcode-shop + br { display: none; } .shortcode-address a, .shortcode-phone a, .shortcode-fax a, .shortcode-whatsapp a, .shortcode-email a, .shortcode-time a, .shortcode-facebook a, .shortcode-instagram a, .shortcode-shop a { color: #333; text-decoration: none; } .shortcode-address a:hover, .shortcode-phone a:hover, .shortcode-fax a:hover, .shortcode-whatsapp a:hover, .shortcode-email a:hover, .shortcode-time a:hover, .shortcode-facebook a:hover, .shortcode-instagram a:hover, .shortcode-shop a:hover { text-decoration: underline; } .shortcode-cta { position: relative; display: flex; background: #ececec; border-left: 7px solid #111; margin-bottom: 2rem; padding: 30px 30px 30px 50px; font-size: 110%; font-weight: 600; } .shortcode-cta p:last-of-type { margin-bottom: 0; } .shortcode-cta a { font-size: inherit; text-decoration: none; font-weight: bold; } .shortcode-cta a:hover { font-size: inherit; text-decoration: underline; } .shortcode-urllink { position: relative; padding-left: 30px; font-weight: bold; color: #111; } .shortcode-urllink a { color: #111; text-decoration: underline; } .shortcode-urllink a:hover { color: #111; } .shortcode-urllink::before { position: absolute; left: 0px; z-index: 1; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0c1"; } .shortcode-button { display: block; } .shortcode-button.button-full { display: block; width: 100%; } .shortcode-button.button-full a { display: block; width: 100%; } .shortcode-button.button-auto { display: inline-block; } .shortcode-quote { position: relative; font-family: 'Outfit', serif; font-size: 1.8rem; line-height: 2.5rem; color: #333; font-style: italic; font-weight: 300; padding: 5px 17% 10px 5%; border-left: 3px solid #111; } .shortcode-quote::before { position: absolute; z-index: 1; content: ''; top: -12px; right: 0px; width: 160px; height: 125px; background: url(images/shortcode-quote.svg) no-repeat 0 10px; background-size: 100% auto; -webkit-background-size: 100% auto; opacity: 0.2; } .shortcode-quote p { margin-bottom: 1rem; } .shortcode-quote strong { clear: right; font-size: 1rem; line-height: 2rem; } .shortcode-one-half { display: flex; flex-flow: row nowrap; justify-content: space-between; width: 100%; } .shortcode-one-half div.sc-half { width: 47%; } .shortcode-one-half div.sc-half:last-of-type p:first-of-type { margin-bottom: 0; } .shortcode-one-half div.sc-half h2, .shortcode-one-half div.sc-half h3 { } .shortcode-one-half div.sc-half img { display: block; max-width: 100% !important; } .one-third-container { display: flex; flex-flow: row nowrap; justify-content: space-between; } .shortcode-one-third, .shortcode-one-third-mid, .shortcode-one-third-last { width: 28%; margin-bottom: 20px; } .shortcode-one-third-last { margin-right: 0; } .shortcode-one-third p:first-of-type, .shortcode-one-third-mid p:first-of-type, .shortcode-one-third-last p:first-of-type { margin: 0 0; } .shortcode-one-third img, .shortcode-one-third-mid img, .shortcode-one-third-last img { display: block; margin-bottom: 10px; } .shortcode-one-third h3, .shortcode-one-third-mid h3, .shortcode-one-third-last h3 { margin-bottom: 20px; font-size: 1.6rem; } .shortcode-one-third p:last-of-type a, .shortcode-one-third-mid p:last-of-type a, .shortcode-one-third-last p:last-of-type a { text-align: center; } .shortcode-one-third p:last-of-type a:hover, .shortcode-one-third-mid p:last-of-type a:hover, .shortcode-one-third-last p:last-of-type a:hover { } .shortcode-one-third ul, .shortcode-one-third-mid ul, .shortcode-one-third-last ul { margin: 0 0 3rem; padding: 0 0 0 20px; list-style: none outside; } .shortcode-one-third ul li, .shortcode-one-third-mid ul li, .shortcode-one-third-last ul li { padding: 0 0 5px 40px; background: url(images/icon-list-item.png) no-repeat 0 5px; } .shortcode-link { position: relative; margin-bottom: 20px; display: inline-block; width: 47%; border: 2px solid #ececec; border-radius: 10px; -webkit-border-radius: 10px; padding: 20px; margin-right: 18px; text-align: center; } .shortcode-link::before { } .shortcode-link i { position: relative; top: 2px; margin-right: 10px; color: #111; vertical-align: middle; font-size: 22px; } .shortcode-link strong { display: block; } .shortcode-columns { columns: 2; column-gap: 10%; margin-bottom: 2rem; } .shortcode-columns p:first-of-type { margin: 0 0; } .shortcode-list-ticks { } .shortcode-list-ticks ul { list-style: none; margin: 0 0; padding: 0 0; } .shortcode-list-ticks ul li { padding: 0 0 8px 30px; } .shortcode-list-ticks ul li::before { position: absolute; left: 0; top: 0; margin-top: 4px; font: var(--fa-font-solid); content: "\f0a9"; font-size: 20px; color: #111; } .shortcode-colours { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch; } .shortcode-colours { width: 100%; margin-bottom: 30px; display: inline-block; border: 2px solid #efefef; border-radius: 10px; -webkit-border-radius: 10px; padding: 10%; } .shortcode-colours p:first-of-type { margin: 0 0; } .shortcode-colours h3 { font-size: 1.6rem; line-height: 1.6rem; margin-bottom: 10px; } .shortcode-colours ul { padding: 0 0; } .shortcode-colours li { border: 1px solid #e5e5e5; border-width: 1px 0 0; padding: 15px 0; } .shortcode-colours li:last-child { border-bottom-width: 1px; } .shortcode-colours li::before { top: 21px !important; } /* Accordion Styles */ #accordion { width: 100%; } #accordion p { margin-bottom: 10px !important; } .accordion-toggle { cursor: pointer; padding: 30px 30px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #ccc; transition: 250ms all ease; line-height: 1; font-size: 1.2rem; line-height: 1.2rem; margin-bottom: 0; margin-top: 10px; color: #444; } .accordion-toggle:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.1); -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.1); } .accordion-toggle .button { position: relative; width: 16px; height: 16px; padding: 10px 10px; background: none transparent; } .accordion-toggle .button:hover { background: none !important; } .accordion-toggle .button:before, .accordion-toggle .button:after { content: ""; position: absolute; background-color: #d7d7d7; transition: transform 0.25s ease-out; } .accordion-toggle .button:before { top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; } .accordion-toggle .button:after { top: 50%; left: 0; width: 100%; height: 2px; margin-top: -1px; } .accordion-toggle.opened { color: #111; border-color: #111; } .accordion-toggle.opened:hover { background-color: rgba(10,10,10,0); } .accordion-toggle.opened .button { cursor: pointer; } .accordion-toggle.opened .button:before { transform: rotate(90deg); } .accordion-toggle.opened .button:after { transform: rotate(180deg); } .accordion-toggle.opened .button:before, .accordion-toggle.opened .button:after { background-color: #111; } .accordion-toggle div { display: inline-block; font-weight: 400; text-align: left; } .accordion-content { display: none; margin-bottom: 0; padding: 30px 0; text-align: left; } .accordion-content.opened { border-color: #111; } .accordion-content a { text-decoration: underline; } /******************************* [ END SHORTCODES STYLES ] *******************************/ /********************************* [ RESPONSIVE STYLES ] *********************************/ .post img, #logo { max-width: 100%; height: auto; } embed, iframe, object, video { max-width: 100%; } @media only screen and ( max-width: 1700px ) { .container { width: 1400px; } .site-header {} .header-left { width: 300px; padding-right: 20px; } .site-branding .logo-tagline { font-size: 1.2rem; } .header-right { width: calc(100% - 300px); } .main-navigation li a { margin: 0 18px; } .footer-donation { width: 1024px !important; } section.footer-left .footer-logo { width: 200px; } section.footer-left .social-buttons a.social-btn { padding: 11px 0; font-size: 12px; min-width: 54px; } } @media only screen and ( max-width: 1440px ) { body, body.home { font-size: 1rem; line-height: 1.5rem; } .container { width: 1160px; } #primary { width: 65%; padding: 150px 5%; } #secondary { width: 31%; } .site-header { padding: 40px 0px 0; } .header-left { width: 250px; padding-right: 20px; } .site-branding .logo-tagline { font-size: 1.2rem; } .header-right { width: calc(100% - 250px); } .topbar-left { width: calc(100% - 180px); } .topbar-right { width: 180px; } .main-navigation li a { font-size: 1.1rem; margin: 0 13px; } .menu-item-has-children::before { right: 3px; } #psrfm-sticky-menu .main-navigation li a { line-height: 4rem; font-size: 1.2rem; margin: 0 30px; } .slider-marquee { font-size: 1.5rem; line-height: 2rem; } #home-sponsors h2, #home-community section:first-of-type h2, #home-donations h2, #home-features section h2 { font-size: 3rem; line-height: 3rem; } #home-feature-boxes { padding: 20px 0 100px; } #home-feature-boxes article ul {} #home-feature-boxes article ul li a { padding: 360px 100px 0; } #home-feature-boxes article ul li a div { bottom: -85px; font-size: 1.3rem; line-height: 1.2em; } #home-sponsors { padding: 100px 0 0; } #home-sponsors h2 { font-size: 2.4rem; line-height: 3rem; letter-spacing: 7px; } #home-sponsors section .gs_logo_single--wrapper { padding: 0 20px !important; } #home-community {} #home-community #community-slider ul li { max-height: 440px; } #home-community #community-slider-all a { font-size: 3rem; width: 160px; top: -50px; } #home-community #community-slider-all a img { margin: 20px auto; width: 80px; height: auto; } #home-features { padding: 100px 0px 70px; } #home-features section:last-of-type .feacol span { width: 80px; font-size: 50px; line-height: 50px; } #home-features section:last-of-type .feacol h3 { font-size: 1.6rem; line-height: 1.6rem; margin-bottom: 10px; } .entry-header { padding: 270px 0px 100px; } .entry-header h1.entry-title { } h1 { font-size: 3rem; } .shortcode-quote { font-size: 150%; line-height: 126%; } .alignright { max-width: 50% !important; } .shortcode-one-half img, .shortcode-one-half-last img { max-width: 100% !important; } .shortcode-address, .shortcode-phone, .shortcode-fax, .shortcode-whatsapp, .shortcode-email, .shortcode-time, .shortcode-facebook, .shortcode-instagram, .shortcode-shop { font-size: 1rem; padding: 22px 0px; } .shortcode-address i, .shortcode-phone i, .shortcode-fax i, .shortcode-whatsapp i, .shortcode-email i, .shortcode-time i, .shortcode-facebook i, .shortcode-instagram i, .shortcode-shop i { font-size: 1.4rem; } ul#post-page-loop {} ul#post-page-loop li h3 { font-size: 1.5rem; } #project-posts ul#post-page-loop.page-projects-loop li .post-page-img .post-image-hov { padding: 20px 30px; } #secondary {} .widget { } .widget h2 { font-size: 2rem; } .footer-donation { width: 1024px !important; } .site-footer .footer-contacts { width: 75%; } .site-footer .footer-charity { width: 35%; } } @media only screen and ( max-width: 1260px ) { body { font-size: 1rem; } .container { width: 960px; } h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; } .topbar-left { width: 0; } .topbar-right { width: 100%; } .topbar-right .button { width: 180px; } .main-navigation { display: none; } .header-mobmenu { display: block; } .header-mobmenu:hover { background: #e9bf1d !important; color: #1e4180 !important; } #home-sponsors h2, #home-community section:first-of-type h2, #home-donations h2, #home-features section h2 { font-size: 2.5rem; line-height: 2.5rem; } #home-feature-boxes {} #home-feature-boxes article ul li a { padding: 300px 50px 0; } #home-sponsors { padding: 40px 0 0; } #home-sponsors section .gs_logo_single--wrapper { padding: 0 0 !important; } #home-community { padding: 100px 0 140px; } #home-community #community-slider ul li { max-height: 505px; } #home-community #community-slider-all::before { top: -210px; right: -100px; width: 460px; height: 400px; } .splide__arrow.splide__arrow--prev { left: unset; right: 50%; margin-left: -100px; } .splide__arrow.splide__arrow--next { left: unset; right: 50%; margin-right: -100px; } #home-features {} #home-features section:last-of-type { margin-top: 50px; padding: 0; } #primary { padding: 100px 5%; } .entry-header { padding: 240px 0px 80px; } .entry-header h1.entry-title { font-size: 3rem; } .entry-content h2, #services-sections h2 { font-size: 1.5rem; line-height: 2rem; } p { margin: 0 0 2rem; } .alignright, .alignleft { max-width: 50%; } ul#post-page-loop {} ul#post-page-loop li .post-meta div { padding: 6px 7px; margin-bottom: 5px; } #rpwwt-recent-posts-widget-with-thumbnails-2 img { width: 60px; height: auto; } ul.contact-details-fields li { padding: 30px 10px; } .shortcode-link { width: 45%; padding: 14px 6px; font-size: 0.9rem; } .shortcode-link i { margin-right: 6px; } .shortcode-quote { margin: 10px 0px; } .post .fg-default .fg-item { width: 31%; } .widget { } .widget h2 { font-size: 1.8rem; line-height: 2rem; } .site-info section h1, .site-info section h2, .site-info section h3, .site-info section h4, .site-info section h5, .site-info section h6 { margin-bottom: 10px; } .site-info section.footer-left { width: 40%; } .site-info section.footer-right { width: 60%; } .footer-links section { width: 46%; } } @media only screen and ( max-width: 980px ) { body { font-size: 0.9rem; } .container { width: 750px; } .body-fixed { padding-top: 0; } .site-header { padding: 20px; } .header-left { width: 200px; } .header-right { width: calc(100% - 200px); } .header-mobmenu { line-height: 1.8rem; } #home-sponsors h2, #home-community section:first-of-type h2, #home-donations h2, #home-features section h2 { font-size: 2rem; line-height: 2rem; } #home-feature-boxes {} #home-feature-boxes article ul li a { padding: 300px 30px 0; } #home-feature-boxes article ul li a div { bottom: -65px; font-size: 1rem; line-height: 1.2em; } #home-feature-boxes article ul li a div span { margin-bottom: 10px; } #home-sponsors {} #home-sponsors h2 { letter-spacing: 0; } .gs_logo_single { padding: 24px 34px !important; } #home-community {} #home-community #community-slider { width: 100%; left: 0; } .splide__pagination { display: none !important; } #home-community #community-slider ul li { max-height: unset; } #home-community #community-slider-all { width: 100%; top: 50px; } #home-community #community-slider-all::before { display: none; } #home-community #community-slider-all a { font-size: 2rem; width: 100%; top: 0; } #home-donations {} #home-donations article { display: block; } #home-donations article section:first-of-type, #home-donations article section:last-of-type { width: 100%; padding-right: 0; } #home-donations h2 { margin: 0 auto 30px; } #home-features {} #home-features section:last-of-type .feacol h3 { font-size: 1.3rem; line-height: 1.3rem; } .entry-header { padding: 200px 0px 80px; } .entry-breadcrumbs, .entry-meta { padding: 0 0; font-size: 0.7rem; line-height: 1.5rem; } .entry-breadcrumbs a { margin-right: 3px; } .entry-header h1.entry-title { font-size: 1.8rem; line-height: 2rem; margin: 2px 0px 10px; } #primary { width: 100%; float: none; } h2, h3 { font-size: 1.5rem; line-height: 2rem; } input[type="button"], input[type="submit"], button, .button, a.read-more, .reply-container a, #commentform input#submit, .shortcode-button a, .gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_save_link.button, #conversion-form input[type="submit"] { padding: 7px 20px; } .entry-content .strong-view.wpmtst-simple .wpmtst-testimonial-inner::before { padding: 15px; font-size: 20px !important; bottom: -22px; } .shortcode-link { width: 47%; padding: 14px 6px; font-size: 0.9rem; } .shortcode-link i { margin-right: 6px; } ul.services-page-list { } ul.services-page-list li:nth-child(odd) { width: 49%; margin-right: 2%; } ul.services-page-list li:nth-child(even) { width: 49%; margin-right: 0; } ul.services-page-list li h4 { font-size: 1.3rem; } body.page-template-page-contact #primary { display: block; } body.page-template-page-contact #primary section:first-of-type { width: 100%; padding: 0; } body.page-template-page-contact #primary section:last-of-type { width: 100%; } ul#post-page-loop {} ul#post-page-loop li h3 { font-size: 1.2rem; } /* Beaver Builder */ .fl-builder-content .fl-node-jprnxbdvcos4.fl-module-rich-text.fl-rich-text :not(b, strong) { font-size: 1rem; line-height: 1.6em; } #secondary { float: none; width: 100%; font-size: 100%; margin-right: 0; } .widget { float: none; width: 100%; margin-right: 0; padding: 36px 50px; } .widget h2 { margin: 0 0 14px; } .site-footer { padding: 100px 0px; } .footer-donation { width: unset !important; margin: 0 30px -100px; top: -130px; } .site-info { display: block; } .site-info section.footer-left { width: 100%; padding-right: 0; } section.footer-left form input { width: 48%; } .site-info section.footer-right { width: 100%; margin-top: 30px; } .site-info section h1, .site-info section h2, .site-info section h3, .site-info section h4, .site-info section h5, .site-info section h6 { margin-bottom: 25px; } #copyright { width: 60%; } #developed { width: 40%; } #footer-toggle-menu { display: flex; } } @media only screen and ( max-width: 768px ) { .body-fixed { padding-top: 0px !important; } .container { width: auto; padding: 0px 30px; } #primary { width: auto; float: none; padding: 50px 0 50px; clear: both; } #secondary { width: auto; float: none; clear: both; } .site-header, .site-header.scroll-fixed { } .slider-marquee { position: relative; width: auto; bottom: 0; } #home-feature-boxes { padding: 50px 0 100px; } #home-donations {} #home-donations article { margin: 0 30px; } #home-features { } #home-features section:last-of-type .feacol { width: 50%; } #home-features section:last-of-type .feacol span { width: 60px; font-size: 40px; line-height: 40px; } #home-community { padding: 100px 0 90px; } .entry-header { padding: 200px 0px 40px; } .entry-header h1.entry-title { font-size: 1.6rem; line-height: 2rem; } .header-introtext { font-size: 1rem; line-height: 1.4rem; } .entry-content h2, #services-sections h2 { font-size: 1.7rem; } article.post, article.page { margin-right: 0 !important; } ul#post-page-loop {} ul#post-page-loop li { width: 100%; margin-bottom: 20px; } ul#post-page-loop li h3 { font-size: 1.2rem; } ul.contact-details-fields { display: block; } ul.contact-details-fields li { width: 100%; margin: 0 0 20px; } .shortcode-quote { font-size: 115%; line-height: 145%; padding: 0px 25% 0 5%; margin-bottom: 50px; } .shortcode-quote::before { width: 120px; } .shortcode-cta { display: block; } .shortcode-link { width: 100%; } .shortcode-one-half, .shortcode-one-half-last { display: block; float: none; width: auto; margin-right: 0; } .shortcode-one-half div.sc-half { width: 100%; } .one-third-container { flex-flow: row wrap; } .shortcode-one-third, .shortcode-one-third-mid, .shortcode-one-third-last { width: 48%; margin-bottom: 20px; } input[type="button"], input[type="submit"], button, .button, a.read-more, .reply-container a, #commentform input#submit, .shortcode-button a, .gform_wrapper.gravity-theme .gform_previous_button.button, .gform_wrapper.gravity-theme .gform_save_link.button { font-size: 1rem; } #primary {} .post .attachment-post-thumbnail { max-width: 100%; float: none; } p { margin: 0 0 2rem; } .gform_wrapper div.ginput_container input, .gform_wrapper div.ginput_container textarea, .gform_wrapper div.ginput_container select { font-size: 1rem !important; padding: 8px 12px !important; } /* Beaver Builder Styles */ .fl-builder-content .fl-node-i2qd6y5pt4vl.fl-module-rich-text.fl-rich-text :not(b, strong) { font-size: 1.3rem; line-height: 1.3em; text-align: center; margin: 20px 0; } #secondary { text-align: left; display: block; margin-right: 0 !important; font-size: 100% !important; padding: 0px 0px 30px; } .site-footer { padding: 60px 0px 100px; } .footer-donation { display: block; margin: 0 30px -70px; top: -100px; padding: 14px 50px !important; text-align: center; } .footer-donation strong { display: none; } .footer-donation a.button { } .site-footer .footer-contacts { width: 80%; } .site-footer .footer-charity { width: 20%; } .site-footer .footer-contacts ul { margin: 0 0 20px; } .site-footer .footer-contacts ul li { margin: 0 0 12px; } #copyright, #developed { width: 100%; text-align: left; } #developed { margin-top: 20px; } #back-top { bottom: 82px; right: 0px; } } @media only screen and ( max-width: 479px ) { body { overflow-x: hidden; } .body-fixed { padding-top: 0px !important; } .container { width: auto; padding: 0px 20px; } .site-header { position: absolute; padding: 20px 0; } .site-header .container { } .header-left { width: 200px; } .header-right { width: calc(100% - 200px); } .header-mobmenu { width: 70px; } .header-mobmenu i { font-size: 1.3rem; position: relative; top: 0; } .topbar-right .button { display: none; } .slider-marquee { font-size: 1.3rem; } #home-sponsors h2, #home-community section:first-of-type h2, #home-donations h2, #home-features section h2 { font-size: 1.7rem; line-height: 2rem; } #home-feature-boxes { padding: 50px 0 0; } #home-feature-boxes article ul { display: block; } #home-feature-boxes article ul li { width: 100%; margin-bottom: 90px; } #home-feature-boxes article ul li a div { bottom: -46px; } #home-community #community-slider {} #home-community #community-slider ul {} #home-community #community-slider ul li { margin: 0; padding: 10px; } #home-features {} #home-features section:last-of-type { display: block; } #home-features section:last-of-type .feacol { width: 100%; } #home-features section:last-of-type .feacol div { width: calc(100% - 60px); } #home-donations {} #home-donations h2 { margin: 0 20px 30px; } #home-donations article section:last-of-type { padding-top: 20px; } input[type="button"], input[type="submit"], button, .button, a.read-more, .reply-container a, #commentform input#submit { display: block; padding: 12px 0px 10px; width: 100%; text-align: center; letter-spacing: 0; font-size: 1rem; } .entry-header { padding: 120px 0px 55px; } .entry-breadcrumbs, .entry-meta { display: none; } .entry-header h1.entry-title { font-size: 1.6rem; line-height: 2rem; text-align: center; } .post-meta strong { display: block; max-width: 70%; margin: 0 auto 10px; } #page-short-desc { font-size: inherit; line-height: inherit; } ul#post-page-loop { padding-right: 0; } ul#post-page-loop li { float: none; width: auto; margin-right: 0; } body.single-building-project #project-columns { display: block; } body.single-building-project #project-details { width: 100%; margin-bottom: 10px; } body.single-building-project #project-columns article { width: 100%; padding-right: 0; } body.single-building-project .post-gallery { grid-template-columns: repeat(2, 1fr); } article.type-team .entry-content { display: block; } .post .post-thumbnail, .team .post-thumbnail { width: 100%; } .post .post-content, .team .post-content { width: 100%; } .entry-content > ul { padding: 0 0; } .entry-content h2, #services-sections h2 { font-size: 1.5rem; } .entry-content h3 { font-size: 1.3rem; line-height: 1.6rem; margin-bottom: 10px; } .post.type-post { margin-right: 0 !important; } .post .post-thumbnail { max-width: 100%; width: 100%; float: none; margin: 0 0 20px; } .alignleft, .alignright { display: block; float: none; width: 100%; max-width: 100% !important; margin: 0 0 20px; } ul, ol { margin: 0 0 1.5em 0.5em; } .shortcode-cta { margin-bottom: 5px; } .shortcode-quote { padding: 0px 20% 0 5%; } .shortcode-quote::before { width: 60px; } .shortcode-address, .shortcode-phone, .shortcode-fax, .shortcode-email, .shortcode-time, .shortcode-facebook, .shortcode-instagram, .shortcode-shop { font-size: 1rem; } .shortcode-columns { columns: 1; } .shortcode-cta { padding: 20px 30px 20px 30px; font-size: 120%; } .one-third-container { flex-flow: row wrap; } .shortcode-one-third, .shortcode-one-third-mid, .shortcode-one-third-last { width: 100%; margin-bottom: 20px; } ul#post-page-loop.services-posts li { width: 100%; } ul#post-page-loop.services-posts li:nth-child(odd), ul#post-page-loop.services-posts li:nth-child(even) { margin-right: 0 !important; } #calculators {} .jkl_unit_converter_widget #conversion-form {} #conversion-units .entry input { width: 100% !important; } #secondary { display: block; } .widget ul { } .widget { width: 100%; margin-right: 0; padding: 36px 36px; } .site-footer { padding: 40px 0px 100px; } .site-info { margin-bottom: 30px; } .site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6 { font-size: 1.5rem; } .footer-donation { margin: 0 20px 50px; top: 0; padding: 0 !important; } .footer-donation a.button { width: 100%; } section.footer-left {} section.footer-left .footer-logo { width: 180px; } section.footer-left .social-buttons { width: calc(100% - 180px); } section.footer-left .social-buttons a.social-btn { padding: 10px 0; font-size: 10px; min-width: 48px; } section.footer-left form { } section.footer-left form input { width: 100%; } .site-footer .footer-contacts { width: 100%; } .site-footer .footer-contacts ul { width: 80%; } .site-footer .footer-contacts ul li a i { float: left; margin: 0 0 25px; } .site-footer .footer-charity { width: 30%; position: absolute; top: 0; right: 0; } .site-footer .ftrrecognition, #copyright, #developed { text-align: center; } #back-top span { width: 40px; height: 40px; } } /********************************* [ RESPONSIVE STYLES ] *********************************/