/*
Theme Name: Websites For Good
Author: 418Design
Description: Wordpress Website Theme
Version: 1.0
*/



/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

@font-face {
font-family: 'Fira Sans Regular';
font-style: normal;
font-weight: normal;
src: local('Fira Sans Regular'), url('fonts/FiraSans-Regular.woff') format('woff');
}

@font-face {
font-family: 'Fira Sans SemiBold';
font-style: normal;
font-weight: normal;
src: local('Fira Sans SemiBold'), url('fonts/FiraSans-SemiBold.woff') format('woff');
}
	
@font-face {
font-family: 'Fira Sans Bold';
font-style: normal;
font-weight: normal;
src: local('Fira Sans Bold'), url('fonts/FiraSans-Bold.woff') format('woff');
}

:root {
--ff-body: 'Fira Sans Regular', sans-serif;
--ff-head: 'Fira Sans Bold', sans-serif;
--ff-med: 'Fira Sans SemiBold', sans-serif;
--primary-clr: #be1522;
--secondary-clr: #786945;
--txt-color: #424242;
}

.has-theme-colour-1-background-color {background:var(--primary-clr);}
.has-theme-colour-1-color {color:var(--primary-clr);}
.has-theme-colour-2-background-color {background:var(--secondary-clr);}
.has-theme-colour-2-color {color:var(--secondary-clr);}
.has-theme-colour-3-background-color {background:var(--third-clr);}
.has-theme-colour-3-color {color:var(--third-clr);}

html {height:100%;scroll-behavior:smooth;}
body{font-family:var(--ff-body);color:var(--txt-color);background:#fff;font-size:100%;margin:0;padding:0;overflow-x:hidden;}
input,select,textarea,button {font-family:var(--ff-body);}
/*Styling*/
h1,h2,h3,h4,h5,h6{margin:15px 0;font-family:var(--ff-head);}
a{color:var(--primary-clr);outline:none;text-decoration:none;}
a:focus,a:hover {outline:1px dashed var(--primary-clr);}
p {margin:15px 0;}
h1 {font-size: 2rem;}
h2 {font-size: 1.6rem;}
h3 {font-size: 1.4rem;}
h4 {font-size: 1.2rem;}
h5 {font-size: 1rem;}
h6 {font-size: 0.8rem;}
.skip-link {position:absolute;clip:rect(0, 0, 0, 0);}
.clear {clear:both;}
img {border:none;max-width:100%;height:auto;}
.g-maps{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
.g-maps iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
/*Flex*/
.flex {display:flex;}
.flex > li {list-style:none;}
/*Grid*/
.grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));gap:35px 25px;}
/*Structure*/
#full-wrapper {}
.wrap {width:75%;margin:0 auto;}
.content-area {padding:0;}
.content-area.flex {justify-content:space-between;}

/*Header*/
header {display:flex;justify-content:space-between;align-items:center;padding:30px 0;}

