/**
Theme Name: ACE Custom Template - Astra Child Theme
Author: BFC Digital
Author URI: https://bfcdigital.com
Description: A child theme of Astra, used for a redesign to the ACE website, 2023.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ace-custom-template-astra-child-theme
Template: astra
*/

.single-resource div#primary {
  max-width: 808px;
  margin-left: auto;
  margin-right: auto;
  float: none;
  padding-left: 20px;
  padding-right: 20px;
}

.single-resource #primary .title-meta h5 {
  color: #4C5960;
  text-align: left;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  letter-spacing: 1.28px;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.single-resource #primary .title-meta h1 {
  color: #01293E;
  /* Heading/H2 */
  font-family: Poppins;
  font-size: 48px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%; /* 57.6px */
  margin-bottom: 48px;
}

.single-resource #primary .title-meta .meta-container {
  display: flex;
  column-gap: 21px;
  align-items: center;
}

.single-resource #primary .title-meta .meta-container.two-or-more-orgs {
  margin-top: 2rem;
}

.single-resource #primary .title-meta .meta-container .org-logo img {
  width: 71px;
}

.single-resource #primary .title-meta .meta-container .author-info {
  margin-right: 2.0rem;
}

.single-resource #primary .title-meta .meta-container .author-info h6 {
  color: #4C5960;
  
  /* Text/Small/Bold */
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 21px */
}

.single-resource #primary .title-meta .meta-container .author-info p {
  color: #4C5960;
  
  /* Text/Small/Normal */
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  margin-bottom: 0;
}

.single-resource div#secondary {
  max-width: 808px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 68px;
  float: none;
  padding-left:20px;
  padding-right: 20px;
  padding-bottom: 80px;
}

.single-resource div#secondary .capacity-building-grant-project-notification {
  border-top: 1px solid #DAE7DA;
  border-bottom: 1px solid #DAE7DA;
  padding: 20px;
  padding-left: 41px;
  padding-right: 0;
  margin-bottom: 40px;
  background-image: url('images/grant-building.svg');
  background-position: left center;
  background-repeat: no-repeat;
}

.single-resource div#secondary .capacity-building-grant-project-notification p {
  color: #01293E;
  
  /* Text/Regular/Bold */
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  margin-bottom: 0;
}

.single-resource div#secondary .description-buttons {
  padding-bottom: 36px;
}

.single-resource div#secondary .description-buttons p {
  color: #4C5960;
  
  /* Text/Large/Normal */
  font-family: Lato;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
}

.single-resource div#secondary .description-buttons a.button {
  border-radius: 360px;
  background:#1BB3A2;
  color: #FFF;
  font-family: Lato;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.5px;
  text-transform: uppercase;

  margin-right: 20px;
  margin-bottom: 28px;
  display: inline-block;
}
.single-resource div#secondary .description-buttons a.button:hover {
  background: #0BCAB4;
}

.single-resource div#secondary .description-buttons .video-embed {
  margin-bottom: 28px;
}

.single-resource div#secondary .main-resource-content {
  padding-top: 36px;
  border-top: 1px solid #DAE7DA;
  
}

.single-resource div#secondary .resource-tags {
  border-top: 1px solid #DAE7DA;
  border-bottom: 1px solid #DAE7DA;
  padding: 20px;
  padding-left: 0;
  display: flex; 
  column-gap: 6px;
  align-items: center;
  margin-bottom: 40px;
}
.single-resource div#secondary .resource-tags p {
  margin-bottom: 0;
  color: color(srgb 0.298 0.349 0.376 / 0.501);
  font-family: Lato;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 150%; /* 24px */
  position: relative;
  top: -1px;
}
.single-resource div#secondary .resource-tags ul {
  display: flex;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  column-gap: 6px;
  list-style-type: none;
}
.single-resource div#secondary .resource-tags ul li {
  color: #4C5960;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px; /* 21px */
  letter-spacing: 1.12px;
  text-transform: uppercase;
  margin-top: 0px;
  padding-left: 6px;
  border-left: 1px solid color(srgb 0.298 0.349 0.376 / 0.511);
}

.single-resource div#secondary .resource-tags ul li:first-child {
  border-left: none;
}

