/*
Theme Name: (VT) Semantic Child
Theme URI: http://vervethemes.com/themes/semantic
Description: A clean and powerful responsive WordPress blogging theme for professional writers, publishers and writers.
Author: VerveThemes
Author URI: http://vervethemes.com
Template: semantic
Version: 1.0.0
Tags: blue, white, brown, light, dark, one-column, two-columns, three-columns, custom-header, custom-menu, featured-images, post-formats, left-sidebar, right-sidebar, responsive-layout, custom-menu, full-width-template, theme-options, translation-ready
License: All PHP code is GPL licenced. Images, video and other multimedia resources are rights protected.
License URI: http://vervethemes.com
Copyright: © 2014. All rights reserved.
*/

/*------------------------------------------------------------------------------------------------------------*/
body{
    -webkit-font-smoothing: antialiased;
  }
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Roboto", "Georgia", "Times New Roman", sans-serif; font-weight: bold }
  /*
  ======================================
  Altering the margins on the home page
  ======================================
  */
  header{
    margin-bottom:40px;
  }
  #homepage-intro-wrapper{
    margin-bottom:40px;
  }

  header #logo-wrapper{
    margin-top:10px;
    margin-bottom:15px;
  }

  #homepage-intro-wrapper > div{
    background:white;
    padding-top:10px;
  }

  .post-thumbnail.listing-preview{
    margin:5px 0 30px;
  }

 /*
  ======================================
  Remove the pagination for jetpack infinite scroll (no longer needed)
  ======================================
  */

  .infinite-scroll .pagination {
	display: none;
  }

 /*
  ======================================
  Loader styling for infinite scroll
  ======================================
  */

  .infinite-loader.infinite-loader {
      color: #fff;
      height: 75px;
  }

  /*
  ======================================
  Altering the padding for the blog tiles
  ======================================
  */
  .blog-listing.p-normal article .entry-content{
    min-height: 585px;
    padding: 20px;
  }

  /*
  ======================================
  This is styling the footer - editing padding
  ======================================
  */
  footer{
    padding:25px 0;
  }
  footer #footer-bottom{
    padding:0;
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .menu-landing-inline-menu-container {
    display: inline-block;
  }

  @media (max-width: 992px) {
    footer #footer-bottom{
      display: block;
    }

    .menu-footer-menu-container{
      margin: 30px 0;
    }
  }

  .menu-footer-menu-container{
    /*height:60px;*/
    display: inline-block;
  }
  .kobe-footer-list{
    margin:0;
    padding:0;
    display:inline-flex;
    /*justify-content: space-around;*/
    justify-content: flex-start;
    height: 100%;
    width: 100%;
    align-items: center;
    padding-left: 60px;
    flex-wrap: wrap;
  }

  @media (max-width: 480px) {
    .kobe-footer-list{
      display: block;
      padding-left: 20px;
    }
  }

  .kobe-footer-list li{
    list-style: none;
    padding-right: 30px;
    text-transform: uppercase;
  }
  .kobe-footer-list li a{
    font-size:1.5rem;
    font-size: 14px;
    color: #555555;
  }

  /*
  ======================================
  Responsive Nav
  ======================================
  */

  @media (max-width: 1200px) {
    .nav>li>a{
      padding:40px 0.5em!important;
    }
  }

  @media (max-width: 767px) {
    .navbar-header{
      text-align:left!important;
    }
    .nav>li>a{
      padding:15px 0.5em!important;
    }
  }


  /*
  ======================================
  Enabling the search for the mobile
  ======================================
  */

  @media (max-width: 767px) {
    .tp-search{
      display: block!important;
      margin-top: 8px;
    }

    .tp-search-open .tp-search-input-wrap{
      width: calc(100vw - 100px);
    }
  }

  /*
  ======================================
  SLIDER STYLEING
  ======================================
  */
  .carouselSlider__wrap,
  .articleSlider__wrap{
    height:20vh;
    min-height:250px;
    overflow: hidden;

    background: white;
    padding:20px 10px;
  }

  .carouselSlider__wrap div.BGimage,
  .articleSlider__wrap div.BGimage{
    height:20vh;
    min-height:210px;
    overflow: hidden;
    position: relative;

    height:calc(20vh - 40px);
    margin: 0 10px;
  }
  .carouselSlide--inner {
    text-align: center;
    transform: translate(-50%, -50%);
    top: 50%;
    position: absolute;
    left: 50%;
  }
  .carouselLink{
    width:100%;
    height:100%;
    display: block;
  }
  .carouselTitle{
    color: inherit;
    display: inline-block;
    position: relative;
  }
  .carouselLink:hover .carouselTitle:after{
    padding-bottom: 1px;
    border-bottom: 4px solid;
    border-color: inherit;
    display: block;
    content: '';
    position: absolute;
    width: 100%;
  }

  .carouselExcerpt{
    color: inherit;
    font-weight:100;
  }

  /*
  ======================================
  Carousel Backgorund image hover
  ======================================
  */
  .underlay{
    background:rgba(0,0,0,0);
    transition:background 1s;
    height:100%;
    width:100%;
  }
  .carouselSlide:hover .underlay{
    background:rgba(0,0,0,0.25);
  }


  #imageSlider__dots--wrap{
    width:100%;
    text-align:center;
  }
  .imageSlider__dots{
    margin:0;
    padding:0;

  }
  .imageSlider__dots li{
    display: inline-block!important;
    position: relative;
    margin: 0 10px 10px;
    cursor:pointer;
  }
  .imageSlider__dots li:after{
    content: '•';
    display: block;
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 35px;
  }
  .imageSlider__dots li button{
    background: none;
    border: none;
    outline: none;
    font-size: 1px;
  }

  .imageSlider__dots li:hover{
    color:grey;
  }



  /*------------------------------------------------------------------------------------------------------------*/
  /* Styling the Search Results
  /*------------------------------------------------------------------------------------------------------------*/

  .search article .entry-content{
    padding:20px;
  }
  .search .entry-content .post-thumbnail {
      margin: 15px 0;
  }

