/*
Theme Name: Backyard Habitat Certification Program
Theme URI: http://backyardhabitats.org
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: Upthentic Creative, Inc.
Author URI: http://upthentic.com
template: bb-theme
*/

/* Utility */
/* hack for horz scroll until i figure it out */
body {
    overflow-x: hidden;
}

/* Hide Beaver Builder Editor Button in Admin Bar */
body.fl-theme-builder-header #wpadminbar .quicklinks #wp-admin-bar-fl-builder-frontend-edit-link {
    display: none;
}

/* Page bg images */
.fl-page-content {
    background-image: url('../svg/background-pollen-half-left-20.svg');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 350px;
}

.has-right-bg-image {
    background-image: url("../svg/background-pollen-half-right.svg");
    background-size: auto 450px;
    background-repeat: no-repeat;
    background-position: 105% 50%;
}

.has-left-bg-image {
    background-image: url("../svg/background-pollen-half-right.svg");
    background-size: auto 450px;
    background-repeat: no-repeat;
    background-position: 0% 50%;
}

.box-drop-shadow {
    box-shadow: 0 0.1rem 1rem -0.5rem rgba(0,0,0,.4);
}


.sr-only,
.header-search .fl-button-text{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

.fl-post-content svg path {
    stroke:none;
}

body.has-blocks .fl-post-content .alignwide {
    margin-left: 0;
    margin-right: 0;
    width: auto;
    max-width: 100%;
}


.home .fl-post-header {
	display:none;
}

.fl-content-full.container.fl-layout-constrained {
    max-width: 850px;
}

.fl-post-header,
.fl-theme-builder-header .fl-module-heading .fl-heading {
    margin-bottom: 25px !important;
    max-width: fit-content;
    margin: 0 auto 25px auto !important;
}

h1.fl-post-title,
.blog .fl-heading,
.archive .fl-heading,
.search-results .fl-heading,
h1.wp-block-heading,
.title-inline-border {
    padding-bottom: 10px !important;
    width: fit-content;
    border-bottom-style: dotted;
    border-bottom-width: 3px;
    border-bottom-color: var(--wp--preset--color--base-3);
}

.title-inline-border {
    margin-left:auto;
    margin-right:auto;
}

.title-inline-border.force-left {
    margin-left:0  !important;
    margin-right:0 !important;
}

.post-edit-link {
    display:none;
}


details {
  margin: 0 auto ;
  background: var(--wp--preset--color--base);
  margin-bottom: .5rem;
  border: 1px solid var(--wp--preset--color--base-3);
  border-radius: 12px;
  overflow: hidden;
}

summary {
    font-size: 16px;
    padding: 0.5rem;
    display: block;
    background: var(--wp--preset--color--base);
    padding-left: 2.2rem;
    position: relative;
    cursor: pointer;
}

summary:before {
  content: '';
  border-width: .5rem;
  border-style: solid;
  border-color: transparent transparent transparent var(--wp--preset--color--accent-2);
  position: absolute;
  top: 0.8rem;
  left: 1rem;
  transform: rotate(0);
  transform-origin: .2rem 50%;
  transition: .25s transform ease;
}

details[open] > summary:before {
  transform: rotate(90deg);
}

details[open] > summary {
    background: var(--wp--preset--color--base);
}

details p,
details ul,
details .facetwp-facet{
    padding:20px;
    border-top: 1px dotted var(--wp--preset--color--base-3);
}

details ul li {
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 10px;
}


details summary::-webkit-details-marker {
  display:none;
}

.pam-details p {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    border-top: none;
}

.pam-details .detail-block-lists {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    border-top: none;
    padding-bottom: 0;
}

.anchor-menu p>a {
    padding: 10px 15px;
    background-color: var(--wp--preset--color--base-2);
    border-radius: 20px;
    border: 1px solid var(--wp--preset--color--base-3);
}

.anchor-menu p>a:hover {
    background-color: var(--wp--preset--color--base);
}

#fl-to-top {
    background-color: var(--wp--preset--color--contrast);
    background-color: rgba(54, 50, 51, .6);
}
#fl-to-top:hover {
    background-color: rgba(54, 50, 51, .8);
}