.single-resource div#related-resources {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  float: none;
  padding-left:20px;
  padding-right: 20px;
  border-top: 1px solid #DAE7DA;
  border-bottom: 1px solid #DAE7DA;
  
  padding-top: 40px;
  padding-bottom: 40px;
}

.single-resource div#related-resources .row-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.single-resource div#related-resources .row-top a.button {
  display: flex;
  padding: 19px 28px;
  justify-content: center;
  align-items: center;
  gap: 8px;

  background: #F3F6F3;
  color:#4C5960;
  font-family: Lato;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-radius: 360px;
}

.single-resource div#related-resources .row-top a.button:hover {
  color: #01293E;
  background: white;
}


.single-resource div#related-resources h2 {
  color: #01293E;
  
  /* Heading/H3 */
  font-family: Poppins;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 48px */
  
  margin-bottom: 0px;
}


.single-resource .white-background {
  background: #fff;
}


/*---------------- Resource library grid */

#related-resources {
  .related-resources-grid {
    display: flex;
    justify-content: space-between;

    .related-resource {
        flex-basis: 30%;
        border-radius: 1rem;
        padding: 1.5rem;

        .title-img {
            display: flex;
            gap: 0.5rem;
            justify-content: space-between;
        }

        .title-img h6 {
            font-weight: bold;
            font-size: 1.2rem;
            color: #01293e;
            font-family: 'Poppins',sans-serif;
            margin: 0;
        }
        .title-img h6 a {
            font-weight: bold;
            font-size: 1.2rem;
            color: #01293e;
            font-family: 'Poppins',sans-serif;
        }
        .title-img h6 a:hover {
            color: #00ac97;
        }
        .title-img img.org-logo {
            border: 1px solid #e5e7e5;
            max-width: 3rem;
            border-radius: .3rem;
            padding: .3rem;
            height: fit-content;
        }
      
        .resource-type {
            font-weight: bold;
        
            .legend {
                font-weight: normal;
            }
        }
        .tags {
            display: none;
            flex-wrap: wrap;
            gap: .3rem;
        }
        .tags a {
            background: #f3f6f3;
            color: #01293e80;
            font-size: .8rem;
            text-transform: uppercase;
            font-weight: 600;
            letter-spacing: .5px;
            border-radius: 100rem;
            padding: .1rem 1rem;
        }
    }
    .related-resource {
        box-shadow: 0 1px 3px rgba(105,105,105,0.12), 0 1px 2px rgba(166,166,166,0.24);
        transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    }
    
    .related-resource:hover {
        box-shadow: 0 14px 28px rgba(30,230,208,0.21), 0 10px 10px rgba(85,85,85,0.15);
    }        
  } 
}
/*---------------- END Resource library grid */




/* Single Event */
.single-ace-event div#primary {
  max-width: 808px;
  margin-left: auto;
  margin-right: auto;
  float: none;
  padding-left: 20px;
  padding-right: 20px;
}

.single-ace-event #primary .title-meta {
  
}
.single-ace-event #primary .title-meta h5 {
  color: #4C5960;
  text-align: left;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  letter-spacing: 1.28px;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.single-ace-event #primary .title-meta h1 {
  color: #01293E;
  /* Heading/H2 */
  font-family: Poppins;
  font-size: 48px;
  font-style: normal;
  font-weight: 800;
  line-height: 120%; /* 57.6px */
/*   margin-bottom: 48px; */
}

.single-ace-event #primary .title-meta .meta-container {
  display: flex;
  column-gap: 21px;
  align-items: center;
}

.single-ace-event #primary .title-meta .meta-container .org-logo {
}

.single-ace-event #primary .title-meta .meta-container .org-logo img {
  width: 71px;
}

.single-ace-event #primary .title-meta .meta-container .author-info {

}

.single-ace-event #primary .title-meta .meta-container .author-info h6 {
  color: #4C5960;
  
  /* Text/Small/Bold */
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 21px */
}

.single-ace-event #primary .title-meta .meta-container .author-info p {
  color: #4C5960;
  
  /* Text/Small/Normal */
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  margin-bottom: 0;
}

