/**************************** FEED *****************************/

.post-feed .two-col {
  padding: 5vw 0;
}

.feed h3 {
  margin-bottom: 25px;
}

.feed .two-col-a img {
  margin: 0;
}

.feed .two-col-b h3 {
  padding: 3vw 4vw 0 4vw;
  text-align: left;
}

.feed .two-col-b h5 {
  padding: 0 4vw 0 4vw;
  text-align: left;
}

.feed .two-col-b p {
  padding: 0.5vw 4vw 0.5vw 4vw;
  text-align: left;
}

.feed:nth-child(odd) {
  background-color: var(--primary);
}

/* .feed:nth-child(odd)::before {
  content: "";
  display: block;
  height: 37px;
  width: 100%;
  background-image: url(img/secondary-after.png);
  background-repeat: no-repeat;
  background-position: center top -1px;
  background-size: cover;
}

.feed:nth-child(odd)::after {
  content: "";
  display: block;
  height: 37px;
  width: 100%;
  background-image: url(img/secondary-before.png);
  background-repeat: no-repeat;
  background-position: center bottom -1px;
  background-size: cover;
} */

.feed:nth-child(odd) h3,
.feed:nth-child(odd) h5,
.feed:nth-child(odd) p {
  color: var(--light);
}

.feed:nth-child(even) {
  background-color: var(--light);
}

.feed:nth-child(even) h3,
.feed:nth-child(even) h5 {
  color: var(--primary);
}

.feed:nth-child(even) p {
  color: var(--dark);
}

/**    ███  ██████████  ██████████     ██████████  ███    ███
███    ███  ███    ███  ███    ███     ███    ███   ███  ███
███    ███  ███    ███  ███    ███     ███    ███     ████
██████████  ██████████  ███    ███     ██████████      ██
       ███  ███    ███  ███    ███     ███            ████
       ███  ███    ███  ███    ███     ███          ███  ███
       ███  ██████████  ██████████     ███         ███    █*/

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

}
                  
/**███████  ███         ██████████     ██████████  ███    ███
       ███  ███         ███    ███     ███    ███   ███  ███
       ███  ███         ███    ███     ███    ███     ████
    ██████  ██████████  ██████████     ██████████      ██
       ███  ███    ███  ███    ███     ███            ████
       ███  ███    ███  ███    ███     ███          ███  ███
       ███  ██████████  ██████████     ███         ███    █*/
                  
@media only screen and (min-width: 768px) {
            
}
                  
/**  ██████████  ██████████  ███    ███     ██████████  ███    ███
███  ███    ███         ███  ███    ███     ███    ███   ███  ███
███  ███    ███         ███  ███    ███     ███    ███     ████
███  ███    ███  ██████████  ██████████     ██████████      ██
███  ███    ███  ███                ███     ███            ████
███  ███    ███  ███                ███     ███          ███  ███
███  ██████████  ██████████         ███     ███         ███    █*/
                  
@media only screen and (min-width: 1024px) {
         
  .post-feed .two-col {
    gap: 5px;
  }

  .post-feed .two-col .btn-container {
    padding: 0 8vw 5vw 4vw;
    margin: 0;
  }

  .post-feed .two-col:nth-child(odd) .two-col-a {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }

  .post-feed .two-col:nth-child(odd) .two-col-b {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }

  .post-feed .two-col:nth-child(even) .two-col-a {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }

  .post-feed .two-col:nth-child(even) .two-col-b {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
}
                  
/**  ███    ███  ███    ███  ██████████     ██████████  ███    ███
███  ███    ███  ███    ███  ███    ███     ███    ███   ███  ███
███  ███    ███  ███    ███  ███    ███     ███    ███     ████
███  ██████████  ██████████  ███    ███     ██████████      ██
███         ███         ███  ███    ███     ███            ████
███         ███         ███  ███    ███     ███          ███  ███
███         ███         ███  ██████████     ███         ███    █*/
                  
@media only screen and (min-width: 1440px) {
                   
}