/*======================================
Category / Archive Page
======================================*/
.archive-title {
    text-align: center;
}

/*======================================
COP GRDC Home Page
======================================*/
.page-tiles-full-container {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.page-tile-container {
    background: white;
    padding: 15px;
}
.page-tile {
    display: flex;
    -ms-align-items: center;
    justify-content: center;
    align-items: center;
    height: 200px;
    color: white;
    background-size: cover;
    text-align: center;
}
.page-tile h4 {
    margin-top: 0px;
    margin-bottom: 0px;
    text-shadow: 0px 0px 10px #000000;
}
.page-tile.crop-nutrition > img, .page-tile.field-crop-diseases > img, .page-tile.stored-grain > img {
    width: 100%;
    padding: 20px;
}
@media (max-width: 991px) {
    .page-tile-container {
        margin-bottom: 25px;
    }
}
.community-logo-header {
    display: block;
    margin: auto;
    width: 290px;
    padding: 10px 20px 20px 20px;
    box-sizing: content-box;
}
.grdc-logo-header {
    width: 100%;
    padding-top: 10px;
}
@media(max-width: 767px) {
    .grdc-logo-header {
        width: 270px;
        padding-top: 20px;
    }
}
@media(max-width: 425px) {
    .navbar-header.navbar-header .navbar-toggle {
        margin-top: -70px;
    }
    .grdc-logo-header {
        width: 225px;
    }
}
@media(max-width: 350px) {
    .grdc-logo-header {
        width: 200px;
    }
}
.ask-logo {
    width: 250px;
    padding-bottom: 20px;
}
.main-logo-header {
    width: 400px;
}

/*======================================
Home Page Slider
======================================*/
.esg-overlay {
    display: none;
}
.eg-georgebush-element-0.eg-georgebush-element-0 {
    text-transform: none !important;
    font-family: "Roboto", "Georgia", "Times New Roman", sans-serif !important;
    font-size: 24px !important;
    text-align: center !important;
    /* margin-bottom: 10px !important; */
    padding: 0px !important;
    line-height: 24px !important;
    height: 100%;
    display: flex;
    justify-content:center;
    align-content:center;
    flex-direction:column;
    text-shadow: 0px 0px 10px #000000;
}
.eg-georgebush-element-1 {
    display: none !important;
}
.myportfolio-container {
    background: #fff;
}
.tp-esg-item {
    padding: 10px !important;
    height: auto !important;
}
.esg-navigationbutton {
    padding: 0px !important;
}
.esg-bc, .esg-bottom.esg-bottom {
    height: 100% !important;
    margin: 0px !important;
    padding: 0px;
}

/*======================================
Single Post Page
======================================*/
.post-meta-author.vcard .fn {
    color: #dd574c;
}

/*======================================
Menu
======================================*/
.nav>li>a {
    padding: 10px 10px;
}

/*======================================
Embedded Videos
======================================*/
@media (min-width: 1200px) {
    .single-post .post-content iframe {
        height: 350px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .single-post .post-content iframe {
        height: 281px;
    }
}
@media (min-width: 783px) and (max-width: 991px) {
    .single-post .post-content iframe {
        height: 334px;
    }
}
@media (min-width: 425px) and (max-width: 782px) {
    .single-post .post-content iframe {
        height: 178px;
    }
}
@media (min-width: 320px) and (max-width: 424px) {
    .single-post .post-content iframe {
        height: 131px;
    }
}

/*======================================
Post Author Section
======================================*/
.single-post #author-infobox {
    display: none;
}
.single-post .end-of-article {
    display: none;
}
.single-post #comment-section {
    padding-top: 0px;
}
/* .single-post .post-meta .post-meta-author {
    display: none;
} */
div.post-meta.row > p.col-sm-12.col-xs-24.post-meta-author {
    display: none;
}