/*Search*/
.searchform{display:flex;align-items:center;justify-content:center;}
.searchform input[type="search"] {height:42px;border-top-left-radius:30px;border-bottom-left-radius:30px;border:none;width:160px;background:#d9d9d9;padding-left:8px;}
.searchform input[type="submit"] {width:35px;height:0;padding-top:41px;overflow:hidden;margin-left:-4px;border-top-right-radius:30px;border-bottom-right-radius:30px;border:none;cursor:pointer;background:url("images/search.png") no-repeat center #d9d9d9;}
.searchform input[type="search"]:focus {border:none;outline:none;}

/*Main Menu*/
#mob-menu {display:none;}
.main-menu {}
header ul.menu{margin:0;padding:0;display:flex;gap:10px;}
header ul.menu li{list-style:none;position:relative;}
header ul.menu li a{text-decoration:none;color:var(--secondary-clr);font-size:1rem;display:block;text-transform:uppercase;}
header ul.menu li a:hover {color:var(--primary-clr);}
header ul.menu li.current_page_item a {color:var(--primary-clr);}
/*Drop Downs*/
header ul.sub-menu{display:none;position:absolute;top:20px;left:0;z-index:990;width:260px;margin:0;padding:10px 0;background:#db9228;border-radius:4px;}
header ul.menu li ul.sub-menu li{text-align:left;z-index:991;float:none;padding:0;position:relative;}
header ul.menu li ul.sub-menu li a{padding:4px 0 4px 8px;line-height:22px;font-size:0.9rem;color:#fff;}
header ul.menu li:hover ul.sub-menu{display:block;}
header ul.menu li:hover ul.sub-menu ul{display:none;}
header ul.menu li:hover ul.sub-menu li:hover ul {display:block;left:260px;top:0;}

/*Home*/

/*Slideshow*/
.slideshow {width:100%;margin:0;padding:0;position:relative;}
.slideshow .slide {width:100%;background-size:cover;height:600px;display:flex;background-position:center;outline:none;}
.slideshow .pane {flex-basis:100%;display:flex;height:100%;position:relative;}
.slide-content {margin:auto 12.5%;}
.slide-content a {background:var(--primary-clr);color:#fff;border-radius:6px;padding:10px 25px;font-weight:bold;margin:25px 0;text-align:center;font-size:1.2rem;display:block;text-transform:uppercase;width:320px;}
.slick-arrow {position:absolute;top:45%;z-index:999;width:13px;height:0;padding-top:21px;overflow:hidden;border:none;cursor:pointer;}
.slick-next {right:2%;background:url("images/slide-next.png") no-repeat top center;}
.slick-prev {left:2%;background:url("images/slide-prev.png") no-repeat top center;}

/*Post Grid*/
.post-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));gap:35px 25px;margin:15px 0 80px;}
.post-grid article {box-shadow:0px 4px 10px 1px #8b8b8b;padding-bottom:75px;position:relative;}
.post-grid img {width:100%;height:280px;object-fit:cover;}
.post-grid .post-text {padding:25px;}
.post-grid .post-text h2 {font-size:1.4rem;margin-bottom:5px;font-family:var(--ff-body);text-transform:initial;margin:0;color:var(--primary-clr);}
.post-grid .post-text .btn {background:var(--primary-clr);color:#fff;width:140px;display:block;padding:10px;text-align:center;font-family:var(--ff-head);position:absolute;bottom:25px;right:25px;}
.post-grid .post-text:hover .btn {background:var(--secondary-clr);}
.post-grid .post-text .post-date {font-size:.8rem;margin:5px 0 15px;}
.logged-out-message {font-weight:bold;padding-bottom:5px;border-bottom:1px dashed var(--primary-clr);}

.h-filter {display:flex;flex-flow:row wrap;}
.facetwp-facet {flex-basis:20%;margin-bottom:0!important;padding:10px 10px 15px;border:2px dotted #ababab;border-radius:15px;}
.facetwp-facet:before {display:block;font-family:var(--ff-head);font-size:1rem;margin-bottom:3px;}
.facetwp-facet-document_categories:before {content:"Category";}
.h-filter .facetwp-facet select,.h-filter .facetwp-facet input {width:100%;padding:6px;}
.locked-out {font-size:.9rem;}
.navigation {margin:35px 0;display:flex;justify-content:center;}
.navigation ul {margin:0;padding:0;list-style:none;display:flex;}
.navigation ul li {margin-right:10px;}
.navigation ul li a {background:var(--primary-clr);color:#fff;display:inline-block;padding:8px;}
.navigation ul li.active a {background:var(--secondary-clr);}

/*Gravity Forms*/
.gfield.hidden {height:0!important;overflow:hidden;}
.gfield_label {color:var(--secondary-clr);}
.gform_button.button {background:var(--primary-clr);color:#fff;padding:20px 20px;border:mnone;cursor:pointer;display:block;width:180px;font-weight:bold;border:none;}

/*Blocks*/
.wp-block-group__inner-container {width:95%;margin:0 auto;}
.wp-block-group .wp-block-media-text__content{padding:0 0 0 8%;}
.wp-block-group .has-media-on-the-right .wp-block-media-text__content{padding:0 8% 0 0;}
.block-grid {display:flex;flex-flow:row wrap;gap:10px;margin:0 auto;padding:0;}
/*Grid Block*/
.block-grid li {list-style:none;display:flex;background-size:cover;background-position:center center;transition:transform .2s;flex-grow:1;}
/*.block-grid li:hover {transform: scale(1.05);}*/
.block-grid.two li {flex-basis:49%;}
.block-grid.three li {flex-basis:32.3333%;}
.block-grid.four li {flex-basis:24%;}
.block-grid.five li {flex-basis:19%;}
.block-grid li a {width:100%;height:400px;}
.block-grid li h2 {}
.block-text {display:grid;color:#fff;place-items:center;}
.block-text > * {grid-column:1 / 2;grid-row:1 / 2;}
.block-text img {width:100%;height:400px;z-index:-1;object-fit:cover;}
/*Content Heading*/
.content-heading {justify-content:space-between;align-items:center;}
.content-heading h2 {color:#fff;display:flex;align-items:center;}
/*Info Boxes*/
.info-boxes {margin:0 auto;padding:0;display:flex;flex-flow:row wrap;gap:10px;list-style:none;}
.info-boxes li {position:relative;padding-bottom:55px;}
.info-boxes.two li {flex-basis:49%;}
.info-boxes.three li {flex-basis:32.3333%;}
.info-boxes.four li {flex-basis:24%;}
.info-boxes.five li {flex-basis:19%;}
.info-img img {width:100%;height:200px;object-fit:cover;}
.info-txt {}
.info-txt a {background:var(--primary-clr);color:#fff;width:140px;padding:10px;text-align:center;display:block;position:absolute;bottom:0;left:0;transition:transform .2s;}
.info-boxes li:hover .info-txt a {transform: scale(1.05);}

/*Widgets & Sidebar*/
.widget-area ul {margin:0;padding:0;}
.widget-area li {list-style:none;}
.v-widgets li.widget {margin-bottom:30px;}
.widget-area .wp-block-group__inner-container {width:100%;}

/*Blog*/
.category .read-more {width:120px;display:block;padding:10px;text-align:center;background:var(--primary-clr);color:#fff;margin-top: 25px;}
.blog-img {background-size:cover;background-position:center center;height:300px;display:flex;}
.blog-img a {flex-basis:100%;}
.blog-wrap.flex {justify-content:space-between;}
.blog-wrap .left {flex-basis:73%;}
.blog-wrap .right {flex-basis:25%;}
.single-wrap {max-width:95%;width:800px;margin:0 auto;}
.single-wrap .wp-post-image {width:100%;height:350px;object-fit:cover;}
.flex.nav-btns {margin:35px 0;justify-content:space-between;}
.flex.nav-btns a {background:var(--secondary-clr);color:#fff;padding:10px 15px;display:inline-block;}

/*Footer*/
#footer-wrapper {width:100%;background:#424242;}
.footer {margin:0 auto;clear:both;padding:60px 0;min-height:150px;}
.footerul {display:flex;justify-content:space-between;flex-flow:wrap;}
.footerul li.widget {width:300px;flex-grow:1;}
.footer h2 {color:var(--primary-clr);}
.footer a {color:var(--primary-clr);}

/*credit*/
.credit {width:100%;color:#fff;background:#221f1f;padding:8px 10px;font-size:0.8rem;}
.credit a {color:#fff;float:right;}
.credit a img {margin:2px 0 0 5px;}
.credit p {margin:0;}
.fouroneeight{float:right;}


.container {container-type:inline-size;container-name: site-wrap;}

@container (max-width: 1500px) {
.wrap {width:85%;}
}

@container (max-width: 1368px) {
.wp-block-group__inner-container,.wrap {width:95%;}
}

@media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px) {
.embed-container {padding-bottom:80%;}
/*Mobile Menu*/
.main-logo {margin-left:80px;}
#mob-menu {display:block;width:34px;height:30px;background:url("images/menu.png") no-repeat;border:none;cursor:pointer;position:absolute;top:62px;left:35px;}
header.sticky #mob-menu {background:url("images/menu-white.png") no-repeat;top:47px;}
.logged-in #mob-menu {top:114px;}
.main-menu {display:none;position:fixed;top:0;right:0;bottom:0;background:#fff;border-left:2px solid var(--primary-clr);z-index:9999;padding:60px 40px;width:30%;min-width:300px;}
header ul.menu {display:block;}
header ul.menu li a,.header.sticky ul.menu li a {color:#000!important;margin:0 0 15px 0;padding:0 0 15px;}
header ul.sub-menu{display:none;}
.block-grid.five li,.info-boxes.five li {flex-basis:24%;}
}

@media only screen and (max-width: 1100px), only screen and (max-device-width: 1100px) {
.block-grid.five li,.block-grid.four li,.info-boxes.four li,.info-boxes.five li {flex-basis:32%;}
}

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
.block-grid.three li,.block-grid.four li,.block-grid.five li {flex-basis:49%;}
}
@media only screen and (max-width: 750px), only screen and (max-device-width: 750px) {
.wp-block-spacer {max-height:50px!important;}
.embed-container {height:350px;}
.block-grid.two li {flex-basis:49%;}
.block-grid.three li,.block-grid.four li,.block-grid.five li,.info-boxes.three li,.info-boxes.four li,.info-boxes.five li {flex-basis:49%;}
}
@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
.block-grid.two li,.block-grid.three li,.block-grid.four li,.block-grid.five li,.info-boxes.two li,.info-boxes.three li,.info-boxes.four li,.info-boxes.five li {flex-basis:100%;}
}