.single-ace-event div#secondary {
  max-width: 808px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 68px;
  float: none;
  padding-left:20px;
  padding-right: 20px;
  padding-bottom: 80px;
}

.single-ace-event div#secondary .capacity-building-grant-project-notification {
  border-top: 1px solid #DAE7DA;
  border-bottom: 1px solid #DAE7DA;
  padding: 20px;
  padding-left: 41px;
  padding-right: 0;
  margin-bottom: 40px;
  background-image: url('images/event.svg');
  background-position: left center;
  background-repeat: no-repeat;
}

.single-ace-event div#secondary .capacity-building-grant-project-notification p {
  color: #01293E;
  
  /* Text/Regular/Bold */
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  margin-bottom: 0;
}

.single-ace-event div#secondary .description-buttons {
  padding-bottom: 36px;
}

.single-ace-event div#secondary .description-buttons p {
  color: #4C5960;
  
  /* Text/Large/Normal */
  font-family: Lato;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
}

.single-ace-event div#secondary .description-buttons a.button {
  border-radius: 360px;
  background:#1BB3A2;
  color: #FFF;
  font-family: Lato;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.5px;
  text-transform: uppercase;

  margin-right: 20px;
  margin-bottom: 28px;
  display: inline-block;
}
.single-ace-event div#secondary .description-buttons a.button:hover {
  background: #0BCAB4;
}

.single-ace-event div#secondary .description-buttons .video-embed {
  
}

.single-ace-event div#secondary .description-buttons .video-embed iframe {

}

.single-ace-event div#secondary .event-location {
  padding-top: 40px;
  display: flex;
  flex-wrap: wrap; 
  justify-content: space-between;
  border-top: 1px solid #DAE7DA;
  
}

.single-ace-event div#secondary .event-location h3 {
  flex-basis: 100%;
  color: #01293E;
  
  /* Heading/H4 */
  font-family: Poppins;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 41.6px */
  margin-bottom: 20px;
}

.single-ace-event div#secondary .event-location .address {
  flex-basis: 100%;
  color: #4C5960;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
.single-ace-event div#secondary .event-location .address h6 {
  flex-basis: 100%;
  color: #4C5960;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  
}

.single-ace-event div#secondary .event-location .google-map {
  flex-basis: 100%;
}

.single-ace-event div#secondary .event-location .google-map .acf-map {
  margin-top: 5px;
}


@media all and (min-width: 800px) {
  .single-ace-event div#secondary .event-location .address {
    flex-basis: 20%;
  }
  
  .single-ace-event div#secondary .event-location .google-map {
    flex-basis: 75%;
  }
}


.single-ace-event div#secondary .main-resource-content {
  padding-top: 36px;
}

.single-ace-event div#secondary .resource-tags {
  border-top: 1px solid #DAE7DA;
  border-bottom: 1px solid #DAE7DA;
  padding: 20px;
  padding-left: 0;
  display: flex; 
  column-gap: 6px;
  align-items: center;
  margin-bottom: 40px;
}
.single-ace-event div#secondary .resource-tags p {
  margin-bottom: 0;
  color: color(srgb 0.298 0.349 0.376 / 0.501);
  font-family: Lato;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 150%; /* 24px */
  position: relative;
  top: -1px;
}
.single-ace-event div#secondary .resource-tags ul {
  display: flex;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  column-gap: 6px;
  list-style-type: none;
}
.single-ace-event div#secondary .resource-tags ul li {
  color: #4C5960;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px; /* 21px */
  letter-spacing: 1.12px;
  text-transform: uppercase;
  margin-top: 0px;
  padding-left: 6px;
  border-left: 1px solid color(srgb 0.298 0.349 0.376 / 0.511);
}

.single-ace-event div#secondary .resource-tags ul li:first-child {
  border-left: none;
}

.single-ace-event div#related-resources {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  float: none;
  padding-left:20px;
  padding-right: 20px;
  border-top: 1px solid #DAE7DA;
  border-bottom: 1px solid #DAE7DA;
  
  padding-top: 40px;
  padding-bottom: 40px;
}
.single-ace-event div#related-resources .row-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.single-ace-event div#related-resources .row-top a.button {
  display: flex;
  padding: 19px 28px;
  justify-content: center;
  align-items: center;
  gap: 8px;

  background: #F3F6F3;
  color:#4C5960;
  font-family: Lato;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-radius: 360px;
}