/*======================================
Sidebar - tablet and smaller
======================================*/
@media (max-width: 991px) {
    .sidebar-right {
        display: none;
    }
}

/*======================================
Footer Disclaimer
======================================*/
.disclaimer-container {
    border-top: 1px solid #eee;
    padding-top: 25px;
}
.disclaimer-text {
    color: #444444;
    font-size: 15px;
}
.page-id-394 .sidebar-right, .page-id-394 .addtoany_share_save_container, .page-id-394 .post-meta.row {
    display: none;
}
.page-id-394 #content-wrapper-inner .col-md-17 {
    width: 100%;
    padding-right: 0px;
}
.page-id-8416 .sidebar-right, .page-id-8416 .addtoany_share_save_container, .page-id-8416 .post-meta.row {
    display: none;
}
.page-id-8416 #content-wrapper-inner .col-md-17 {
    width: 100%;
    padding-right: 0px;
}
.page-id-8607 .sidebar-right, .page-id-8607 .addtoany_share_save_container, .page-id-8607 .post-meta.row {
    display: none;
}
.page-id-8607 #content-wrapper-inner .col-md-17 {
    width: 100%;
    padding-right: 0px;
}
.page-id-316 .sidebar-right, .page-id-316 .addtoany_share_save_container, .page-id-316 .post-meta.row {
    display: none;
}
.page-id-316 #content-wrapper-inner .col-md-17 {
    width: 100%;
    padding-right: 0px;
}

/*======================================
Main Site Footer
======================================*/
@media (min-width: 992px) {
    .page-id-360 footer {
        position: absolute;
        bottom: 0px;
        width: 100%;
    }
}

/*======================================
Q&A Section
======================================*/
#dwqa-attachments-add-button-upload {
    display: none;
}

/*======================================
Search button
======================================*/
@media (max-width: 767px) {
    .tp-search {
        position: absolute;
        top: 108px;
        right: 14px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .tp-search {
        position: absolute;
        top: 1px;
        right: 32px;
    }
}

/*======================================
Footer Responsiveness
======================================*/
@media (max-width: 992px) {
    #footer-bottom .col-xs-10.col-md-4 {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
}

/*======================================
Q&A Login Section
======================================*/
.dwqa-answers-login {
    display: none;
}

/*======================================
Kobe Footer
======================================*/

.kobe-footer {
    display: inline-block;
    float: right;
    opacity: 0.4;
    /*padding: 0 24px;*/
    /*margin-top: 19px;*/
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    text-align: center;
}

.kobe-footer > a {
    color: #999;
}

.kobe-footer:hover {
    opacity: 1;
}

.kobe-footer:hover img {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.kobe-footer img {
    transition: 0.5s;
    vertical-align: middle;
}

@media (max-width: 992px) {
    .kobe-footer {
        float: none !important;
        display: block !important;
    }
}

/*======================================
Search Button
======================================*/
.kobe-search {
    cursor: pointer;
}

.kobe-search i {
    padding-top: 40px;
    padding-bottom: 40px;
}

@media (max-width: 767px) {
    .kobe-search {
        position: absolute;
        right: 0px;
        display: block !important;
        top: 114px;
        z-index: 1000;
    }

    .kobe-search i {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
.fas.fa-times {
    color: #898989;
}
/*======================================
Ajax Search Bar
======================================*/
#ajaxsearchlite1 {
    margin-left: auto;
    margin-right: 15px;
    margin-top: 34px;
    position: absolute;
    right: 0;
    z-index: 1000;
    width: auto;
    /* left: 225px; */
}

#ajaxsearchlite1#ajaxsearchlite1:hover .proinput,
#ajaxsearchlite1#ajaxsearchlite1:focus-within .proinput {
    width: 400px;
    padding: 0 5px;
    margin-left: 10px;
    margin-bottom: 7px;
    display: grid;
}

#ajaxsearchlite1#ajaxsearchlite1 .probox {
    background-color: #eee;
    background-image: none;
}

#ajaxsearchlite1#ajaxsearchlite1 .probox-overlay {
    position: absolute;
    width: 34px;
    height: 34px;
    top: 0px;
    z-index: 999;
    text-align: center;
    font-size: 25px;
    color: #4d5054;
}