@media screen and (min-width:768px) {
    #fl-to-top {
        bottom: 80px;
    }
}

/* END Utility */

/* Header */

.menu .donate-bg {
	background: radial-gradient(circle, var(--wp--preset--color--accent-4) 50%, transparent 50%);
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center;
}

.top-search-lang-together,
.top-search-lang-together-mobile {
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;

}

.top-search-lang-together .global-search .fl-builder-content,
.top-search-lang-together-mobile .global-search .fl-builder-content {
	padding:0;
}

.top-search-lang-together .global-search .header-search .fl-search-form-wrap,
.top-search-lang-together-mobile .global-search .header-search .fl-search-form-wrap {
	padding-top:0;
}

/* Fullscreen Search */
.mfp-content {
    display: flex !important;
    height: 100%;
    justify-content: center;
    align-items: center;
}

/* END Header */

/* Block Customizations */

/* Cover Block Text */

.wp-block-cover h2,
.wp-block-cover h3,
.wp-block-cover p {
    text-shadow: 3px 1px 5px rgba(0,0,0,0.7);
}

/* Row Bottom Images */

.wp-block-image.alignfull.  {
    margin:0 !important;
}

/* GB Button Hovers */
.wp-block-button .wp-block-button__link:hover {
  transition: all .25s ease-in-out;
	color: #fff;
	/*filter: drop-shadow(1px 1px 5px rgba(78, 77, 77, .6));*/
	box-shadow: 1px 1px 5px rgba(78, 77, 77, .6);
	text-decoration:none;
}

.wp-block-query .wp-block-post-template-is-layout-grid .wp-block-post {
    border: 1px solid var(--wp--preset--color--base-2);
}

.wp-block-query .wp-block-post-template-is-layout-grid .wp-block-post:hover {
    background-color: var(--wp--preset--color--base-2);
}

.banner-background-gradient {
    background: linear-gradient(90deg, var(--wp--preset--color--base) 0%, var(--wp--preset--color--base) 8%, var(--wp--preset--color--base-2) 8%);
}

.banner-background-gradient-vertical {
    background: linear-gradient(180deg, transparent 0%, transparent 24%, var(--wp--preset--color--base-2) 24%);
}

.wp-block-gallery img {
    box-shadow: 0 0.5rem 1rem -0.3rem rgba(0,0,0,.7);
}

.wp-block-button__link svg {
    margin-right: 10px;
}

/* END Block Customizations */

/* Typography */

.has-bullet-accent-2 li:before {
    background-color: var(--wp--preset--color--accent-2);
}


/* END Typography */


/* Facet WP Customizations */

.facetwp-checkbox {
  background: url(../svg/checkbox.svg) 0 5px no-repeat !important;
    background-size: 14px 14px;
    padding-left: 20px;
    cursor: pointer;
}

.facetwp-checkbox.checked {
    background-image: url(../svg/checkbox-on2.svg) !important;
}