.single-ace-event div#related-resources .row-top a.button:hover {
  background: white;
  color: #01293E;
}


.single-ace-event div#related-resources h2 {
  color: #01293E;
  
  /* Heading/H3 */
  font-family: Poppins;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 48px */
  
  margin-bottom: 0px;
}


.single-ace-event .white-background {
  background: #fff;
}



/* CTA at bottom of events and resources */
#resources-events-cta-block {
  padding: 120px 0px 120px 0px;
  background: url('images/rhino-bg.png');
  background-size: cover;
  
}

#resources-events-cta-block .content-wrapper {
  max-width: 1240px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}

#resources-events-cta-block .content-wrapper h4 {
  color: #FFF;
  font-family: Poppins;
  font-size: 36px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 20px;
}

#resources-events-cta-block .content-wrapper p {
  color: #FFF;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 40px;
}

#resources-events-cta-block .content-wrapper .cta-buttons {
  display: inline-block;
}

#resources-events-cta-block .content-wrapper .cta-buttons a.button {
  background: #1BB3A2;
  border-radius: 360px;
  color: #FFF;
  font-family: Lato;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.5px;
  text-transform: uppercase;

  margin-right: 23px;
}
#resources-events-cta-block .content-wrapper .cta-buttons a.button:hover {
  background: #0BCAB4;
}

#resources-events-cta-block .content-wrapper .cta-buttons a.button.secondary {
  background: #0891CB;
  border-radius: 360px;
  color: #FFF;
  font-family: Lato;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.5px;
  text-transform: uppercase;

  margin-right: 20px;
  margin-bottom: 28px;
  display: inline-block;
}
#resources-events-cta-block .content-wrapper .cta-buttons a.button.secondary:hover {
  background: #00A6EC;
}

.ast-custom-button {
    background: #0891CB;
}
.ast-custom-button:hover {
    background: #00A6EC;
}

/*---------------- Single resource tags */
.single-resource div#secondary .resource-tags {
    column-gap: 1rem;
    row-gap: 1rem;
    gap: 1rem;
    align-items: flex-start;
    flex-direction: column;
}

.single-resource div#secondary .resource-tags ul {
    display: flex;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    column-gap: 1rem;
    row-gap: 1rem;
    gap: 1rem;
    list-style-type: none;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

.single-resource div#secondary .resource-tags ul li:first-child {
    border-left: none;
    padding-left: 0;
}

.single-resource div#secondary .resource-tags ul li {
    color: #4C5960;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    margin-top: 0px;
    padding-left: 1rem;
    border-left: 1px solid color(srgb 0.298 0.349 0.376 / 0.511);
}
/*---------------- END Single resource tags */

/* Buttons on hero */
a#button-welcome-guide {
  display: none;
}
body.logged-in a#button-welcome-guide {
  display: inline-block;
}
body.logged-in a#button-join {
  display: none; 
}

/* Restrict Content on non-elementor pages */
.container-main {
    background: #f3f6f3;
    color: #4c5960;
    padding: 3rem;
}

.container-main .container-inner {
    margin: 0 auto;
    max-width: 1200px;
    text-align: center;
}

.container-main .container-inner h2 {
    font-size: 48px;
    font-weight: 500;
    line-height: 1.2;
}

.container-main .container-inner .block-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
}

.hystmodal .gform_confirmation_message_1 a:hover {
  cursor: pointer;
} 

#resource-library-grid
.search-filter-results-set
.result-item {
  margin-bottom: 1.0rem;
}

#member-directory-committee-grid .member-list .result-item .title p {
    margin: 0;
}


/* Custom CSS */

/* The following can be found by going to site settings in elementor and going to the custom css section */
/* CSS IDs or classes are created on the advanced tab after selecting an element in elementor */

/*---------------- General Styling */
a {
    transition: all .2s linear;
}

