/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* general blog */
.single-navigation {
  border:none;
  margin: 0 1em;
}
.single-navigation a {
  font-size: 24px;
  font-family: 'Biotif Bold';
  margin: 0;
}
.single-navigation a[rel=prev] {
  float: left;
}
.single-navigation a[rel=next] {
  margin: 0;
}
.single-navigation a:after,
.single-navigation a:before {
  transform: translateY(-53%);
  font-size: 1.3em;
}
.single-navigation a[rel=prev]:before {
  left: -.6em;
}
.single-navigation a[rel=next]:after {
  right: -.6em;
}

.post .fusion-sharing-box {
  margin-top: 40px;
}


.single-navigation.toolkit-pagination {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  text-align: center;
  width: 100%;
  padding-top: 1.3em;
  margin:0;
  border-top: 2px solid #C9D634;
}
.single-navigation.toolkit-pagination a[rel=prev] {
  margin-left: 0.8em;
  text-align: left;
}
.single-navigation.toolkit-pagination a[rel=next] {
  margin-right: 0.8em;
  text-align: right;
}

.single-post .fusion-sharing-box,
.single-inspiration .fusion-sharing-box {
  justify-content: center;
  margin: 0;
  background: none;
}
.single-post .fusion-sharing-box > *,
.single-inspiration .fusion-sharing-box > * {
  margin: 0 10px;
}
.single-post .fusion-sharing-box h4,
.single-inspiration .fusion-sharing-box h4 {
  font-size: 20px;
  margin: 0 10px;
}
.single-post .fusion-sharing-box .fusion-social-networks .fusion-social-network-icon,
.single-inspiration .fusion-sharing-box .fusion-social-networks .fusion-social-network-icon {
  margin: 3px 10px 0;
}
.single-post .fusion-sharing-box .fusion-social-networks a,
.single-inspiration .fusion-sharing-box .fusion-social-networks a {
  color: #00AAB1 !important;
}

@media (max-width: 500px) {
  .single-navigation a {
    font-size: 20px;
  }
  .single-navigation.toolkit-pagination {
    display:block;
  }  
  .single-navigation.toolkit-pagination a.link-all-posts {
    display: none;
  }
  .single-navigation.toolkit-pagination a[rel=next] {
    float: right;
  }
}



/* inspiratio blog - updated for blog too */

.single-post article,
.single-inspiration article {
  margin: 40px 0 10px;
}
.single-inspiration #wrapper #main .post > h1.fusion-post-title {
  color: #008A1C;
  margin-top: 20px;
}

.single-inspiration.fusion-body .fusion-layout-column {
  margin-top: 40px;
}
.single-inspiration.fusion-body .fusion-layout-column.fusion-builder-column-0 {
  margin-top: 5px;
}

/* load more inspiration/blog */
.fusion-blog-shortcode .fusion-load-more-button.fusion-blog-button {
  font-size: 24px;
  font-family: 'Biotif Bold';
  margin: 0;
  width: auto;
  text-align: initial;
  text-transform: inherit;
}

.circle-callout {
  margin: 0 auto;
}
.circle-callout p {
  background: #f26522;
  color: #fff;
  border-radius: 50%;
  width: 315px;
  height: 315px;
  justify-content: center;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 40px;
}
/* advocacy landing page */
.circle-row .circle-callout p {
  width: 265px;
  height: 265px;
}
.circle-row .circle-callout:nth-child(1) p {
  background: #EF235F;
}
.circle-row .circle-callout:nth-child(2) p {
  background: #00AAB1;
}
.circle-row .circle-callout:nth-child(3) p {
  background: #F26522;
}
.circle-row .circle-callout:nth-child(4) p {
  background: #39B54A;
}

.toolkit-circles .content-box-wrapper {
  margin: 20px auto;
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content:center;
  background: #f26522;
  border-radius: 50%;
  width: 360px !important;
  height: 360px !important;
}
@media (max-width: 900px) {
  .toolkit-circles .content-box-wrapper {
    max-width: 300px !important;
    max-height: 300px !important;
    width: auto !important;
  }
  .toolkit-circles.fusion-content-boxes.content-boxes-icon-on-top .content-box-column {
    margin-bottom: 0;
  }
}