.facetwp-selections {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.facetwp-selections ul {
    padding-left: 20px;
    margin: 0 !important;
    flex-grow: 1;
}

.facetwp-selections li {
    margin: 0 6px 6px 0;
    padding: 8px 10px;
    list-style-type: none;
    border: 1px solid var(--wp--preset--color--base-3);
    border-radius: 20px;
    box-shadow: 0 0.1rem 1rem -0.5rem rgba(0,0,0,.4);
}

.facetwp-selections .facetwp-selection-label {
    display: none;
}

details .facetwp-facet {
    margin-bottom: 10px;
}

details .facetwp-display-value {
    padding-right: 5px;
    font-size: 14px;
}

.facetwp-flyout {
    background: var(--wp--preset--color--base-2) !important;
}

/* Search & Sort */
.resources-search.desktop-search .facetwp-facet-resource_search {
    flex-grow: 1;

}

.resources-search.mobile-search .facetwp-facet-resource_search {
    width: 100%;

}

.resources-search .facetwp-input-wrap {
    width: 100%;
}

.facetwp-checkbox {
    margin-bottom: 0px !important;
}

/*
.resources-search .facetwp-icon {
    background-color: var(--wp--preset--color--accent-3);
    opacity: 1;
    color: var(--wp--preset--color--base);
    border-left: 5px solid var(--wp--preset--color--accent-5);
}

.resources-search .facetwp-icon:before {
    color: var(--wp--preset--color--base);
}
*/

/* Resources Facets */
/*
.facet-resources details {
    border: 1px solid var(--wp--preset--color--base-2);
    padding: 20px;
}

.facet-resources details summary {
    margin: 10px 0 20px 0;
    font-family: var(--wp--preset--font-family--georgia);
    font-size: 24px;
}
*/
.facet-resources .facetwp-reset {
    width: 100%;
    text-transform: uppercase;
    padding: 10px;
}

.facetwp-facet input.facetwp-search,
.facetwp-facet input.facetwp-location {
    margin: 0;
    padding-right: 30px;
    min-width: 100% !important;
    font-size: 16px;
    border-color: var(--wp--preset--color--base-3);
    border-radius: 100px;
    padding: 10px 36px 10px 20px;
}


.facetwp-facet input:focus {
    font-size: 16px;
}

.facetwp-facet-sort_results select,
.facetwp-facet-per_page_results select {
    height: 43px;
    border-radius: 12px;
    border-color: var(--wp--preset--color--base-3);
    padding: 0.5rem;
    color: var(--wp--preset--color--contrast);
}

.resources-search .facetwp-icon:before {
    width: 60px !important;
    background: url('../svg/rl-magnifying-glass-white.svg') no-repeat !important;
    background-position: center !important;
    background-size: 30px 30px !important;
}

.resources-search .facetwp-icon {
    opacity: 1;
    background-color: var(--wp--preset--color--accent-5);
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}

/* Resource Facet Results */
.resource-results .fwpl-result {
    background-color: var(--wp--preset--color--base);
    padding: 20px;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    box-shadow: 0 0.1rem 1rem -0.5rem rgba(0,0,0,.4);
    border-radius: 12px;
}

.resources-featured-image {
    margin-bottom: 10px;
}

.resources-featured-image img {
    border-radius: 4px;
}

.resource-results .resources-title {
    color: #4e4d4d;
    font-size: 20px;
    font-family: "Georgia",Times,serif;
    font-weight: 700;
    line-height: 1.2;
}

.resource-results .resources-title a {
    color:var(--wp--preset--color--contrast-2);
}

.resource-results .resources-title a:hover {
    color:#006699;
    text-decoration:none;
}

.resource-results .resources-content,
.resource-results .resources-title {
    line-height: 1.3;
    padding: 6px 12px;
}

.resource-results .resources-content.is-empty {
    line-height: 0;
    padding: 0;
    height: 0;
    display: none;
}

.facetwp-pager .facetwp-page {
    border: 1px solid #e6e6e6;
    display: inline-block;
    padding: 5px 10px;
    margin: 0 2px 5px;
}

/*
.fwpl-tax-resource-category a,
.fwpl-tax-resource-type a {
    display: inline-block;
    width: auto;
    min-height: 16px;
    margin: 8px;
    text-align: left;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    padding-left: 20px;
    font-size: 14px;
    line-height: 1.1;
}

.fwpl-term a {
    background-image: url(https://tualatinswcd.org/wp-content/themes/swcd/images/icons/twist/WPD-EDRR-C@2x.png);
}
*/



/* END Facet WP Customizations */

/* Professionals Directory */
.prof-directory .pp-profile-card {
    background-color: var(--wp--preset--color--base);
    box-shadow: 0 0.1rem 1rem -0.5rem rgba(0,0,0,.4);
    padding: 20px;
    border-radius: 12px;
}

.prof-directory .paupress-row {
    background-color: var(--wp--preset--color--base);
}

.prof-directory #paudirectory-search-holder .pp-block {
    background-color: var(--wp--preset--color--base-2) !important;
    border-radius: 0 !important;
}

.prof-directory .chosen-choices {
    margin: 0 !important;
}

.prof-directory li.meta-item {
    padding: 5px !important;
}

.prof-directory .pp-profile-card .meta-item h2 {
    font-size: 26px;
}