.ast-custom-button {
    background: #0891CB;
}
.ast-custom-button:hover {
    background: #00A6EC;
}
.elementor-button-info a.elementor-button.elementor-button-link.elementor-size-sm {
    background: #0891CB;
}
.elementor-button-info a.elementor-button.elementor-button-link.elementor-size-sm:hover {
    background: #00A6EC;
}
a.elementor-button.elementor-button-link.elementor-size-sm {
    background: #1BB3A2;
}
a.elementor-button.elementor-button-link.elementor-size-sm:hover {
    background: #0BCAB4;
}

.single-resource div#secondary .description-buttons a.button {
background: #0891CB;
color: white;

font-size: 0.875rem;
font-family: 'Lato',sans-serif;
text-transform: uppercase;
letter-spacing: 2px;

border-top-left-radius: 360px;
border-top-right-radius: 360px;
border-bottom-right-radius: 360px;
border-bottom-left-radius: 360px;
padding-top: 1em;
padding-right: 2em;
padding-bottom: 1em;
padding-left: 2em;
}
.single-resource div#secondary .description-buttons a.button:hover {
    background: #00A6EC;
}
/*---------------- END General Styling */

/*---------------- Footer */
footer h2.widget-title {
    font-size: 1.2rem;
    font-weight: 600;
}
/*---------------- END Footer */

/*---------------- Filter bars */
#filter-bar ul{
    gap: 1rem;
}
#filter-bar ul li {
    width: 100%;
}
#filter-bar ul li h4 {
    font-size: 1rem;
    color: rgb(1 41 62 / 45%);
}
#filter-bar ul li label {
    width: 100%;
}
#filter-bar ul li select, #filter-bar ul li input {
    width: 100%;
    padding-right: 2rem;
}
#filter-bar ul li.sf-field-post-meta-is_this_person_the_main_point_of_contact_for_their_organization{
        .sf-level-0 {
            display: flex;
            .sf-input-checkbox {
            width: 15% !important;
            }
            .sf-label-checkbox {
                font-weight: 700;
                color: rgb(1 41 62 / 45%);
                font-family: 'Poppins',sans-serif;
            }
        }
}
/*---------------- END Filter bars */

/*---------------- Resource library grid */
#resource-library-grid {
    .results-summary, .page-number {
        justify-content: flex-start;
        margin-top: 1rem;
        margin-bottom: 1rem;
        font-size: small;
        font-style:italic;
    }
    .search-filter-results-set {
        .result-item {
            border-radius: 1rem;
            padding: 1.5rem;
            border: none;

            .title-img {
                display: flex;
                gap: 0.5rem;
                justify-content: space-between;
            }

            h6 {
                font-weight: bold;
                font-size: 1.2rem;
                color: #01293e;
                font-family: 'Poppins',sans-serif;
                margin: 0;
            }
            h6 a {
                font-weight: bold;
                font-size: 1.2rem;
                color: #01293e;
                font-family: 'Poppins',sans-serif;
            }
            h6 a:hover {
                color: #00ac97;
            }

            .multiple-logos {
              display: flex;
              flex-wrap: wrap;
              justify-content: flex-start;
              gap: 10px;
            }

            img.org-logo {
                border: 1px solid #e5e7e5;
                max-width: 4.5rem;
                border-radius: .3rem;
                padding: .3rem;
                height: fit-content;
            }
            .description p {
               margin-bottom: .5rem;
            }
  
            .resource-type {
                font-weight: bold;
                margin-bottom: .5rem;
            
                .legend {
                    font-weight: normal;
                }
            }
            .tags {
                display: none;
                flex-wrap: wrap;
                gap: .3rem;
                margin-bottom: .5rem;
            }
            .tags a {
                background: #f3f6f3;
                color: #01293e80;
                font-size: .8rem;
                text-transform: uppercase;
                font-weight: 600;
                letter-spacing: .5px;
                border-radius: 100rem;
                padding: .1rem 1rem;
            }
        }
        .result-item {
            box-shadow: 0 1px 3px rgba(105,105,105,0.12), 0 1px 2px rgba(166,166,166,0.24);
            transition: all 0.3s cubic-bezier(.25,.8,.25,1);
        }
        
        .result-item:hover {
            box-shadow: 0 14px 28px rgba(30,230,208,0.21), 0 10px 10px rgba(85,85,85,0.15);
        }        
    } 
}

