@keyframes draw-heartstar {
    to {
      stroke-dashoffset: 0;
    }
  }
  
  @keyframes fill-heartstar {
    to {
      fill-opacity: 1;
    }
  }

#heartstar-svg {
    stroke : white;
    fill : white;
  }

  
  .heartstar {  
    svg {
      width: 444px;
      path {
        stroke-dashoffset: 1000px;
        stroke-dasharray: 1000px;
        animation: draw-heartstar 4s forwards;
      }
      g {
        fill-opacity: 0;
        animation: fill-heartstar 1s 1250ms forwards;
      }
    }
  }
  @media screen and (max-width: 768px) {
    .heartstar {
      svg {
        width: 222px;
      }
    }  
  }
  
::selection {
    background-color: black;
    color: #f0f0f0;
}

.sticker {
  position: sticky !important;
  position: -webkit-sticky;
  top: 44px !important; /* required */
}
@media only screen and (min-width: 769px) {
  .sticker {
    top: 200px !important; /* required */
  }
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.blinker {
  animation: blinker 1.5s linear infinite;
}
@keyframes colophon_gradient {
  0% {
      background-position: 0% 50%;
  }
  50% {
      background-position: 100% 50%;
  }
  100% {
      background-position: 0% 50%;
  }
}

.highlight,
li.current-menu-item,
.gfield_required.gfield_required_asterisk,
.wp-block-navigation-item__content:hover,
.gform_validation_errors *,
.gfield_validation_message,
ul.wp-block-post-template .wp-block-post-title a:hover {
  background: linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);
  background-size: 400% 400%;
  -webkit-animation: colophon_gradient 15s ease infinite;
  animation: colophon_gradient 15s ease infinite;  
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;       
}
.gfield_required.gfield_required_asterisk {
  font-size: 1.8rem;
  line-height: .25;
}
.gform_required_legend {
  visibility: hidden;
}

/* OWL CAROUSEl */
.owl-nav {
    display: flex;
    width: 100%;
    justify-content: center;
}
.owl-prev, .owl-next {
    width: 40px !important;
    height: 40px !important;
    background: white !important;
    display: flex !important;
    align-items: center;
    text-align: center;  
}
.owl-prev span, .owl-next span {
    width: 100% !important;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    color: black !important
}
.owl-carousel button.owl-dot span {
    width: 30px !important;
    height: 10px !important; 
}
.owl-carousel button.owl-dot.active span {
    background: #3347FF !important;    
}

.owl-theme .owl-nav {
    font-size: 2rem;
}

/* Path: contact page */
.page-id-797 header .custom-logo-link img {    
    filter: invert(1) !important;
}
.has-contrast-background-color form legend, .has-contrast-background-color form label {
    color: white !important;    
}

.has-contrast-background-color form input[type="text"],.has-contrast-background-color form input[type="url"],.has-contrast-background-color form input[type="email"],.has-contrast-background-color form textarea {
    background: transparent !important;
    border: solid 2px white;
    color: white !important;
    display: block;
    width: 100% !important;
}
.branded-bullets {  
  list-style-type: none;
  padding: 0;
  margin: 0;
  li {
    position: relative;
    padding-left: 28px;    
    &:before {
      position: absolute;
      display: block;
      top: 9px;
      width: 16px;
      height: 16px;
      left: 0px;
      content: "";
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;      
    }
    &.vermilion:before {
      background-image: url('/wp-content/themes/twentytwentyfour/assets/images/thumb-vermilion.png');      
    }
    &.viafoci:before {
      background-image: url('/wp-content/themes/twentytwentyfour/assets/images/thumb-viafoci.jpeg');      
    }   
    &.blennd:before {
      background-image: url('/wp-content/themes/twentytwentyfour/assets/images/thumb-blennd.jpg');
    } 
    &.cpb:before {
      background-image: url('/wp-content/themes/twentytwentyfour/assets/images/thumb-cpb.jpeg');
    }
    &.spiremedia:before {
      background-image: url('/wp-content/themes/twentytwentyfour/assets/images/thumb-spiremedia.png');
    }
  }
}

.home {
  .wp-block-post-featured-image {
    transition: all 0.3s ease-in-out;
    filter: invert(0); 
    &:hover {
      filter: invert(1);
    }
  }
}