#ajaxsearchlite1#ajaxsearchlite1 .proinput {
    width: 0;
    transition: 0.5s;
    padding: 0;
    margin: 0;
}

#ajaxsearchlite1#ajaxsearchlite1 input.orig, #ajaxsearchlite1#ajaxsearchlite1 input.orig::placeholder {
    color: #555 !important;
    font-size: 14px;
}

#ajaxsearchlite1 .asl_loader .asl_loader-inner {
    border: 4px solid #555;
}

#ajaxsearchlite1#ajaxsearchlite1 .promagnifier {
    background-color: #eee;
    background-image: none;
}

#ajaxsearchlite1#ajaxsearchlite1 .promagnifier .innericon svg {
    fill: #555;
}

#ajaxsearchlite1 .proclose {
    display: none !important;
}

#ajaxsearchlite1 .proloading {
    width: 20px;
    height: 20px;
    margin: 7px;
    position: absolute;
    right: 35px;
}

@media (max-width: 767px) {
    #ajaxsearchlite1 {
        margin-top: 40px;
        margin-right: 25px;
    }
    #ajaxsearchlite1#ajaxsearchlite1:focus-within .proinput {
        width: 180px;
    }
    .proinput {
        position: absolute !important;
        top: 76px;
        /* left: -380px; */
        background-color: #e7e7e8;
        padding-left: 10px !important;
        /* padding-top: 3px !important;
        padding-bottom: 3px !important; */
        display: none;
    }
    #ajaxsearchlite1 .probox .proinput form {
    position: absolute;
    /* left: 0px; */
    padding-bottom: 10px;
    width: 100%;
    padding-left: 15px;
    background-color: #e7e7e8;
    }
}

/*======================================
Ajax Search Results
======================================*/
#ajaxsearchliteres1 {
    background: #eee;
    top: 68px !important;
    border-top: 1px solid #ccc;
}

#ajaxsearchliteres1 .asl_res_url, #ajaxsearchliteres1 .asl_res_url:hover {
    color: #444;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 13px;
}

#ajaxsearchliteres1 .asl_date {
    margin-left: 0px;
    font-size: 13px;
    color: #9c9c9c;
}

#ajaxsearchliteres1 .asl_desc {
    font-size: 13px;
    color: #444;
}

#ajaxsearchliteres1 .mCSBap_buttonUp {
    border-color: transparent transparent #555 transparent;
}

#ajaxsearchliteres1 .mCSBap_buttonDown {
    border-color: #555 transparent transparent transparent;
}

@media (max-width: 767px) {
    #ajaxsearchliteres1#ajaxsearchliteres1 {
        top: 156px !important;
        left: 0% !important;
        width: 98% !important;
    }
}

/*======================================
Post Blocks
======================================*/
.blog-listing article .entry-content {
    border-radius: 5px;
}

.blog-listing article h2.post-title {
    font-size: 20px;
    margin: 0 0 10px;
}

.blog-listing article .post-meta {
    margin: 10px 0 !important;
}