/*---------------- END Resource library grid */

/*---------------- Member directory grid */
#member-directory-grid .results-summary {
    justify-content: flex-start;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: small;
    font-style:italic;
}
#member-directory-grid .search-filter-results .search-filter-results-set table {
    border-width: 1px 0 1px 0;
}
#member-directory-grid .search-filter-results .search-filter-results-set tr th {
    border: 0;
    padding: 1rem;
    text-align: left;
    background: #f3f6f3;
}
#member-directory-grid .search-filter-results .search-filter-results-set .result-item {
}
#member-directory-grid .search-filter-results .search-filter-results-set .result-item .logo, 
#member-directory-grid .search-filter-results .search-filter-results-set .result-item .title,
#member-directory-grid .search-filter-results .search-filter-results-set .result-item .email,
#member-directory-grid .search-filter-results .search-filter-results-set .result-item .areas-of-expertise,
#member-directory-grid .search-filter-results .search-filter-results-set .result-item .member-date {
    border-width: 1px 0 0 0;
    padding: 1rem;
    vertical-align: top;
}
#member-directory-grid .search-filter-results .search-filter-results-set .result-item .logo img {
    max-width: 6rem;
    border-radius: .3rem;
    padding: .3rem;
    background-size: cover;
}
#member-directory-grid .search-filter-results .search-filter-results-set .result-item .title .name-job-org strong {
    font-weight: bold;
    font-size: 1.2rem;
    color: #01293e;
    font-family: 'Poppins',sans-serif;
}
#member-directory-grid .search-filter-results .search-filter-results-set .result-item .title .name-job-org span.point-of-contact {
    text-transform: uppercase;
    padding: 0.3rem 0.5rem;
    background: #1c3f5187;
    margin: 0.5rem;
    font-size: .8rem;
    font-weight: 700;
    color: white;
    border-radius: 5px;
}
#member-directory-grid .search-filter-results .search-filter-results-set .result-item .areas-of-expertise ul {
    margin: 0;
    list-style: circle;
}
/*---------------- END Member directory grid */
/*---------------- Member directory committee grid */
#member-directory-committee-grid {
}
#member-directory-committee-grid .member-list {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    gap: 4rem;
}

#member-directory-committee-grid .member-list .result-item {
    color: white;
    display: flex;
    align-content: center;
    align-items: center;
    gap: .5rem;
    flex-wrap: nowrap;
}

#member-directory-committee-grid .member-list .result-item img.org-logo {
    width: 50px;
    height: 50px;
    object-fit: cover;
    object-position: center center;
    border-radius: 360px 360px 360px 360px;
}

#member-directory-committee-grid .member-list .result-item .title h6 {
    color: white;
    margin: 0;
}
/*---------------- END Member directory committee grid */

/*---------------- Events Calendar grid */
.search-filter-results .events-calendar .result-item {
    display: flex;
    padding: 40px 0px;
    align-items: center;
    gap: 2rem;
    align-self: stretch;
    border-bottom: 1px solid #DAE7DA;
    align-content: flex-start;
}
.search-filter-results .events-calendar .result-item .left-col {
    border-radius: 8px;
    background: #01293E;
    color: white;
    padding: 1rem;
    font-family: Poppins;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 41.6px */
    text-align: center;
    min-width: 23%;
}
.search-filter-results .events-calendar .result-item .right-col {
    display: flex;
    flex-direction: column;
}
.search-filter-results .events-calendar .result-item .right-col .time {
    color: #4C5960;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
    letter-spacing: 1.28px;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.search-filter-results .events-calendar .result-item .right-col .title h6 {
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 33.6px */
    margin-bottom: 1px;
}
/*---------------- END Events Calendar grid */

/*---------------- Restricted content page */
.container-main {
    background: #f3f6f3;
    color: #4c5960;
    padding: 3rem;
}

.container-inner {
    margin: 0 auto;
    max-width: 1200px;
    text-align: center;
}

.block-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: .6rem;
}
/*---------------- END Restricted content page */

/*---------------- Single resource tags */
.single-resource div#secondary .resource-tags {
    column-gap: 1rem;
    row-gap: 1rem;
    gap: 1rem;
    align-items: flex-start;
    flex-direction: column;
}