.toolkit-circles .content-box-column h2 {
  margin-top: 0;
  color: #fff !important;
  font-size: 28px !important;
  line-height: 34px !important;
}
.toolkit-circles .content-box-column p {
  color: #fff !important;
  margin: 0;
}
.toolkit-circles .content-box-column a:hover,
.toolkit-circles .content-box-column a {
  color: #fff !important;
}
.toolkit-circles .content-box-wrapper.link-area-box-hover {
  background: #FFC20E !important;
}

/*blog*/
.fusion-image-wrapper:hover .fusion-rollover {
   opacity: 0 !important;
}

.fusion-blog-archive .post.advocacy .slides li,
.fusion-blog-archive .post.inspiration .slides li {
  max-width: 360px;
}
#wrapper #main .post.advocacy .fusion-post-content-container,
#wrapper #main .post.inspiration .fusion-post-content-container {
  margin-top: 0;
}
/* 
#wrapper #main .post.advocacy .fusion-post-content > h2.blog-shortcode-post-title,
#wrapper #main .post.inspiration .fusion-post-content > h2.blog-shortcode-post-title {
 */
#wrapper #main .post .fusion-post-content > h2.blog-shortcode-post-title {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 10px;
}
#wrapper #main .post.advocacy .fusion-post-content.post-content p {
  font-size: 20px;
  line-height: 27px;
}

.fusion-blog-archive .post.advocacy img,
/* 
.fusion-blog-archive .post.inspiration img {
 */
.section-toolkit-project-guides .fusion-blog-archive .post img {
  aspect-ratio: 1 / 1;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: 50% 50%;
}
.section-toolkit-project-guides .fusion-blog-archive .post img {
  border-radius: 50% !important;
}

/* remove arrow after read more/learn more links */
.fusion-read-more:after,
.fusion-blog-shortcode .fusion-read-more:after {
  content: '' !important;
}
.fusion-post-content-wrapper a.fusion-read-more {
  color: #6D6B6B;
  font-family: 'Biotif Bold';
  font-size: 20px;
  line-height: 27px;
}





/* new blog 2023 */
a#categories {
  font-family: "Biotif Bold";
  font-size: 24px;
  line-height: 28px;
  position:relative;
}

a#categories:after {
/* 
  content: ' \005E';
  font-size: 30px;
  content: ' >';
  font-family: "Biotif";
 */
  content: "\e61f";
  font-family: awb-icons;
  font-size: 20px;
  display: inline-block;
  position: absolute;
  right: -30px;
  top: 3px;
}
a#categories.open:after {
  transform: rotate(180deg);
}
.category-wrapper {
  display: none;
  position: relative;
  background: white;
}
.cat-list {
  position: absolute;
  z-index: 99999;
  background: white;
}

ul.cat-list {
  padding: 0;
  margin: 20px 0 0;
}
ul.cat-list li {
  margin: 0 15px 25px; 
  list-style-type: none;
}
ul.cat-list li a.active {
  color: #37834a;
}

.single-post.fusion-body .fusion-layout-column {
  margin-top: 20px;
}

.archive.category #posts-container article,
.archive.tag #posts-container article,
.blog #posts-container article {
  margin-bottom: 45px;
}
@media (min-width: 520px) {
  .archive.category #posts-container article,
  .archive.tag #posts-container article,
  .blog #posts-container article {
    margin-bottom: 60px;
  }
}
.blog article:before {
  content: '';
  display: block;
  margin-bottom: 1em;
  height: 15px;
  width: 100%;
/* safari bug doing it this way
  background: #ffffff url("images/yellow-hash-line.png") repeat-x;
 */
 background: repeating-linear-gradient(-45deg, rgba(232,241,168,0.8), rgba(232,241,168,0.8) 2px, rgba(232,241,168,0) 2px, rgba(232,241,168,0) 4px );
}

.load-more-wrapper {
  width: 100%;
  text-align: center;
  margin-top: 80px;
}
.fusion-load-more-button {
  width: auto !important;
  text-transform: none;
  display: inline-block;
  margin: 0 !important;
  font-weight: normal !important;
}
.fusion-load-more-button:hover {
  background: #00AAB1 !important;
}

.blog-large-image {
  display:none;
}

