/*
Theme Name: GoldenFields
Theme URI: https://understrap.com
Author: Howard Development & Consulting
Author URI: https://howarddc.com
GitHub Theme URI: https://github.com/understrap/understrap
Description: The renowned WordPress starter theme framework that combined Underscores and Bootstrap. Trusted by more than 100,000 developers for building handcrafted, custom WordPress sites.
Version: 1.2.4
Requires at least: 5.0
Tested up to: 6.1
Requires PHP: 5.2
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: understrap
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, translation-ready, block-styles, wide-blocks, editor-style, threaded-comments, accessibility-ready

Understrap WordPress Theme, (C) 2021 Howard Development & Consulting, LLC
Understrap is distributed under the terms of the GNU GPL.

Resource Licenses:
Understrap is based on Underscores https://underscores.me/, (C) Automattic, Inc.
Font Awesome: https://fontawesome.com/v4.7/license/ (Font: SIL OFL 1.1, (S)CSS: MIT)
Bootstrap: https://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (MIT)
WP Bootstrap Navwalker by Edward McIntyre & William Patton: https://github.com/twittem/wp-bootstrap-navwalker (GNU GPLv3)
*/
body {
    --primary:#daa520;
  
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    font-display: fallback;
    src: url('../../assets/fonts/Roboto/Roboto-Thin.ttf') format('truetype');
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-display: fallback;
    src: url('../../assets/fonts/Roboto/Roboto-Light.ttf') format('truetype');
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: url('../../assets/fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-display: fallback;
    src: url('../../assets/fonts/Roboto/Roboto-Medium.ttf') format('truetype');
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-display: fallback;
    src: url('../../assets/fonts/Roboto/Roboto-Bold.ttf') format('truetype');
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-display: fallback;
    src: url('../../assets/fonts/Roboto/Roboto-Black.ttf') format('truetype');
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 100;
    font-display: fallback;
    src: url('../../assets/fonts/Barlow/Barlow-Thin.ttf') format('truetype');
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 200;
    font-display: fallback;
    src: url('../../assets/fonts/Barlow/Barlow-ExtraLight.ttf') format('truetype');
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 300;
    font-display: fallback;
    src: url('../../assets/fonts/Barlow/Barlow-Light.ttf') format('truetype');
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: url('../../assets/fonts/Barlow/Barlow-Regular.ttf') format('truetype');
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 500;
    font-display: fallback;
    src: url('../../assets/fonts/Barlow/Barlow-Medium.ttf') format('truetype');
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 600;
    font-display: fallback;
    src: url('../../assets/fonts/Barlow/Barlow-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 700;
    font-display: fallback;
    src: url('../../assets/fonts/Barlow/Barlow-Bold.ttf') format('truetype');
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 800;
    font-display: fallback;
    src: url('../../assets/fonts/Barlow/Barlow-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 900;
    font-display: fallback;
    src: url('../../assets/fonts/Barlow/Barlow-Black.ttf') format('truetype');
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-display: fallback;
    src: url('../../assets/fonts/Rubik/static/Rubik-Light.ttf') format('truetype');
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: url('../../assets/fonts/Rubik/static/Rubik-Regular.ttf') format('truetype');
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    font-display: fallback;
    src: url('../../assets/fonts/Rubik/static/Rubik-Medium.ttf') format('truetype');
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 600;
    font-display: fallback;
    src: url('../../assets/fonts/Rubik/static/Rubik-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 700;
    font-display: fallback;
    src: url('../../assets/fonts/Rubik/static/Rubik-Bold.ttf') format('truetype');
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 800;
    font-display: fallback;
    src: url('../../assets/fonts/Rubik/static/Rubik-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: Rubik;
    font-style: normal;
    font-weight: 900;
    font-display: fallback;
    src: url('../../assets/fonts/Rubik/static/Rubik-Black.ttf') format('truetype');
}
/*gilroy*/
@font-face {
    font-family: gilroy-heavy;
    font-display:swap;
    src: url('../../assets/fonts/gilroy/gilroy-heavy.ttf') ;
}
@font-face {
    font-family: gilroy-bold;
    font-display:swap;
    src: url('../../assets/fonts/gilroy/gilroy-bold.ttf') ;
}
@font-face {
    font-family: gilroy-m;
    font-display:swap;
    src: url('../../assets/fonts/gilroy/gilroy-medium.ttf') ;
}
@font-face {
    font-family: gilroy;
    font-display:swap;
    src: url('../../assets/fonts/gilroy/gilroy-regular.ttf') ;
}
@font-face {
    font-family: gilroy-light;
    font-display:swap;
    src: url('../../assets/fonts/gilroy/gilroy-light.ttf') ;
}

/*source serif pro*/

@font-face {
    font-family: sourceserifpro-light;
    font-display:swap;
    src: url('../../assets/fonts/sourceserifpro/sourceserifpro-light.otf') ;
}

@font-face {
    font-family: sourceserifpro;
    font-display:swap;
    src: url('../../assets/fonts/sourceserifpro/sourceserifpro-regular.otf') ;
}
@font-face {
    font-family: sourceserifpro-semibold;
    font-display:swap;
    src: url('../../assets/fonts/sourceserifpro/sourceserifpro-semibold.otf') ;
}
@font-face {
    font-family: sourceserifpro-bold;
    font-display:swap;
    src: url('../../assets/fonts/sourceserifpro/sourceserifpro-bold.otf') ;
}
@font-face {
    font-family: sourceserifpro-black;
    font-display:swap;
    src: url('../../assets/fonts/sourceserifpro/sourceserifpro-black.otf') ;
}

.nav-title {

    color: #cfb53b;
    font-size: 28px;
    text-transform: capitalize;
    font-weight: 700;
    line-height: 1.2;
    font-family: "Barlow";

}

.nav-title a {
    text-decoration: none;
    color: inherit;
}


.header {
    position: absolute;
    z-index: 2000;
    width: 100%;
}

.upperheader {

    z-index: 2000;

}

.upperheader .container {
    border-bottom: solid 2px #595e5c;
}

.upperheader p {
    color: #cfb53b;
    font-family: barlow;
    padding: 1.4rem 0;
    font-size: 18px;

}

.upperheader p i {
    color: white;
    font-size: 14px;
}

.talk {
    background-color: #cfb53b;
    padding: 0.44rem 1rem;
    border-radius: 100px;
    color: white;
    text-decoration: none;
}

.nav-link {
    display: block;
    font-family: 'Barlow';
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: 18px;
    font-weight: 600;
    color: white;
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    margin: 0 15px;
    text-transform: uppercase;
}

.active .nav-link,
.navbar .nav-link:hover {
    color: #cfb53b;
    border-top: solid 2px #cfb53b;
}

.supernav {
    padding: 1.5rem 0;
}
.supernav img{
    height: 70px;
}
.supernav .bg-light {
    --bs-bg-opacity: 1;
    background-color: rgb(248 249 250 / 0%) !important;
}

.cover {
    position: relative;
    border: none;
    bottom: 0;
    box-shadow: none;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    object-fit: cover;
    outline: none;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

.social a {
    margin: 0 10px;
    text-decoration: none;

}

.banner {
    position: relative;
    min-height: 99vh;
    background: url("../../assets/african-people-harvesting-vegetables.jpg");
    background-size: cover;
    background-position: center;
}

.banner::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000e0d;
    opacity: 0.6;
}

.banner-content {
    position: relative;
    top: 44vh;
    /* padding-top: 6.5rem; */
    text-align: CENTER;
    z-index: 10;
}

.banner-content h3 {
    color: white;

    font-family: 'barlow';
    font-weight: 700;
}



.link {
    margin-top: 2rem;
}

.readmore {
    color: white;
    border-radius: 0px;
    background-color: #cfb53b;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-decoration: none;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
}

/*  */
.section {
    padding-top: 60px;
}

/*.services h3 {*/
/*    text-align: center;*/
/*    color: rgb(207, 181, 59);*/
/*    text-transform: uppercase;*/
/*    visibility: visible;*/
/*    font-size: 32px;*/
/*    font-family: 'barlow';*/
/*    font-weight: 700;*/
/*    padding-bottom: 10px;*/
/*}*/

.services h6 {
    text-align: center;
    color: #cfb53b;
 
    font-size: 24px;
    font-family: "barlow";
    font-weight: 500;
}

.services .separator{
    margin-top: var(--wp--preset--spacing--30);
    margin-bottom: var(--wp--preset--spacing--30);
    background-color: #43680a;
    color: #43680a;
    width: 75px;
    height: 3px;
    margin: auto;
    margin-top: .67rem;
    margin-bottom: 5px;
    opacity: 1;
}

.services p {
    margin-top: 24px;
    text-align: center;
    font-family: 'Roboto';
    font-weight: 300;
    color: black;
    font-size: 22px;
    margin-top: 8px;
    margin-bottom: 12px;
    /*max-width: 236px;*/
}

.ser-inenr {
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
}

.about {
    height: 850px;
    background: url(../../assets/african-man-harvesting-vegetables.jpg);
    background-attachment: fixed;
}



.about-banner {
    margin-top: 24px;
    padding: 2.25rem 1.5rem;
    opacity: 0.89;
    background: white;
    position: absolute;
    z-index: 999;
    top: 10%;
    left: 12%;
    width: 36%;

}



.mvee .mvee-banner {
    margin-top: 24px;
    padding: 2.25rem 1.5rem;
    opacity: 0.9;
    background: white;
    position: absolute;
    z-index: 999;
    top: 15%;
    left: 12%;
    width: 35%;
}

.about-banner h3,
.mvee-banner h3 {
    color: #cfb53b;
    text-transform:capitalize;
    font-family: gilroy-bold;
    font-size: 2rem;

}

.about-banner p,
.mvee-banner p {
    margin-top: 5px;
    font-family: serif;
    font-size:24px;
    margin-bottom: 8px;
}

.about {
    position: relative;
    height: 900px;
    background: url(../../assets/african-man-harvesting-vegetables.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: top;

}
.abt-hr{
    width: 60%;
    height: 1px;
    background:var(--primary) ;
}

.mvee {
    position: relative;
    height: 900px;
    background: url(../../assets/brown-cow-eatting-grass.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: top;

}

.learn {
    background-color: #cfb53b;
    border-width: 0;
    color:black;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-decoration: none;
    border-radius: 100px;
}

/* footer */


.footer {
    background: #43680a;
    color: white;
    font-family: "Roboto";
    margin-top: 0;
    margin-bottom: 0;
    /*padding-top: 5px;*/

    /*padding-bottom: 5px;*/

}
.footer .h5 {
    font-size: 1.25rem;
    border-bottom: solid 1px;
    width: fit-content;
    padding: 2px 90px 2px 2px;
    font-family: 'gilroy-bold';
}
.footer p {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 300;
}
.footer h3 {
    font-family: 'gilroy-bold';
    font-size: 2rem;
    border-bottom: solid 1px;
}

.ft-social a {
    text-decoration: none;
   color: white;
    padding: 4px;
   
    border-radius: 50px;
}
.ql{
    color: white;
    text-decoration: none;
}

.bread {
    position: relative;
    height: 300px;
    background: url(../../assets/african-people-harvesting-vegetables.jpg);
    width: 100%;
    background-size: COVER;
    background-position: center;

}

.bread .container {
    position: relative;
    z-index: 5;
}

.bread .h1 {
    color: white;
    padding: 6rem 0;
    font-size: 42px;
    font-family: "Roboto";
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.bread-dim {
    bottom: 0;
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    background: #8b682f;
}

.ppcontent {

    padding-top: 60px;

    padding-bottom: 40px;


}

.ppcontent p {
    font-family: "Roboto";
    font-weight: 300;
    font-size: 20px;
}

.ppcontent h2 {
    color: #1a6b06;
    font-family: gilroy-bold;
    /* font-weight: 700; */
    font-size: 44px;
    border-bottom: solid 1px;
}

.people  {
  text-align: center;
}

.people .pic {
    height: 200px;
    width: 200px;
    border-radius: 125px;
    margin:auto;
    background-color: #212121 !important;
}


.people h2 {
    font-family: gilroy-bold;
    /* font-weight: 500; */
    color: var(--primary);
    /* height: 50px; */
    padding-top: 15px;
    font-size: 24px;
    margin-bottom: 0px;
    /* text-transform: capitalize; */
}

.people h3
 {
    font-family: "Roboto";
    font-weight: 300;

}
.form-sub {

    cursor: pointer;
    border: none;
    outline: none;
    padding: 12px 20px;

    transition: all 0.3s ease-in-out;
    background-color: #cfb53b;
    border-radius: 0;

}

.team-group > .h2 {
    font-family: gilroy-light;
    /* color: var(--primary); */
    font-size: 2.3rem;
    margin-bottom: 0;
}
.tg-hr {
    height: 3px;
    width: 150px;
    background: #43680a;
}
.blog-single .entry-title {
    font-family: 'Roboto';
    color: #43680a;
    font-weight: 700;
    border-bottom:  solid 1px;
}
.entry-title a{
    color: inherit;
    text-decoration: none;
    border-bottom: solid 2px;
}

#error-404-wrapper .page-title{
    color: #43680a;
    font-family: 'Barlow';
    font-weight: 700;border-bottom: dotted 5px ;
}

section.no-results .page-title {
    font-family: 'Barlow';
    font-weight: 700;
    color: #43680a;
    border-bottom: dotted 5px;
}



.sec-title
 {
     text-align: center; 
    color:#daa520;
    /* text-transform: capitalize; */
    visibility: visible;
    font-size: 2.5rem;
    font-family: gilroy-bold;
    padding-bottom: 0px;
    /*border-bottom: solid 2px #43680a;*/
    padding-left: 20px;
}



.sec-hr{
    
        position: relative;
    border-bottom: solid 1px #daa520;
    width: 50%;
    margin: auto;
}


.sec-hr::before {
    position: absolute;
    content: "";
    top: -8px;
        left: -9px;
    height: 15px;
    width: 15px;
    background-color: white;
    border-radius: 5px;
    border: solid 2px #daa520;
}

.sec-hr::after {
    position: absolute;
    content: "";
    top: -8px;
     right: -9px;
        
    height: 15px;
    width: 15px;
    background-color: white;
    border-radius: 5px;
    border: solid 2px #daa520;
}

 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--primary);
}
.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
}



.blog .none {
    font-family: 'gilroy-light';
    border-bottom:solid 1px;
}
.blog article{
    font-size:22px ;
    font-family: sourceserifpro;
}
.blog h3 {
    font-family: roboto;
    font-weight: 700;
    border-bottom:solid 1px black;
}



.blog_inner{
    border: solid  1px #daa520;
    border-radius: 15px ;
}

.meta span {
    /*background: #e0e0e0;*/
    /*padding: 1px 15px;*/
    /*border-radius: 10px;*/
    /*    border-radius: 10px;*/
    font-family: 'Roboto';
    font-weight: 300;
}
.blog hr{
    width: 80%;
}
.blog a.read-more {
    text-decoration: NONE;
    color: black;
    padding: 6px 20px;
    background: #daa520;
    font-family: 'gilroy-bold';
    font-size: 20px;
    border-radius: 12px;
}
.blog .read-more:hover {

    color:  #daa520;
    padding: 6px 20px;
    border: solid 1px ;
    background: black;
   
}
.blog .pic{
    height: 350px;
    width: auto;
    border-radius: 12px 12px 0 0 ;
}

.blog-single .entry-content {
    font-family: sourceserifpro;
    font-size: 22px;
}
.blog-single .tags-links a, .gallery .tags-links a {
    background: #FFC107;
    color: black;
    padding: 2px 10px;
    text-decoration: NONE;
    border-radius: 9px;
    text-transform: capitalize;
    font-family: 'Roboto';
    margin-right: 2px;
    font-weight: 300;
    font-size: 20px;
}
.page-link {
    width: 40px;
    height: 40px;
    margin: 0 5px;
    border-radius: 50px;
    background: lavender;
    color: black;
    font-family: gilroy;
    font-size: 20px;
}

.page-item:last-child .page-link {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;

}

.page-item:first-child .page-link {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-radius: 50px;
    margin: 0 5px;

}


.page-link {
    padding: 0.25rem 0.75rem;
}

.page-item:not(:first-child) .page-link {
    margin-left: 0;
}

.page-link:hover {
    z-index: 2;
    color: #43680a;
    background-color: lavender;
    border-color:#43680a;
}

.page-item.active .page-link {
    z-index: 3;
    color: white;
    background-color:#43680a;
    border-color: #43680a;
}


.nav-previous a , .nav-next a {
    color: rgb(13,110,253);
    font-size: 22px;
    font-family: Roboto;
    text-decoration: none;
}
.gallery .pic{
    height: 250px;
    width: auto;
    border-radius: 12px ;
}

.gallery_inner {
    border: solid 1px #BDBDBD;
    border-radius: 15px;
}

.gallery h3 a {
    text-decoration: none;
   
}
.gallery h3 {
    font-family: 'Roboto';
    font-weight: 700;
    text-transform: capitalize;
}

.gallery-single .entry-title {
    font-family: gilroy-bold;

    border-bottom:  solid 1px;
}

.gallery-single .smeta span {
    /* background: #e0e0e0; */
    /* padding: 1px 15px; */
    /* border-radius: 10px; */
    font-family: 'Barlow';
}
/*.gallery_inner hr {*/
/*    width: 80%;*/
/*}*/

.gallery_inner .mta {
    font-family: 'Roboto';
    font-weight: 300;
}
.cat-links {
    display: block;
}
.cat-links a {
    text-decoration: none;
    font-family: roboto;
    font-size: 20px;
    font-weight: 400;
   
    color: black;
    text-transform: capitalize;

}



.post-page-numbers {
    display: inline-block;
    background:lavender;
    height: 30px;
    width: 30px;
    font-size: 20px;
    padding: 0px 7px;
    border-radius: 20px;
    text-decoration: none;
    color: black;
}

.post-page-numbers.current {
    border: solid 1px goldenrod;
    background: white;
}

.cont-inner p {
    font-size: 22px;
    font-family: roboto;
    font-weight: 300;
}
.cont-inner p i {
    color: var(--primary);
}


.cont-inner h3 {
    background: var(--primary);
    padding-left: 10px;
    border-radius: 12px 12px 0 0;
    min-height: 50px;
    padding-top: 9px;
    font-family: rubik;
    font-weight: 700;
}

.cont-inner {
    border: solid 1px #daa520;
    margin-bottom: 13px;
    border-radius: 15px;
}
/*Chiasm*/

@media (max-width: 768px) { 
    .about-banner {
    
    top: 5%;
    left: 5%;
    width: 90%;
}
    .about {
    min-height: 500px;
    
}
 .mvee .mvee-banner {
  
    top: 10%;
    left: 5%;
    width: 80%;
}


.mvee {
 
    min-height: 600px;
   
}
}
/*Small */
@media (max-width: 576px) { 
    
    .about-banner {
    top: 6%;
    left:  5%;
    width: 90%;
}
 .about {

    min-height: 500px;
   
}   



.mvee {
   
    min-height: 600px;
   
}
.mvee .mvee-banner {
 
    top: 5%;
    left: 5%;
    width: 90%;
}
}
@media screen and (max-width: 781px) {

    .header {
        background: black !important;
    }

    .upperheader p {

        padding: 0.5rem 0;

    }

    .header {
        position: relative;
        z-index: 2000;
        width: 100%;
    }
}