/*!
Theme Name: Odiham Consolidated Charities
Theme URI: https://strength9.co.uk
Description: Odiham Consolidated Charities Base Theme
Author: Dave Pratt
Author URI: https://strength9.co.uk
Version: 1.0.1
Text Domain: warp9
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: naked, bare, quick

*/:root{--width-mobile: 98%;--width-small: 1100px;--width-content: 1250px;--width-full: 100%;--font-base: "Open Sans", sans-serif;--font-base-weight-normal: 400;--font-base-weight-bold: 700;--font-heading: "Open Sans", sans-serif;--font-heading-weight-normal: 700;--link-colour: red;--link-colour-hover: blue;--link-colour-visited: green;--link-colour-active: darkred;--page-background-color: #FFF;--base-colour: #4c4b48;--colour-primary: #6EB4C8;--colour-secondary: #145060;--colour-tertiary: #0000ff;--colour-quaternary: #ffff00}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*::before,*::after{box-sizing:border-box}pre{overflow:scroll}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}html{font-size:100%}body{width:100%;height:100%;margin:0;padding:0 0 0;overflow-x:hidden;color:var(--base-colour);font-family:var(--font-base);font-weight:var(--font-base-weight-normal);font-style:normal;font-size:15px;line-height:18px;position:relative;background-color:var(--page-background-color)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight-normal)}h1{font-size:50px;margin-bottom:30px;line-height:1}@media screen and (min-width: 768px){h1{font-size:65px}}h2{font-size:24px;margin-bottom:19px;line-height:1}@media(min-width: 360px){h2{font-size:28px}}p{font-size:15px;line-height:21px;margin-bottom:16px;font-weight:400;color:var(--base-colour)}p strong{color:#4c4b48;font-weight:700}a,.wp-block-navigation a{text-underline-offset:.15em}main{margin:0px auto;width:98%;max-width:var(--width-content);display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-gap:0 40px;grid-template-areas:"header" "content" "aside"}@media only screen and (min-width: 700px){main{grid-template-columns:1fr 330px;grid-template-rows:auto auto;grid-gap:0 40px;grid-template-areas:"header header" "content aside"}}main .slider{grid-area:header;margin-bottom:40px}main .imageheader{grid-area:header;margin-bottom:40px;background-color:var(--colour-primary);height:205px;background-position:left center;background-size:cover;background-repeat:no-repeat}@media only screen and (min-width: 700px){main .imageheader{height:375px}}main .container{grid-area:content;margin:0 auto;padding:0 0 50px;font-family:"Open Sans",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}@media only screen and (min-width: 700px){main .container{padding:0 0 100px}}main .container a{color:var(--colour-primary);font-weight:700;text-decoration:none}main .container h1{font-size:34px;margin-bottom:30px;line-height:1;text-transform:none}@media screen and (min-width: 768px){main .container h1{font-size:30px}}main .container h2{font-size:26px;font-weight:600;margin:20px 0}main .container .wp-block-image{margin:40px 0}main .container .quote{margin:100px 0 0;background-color:var(--colour-primary);color:#fff;text-align:center;padding:30px;border-radius:25px}main .container .quote h4{margin-bottom:20px}main aside{grid-area:aside}main aside ul{margin:0px;padding:0}main aside ul li{text-align:center;list-style:none;margin:0 0 30px;background-color:var(--colour-primary);padding:30px}main aside ul li h2{color:#fff}main aside ul li p{color:#fff;margin:0;padding:0;font-weight:600 !important}.wp-block-gallery{display:flex;flex-wrap:wrap;gap:20px;margin:50px 0 0}.wp-block-gallery .wp-block-image{flex:1 1 calc(50% - 20px);cursor:pointer}@media only screen and (min-width: 750px){.wp-block-gallery .wp-block-image{flex:1 1 calc(25% - 20px)}}.wp-block-gallery .wp-block-image img{width:100%;height:auto;border-radius:5px;transition:transform .3s ease}.wp-block-gallery .wp-block-image img:hover{transform:scale(1.05)}.gallery-popup{display:none;position:fixed;z-index:1000;padding-top:60px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.9)}.gallery-popup .popup-content{margin:auto;display:block;width:80%;max-width:700px}.gallery-popup .close{position:absolute;top:20px;right:35px;color:#fff;font-size:40px;font-weight:bold;cursor:pointer}.gallery-popup .caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}.gallery-popup img{margin:auto;display:block;width:80%;max-width:700px;height:auto}.gallery-popup img:hover{transform:scale(1.05)}.slider{width:100%;height:400px;position:relative;overflow:hidden}.slide{width:100%;height:100%;position:absolute;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease-in-out}.slide:first-child{opacity:1}.slide:first-child{display:block}ul.buttons{margin:70px 0 30px;padding:0;list-style:none}ul.buttons li{margin:0 25px 20px 0;display:inline-block;padding:15px 20px;background-color:var(--colour-primary);color:#fff}ul.buttons li a{color:#fff}ul.buttons li a:before{content:"";font-family:"Font Awesome 6 Pro";font-weight:500;margin-right:10px;font-size:20px}ul.buttons li:hover{color:#fff;background-color:#4c4b48}header{background-color:var(--colour-primary)}header nav{padding:20px 0;width:98%;max-width:var(--width-content);margin:0 auto;display:flex;justify-content:space-between}header nav .goHome{flex:0 0 200px;width:229px;margin:10px 15px 10px 0;text-align:left}@media only screen and (min-width: 900px){header nav .goHome{margin:10px 15px 10px 0}}header nav .mobilemenu{flex:0 0 50px;width:50px;height:50px;margin:40px 0 0}header nav .mobilemenu:after{font-size:45px;content:"";font-family:"Font Awesome 6 Pro";font-weight:900;color:#fff}header nav .mobilemenu:hover{cursor:pointer}header nav ul{display:none;width:100%;margin:0;padding:0;list-style:none}header nav ul li{margin:10px;padding:0;font-size:16px}header nav ul li>a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:17px;font-weight:700}header nav ul li>a:hover{color:#7a7a7a}header nav ul li>ul{display:none}header nav ul li>ul a{color:#fff;text-decoration:none;text-transform:capitalize;font-size:15px;font-weight:500}header nav ul li>ul a:hover{color:#7a7a7a}header nav ul li.menu-item-has-children>a{position:relative}header nav ul li.menu-item-has-children>a:after{position:absolute;content:"";font-family:"Font Awesome 6 Pro";font-weight:900;margin-left:5px;top:0}header nav ul li.menu-item-has-children.display-submenu>a{color:#7a7a7a}header nav ul li.menu-item-has-children.display-submenu>ul{display:block}@media only screen and (min-width: 996px){header nav .mobilemenu{display:none}header nav ul{width:100%;margin:0 auto;padding:10px 0;list-style:none;display:flex;justify-content:space-between;align-items:center}header nav ul>li{margin:0 10px;padding:0;flex:1 1 auto;position:relative}header nav ul>li a{color:#fff;text-decoration:none;font-size:17px;font-weight:700;text-transform:uppercase}header nav ul>li.menu-item-has-children>a{position:relative}header nav ul>li.menu-item-has-children>a:after{position:absolute;content:"";font-family:"Font Awesome 6 Pro";font-weight:900;margin-left:5px;top:0}header nav ul>li.menu-item-has-children.display-submenu>a{color:#7a7a7a}header nav ul>li.menu-item-has-children.display-submenu>ul{position:absolute;display:block;z-index:5000}header nav ul>li>ul{display:none;background-color:var(--colour-primary);text-align:left;position:absolute;white-space:nowrap;width:auto;padding:50px 10px 10px}header nav ul>li>ul li{padding:10px;display:block;width:100%;height:auto;overflow:hidden;white-space:nowrap;background-color:var(--colour-primary);padding:5px 10px;margin:0}header nav ul>li>ul li:first-child{width:100%}header nav ul>li>ul li:last-child{border-bottom:none}header nav ul>li>ul li a{color:#fff;text-decoration:none;font-size:15px;font-weight:500;text-transform:capitalize}header nav ul>li>ul li a:hover{color:#7a7a7a}}@media only screen and (max-width: 995px){header.display-mobile{position:fixed;z-index:1000;width:100vw;height:100vh}header.display-mobile nav{padding:0 10px;display:grid;grid-template-columns:1fr 50px;grid-template-rows:150px auto;grid-template-areas:"goHome mobilemenu" "menu menu"}header.display-mobile nav .goHome{grid-area:goHome}header.display-mobile nav .mobilemenu{text-align:right;grid-area:mobilemenu;margin-right:10px}header.display-mobile nav .mobilemenu:after{font-size:45px;content:"";font-family:"Font Awesome 6 Pro";font-weight:900;color:#fff}header.display-mobile nav>ul{grid-area:menu;display:block;list-style:none;width:100%}}footer{background-color:#ededed}footer .container{margin:0 auto;width:var(--width-content);max-width:98%;padding:70px 0;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-gap:0px 0px;grid-template-areas:"logo" "address" "telephone" "email";color:#444}@media only screen and (min-width: 530px){footer .container{grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-gap:0px 0px;grid-template-areas:"logo logo" "address address" "telephone email"}}@media only screen and (min-width: 700px){footer .container{grid-template-columns:150px 250px 1fr 1fr;grid-template-rows:auto;grid-gap:0 20px;grid-template-areas:"logo address telephone email"}}@media only screen and (min-width: 750px){footer .container{grid-gap:0 10px}}@media only screen and (min-width: 950px){footer .container{grid-gap:0 45px}}footer .container strong{color:#000}footer .container a{color:var(--colour-primary);text-decoration:none;font-weight:700}footer .container a:hover{color:#000}footer .container .logo{grid-area:logo;display:flex;flex-direction:column;justify-content:center;align-items:center}footer .container .logo img{width:auto;height:139px !important}@media only screen and (max-width: 700px){footer .container .logo{margin-bottom:30px !important}}footer .container .address{grid-area:address;display:flex;flex-direction:column;justify-content:center;align-items:center}footer .container .address address{font-style:normal;font-size:16px;line-height:24px;text-align:left}@media only screen and (max-width: 700px){footer .container .address{margin-bottom:30px !important}footer .container .address address{text-align:center}}footer .container .telephone{grid-area:telephone;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}@media only screen and (max-width: 529px){footer .container .telephone{margin-bottom:10px !important;align-items:center}}@media only screen and (max-width: 820px){footer .container .telephone{align-items:center}}footer .container .telephone p{color:#000;font-size:16px;font-weight:700}footer .container .email{font-weight:800;color:#000;grid-area:email;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}footer .container .email p{font-size:16px;font-weight:700}@media only screen and (max-width: 700px){footer .container .email{margin-bottom:0px !important;align-items:center}}.copyrightbar{margin:0 auto;width:var(--width-content);max-width:98%;padding:20px 0 20px;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap}.copyrightbar li{flex:1 1 auto;display:flex;color:#7a7a7a;padding:10px 10px;margin:0;font-size:16px;text-align:center;justify-content:center}.copyrightbar li a{color:var(--colour-primary)}.copyrightbar li img{height:auto;flex:0 0 100px;width:81px;height:16px;margin-right:10px}.copyrightbar li p{margin:0;padding:0}@media only screen and (min-width: 700px){.copyrightbar li{flex-wrap:nowrap}.copyrightbar li:first-child{justify-content:flex-start;flex:0 0 200px}.copyrightbar li:last-child{justify-content:flex-end;flex:1 1 70%}}.container.contact{grid-column:1/-1;width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-gap:0 40px;grid-template-areas:"contact-info" "contact-form" "contact-applications"}@media only screen and (min-width: 768px){.container.contact{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"contact-info contact-form" "contact-applications contact-applications"}}.container.contact .contact-info{grid-area:contact-info}.container.contact .contact-info p{font-size:16px}.container.contact .contact-info address{font-style:normal;font-size:16px;margin-bottom:20px}.container.contact .contact-form{grid-area:contact-form}.container.contact .contact-form .wpforms-submit-container button[type=submit]{width:100%;background-color:var(--colour-primary);color:#fff;font-size:16px;font-weight:700;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.container.contact .contact-form .wpforms-submit-container button[type=submit]:hover{background-color:var(--colour-secondary)}.container.contact .contact-form .wpforms-confirmation-container-full{padding:0;margin:30px 0;border:0 !important;background-color:rgba(0,0,0,0) !important}.container.contact .contactapplications{grid-area:contact-applications}ul.team{margin:40px 0;padding:0;list-style:none}ul.team li{margin:0;padding:0 0 50px;display:grid;grid-template-columns:150px 2fr;grid-template-rows:1fr;gap:20px}ul.team li .image img{-o-object-fit:cover;object-fit:cover;height:180px}ul.team li .text h3{margin-bottom:10px}ul.team li .text p{margin:0;text-align:justify}ul.team li .text p.jobtitle{font-style:italic;font-weight:600;margin-bottom:10px}