.blog-category a {
  color: #39B54A;
  font-family: 'Biotif Bold';
  font-size: 16px !important;
  line-height: 22px !important;
  text-transform: uppercase;
}
.blog h2,
.blog h2 a {
  font-size: 20px !important;
  line-height: 24px !important;
}
.blog h2 {
  margin: 10px 0 !important;
}
.blog h2 a {
  display: inline-block;
}  
.blog-meta {
  font-size: 16px !important;
  line-height: 22px !important;
  color: #6D6B6B;
  margin-bottom: 20px;
}
.blog #posts-container .fusion-posts-container article:nth-child(4n) h2 a {
  font-family: "Biotif Regular";
  font-weight: 500;
  font-size: 32px !important;
  line-height: 38px !important;
}  


@media (min-width: 520px) {
  .blog-category a {
    font-size: 20px !important;
    line-height: 27px !important;
    letter-spacing: 1px;
  }
  .blog #posts-container .fusion-posts-container article:nth-child(4n) h2 a,
  .blog h2 a {
    font-size: 24px !important;
    line-height: 28px !important;
  }
  /* fix spacing problem with card rows with different blog title lengths */
  .blog .post-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }  
  /* don't do it for large size posts */
  .blog #posts-container .fusion-posts-container article:nth-child(6n) .post-content {
    display: block;
  }

  .blog-meta {
    font-size: 20px !important;
    line-height: 27px !important;
    /* fix spacing problem with card rows with different blog title lengths */
    margin-bottom: 0;
  }
  /* add back spacing to first post */
  .blog #posts-container:not(.is-filtered) > article .blog-meta {
    margin-bottom: 40px;
  }  
  .blog #posts-container .fusion-posts-container {
    display: grid;
    grid-gap: 0 20px;
    grid-template-columns: repeat(3, 1fr);
  }
  .blog #posts-container .fusion-posts-container article:nth-child(4n) h2,
  .blog #posts-container .fusion-posts-container article:nth-child(4n) h2 a {
    font-family: "Biotif Bold";
    font-weight: 400;
  }
  .blog #posts-container:not(.is-filtered) > article h2,
  .blog #posts-container .fusion-posts-container article:nth-child(6n) h2 {
    margin: 15px 0 !important;
  }
  .blog #posts-container:not(.is-filtered) > article h2 a,
  .blog #posts-container .fusion-posts-container article:nth-child(6n) h2 a {
    font-family: "Biotif Regular";
    font-weight: 500;
    font-size: 65px !important;
    line-height: 78px !important;
    margin: 0 !important;
  }  
}

/* rules for blog landing page layout */
.blog #posts-container .fusion-posts-container article:nth-child(4n) {
  grid-column:span 2;
}
.blog #posts-container .fusion-posts-container article:nth-child(6n) {
  grid-column:span 3;
}
/* large images for 1st/intro article and medium size cards */
.blog #posts-container .fusion-posts-container article:nth-child(4n) .blog-large-image {
  display: block;
}
.blog #posts-container .fusion-posts-container article:nth-child(4n) .blog-small-image {
  display: none;
}

@media (min-width: 520px) {
  .blog #posts-container > article .blog-large-image,
  .blog #posts-container .fusion-posts-container article:nth-child(4n) .blog-large-image {
    display: block;
  }
  .blog #posts-container > article .blog-small-image,
  .blog #posts-container .fusion-posts-container article:nth-child(4n) .blog-small-image {
    display: none;
  }

  /* override for filtered page */
  .blog #posts-container.is-filtered > article .blog-large-image {
    display: none;
  }
  .blog #posts-container.is-filtered > article .blog-small-image {
    display: block;
  }
}

/* large format */
@media (min-width: 520px) {
  .blog #posts-container .fusion-posts-container article:nth-child(6n) .blog-meta-wrapper {
    float: left;
    max-width: 50%;
  }
  .blog #posts-container .fusion-posts-container article:nth-child(6n) .blog-large-image {
    display:none;
  }  
  .blog #posts-container .fusion-posts-container article:nth-child(6n) .blog-small-image {
    max-width: 33%;
    display:block;
    float: right;
  }  
}