.blog-listing article .post-thumbnail {
    height: 140px;
    max-height: 140px;
    object-fit: cover;
    margin: 5px 0 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.blog-listing article .post-thumbnail img {
    max-height: 200px;
    object-fit: cover;
}

.blog-listing article .post-content p {
    height: 140px;
}

.blog-listing article .post-content p {
    margin-bottom: 0px;
    font-size: 13px;
}

.blog-listing article .post-content .addtoany_share_save_container {
    text-align: right;
    margin-bottom: 0px;
    margin-top: 0px;
    height: 35px;
    position: absolute;
    bottom: 40px;
    right: 30px;
}

.blog-listing article .post-content .addtoany_share_save_container a > span {
    height: 20px;
    width: 20px;
}

/*======================================
Meet the Experts
======================================*/
.page-template-page-experts .entry-content .post-thumbnail {
    height: auto;
    max-height: none;
}
.page-template-page-experts .blog-listing article .post-thumbnail img {
    max-height: none;
}

/*======================================
Review Block
======================================*/
.rr_review_form {
    display: none;
}
.rr_successful{
    display: none;
}

/*======================================
Popup Form
======================================*/
#sgpb-popup-dialog-main-div {
  padding: 0px !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px 4px !important;
}

#submitReview {
    background-color: #0F7948;
    padding: 15px 32px;
    text-align: center;
    display: inline-block;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    border: none !important;
}
.sgpb-main-html-content-wrapper {
    text-align: center;
}
.sgpb-main-html-content-wrapper > p {
    width: 100% !important;
    margin-bottom: 0px;
    color: #444 !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px !important;
    border-bottom: 0.5px solid #e6e6e6 !important;
    background-color: #fbfbfb !important;
}
.sgpb-main-html-content-wrapper > p:nth-child(2) {
    margin-bottom: 10px;
}
.rr_large_input{
    width: 290px;
}
#sg-popup-content-wrapper-8657 > div > div > form > table > tbody > tr:nth-child(3) > td.rr_form_input {
    height: 100%;
    padding-bottom: 0px;
}
#sg-popup-content-wrapper-8657 > div > div > form > table > tbody > tr:nth-child(3) > td.rr_form_input > textarea {
    height: 100%;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-left: none;
    border-right: none;
    font-size: 14px;
}
#sgpb-close-button {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 2.2;
}

/*======================================
Mobile Header
======================================*/
#ajaxsearchlite1{
    overflow: visible;
}
@media (max-width: 767px) {
    .navbar-header .navbar-toggle .icon-text.visible-xs {
        color: transparent;
    }
    .fa.fa-bars {
        color: #747474;
    }
    .navbar-header .navbar-toggle {
        left: 32px;
        margin-top: -80px;
    }
    .navbar-header .icon-text.visible-xs {
        font-size: 25px;
    }
}

/*======================================
MailChimp Popup Stuff
======================================*/

/* Button (bottom right) */
#subscriptionButton {
    position: fixed;
    bottom: -4px;
    right: 10px;
    z-index: 998;
}

#subscriptionButton2 {
    position: fixed;
    bottom: -4px;
    right: 10px;
    z-index: 998;
}

.mailchimp {
    font-family: "Roboto", "Georgia", "Times New Roman", sans-serif;
    background-color : #0F7948;
    color: white;
    padding: 10px 20px;
    border-radius: 4px;
    z-index: 999;
    font-size: 14px;
    border-color: #0F7948;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px 4px;
}

/* Popup */
#mailPopup {
    font-family: "Roboto", "Georgia", "Times New Roman", sans-serif;
    width: 50%;
    position: fixed;
    left: 50%;
    margin-left: -25%;
    top: 28%;
    height: 50%;
    z-index: 1000;
    visibility: hidden;
}
#mailPopup #mc_embed_signup {
    height: 100%;
    width: 100%;
    text-align: center;
    padding: 4% 4% 4% 4%; /* was 20px x 4 */
    background-color : #fff;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px 4px;
}
#mc-embedded-subscribe-form#mc-embedded-subscribe-form {
    text-align: center;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
}
#mc_embed_signup input#mce-EMAIL {
    display: inline-block;
    margin: 0;
    margin-bottom: 4%; /* was 20px*/
    font-size: 14px;
    font-family: "Roboto", "Georgia", "Times New Roman", sans-serif;
    text-align: center;
    height: 42px;
}
#mc_embed_signup input#mc-embedded-subscribe {
    display: inline-block;
    width: 58%;
    height: 42px;
    transition: none;
    background-color: #0F7948;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    border-color: #0F7948;
    font-family: "Roboto", "Georgia", "Times New Roman", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}