.prof-directory .pp-profile-card .meta-item p,
.prof-directory .pp-profile-card .meta-item span,
.prof-directory .pp-profile-card .meta-item div {
    font-size: 14px;
}

.prof-directory #paudirectory-search,
.prof-directory .paudirectory-search {
    background-color: var(--wp--preset--color--base-2) !important;
    border: 1px solid var(--wp--preset--color--base-3) !important;
    margin-bottom: 7px;
    width: 100%;
    border-radius: 12px;
}

.prof-directory #paudirectory-submit-nav input {
    margin-bottom: 20px;
}

.prof-directory #paudirectory-search-holder {
    padding: 20px;
    border-top: 1px solid var(--wp--preset--color--base-3)
}

.prof-directory #paudirectory-search-holder .pp-block-label {
    font-weight: normal;
}

/* END Professionals Directory */

/* Blog */

.archive-cat-jumper h2,
.archive-cat-jumper form {
    text-align:center;
}

.category-jumper-bar .widgettitle {
    display:none;
}

.category-jumper-bar .fl-widget form {
    display:flex;
}

.category-jumper-bar .fl-widget form .postform {
    flex-grow:1;
    height: 43px;
    border-radius: 12px;
    border-color: var(--wp--preset--color--base-3);
    padding: 0.5rem;
    color: var(--wp--preset--color--contrast);
}

/* END Blog */

/* Footer */

.footer-mc-form {
	margin:0;
}

.footer-mc-form .mc-field-group input[type=text],
.footer-mc-form .mc-field-group input[type=password],
.footer-mc-form .mc-field-group input[type=email],
.footer-mc-form .mc-field-group input[type=tel],
.footer-mc-form .mc-field-group input[type=date],
.footer-mc-form .mc-field-group input[type=month],
.footer-mc-form .mc-field-group input[type=week],
.footer-mc-form .mc-field-group input[type=time],
.footer-mc-form .mc-field-group input[type=number],
.footer-mc-form .mc-field-group input[type=search],
.footer-mc-form .mc-field-group input[type=url],
.footer-mc-form .mc-field-group textarea {
    border: 1px solid var(--wp--preset--color--base-3);
	margin-bottom: 5px
}

.footer-mc-form input[type=submit] {
    margin: 10px 0;
    padding: 10px 30px;
}