.single-resource div#secondary .resource-tags ul {
    display: flex;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    column-gap: 1rem;
    row-gap: 1rem;
    gap: 1rem;
    list-style-type: none;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

.single-resource div#secondary .resource-tags ul li:first-child {
    border-left: none;
    padding-left: 0;
}

.single-resource div#secondary .resource-tags ul li {
    color: #4C5960;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    margin-top: 0px;
    padding-left: 1rem;
    border-left: 1px solid color(srgb 0.298 0.349 0.376 / 0.511);
}
/*---------------- END Single resource tags */

/*---------------- Responsive Styles */
/* Styles for Desktop (1024px and up) */
@media only screen and (min-width: 1024px) {
    h1.elementor-heading-title {}
    h2.elementor-heading-title {}
    h3.elementor-heading-title {}
    .elementor-section {padding: 6rem 1rem 6rem 1rem;}
  }
  
  /* Styles for Tablet (1024px and down) */
  @media only screen and (max-width: 1024px) {
    h1.elementor-heading-title {font-size: 45px;}
    h2.elementor-heading-title {font-size: 40px;}
    h3.elementor-heading-title {font-size: 30px;}
    .elementor-section {padding: 3rem 3rem 3rem 3rem;}
  }
  
  /* Styles for Mobile (767px and down) */
  @media only screen and (max-width: 767px) {
    h1.elementor-heading-title {font-size: 40px;}
    h2.elementor-heading-title {font-size: 32px;}
    h3.elementor-heading-title {font-size: 24px;}
    .elementor-section {padding: 3rem 1rem 3rem 1rem;}
  }
/*---------------- END Responsive Styles */


/* Begin styling for custom Google Map */
.facetwp-facet {
  font-family: 'Poppins',sans-serif;
}

.facetwp-counter {
  display: none;
}

.facetwp-facet.facetwp-facet-organization_type {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  column-gap: 0px;
  color: #01293e;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 0;
}

.facetwp-facet-organization_type .facetwp-checkbox {
  background: transparent;
  padding: .5rem;
  border: 2px solid transparent;
  border-radius: 40px;
}

.facetwp-facet-organization_type .facetwp-checkbox .facetwp-display-value {
  background: transparent;
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
  align-items: center;
}

.facetwp-facet-organization_type .facetwp-checkbox .facetwp-display-value::before {
  content: '';
  display: inline-flex;
  width: 40px;
  height: 40px;
  background-size: contain!important;
}

.facetwp-facet-organization_type .facetwp-checkbox[data-value="academic-institution"] .facetwp-display-value::before {
  background: url(../ace-custom/images/map-icons/Academic.png) 0 50% no-repeat;
}

.facetwp-facet-organization_type .facetwp-checkbox[data-value="aquarium"] .facetwp-display-value::before {
  background: url(../ace-custom/images/map-icons/Aquarium.png) 0 50% no-repeat;
}

.facetwp-facet-organization_type .facetwp-checkbox[data-value="arboretum"] .facetwp-display-value::before {
  background: url(../ace-custom/images/map-icons/Arboretum.png) 0 50% no-repeat;
}

.facetwp-facet-organization_type .facetwp-checkbox[data-value="aviary-or-raptor-center"] .facetwp-display-value::before {
  background: url(../ace-custom/images/map-icons/Aviary.png) 0 50% no-repeat;
}

.facetwp-facet-organization_type .facetwp-checkbox[data-value="conservation-or-animal-welfare-organization"] .facetwp-display-value::before {
  background: url(../ace-custom/images/map-icons/Conservation.png) 0 50% no-repeat;
}

.facetwp-facet-organization_type .facetwp-checkbox[data-value="consultant-or-independent-researcher"] .facetwp-display-value::before {
  background: url(../ace-custom/images/map-icons/Consultant.png) 0 50% no-repeat;
}

.facetwp-facet-organization_type .facetwp-checkbox[data-value="insectarium"] .facetwp-display-value::before {
  background: url(../ace-custom/images/map-icons/Insectarium.png) 0 50% no-repeat;
}