#emailFA {
    padding-top: 2%; /* was 20px */
    padding-bottom: 2%; /* was 20px */
    font-size: 75px;
    color: #444;
}
#closeButton {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 35px;
}
#closeButton i {
    color: #444;
}
#closeButton:hover{
    cursor: pointer;
}
#mc_embed_signup#mc_embed_signup label {
    color: #444;
    font-size: 30px;
    font-family: "Roboto", "Georgia", "Times New Roman", sans-serif;
    margin-top: 0px;
}
@media (max-width: 1025px) {

    #mc_embed_signup input#mce-EMAIL {
        width: 100%
    }
    #mc_embed_signup input#mc-embedded-subscribe {
        width: 100%;
    }
}

@media (max-width: 767px) {
    #mailPopup {
        top: 24%;
        width: 75%;
        left: 37.5%;
        height: 65%;
    }
}

@media (max-width: 500px) {
    #subscriptionButton {
        width: 100%;
        display: flex;
        justify-content: center;
        right: unset;
    }
    #subscriptionButton2 {
        width: 100%;
        display: flex;
        justify-content: center;
        right: unset;
    }
}

#templateBody {
    font-family: "Roboto", "Georgia", "Times New Roman", sans-serif;
    width: 50%;
    position: fixed;
    left: 50%;
    margin-left: -25%;
    top: 28%;
    height: 50%;
    z-index: 1000;
    visibility: hidden;
}
#templateBody #mergeTable {
    height: 100%;
    width: 100%;
    text-align: center;
    padding: 4% 4% 4% 4%; /* was 20px x 4 */
    background-color : #fff;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px 4px;
}
#fcdHeader {
    color: #444;
    font-size: 30px;
    font-family: "Roboto", "Georgia", "Times New Roman", sans-serif;
    margin-top: 0px;
}

#closeButton2 {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 35px;
    right: 4%;
    top: 4%;
}
#closeButton2 i {
    color: #444;
}

#closeButton2:hover{
    cursor: pointer;
}

.field-group input {
    border: 1px solid #999;
}

.formEmailButton {
    display: inline-block;
    width: 58%;
    height: 42px;
    transition: none;
    background-color: #0F7948;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    border-color: #0F7948;
    font-family: "Roboto", "Georgia", "Times New Roman", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

.field-group input {
    width: 60%;
    margin-bottom: 15px;
}

.field-group select {
    width: 60%;
    margin-bottom: 15px;
}

@media (max-width: 991px) {
    #fcdHeader {
        margin-top: 50px;
    }
}
@media (max-width: 600px) {
    #templateBody {
        width: 70%;
        left: 40%;
        top: 12%;
    }
}
@media (max-width: 420px) {
    #templateBody {
        top: 0;
    }
}

/*======================================
Meet the Team Page
======================================*/
#teamSingle#teamSingle {
    border: 2px solid lightgray;
    border-radius: 10px;
    padding: 15px 15px 0px 15px;
    margin-bottom: 20px;
}
#teamNameFull {
    font-size: 25px;
    font-weight: 400;
    color: black;
}
#meetTheTeam {
    background-color: white;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    border: none;
}
.table-striped>tbody>tr:nth-child(odd)>td {
    background-color: white;
    vertical-align: middle;
    border: none;
}
.table-bordered>tbody>tr>td {
    border: none;
}
.table>tbody>tr>td {
    border: none;
}
#teamContactContainer {
    display: flex;
    justify-content: space-evenly;
}
#meetTheTeam #teamContactContainer>a {
    text-decoration: none;
}
#meetTheTeam #teamContactContainer>a:hover {
    text-decoration: underline;
}
@media (max-width: 767px) {
    #meetTheTeam {
        display: none;
    }
    #teamNameFull {
        display: none;
    }
    #teamSingle {
        display: none;
    }
}
#teamNameMobile {
    font-size: 25px;
    font-weight: 400;
    color: black;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}
#mobileTeamContactContainer>a {
    text-decoration: none;
}
#mobileTeamContactContainer>a:hover {
    text-decoration: underline;
}
#mobileMeetTeam {
    max-width: 300px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#mobileTeamContactContainer {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 30px;
}
#mobileTeamBio {
    margin-top: 15px;
    margin-bottom: 15px;
}
#mobileTeamSingle#mobileTeamSingle {
    border: 2px solid lightgray;
    border-radius: 10px;
    padding-left:15px;
    padding-right: 15px;
    margin-bottom: 20px;
}
@media (min-width: 767px) {
    #mobileMeetTeam {
        display: none;
    }
    #teamNameMobile {
        display: none;
    }
    #mobileTeamSingle {
        display: none;
    }
}