.footer-menu .menu {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.footer-menu .fl-menu .menu:before,
.footer-menu .fl-menu .menu:after {
    content: '';
    display: none;
    clear: both;
}

.copyright-bar p {
	margin-bottom:0;
}

/* END Footer */

/* PLUGINS */

/* Scriptless social sharing */
.scriptlesssocialsharing__buttons {
    justify-content: space-between;
    max-width: 110px;
}

.scriptlesssocialsharing__heading {
    font-size: 18px;
}

.scriptlesssocialsharing__buttons a.button {
    padding: 6px;
}

/* G-Translate */

.top-search-lang-together .translation .gtranslate_wrapper .gt_switcher-popup.glink,
.top-search-lang-together-mobile .translation .gtranslate_wrapper .gt_switcher-popup.glink {
  position: relative;
    width: 38px;
    height: 28px;
    aspect-ratio: auto;
    background-image: url('../svg/language-solid4e4d4d.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    float: none;
}

.top-search-lang-together .translation .gtranslate_wrapper a.glink img,
.top-search-lang-together-mobile .translation .gtranslate_wrapper a.glink img {
    display:none;
}
.top-search-lang-together .translation .gtranslate_wrapper a.glink span,
.top-search-lang-together-mobile .translation .gtranslate_wrapper a.glink span {
	  position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

.top-search-lang-together .translation .gtranslate_wrapper .gt_white_content a.glink img,
.top-search-lang-together-mobile .translation .gtranslate_wrapper .gt_white_content a.glink img {
    display:inline;
}

.top-search-lang-together .translation .gtranslate_wrapper .gt_white_content a.glink span,
.top-search-lang-together-mobile .translation .gtranslate_wrapper .gt_white_content a.glink span {
  position: relative;
    left: 0;
    top: 0;
	margin-right: 5px;
    font-size: 20px;
    vertical-align: middle;
}

#gt-wrapper-87193052 a.glink span,
.gt_container--u0bxfd a.glink span {
    font-size: 20px !important;
}

/* END G-Translate */


/* END PLUGINS */

/* Animations */

/* Animating Border Radius */

.clip-hover .uagb-slides {
    border-radius: 50% 50% 52% 48% / 41% 53% 47% 59%;
    animation: morphing 15s infinite;
}

.clip-hover .uagb-slides .swiper-content {
    padding:0;
}

@keyframes morphing {
  0% {
    border-radius: 50% 50% 52% 48% / 41% 53% 47% 59%;
  }
  40% {
    border-radius: 63% 37% 41% 59% / 54% 54% 46% 46%;
  }
  90% {
    border-radius: 46% 54% 52% 48% / 35% 53% 47% 65%;
  }
  100% {
    border-radius: 50% 50% 52% 48% / 41% 53% 47% 59%;
  }
}



.clip-hover .wp-block-image,
.clip-hover img {
    margin-bottom:0;
}

/* Presspoint forms */

.byh-branded .pp-block-label {
    font-size: 1.5em;
    font-family: "Georgia",Times,serif;
}

.pauf-frame {
    color: #363233 !important;
}

.byh-branded .asterix-required,
.byh-branded .faux-pau-required,
.byh-branded .asterix-required,
.byh-branded .paupress-required-text {
    color: #8d3a1e;
}

.byh-branded .pau-required {
    color: #363233;
}

.paupanels-req-notify .pau-required {
    color: #8d3a1e;
}

.byh-branded .paupress li {
    margin: 15px 0;
}

.byh-branded .paupress li small {
    display:flex;
    line-height: 1.2;
}

.byh-branded .paupress select {
    padding: 8px;
}

.byh-branded .pp-section-next .pp-section-count,
.byh-branded .pp-section-prev .pp-section-count{
    padding: 6px 12px;
    color: #fff;
    background-color: #365226;
    font-family: "Arial",Helvetica,Verdana,sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    text-transform: capitalize;
    border-style: none;
    border-width: 0px;
    border-color: initial;
    border-radius: 4px;
}

.pp-step, .pp-section-count {
    padding: 5px 8px;
    border-radius: 14px;
    background-color: #E9E2D1;
    color: #363233;
    clear: both;
}

.pp-step.pp-current, .pp-section-label.on .pp-section-count,
.pp-step:hover, .pp-section-link:hover .pp-section-count {
    background-color: #D2E76B;
    color: #363233;
}

.pp-continue input[type=submit] {
    background-color: #8d3a1e;
}

.pp-continue input[type=submit]:hover {
    background-color: #8d3a1e;
    transition: all .25s ease-in-out;
    filter: drop-shadow(1px 1px 5px rgba(78, 77, 77, .6));
}

/* END Presspoint forms */

/* Gravity Forms */

.gform_wrapper.gravity-theme .gfield_required {
    color: #8d3a1e;
    font-size: 1em;
}


/* Media Queries */

@media screen and (max-width: 768px) {
.mobile-reverse-column-direction {
        flex-direction: column-reverse;
    }

    .fwpl-layout.resources-dipslay-grid {
        grid-template-columns: 1fr !important;
        grid-gap: 20px;
    }
}



@media screen and (min-width: 769px) {

	.main-menu .fl-menu .menu li {
        border-left: none;
        border-top: 1px solid var(--wp--preset--color--base-3);
    }

	.main-menu .fl-menu .menu li a {
          margin-top:-2px;
          border-top: 2px solid transparent;
    }

    .main-menu .fl-menu .menu li a:hover,
	.main-menu .fl-menu .menu li.current-menu-item a,
	.main-menu .fl-menu .menu li.current-page-item a {
          border-top: 2px solid var(--wp--preset--color--accent-3);
    }

    .footer-menu .menu {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .facetwp-flyout-open {
        display: none;
    }

}

@media screen and (min-width: 769px) and (max-width: 991px) {
    .fwpl-layout.resources-dipslay-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        grid-gap: 20px;
    }
}

/* END Media Queries */