.facetwp-facet-organization_type .facetwp-checkbox[data-value="marine"] .facetwp-display-value::before {
  background: url(../ace-custom/images/map-icons/Marine.png) 0 50% no-repeat;
}

.facetwp-facet-organization_type .facetwp-checkbox[data-value="museum"] .facetwp-display-value::before {
  background: url(../ace-custom/images/map-icons/Museum.png) 0 50% no-repeat;
}

.facetwp-facet-organization_type .facetwp-checkbox[data-value="nature-center"] .facetwp-display-value::before {
  background: url(../ace-custom/images/map-icons/Nature.png) 0 50% no-repeat;
}

.facetwp-facet-organization_type .facetwp-checkbox[data-value="zoo"] .facetwp-display-value::before{
  background: url(../ace-custom/images/map-icons/Zoo.png) 0 50% no-repeat;
}

.facetwp-facet-organization_type .facetwp-checkbox.checked {
  border: 2px solid #0891CB;
  background: transparent;
  border-radius: 40px;
}

.facetwp-facet-member_type .facetwp-checkbox {
  padding-left: 0;
  text-align: center;
  padding: 1em 2em 1em 2em;
  transition: ease-in .25s;
}

.facetwp-facet-member_type .facetwp-checkbox[data-value="network-affiliate"] {
  background: transparent;
  border: 2px solid #13C7B3;
  border-radius: 40px;
  color: #13C7B3;
  font-size: 18px;
  font-weight: 600;
}

.facetwp-facet-member_type .facetwp-checkbox[data-value="network-affiliate"]:hover,
.facetwp-facet-member_type .facetwp-checkbox.checked[data-value="network-affiliate"] {
  background: #13C7B3;
  color: #fff;
}

.facetwp-facet-member_type .facetwp-checkbox[data-value="network-affiliate"]:hover {
  transform: scale(1.05);
}

.facetwp-facet-member_type .facetwp-checkbox[data-value="at-network-partner"] {
  background: transparent;
  border: 2px solid #0a91cb;
  border-radius: 40px;
  color: #0a91cb;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 50px;
}

.facetwp-facet-member_type .facetwp-checkbox[data-value="at-network-partner"]:hover,
.facetwp-facet-member_type .facetwp-checkbox.checked[data-value="at-network-partner"] {
  background: #0a91cb;
  color: #fff;
}

.facetwp-facet-member_type .facetwp-checkbox[data-value="at-network-partner"]:hover {
  transform: scale(1.05);
}

.facetwp-type-fselect .fs-wrap {
  width: 100%;
}

.facetwp-type-fselect .fs-label-wrap {
  border-top: none;
  border-left: none;
  border-right: none;
  background: /* gradient can be an image */
    linear-gradient(
      to right, 
      #13C7B3 0%,
      #0a91cb 60%
    )
    left 
    bottom   
    no-repeat; 
  background-size:100% 5px ;/* if linear-gradient, we need to resize it */
}

.facetwp-type-fselect .fs-label-wrap:hover {
  cursor: pointer;
}

.facetwp-type-fselect .fs-label-wrap .fs-label {
  font-family: 'Poppins',sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #01293e;
  padding-bottom: .7rem;
}

.fs-wrap.multiple .fs-option.selected .fs-checkbox i {
  background-color: #0a91cb!important;
}

.facetwp-reset {
  background-image: linear-gradient(171deg, var(--e-global-color-primary) 0%, var(--e-global-color-accent) 100%);
}

.facetwp-reset:hover {
    background-image: linear-gradient(171deg, #13C7B3 0%, #25ACE6 100%);
}

.facetwp-map-filtering {
  display: none;
}

.gm-style-iw.gm-style-iw-c {
  padding: 0px;
}

.gm-style-iw-ch {
  padding-top: 0px;
}

.gm-style-iw-chr {
  height: 0px;
}

.gm-style-iw-d {
  padding: 1rem;
  padding-right: 0px;
  padding-bottom: 0px;
}

p.people-list {
  font-size: 16px;
  margin-bottom: .5em;
}

h6.site-link {
  margin-top: 1.1em;
}

h6.site-link:hover a{
  text-decoration: underline;
  text-decoration-color: #13c7b3;
}
/* End styling for custom Google map */