/*
 Theme Name:   Gardeb Bird Care (Bricks Child Theme)
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Stef
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/



p a {
    /* color: #f39c12; */
    color: #c1661b;
    /* color: #006400; */

    /* text-decoration: ; */


}

 a:hover {
    color: #f39c12;
    
}

p a {
    text-decoration: underline;
}

footer a,
.brxe-post-sharing a {
    color: #fff;
}

footer a:hover,
.brxe-post-sharing a:hover {
    text-decoration: none;
}

a:not([href*='gardenbirdcare.test']):not([href^='#']):not([href^='/']):after {
    /* content: '';
    display: inline-block;
    width: 1em; 
    height: 1em;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14 3v2h5.586L10.293 14.293l1.414 1.414L21 6.414V12h2V3z" fill="%23006400"/><path d="M19 21H3V5h8V3H3c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V13h-2v8z" fill="%23006400"/></svg>');
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M14 3v2h5.586L10.293 14.293l1.414 1.414L21 6.414V12h2V3z" fill="rgba(0, 0, 0, 0.7)"/><path d="M19 21H3V5h8V3H3c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V13h-2v8z" fill="rgba(0, 0, 0, 0.7)"/></svg>');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 4px;
    position: relative;
    top: 1px;
    opacity: .6; */

}



#post-content h2.wp-block-heading {
    margin-top: 1.6em;
    margin-bottom: .4em;
}

h2 em,
h3 em {
    font-size: 75%;
color: rgb(150,150,150);
font-weight: normal;
display: inline-block;
}

.bricks-mobile-menu {
    margin-top: 50px;
}




.bird-song-container {
    padding: 20px 20px 20px 20px;
    /* background: rgba(0,0,0,.07); */
    background: rgba(0,60,0,.05);
    margin: 30px auto;
    border-radius: 20px;
}

.bird-song-container .wp-block-heading {
    font-size: 22px;
    margin-bottom: 20px;
}

.bird-song-container ul {
    padding-left: 1.4em;
}

.bird-song-container .wp-block-columns {
    padding-top: 10px;
    /* gap: 0px; */
    margin-bottom: 0;
}

.bird-song-container .wp-block-column {

    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;

}

.bird-song-container .wp-block-column figure {
    margin-top: 0;
    margin-bottom: 0;
}

.bird-song-container .wp-block-column figure img {
    border-radius: 16px;
    width: 100%;
}



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

    .bird-song-container {
        padding: 20px 20px 15px 20px;
    }


    .bird-song-container .audio-player {
        padding-top: 15px;
    }
    
    .bird-song-container .wp-block-columns {
        padding-top: 10px;
        gap: 20px;
    }
}


#post-content ul li {
    margin-bottom: 1em;
}



/* ani down arrow */
a.down-arrow,
#scroll-arrow {

    animation: bounce 1s infinite;
  }
  
  @keyframes bounce {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
  }



  .bird-song-container h2,  .bird-song-container h3 {
    color: #4d6933;
  }

  .bird-song-container ol {
    counter-reset: my-counter;
    list-style-type: none;
    padding-left: 20px;
    position: relative;
  }
  
  .bird-song-container ol li::before {
    content: counter(my-counter) ".";
    counter-increment: my-counter;
    color: #4d6933; /* Customize the color */
    /* color: green; */
    font-size: 18px;
    font-weight: bold; /* Customize the font-weight */
    position: absolute; /* Position the counter to the left */
    left: 0; /* Adjust the left position as needed */
    text-indent: 0; /* Reset the text indentation */
  }

  .bird-song-container ol li {
    margin-bottom: 10px; /* Add some spacing between list items */
    padding-left: 20px; /* Adjust the text indentation */
  }


  ol li {

  }