/* do the large left/right format for mobile */
@media (max-width: 519px) {
  .blog #posts-container .fusion-posts-container article:not(:nth-child(4n)) .blog-meta-wrapper {
    float: left;
    max-width: 45%;
  }
  .blog #posts-container .fusion-posts-container article:not(:nth-child(4n)) .blog-large-image {
    display:none;
  }  
  .blog #posts-container .fusion-posts-container article:not(:nth-child(4n)) .blog-small-image {
    max-width: 45%;
    display:block;
    float: right;
  }  
}


/* tags page OR filtered blog landing page - 2/3 across */
@media (min-width: 520px) {
  .fusion-blog-archive.is-filtered,
  .blog-tags-page .fusion-blog-layout-medium {
    display: grid;
    column-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 968px) {
  .fusion-blog-archive.is-filtered,
  .blog-tags-page .fusion-blog-layout-medium {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.archive.category .fusion-blog-archive,
.archive.tag .fusion-blog-archive {
  margin-top: 30px;
}
#blog-header h2 {
  font-size: 32px;
  line-height: 38px;
  float: left;
  margin:0;
  padding:0;
}
#blog-header h2.blog-home-link {
  font-size: 24px;
  line-height: 28px;
  margin-top: 10px;
}
#blog-header h2.blog-home-link {
  float:right;
}
@media (max-width: 550px) {
  #blog-header h2 {
    float:none !important;
    margin-top: 20px !important;
  }  
}

#blog-header {
  margin: 25px 0 30px;
}
@media (min-width: 768px) {
  #blog-header {
    margin: 100px 0 35px;
  }
}
.blog.blog-tags-page .fusion-posts-container article {
  max-width: none;
}
.blog.blog-tags-page .fusion-posts-container article .blog-small-image {
  display: block;
}



/* blog-tag-header banner displayed in functions.php */
.archive.category .fusion-page-title-bar,
.archive.tag .fusion-page-title-bar {
  clear: both;
  padding: 0 30px;
  height: 500px;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-origin: border-box;
  background-color: rgba(246,246,246,0);
  background-size: cover;
  background-image: url("../../uploads/2023/02/park-talk-banner-twin-peaks.jpg");
}

.archive.category .fusion-page-title-bar .fusion-page-title-row,
.archive.tag .fusion-page-title-bar .fusion-page-title-row {
  margin: 0 auto;
  height: 100%;
}
.archive.category .fusion-page-title-bar .fusion-page-title-wrapper,
.archive.tag .fusion-page-title-bar .fusion-page-title-wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
  height: 100%;
  width: 100%;    
}
.archive.category .fusion-page-title-bar .fusion-page-title-wrapper h1,
.archive.tag .fusion-page-title-bar .fusion-page-title-wrapper h1 {
  margin:0;
  padding:0;
}



.single-post .blog-meta {
  margin-bottom: 30px;
}
.single-post h1 {
  margin: 10px 0;
}
.single-post article h2 {
  font-size: 24px;
  line-height: 28px;
  color: #00AAB1;
}
.single-post .blog-post-tags {
  margin: 100px 0;
}
.single-post .blog-post-tags a {
  display: inline-block;
  margin: 12px 10px;
}
.single-post .blog-post-tags a:first-child {
  margin-left: 0;
}

/* add space between sections; p bottom margin is 20 so add 40 more = 60 */
.single-post article .post-content .fusion-text {
  margin-bottom: 40px;
}
/* no margin for last text box */
.single-post article .post-content > div:nth-last-child(2) .fusion-column-wrapper div:last-child {
  margin: 0;
}

/* highlight first text block of page */
.single-post article .post-content > div:first-child .fusion-text-1 p:first-of-type {
  font-family: 'Biotif Bold';
  color: #00AAB1;
  font-size: 24px;
  line-height: 28px;
}

/* section link at bottom of text box */
.single-post article .post-content .fusion-column-wrapper .fusion-text p.standalone-link {
  font-family: 'Biotif Bold';
}
.single-post article .post-content .fusion-column-wrapper .fusion-text p.standalone-link > a:after {
  content: ' \2192';
}
*/

/* fix for double bold */
.single-post article .post-content h3 b {
  font-weight: normal;
}
/* override */
.tribe-mobile #main {
  padding-top: inherit !important;
}