/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/** CHANGES pp-content-grid to style-3 */

.pp-post-custom-categories {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pp-post-custom-categories .pp-content-category-list {
  margin-top: 0;
  margin-bottom: 1em;
  padding-top: 0;
  border-top: 0;
}

.pp-post-custom-categories .pp-content-category-list a {
  padding: 0.5em 1em;
  border-radius: 4em;
  background-color: #ff6973;
  font-size: 0.8em;
  color: #fff;
  text-transform: uppercase;
}

.pp-post-home-articles .pp-post-custom-categories .pp-content-category-list a {
  background-color: #000087;
}

.pp-post-custom-arrow-svg {
  position: absolute;
  bottom: 15px;
  right: 15px;
}

.pp-post-custom-arrow-svg svg {
  width: 33px;
  height: 33px;
}

.pp-post-custom-arrow-svg svg path {
  transition: stroke 0.3s ease-in-out;
}

.pp-content-post:hover .pp-post-custom-arrow-svg svg path {
  stroke: #fff;
  transition: stroke 0.3s ease-in-out;
}

.custom-arrow-block > .fl-row-content-wrap > .fl-row-content > .fl-col-group > .fl-col > .fl-col-content:hover {
  background-color: #9E95FC;
  transition: background-color 0.3s ease-in-out;
}

.custom-arrow-block > .fl-row-content-wrap > .fl-row-content > .fl-col-group > .fl-col > .fl-col-content:hover .hover-white {
  color: #fff;
  transition: color 0.3s ease-in-out;
}

.custom-arrow-block > .fl-row-content-wrap > .fl-row-content > .fl-col-group > .fl-col > .fl-col-content:hover .img-hover-white img {
  filter: grayscale(1) brightness(10);
  transition: filter 0.3s ease-in-out;
}


/** TOC / SCroll to Top **/
.col-scroll-to-top .pp-toc-scroll-top-container {
  right: 10px;
  left: auto;
}

.col-toc-sticky-parent {
  position: relative;
}

.col-toc-sticky {
  position: sticky;
  top: 20px;
}

@media (max-width: 768px) {
  .col-toc-sticky {
    position:  relative !important;
  }
}

.pp-toc-scroll-top-container {
  background: #2814fa;
  color: #fff;
}

.col-toc-sticky .pp-toc-sticky-fixed {
  position: relative !important;
}