/*======================================
Confirmation on submitting popup form
======================================*/
#confirmFeedback {
    position: fixed;
    bottom: -4px;
    left: 10px;
    z-index: 998;
    font-family: "Roboto", "Georgia", "Times New Roman", sans-serif;
    background-color : #0E7847;
    color: white;
    padding: 10px 20px;
    border-radius: 4px;
    z-index: 999;
    font-size: 14px;
    border-color: rgb(12, 106, 62);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px 4px;
     height: 40px;

    visibility: hidden;
}
@media (max-width: 767px) {
    #confirmFeedback {
        position: fixed;
        top: 118px;
        width: 100%;
        left: 0px;
    }
}

/*======================================
Q&A views/answers/votes (multiwidths)
======================================*/
@media (min-width:768px) {
    .dwqa-question-title {
        margin-bottom: 0px;
    }
}
#dwqa_assign_to {
    margin-left: 10px;
}
.dwqa-question-content > .addtoany_share_save_container {
    display: none;
}
#vt-social-sharer {
    display: none;
}
.dwqa-questions-archive .dwqa-questions-list .dwqa-question-item {
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    padding: 15px 180px 15px 70px;
}
.dwqa-questions-archive .dwqa-questions-list .dwqa-question-item .dwqa-question-stats span {
    font-size: 30px;
}
.dwqa-votes-count {
    visibility: hidden;
}
.dwqa-votes-count:after {
    visibility: visible;
    font-family: FontAwesome;
    content: '\f07d';
    position: absolute;
    bottom: -8px;
    left: 258px;
    font-size: 25px;
    font-weight: 900;
}
.dwqa-questions-list .dwqa-question-item .dwqa-question-stats .dwqa-votes-count>strong {
    visibility: visible;
    background: #A5C556;
    border-radius: 100%;
    color: white;
    width: 30px;
    position: absolute;
    left: 93%;
    font-weight: bold;
}

.dwqa-answers-count {
    visibility: hidden;
}
.dwqa-answers-count:after {
    visibility: visible;
    font-family: FontAwesome;
    content: '\f075';
    position: absolute;
    left: 156px;
    bottom: -9px;
}
.dwqa-questions-list .dwqa-question-item .dwqa-question-stats .dwqa-answers-count>strong {
    visibility: visible;
    background: #A5C556;
    border-radius: 100%;
    color: white;
    width: 30px;
    position: absolute;
    left: 62%;
    font-weight: bold;
}

.dwqa-views-count {
    visibility: hidden;
}
.dwqa-views-count:after {
    visibility: visible;
    font-family: FontAwesome;
    content: '\f06e';
    position: absolute;
    bottom: -7px;
    left: 70px;
}
.dwqa-questions-list .dwqa-question-item .dwqa-question-stats .dwqa-views-count>strong {
    visibility: visible;
    background: #A5C556;
    border-radius: 100%;
    color: white;
    width: 30px;
    position: absolute;
    left: 31%;
    font-weight: bold;
}

@media (max-width: 768px) {
    .dwqa-questions-archive .dwqa-questions-list .dwqa-question-item .dwqa-question-stats {
        position: absolute;
        top: 0;
        left: 50%;
    }

    .dwqa-votes-count:after {
        bottom: -5%;
        left: 54%;
    }
    .dwqa-questions-list .dwqa-question-item .dwqa-question-stats .dwqa-votes-count>strong {
        position: absolute;
        top: 85%;
        left: 65%;
    }

    .dwqa-answers-count:after {
        left: 48%;
        bottom: 28%;
    }
    .dwqa-questions-list .dwqa-question-item .dwqa-question-stats .dwqa-answers-count>strong {
        position: absolute;
        top: 52.5%;
        left: 65%;
    }

    .dwqa-views-count:after {
        top: 13%;
        left: 47%;
    }
    .dwqa-questions-list .dwqa-question-item .dwqa-question-stats .dwqa-views-count>strong {
        position: absolute;
        top: 20%;
        left: 65%;
    }
}

@media (max-width: 480px) {
    .dwqa-votes-count:after {
        bottom: 0%;
        left: 50%;
    }

    .dwqa-answers-count:after {
        left: 43%;
        bottom: 31%;
    }

    .dwqa-views-count:after {
        top: 19%;
        left: 43%;
    }
}
/*======================================
Q&A Ask question button
======================================*/
.dwqa-questions-footer .dwqa-ask-question>a {
    background: #0F7948;
    color: white;
    font-weight: 600;
    border-radius: 8px;
    position: absolute;
    top: 170px;
    right: 155px;
}
@media (max-width: 1999px) {
    .dwqa-questions-footer .dwqa-ask-question>a {
        top: 150px;
        right: 130px;
    }
}
@media (max-width: 991px) {
    .dwqa-questions-footer .dwqa-ask-question>a {
        top: 145px;
        right: 80px;
    }
    #dwqa-sort-by {
        position: absolute;
    }
}
@media (max-width: 768px) {
    .dwqa-question-filter.dwqa-question-filter {
        margin-bottom: 80px;
    }
    .dwqa-questions-footer .dwqa-ask-question>a {
        left: calc(9%);
        width: 131px;
        top: 385px;
    }
    #dwqa-sort-by {
        right: calc(9%);
        top: 390px;
        margin-top: 0px;
    }
}

/*======================================
Q&A Filter styling
======================================*/
.dwqa-questions-archive .dwqa-question-filter .active {
    padding: 5px;
    font-weight: bold;
    color: white;
    background-color: #0F7948;
}
.dwqa-questions-archive .dwqa-question-filter>a {
    color: #0F7948;
}

.dwqa-question-filter>span {
    visibility: hidden;
}
.dwqa-question-filter>span:after {
    visibility: visible;
    font-family: FontAwesome;
    content: '\f1de';
    color: gray;
    font-size: 20px;
}
.dwqa-questions-list  .dwqa-question-item .dwqa-status {
    box-shadow: 0 0 0 1px #DDDDDD;
}

/*======================================
Meet the experts link to Q&A
======================================*/
#expertToQuestion {
    background-color: #0F7948;
    color: white;
    font-weight: 600;
    border-color: #0F7948;
    padding: 10px;
    position: absolute;
    right: 1%;
}
@media (max-width: 991px) {
    #expertToQuestion {
        top: 30px;
    }
}
@media (max-width: 450px) {
    #expertToQuestion {
        top: -28px;
        right: 3.5%;
    }
}

/*======================================
Base color of site to GRDC green
======================================*/
a {
    color: #0F7948;
}
a:hover {
    color: #A5C556;
}
a:focus {
    color: #A5C556;
}
.fn span {
    color: #0F7948;
}
.breadcrumb a {
    color: #0F7948;
}
.post-meta-author.vcard .fn {
    color: #0F7948;
}
aside .form-search .search-submit {
    background: #0F7948;
    border-color: #0F7948;
}
aside .form-search .search-submit:hover {
    background: #A5C556;
    border-color: #A5C556;
}
.btn-primary {
    background-color: #0F7948;
}

/*======================================
Quick iPad menu fix
======================================*/
@media (max-width: 991px) {
    #menu-menu {
        background: white;
    }
}
@media (min-width: 767px) and (max-width: 991px) {
    #menu-menu>li>a {
        padding: 0px;
    }
}

/*======================================
Experts article links
======================================*/
#expertLinks {
    visibility: hidden;
}
@media (max-width: 991px) {
    #expertLinks {
        visibility: visible;
    }
}

.page-id-360 #ajaxsearchlite1 {
    display: none;
}

/*======================================
Experts article links
======================================*/
#mc-page-subscribe {
    display: inline-block;
    width: 65%;
    height: 42px;
    transition: none;
    background-color: #0F7948;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    border-color: #0F7948;
    font-family: "Roboto", "Georgia", "Times New Roman", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}
#mce-EMAIL-page {
    display: inline-block;
    background: #e6e6e6;
    color: #444444;
    width: 65%;
    margin: 0;
    font-size: 14px;
    font-family: "Roboto", "Georgia", "Times New Roman", sans-serif;
    text-align: center;
    height: 42px;
}
#on_page_content {
    text-align: left;
}

@media (max-width: 670px) {
    #mce-EMAIL-page {
        width: 100%;
    }

    #mc-page-subscribe {
        width: 100%;
    }
}