blog original css: .blog_listing_wrapper {
     padding: 50px 0;
}
 .blog_listing_header h1 {
     margin-bottom: 3.4rem;
     text-transform: uppercase;
     font-family: Shapiro,sans-serif;
     font-weight: 800;
     line-height: 151.5%;
     font-size: 9.6rem;
     -webkit-text-stroke-width: 0.15rem;
     -webkit-text-stroke-color: #000;
     color: transparent;
}
 .blog_listing_header {
     text-align: center;
}
 .blog_listing_topics ul {
     margin: 0;
     padding: initial;
     list-style: none;
     display: flex;
     justify-content: center !important;
}
 .blog_listing_topics ul li {
     padding-left: 30px;
     padding-right: 30px;
}
 .blog_listing_topic_section {
     position: relative;
     top: -20px;
     margin-top: 0 !important;
     margin-bottom: 100px;
     z-index: 10 !important;
}
 .post-item-inner {
     border-radius: 5px;
}
 .post-item-img img {
     border-radius: 5px;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
}
 .post-item {
     margin-bottom: 40px;
}
 .post-item-inner {
     height: 100%;
}
 .post-item-img img {
     height: 264px;
     width: 100%;
     object-fit: cover;
}
 .post-item.full-width-post .post-item-img img {
     height: 500px;
}
 .blog_post-body {
     padding: 25px;
}
 .blog-post-date {
     font-family: 'DM Mono', monospace;
}
 .post-item-inner {
     position: relative;
     overflow: hidden;
}
 .blog-read-more {
     display: none;
     position: absolute;
     bottom: 0;
     width: 100%;
     left: 0;
     transition: all 0.5s ease-in-out;
     height: 0;
}
 .blog-read-more a {
     display: none font-style: normal;
     font-weight: normal;
     text-decoration: none;
     background-color: rgba(210, 252, 81, 1.0);
     border: 2px solid #D2FC51;
     border-radius: 0px;
     color: #000000;
     fill: #000000;
     font-size: 16px;
     padding: 12px 44px;
     text-transform: none;
     border-bottom-right-radius: 10px;
     border-bottom-left-radius: 10px;
     transition: all 0.5s ease-in-out;
     display: block;
     text-align: center;
}
 .post-item-inner:hover .blog-read-more {
     height: 47px;
}
 .blog_listing_wrapper {
     padding-top: 0;
}
 .blog_listing_topics ul li a {
     font-size: 1.7rem;
     color: #000;
     font-family: Gilroy,sans-serif;
     font-weight: 700;
     text-transform: uppercase;
}
 .blog-pagination a {
     background-color: rgba(210, 252, 81, 1.0);
     border-radius: 0px;
     color: #000000;
     fill: #000000;
     font-size: 16px;
     display: inline-block;
     width: 40px;
     height: 40px;
     text-align: center;
     line-height: 40px;
}
 .blog-pagination a:hover {
     color: #d2fc51;
     background: #000;
}
 .blog-pagination {
     text-align: center;
     margin-top: 40px;
}
 .blog-pagination a {
     margin-right: 10px;
}
 .blog_listing_topic_section {
     padding-left: 30px;
     padding-right: 30px;
     margin-bottom: 50px;
}
 .blog-pagination-left, .blog-pagination-center, .blog-pagination-right {
     display: inline-block;
}
 .blog_listing_topics ul li a:hover {
     color: #d2fc51;
}
 .blog-read-more a:hover {
     color: #d2fc51;
     background-color: #000;
     border-color: #000;
}
/* 3/31/2022 */
 .blog-post__body p {
     font-size: 1.9rem !important;
     line-height: 1.25 !important 
}
 .blog-post__body h2 {
     font-size: 3.5rem !important;
     line-height: 1 !important;
     font-family: Gilroy, sans-serif !important;
     font-weight: 600 !important;
}
/* end of 3/31/2022 */
 .post-item-img {
     position: relative;
     overflow: hidden;
}
 .post-item-img img {
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
     -webkit-transition-property: transform;
     transition-property: transform;
}
 .post-item-inner:hover .post-item-img img {
     -webkit-transform: scale(1.02);
     transform: scale(1.02);
}
 .blog__post_banner {
     height: 350px;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
}
 .blog__post_content_section-inner {
     max-width: 820px;
     margin-left: auto;
     margin-right: auto;
     padding: 50px 0;
}
 .blog__post_content_header h2 {
     font-weight: bold;
}
 .blog__post_content-meta {
     padding-top: 0px;
     border-bottom: 1px solid #fff;
     padding-bottom: 25px;
     margin-bottom: 40px;
}
 .blog_post_meta {
     display: flex;
}
 .blog_post_meta * {
     font-family: 'DM Mono',monospace;
     font-size: 1.8rem;
     color: #000;
}
 .blog__post-date:after, .blog__post-topics:after{
     content: ".";
     margin-left: 5px;
     margin-right: 10px;
     position: relative;
     top: -4px;
     font-size: 2rem;
}
 .related-posts {
     max-width: 1200px;
     margin-left: auto;
     margin-right: auto;
     padding: 50px 0;
}
 .blog_listing_topics ul {
     flex-wrap: wrap;
     justify-content: space-between;
}
 .related-posts h3 {
     font-family: 'DM Mono',monospace;
     text-transform: uppercase;
     font-weight: 500;
     margin-bottom: 30px;
}
 .post-item-img {
     border-bottom: 1px solid #000;
}
 .blog-post-date {
     padding-bottom: 20px;
}
 .blog_post_meta a:hover {
     color: #d2fc51;
}
 .blog-post__body {
     line-height:1.75;
}
 .blog_post_share .a2a_kit.a2a_kit_size_32 {
     display: flex;
     justify-content: end;
}
 .blog_post_share a {
     margin-right: 10px;
}
 .blog_post_share a:last-child {
     margin-right: 0;
}
 .blog-post-date {
     font-size: 1.6rem;
}
 .blog__post__date {
}
 .blog_post_meta {
     align-items: center;
}
 .blog_post_share ul {
     padding: 0;
     margin: 0;
     list-style: none;
     display: flex;
     align-items: center;
     justify-content: end;
}
 .blog-post-date {
     text-transform: uppercase;
}
 .blog_post_share ul li {
     margin-right: 5px;
}
 .blog_post_share ul li:last-child {
     margin-right: 0;
}
 .blog_post_share ul li img {
     width: 30px;
}
 .blog_post_meta * {
     text-transform: uppercase;
}
 .post-page-section-header {
     margin: 20px 0 30px;
}
 .blog-post__body ul, .blog-post__body p{
     margin-bottom: 15px;
}
 .post-item-inner a:hover {
     color: #000;
}
 .post-item-inner:hover {
     box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%);
     transform: translateY(-5px);
}
 .post-item-inner {
     transition: box-shadow 0.2s ease-in-out, transform 0.35s ease-in-out;
     box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
     border-radius: 5px 5px 0px 0px;
}
 .blog-read-more a:hover {
     color: #d2fc51;
}
 .post-item-inner:hover {
     border: 1px solid rgba(255, 255, 255, 0.50);
     background: rgba(255, 255, 255, 0.04);
}
 .blog-post__body {
     font-weight: 600;
}
 .blog-post__body a {
     font-size: inherit;
     color: #000;
     font-family: Gilroy,sans-serif;
}
 .blog-post__body a:hover{
     color: #d2fc51;
}
 .blog__post_content_header h1 {
     font-size: 50px;
     line-height: 1.15;
}
 .full-width-post .blog_post-body h3 {
     font-size: 3.8rem;
}
 .blog_post-body h3 {
     font-size: 2.8rem;
     line-height: 1.3;
}
 .body-container .container {
     max-width: 1600px;
     margin-left: auto;
     margin-right: auto;
}
 .post-item.full-width-post .post-item-img img {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     -webkit-transform: scale(1.02);
     transform: scale(1.02);
}
 .post-item.full-width-post .post-item-img {
     border-bottom: 0;
}
 .blog_listing_topics ul li a {
     font-weight: 600;
     font-size: 21px;
}
 .blog_listing_header h1 {
     letter-spacing: 42px;
}
 .blog_listing_topic_section {
     margin-top: 50px;
}
 .blog_listing_topics ul li a {
     color: #fff;
     font-size: 20px;
     padding: 0 5px 4px;
}
 .blog_listing_topics ul li.active a {
     border-color: #DAFA6E;
     color: #fff;
}
 .blog_listing_topics ul li a:before {
     content: "";
     background: #d2fc51;
     position: absolute;
     bottom: 0;
     height: 5px;
     width: 100%;
     left: 0;
     right: auto;
     transition: all 0.5s ease-in-out;
     width: 0%;
}
 .blog_listing_topics ul li:hover a:before, .blog_listing_topics ul li.active a:before{
     width: 100%;
}
 .blog_listing_topics ul li:hover a {
     color: #fff;
}
 .blog_listing_topics ul li a:hover {
     color: #fff;
}
 .blog_listing_topics ul li a {
     position: relative;
}
 .post-item-inner {
     z-index: 1;
}
 .absolute-link {
     position: absolute;
     top: 0;
     display: block;
     height: 100%;
     width: 100%;
}
 .reamd-more-img {
     display: inline-block;
     width: 10px;
     margin-left: 3px;
}
 .blog_post-body {
     color: #000;
}
 .post-item-img img {
     margin-top: -1px;
}
 .blog-post-date {
     position: absolute;
     bottom: 20px;
     padding-bottom: 0;
}
 .blog_post-body {
     padding-bottom: 80px;
}
 .blog__post_wrapper {
     color: #fff;
}
 .blog_post_meta * {
     color: #fff;
}
 .body-container .blog_listing_wrapper .container {
     max-width: 1110px;
     padding-left: 15px;
     padding-right: 15px;
}
 .preview-block__content {
     padding: 70px 0;
     margin: 20px 0 0;
}
 .preview-block__main-description {
     font-size: 20px;
     line-height: 2;
     margin: 0;
}
 .blog_post_share a {
     width: 35px;
     height: 35px;
     background: #000;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 100%;
     transition: all 0.5s ease-in-out;
}
 .blog_post_share a svg {
     width: 20px;
     height: 19px;
     fill: #fff;
}
 .blog_post_share a:hover svg {
     fill: #000;
}
 .blog_post_share a:hover {
     background: #fff;
}
 .post-item-inner {
     border-color: transparent;
}
 .post-item-img {
     border-color: transparent;
}
 .post-item-inner:hover {
     box-shadow: 0 0.2rem 2rem rgb(32 32 33 / 50%);
     border-color: #202021;
}
 .post-item-inner:hover .post-item-img{
     border-color: #202021;
}
 .blog-read-more a {
     font-weight: 600;
     font-size: 20px;
     padding: 14px 44px;
}
 .post-item-inner:hover .blog-read-more {
     height: 55px;
}
 .reamd-more-img {
     display: inline-block;
     width: 14px;
     margin-left: 10px;
     height: 24px;
}
 .blog_post-body h3 {
     font-size: 22px;
     line-height: 1.25;
     font-family: Gilroy,sans-serif;
     font-weight: bold;
}
 .blog_post_share a {
     background: #fff;
}
 .blog_post_share a svg {
     fill: #000;
}
 .blog_post_share a:hover {
     background: #D2FC51;
}
 .blog__post-top-topics, .blog__post-top-topics a{
     color: #F1F1EC;
     font-size: 18px;
     font-family: Gilroy,sans-serif;
     font-weight: 700;
     text-transform: uppercase;
}
 .blog__post-top-topics a {
     transition: color .33s ease-in-out;
}
 .blog__post_content_header h1 {
     font-size: 45px;
     line-height: 1.25;
     font-family: Gilroy,sans-serif;
     font-weight: 700;
}
 .author-tags-section {
     margin-bottom: 15px;
}
 .blog__post_content-meta {
     border-bottom: 2px solid #fff;
}
 .blog__post_content_section-inner {
     max-width: 720px;
}
 .post-item-inner {
     border-style: none;
}
 .blog_post-body {
     padding-bottom: 60px;
}
 .blog__post-top-topics, .blog__post-top-topics a {
     font-weight: 600;
}
 .blog_post_meta * {
     font-size: 15px;
}
 @media (max-width: 1600px){
     .blog_listing_header h1 {
         letter-spacing: 25px;
    }
}
 @media (max-width: 1350px){
     .blog_listing_header h1 {
         letter-spacing: 6px;
    }
}
 @media (max-width: 1199px){
     .blog_listing_header h1 {
         letter-spacing: 6px;
         font-size: 8.6rem;
    }
}
 @media (max-width: 991px){
     .blog_listing_header h1 {
         font-size: 5.6rem;
    }
}
 @media (max-width: 767px){
     .blog__post_banner {
         height: 250px;
    }
     .full-width-post .blog_post-body h3 {
         font-size: 2.8rem;
    }
     .blog__item {
         margin-bottom: 40px;
    }
     .blog__item:last-child {
         margin-bottom: 0;
    }
     .blog_listing_header h1 {
         font-size: 3rem;
         margin-top: 20px;
    }
     .blog_listing_topics ul li {
    }
     .blog_listing_topics ul li a {
         font-size: 1.3rem;
    }
     .blog__post_content_section .container {
         padding-right: 2rem;
         padding-left: 2rem;
    }
     .blog_post_share ul {
         justify-content: start;
         margin-top: 20px;
    }
     .body-container .container {
         padding-right: 3rem;
         padding-left: 3rem;
    }
     .blog__post_content_header h1 {
         font-size: 30px;
         line-height: 1.15;
    }
     .post-page-section-header p {
         font-size: 22px !important;
    }
     .post-page-section-header div {
         font-size: 17px !important;
    }
     .post-item.full-width-post .post-item-img img {
         height: 301px;
    }
}
 @media (max-width: 480px){
     .blog_listing_wrapper .container {
         padding-right: 2rem;
         padding-left: 2rem;
    }
     .blog__post_content_header h1 {
         font-size: 30px;
         line-height: 1.15;
    }
     .body-container .container {
         padding-right: 1.5rem;
         padding-left: 1.5rem;
    }
     .blog_post_meta {
         display: block;
    }
     .blog__post-date:after, .blog__post-topics:after {
         display:none;
    }
     .blog__post-date{
         margin-bottom: 10px;
    }
     .blog_listing_wrapper .container {
         padding-right: 0;
         padding-left: 0;
    }
     .blog_post-body h3, .full-width-post .blog_post-body h3{
         font-size: 2.2rem;
         line-height: 1.3;
    }
}
 @media (min-width: 768px){
     .full-width-post .blog-read-more {
         left: -15px;
    }
     .full-width-post .blog-read-more a {
         border-bottom-left-radius: 0;
    }
     .full-width-post .blog_post-body p {
         font-size: 22px;
    }
}
 body.hs-blog-listing, body.hs-blog-post{
     background-image: url(https://9319530.fs1.hubspotusercontent-na1.net/hubfs/9319530/Blockparty/Images/blog-listing-bg-desktop.png);
     background-size: cover;
     background-repeat: no-repeat;
}
 body.hs-blog-post{
     background-image: url('https://9319530.fs1.hubspotusercontent-na1.net/hubfs/9319530/Blockparty/Images/blog-post-bg.png');
}
 @media (max-width: 767px){
     body.hs-blog-listing{
         background-image: url('https://9319530.fs1.hubspotusercontent-na1.net/hubfs/9319530/Blockparty/Images/listing-m-ng.png');
    }
     body.hs-blog-post{
         background-image: url('https://9319530.fs1.hubspotusercontent-na1.net/hubfs/9319530/Blockparty/Images/blog-pst-new-bg.png');
    }
     .blog_listing_topic_section {
         display: none;
    }
     .header-main {
         position: static;
    }
}
 @media (max-width: 767px){
     .blog-post__body h1 {
         font-size: 30px !important;
         font-weight: 600 !important;
    }
     .blog-post__body h3 {
         font-size: 20px !important;
    }
    /* 3/31/2022 */
     .blog-post__body h2 {
         font-size: 30px !important;
         line-height: 1 !important;
         font-weight: 600 !important;
    }
     .blog-post__body p {
         font-size: 16.5px !important;
         line-height: 1.25 !important;
         font-weight: 500;
    }
    /* end of 3/31/2022 */
     .blog-post-date {
         font-size: 14px;
    }
     .blog__post-top-topics, .blog__post-top-topics a {
         font-size: 14px;
    }
     .blog_post_meta * {
         font-size: 13px;
    }
}
/* 5/10/2023 - Sean Madrid */
/* BLOG INDEX */
 .blog_post-body {
     color: #f1f1ec;
}
 .post-item-inner {
     background: transparent;
     border: solid 1px rgba(236, 240, 241, 0.25) ;
     border-radius: 8px;
     padding: 0px !important;
}
 div.post-item-inner:hover {
     border-color: #ddfa78;
}
 .blog-post-date {
     font-size: 1.2rem;
     font-family: gilroy;
     text-transform: capitalize;
}
 div.blog_post-body {
     padding: 24px 16px 48px !important;
}
 .blog_post-body p {
     line-height: 150%;
     font-weight: 200;
}
 .blog_post-body h3 {
     font-weight: 500;
     font-size: 2rem;
}
 div.post-item-img {
     border-bottom: solid 1px rgba(236, 240, 241, 0.25) ;
}
 div.post-item-img img {
     border-radius: 0px;
     margin-top: 0;
}
 body.hs-blog-listing, body.hs-blog-post {
     background-image: none;
     background-color: #151515;
     background-image: none;
}
 div.blog-read-more a {
     border-bottom-right-radius: 8px;
     border-bottom-left-radius: 8px;
     color: #151515 !important;
}
 div.blog-read-more a:hover {
     background-color: #E4FF8F !important;
     border-color: #E4FF8F !important;
     color: #151515 !important;
}
 h1.preview-block__main-title {
     font-family: gilroy;
     white-space: nowrap;
}
 h1.preview-block__main-title {
     font-weight: 600;
     letter-spacing: 3px;
     position: relative;
     color: #151515;
     text-shadow: #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px;
}
 h1.preview-block__main-title:before {
     content: "BLOG PARTY";
     color: #f1f1ec;
     position: absolute;
     top: calc(50% - 4px) !important;
     left: calc(50% - 4px) !important;
     transform: translateX(-50%) translateY(-50%);
     display: block;
}
 @media (min-width: 767px){
     h1.preview-block__main-title:before {
         top: calc(50% - 6px) !important;
         left: calc(50% - 6px) !important;
    }
}
 .blog_post-body {
     color: #f1f1ec;
}
 .post-item-inner {
     background: transparent;
     border: solid 1px rgba(236, 240, 241, 0.5);
     border-radius: 8px;
     padding: 8px;
}
 div.post-item-inner:hover {
     border-color: #ddfa78;
}
 .blog-post-date {
     font-size: 1.2rem;
     font-family: gilroy;
     text-transform: capitalize;
}
 div.blog_post-body {
     padding: 24px 8px 48px;
}
 .blog_post-body p {
     line-height: 140%;
}
 .blog_post-body h3 {
     font-weight: 500;
     font-size: 2rem;
}
 div.post-item-img img {
     border-radius: 8px;
     margin-top: 0;
}
 body.hs-blog-listing, body.hs-blog-post {
     background-image: none;
     background-color: #151515;
}
 div.blog-read-more a {
     border-bottom-right-radius: 8px;
     border-bottom-left-radius: 8px;
}
 h1.preview-block__main-title {
     font-family: gilroy;
}
 h1.preview-block__main-title {
     position: relative;
     color: #151515;
     text-shadow: #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px;
}
 h1.preview-block__main-title:before {
     content: "BLOGPARTY";
     color: #f1f1ec;
     position: absolute;
     top: calc(50% - 6px);
     left: calc(50% - 6px);
     transform: translateX(-50%) translateY(-50%);
     display: block;
}
 p.preview-block__main-description {
     font-weight: 700;
     font-size: 1.6rem;
     max-width: 600px;
}
 .aos-init.aos-animate img.preview-block__ball-img {
     display: none;
}
 .blog_listing_topics ul li a {
     font-weight: 700;
}
 .blog_post-body {
     color: #f1f1ec;
}
 .post-item-inner {
    background-color: rgba(246,246,249,1.0);
     background: transparent;
     border: solid 1px rgba(236, 240, 241, 0.5);
     border-radius: 8px;
     padding: 8px;
}
 div.post-item-inner:hover {
     border-color: #ddfa78;
}
 .blog-post-date {
     font-size: 1.2rem;
     font-family: gilroy;
     text-transform: capitalize;
}
 div.blog_post-body {
     padding: 24px 8px 48px;
}
 .blog_post-body p {
     line-height: 150%;
     font-weight: 200;
}
 .blog_post-body h3 {
     font-weight: 500;
     font-size: 2rem;
}
 div.post-item-img img {
     border-radius: 8px;
     margin-top: 0;
}
 body.hs-blog-listing, body.hs-blog-post {
     background-image: none;
     background-color: #151515;
}
 div.blog-read-more a {
     border-bottom-right-radius: 8px;
     border-bottom-left-radius: 8px;
}
 h1.preview-block__main-title {
     font-family: gilroy;
}
 h1.preview-block__main-title {
     font-weight: 600;
     letter-spacing: 3px;
     position: relative;
     color: #151515;
     text-shadow: #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px;
}
 h1.preview-block__main-title:before {
     content: "BLOGPARTY";
     color: #f1f1ec;
     position: absolute;
     top: calc(50% - 6px);
     left: calc(50% - 6px);
     transform: translateX(-50%) translateY(-50%);
     display: block;
}
 .blog_post-body {
     color: #f1f1ec;
}
 .post-item-inner {
    background-color: rgba(246,246,249,1.0);
     background: transparent;
     border: solid 1px rgba(236, 240, 241, 0.25);
     border-radius: 8px;
     padding: 8px;
}
 div.post-item-inner:hover {
     border-color: #ddfa78;
}
 .blog-post-date {
     font-size: 1.2rem;
     font-family: gilroy;
     text-transform: capitalize;
}
 div.blog_post-body {
     padding: 24px 8px 48px;
}
 .blog_post-body p {
     line-height: 140%;
}
 .blog_post-body h3 {
     font-weight: 500;
     font-size: 2rem;
}
 div.post-item-img img {
     border-radius: 8px;
     margin-top: 0;
}
 body.hs-blog-listing, body.hs-blog-post {
     background-image: none;
     background-color: #151515;
}
 div.blog-read-more a {
     border-bottom-right-radius: 8px;
     border-bottom-left-radius: 8px;
}
 h1.preview-block__main-title {
     font-family: gilroy;
}
 h1.preview-block__main-title {
     position: relative;
     color: #151515;
     text-shadow: #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px;
}
 h1.preview-block__main-title:before {
     content: "BLOGPARTY";
     color: #f1f1ec;
     position: absolute;
     top: calc(50% - 6px);
     left: calc(50% - 6px);
     transform: translateX(-50%) translateY(-50%);
     display: block;
}
 p.preview-block__main-description {
     font-weight: 800;
     font-size: 1.6rem;
     max-width: 600px;
}
 .aos-init.aos-animate img.preview-block__ball-img {
     display: none;
}
 div.blog_listing_topics ul li a {
     font-weight: 200;
     padding: 2px 0;
     transition: all 0.333s ease-in-out;
}
 div.blog_listing_topics ul li a:hover {
     color: #ddfa78;
}
 div.blog_listing_topics ul li a:before {
     height: 2px;
     bottom: 2px;
}
 .blog_post-body {
     color: #f1f1ec;
}
 .post-item-inner {
     background-color: rgba(246,246,249,1.0);
     background: transparent;
     border: solid 1px rgba(236, 240, 241, 0.25);
     border-radius: 8px;
     padding: 8px;
}
 div.post-item-inner:hover {
     border-color: #ddfa78;
}
 .blog-post-date {
     font-size: 1.2rem;
     font-family: gilroy;
     text-transform: capitalize;
}
 div.blog_post-body {
     padding: 24px 8px 48px;
}
 .blog_post-body p {
     line-height: 150%;
     font-weight: 200;
}
 .blog_post-body h3 {
     font-weight: 500;
     font-size: 2rem;
}
 div.post-item-img img {
     border-radius: 8px;
     margin-top: 0;
}
 body.hs-blog-listing, body.hs-blog-post {
     background-image: none;
     background-color: #151515;
}
 div.blog-read-more a {
     border-bottom-right-radius: 8px;
     border-bottom-left-radius: 8px;
}
 h1.preview-block__main-title {
     font-family: gilroy;
}
 h1.preview-block__main-title {
     font-weight: 600;
     letter-spacing: 3px;
     position: relative;
     color: #151515;
     text-shadow: #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px;
}
 h1.preview-block__main-title:before {
     content: "BLOGPARTY";
     color: #f1f1ec;
     position: absolute;
     top: calc(50% - 6px);
     left: calc(50% - 6px);
     transform: translateX(-50%) translateY(-50%);
     display: block;
}
 .blog_post-body {
     color: #f1f1ec;
}
 .post-item-inner {
     background-color: rgba(246,246,249,1.0);
     background: transparent;
     border: solid 1px rgba(236, 240, 241, 0.25);
     border-radius: 8px;
     padding: 8px;
}
 div.post-item-inner:hover {
     border-color: #ddfa78;
}
 .blog-post-date {
     font-size: 1.2rem;
     font-family: gilroy;
     text-transform: capitalize;
}
 div.blog_post-body {
     padding: 24px 8px 48px;
}
 .blog_post-body p {
     line-height: 140%;
}
 .blog_post-body h3 {
     font-weight: 500;
     font-size: 2rem;
}
 div.post-item-img img {
     border-radius: 8px;
     margin-top: 0;
}
 body.hs-blog-listing, body.hs-blog-post {
     background-image: none;
     background-color: #151515;
}
 div.blog-read-more a {
     border-bottom-right-radius: 8px;
     border-bottom-left-radius: 8px;
}
 h1.preview-block__main-title {
     font-family: gilroy;
}
 h1.preview-block__main-title {
     position: relative;
     color: #151515;
     text-shadow: #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px;
}
 h1.preview-block__main-title:before {
     content: "BLOGPARTY";
     color: #f1f1ec;
     position: absolute;
     top: calc(50% - 6px);
     left: calc(50% - 6px);
     transform: translateX(-50%) translateY(-50%);
     display: block;
}
 p.preview-block__main-description {
     font-weight: 200;
     font-size: 1.6rem;
     max-width: 600px;
}
 .aos-init.aos-animate img.preview-block__ball-img {
     display: none;
}
 .blog_listing_topics ul li a {
     font-weight: 200;
}
 .blog_post-body {
     color: #f1f1ec;
}
 .post-item-inner {
     background-color: rgba(246,246,249,1.0);
     background: transparent;
     border: solid 1px rgba(236, 240, 241, 0.25);
     border-radius: 8px;
     padding: 8px;
}
 div.post-item-inner:hover {
     border-color: #ddfa78;
}
 .blog-post-date {
     font-size: 1.2rem;
     font-family: gilroy;
     text-transform: capitalize;
}
 div.blog_post-body {
     padding: 24px 8px 48px;
}
 .blog_post-body p {
     line-height: 150%;
     font-weight: 200;
}
 .blog_post-body h3 {
     font-weight: 500;
     font-size: 2rem;
}
 div.post-item-img img {
     border-radius: 8px;
     margin-top: 0;
}
 body.hs-blog-listing, body.hs-blog-post {
     background-image: none;
     background-color: #151515;
}
 div.blog-read-more a {
     border-bottom-right-radius: 8px;
     border-bottom-left-radius: 8px;
}
 h1.preview-block__main-title {
     font-family: gilroy;
}
 h1.preview-block__main-title {
     font-weight: 600;
     letter-spacing: 3px;
     position: relative;
     color: #151515;
     text-shadow: #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px;
}
 h1.preview-block__main-title:before {
     content: "BLOGPARTY";
     color: #f1f1ec;
     position: absolute;
     top: calc(50% - 6px);
     left: calc(50% - 6px);
     transform: translateX(-50%) translateY(-50%);
     display: block;
}
 .blog_post-body {
     color: #f1f1ec;
}
 .post-item-inner {
     background-color: rgba(246,246,249,1.0);
     background: transparent;
     border: solid 1px rgba(236, 240, 241, 0.5);
     border-radius: 8px;
     padding: 8px;
}
 div.post-item-inner:hover {
     border-color: #ddfa78;
}
 .blog-post-date {
     font-size: 1.2rem;
     font-family: gilroy;
     text-transform: capitalize;
}
 div.blog_post-body {
     padding: 24px 8px 48px;
}
 .blog_post-body p {
     line-height: 140%;
}
 .blog_post-body h3 {
     font-weight: 500;
     font-size: 2rem;
}
 div.post-item-img img {
     border-radius: 8px;
     margin-top: 0;
}
 body.hs-blog-listing, body.hs-blog-post {
     background-image: none;
     background-color: #151515;
}
 div.blog-read-more a {
     border-bottom-right-radius: 8px;
     border-bottom-left-radius: 8px;
}
 h1.preview-block__main-title {
     font-family: gilroy;
}
 h1.preview-block__main-title {
     position: relative;
     color: #151515;
     text-shadow: #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px, #f1f1ec 0px 0px 1.5px;
}
 h1.preview-block__main-title:before {
     content: "BLOGPARTY";
     color: #f1f1ec;
     position: absolute;
     top: calc(50% - 6px);
     left: calc(50% - 6px);
     transform: translateX(-50%) translateY(-50%);
     display: block;
}
 p.preview-block__main-description {
     font-weight: 200;
     font-size: 1.6rem;
     max-width: 600px;
}
 .aos-init.aos-animate img.preview-block__ball-img {
     display: none;
}
 div.blog_listing_topics ul li a {
     font-weight: 200;
     padding: 2px 0;
     transition: all 0.333s ease-in-out;
}
 div.blog_listing_topics ul li a:hover {
     color: #ddfa78;
}
 div.blog_listing_topics ul li a:before {
     height: 2px;
     bottom: 2px;
     background-color: #ddfa78;
     background: #ddfa78 !important;
}
 .blog-pagination a {
     background: transparent;
     color: #f1f1ec;
     border: solid 1px rgba(236, 240, 241, 0.5);
     transition: border-color .333s ease-in-out;
}
 .blog-pagination a:hover {
     color: #ddfa78;
     border-color: #ddfa78;
}
/* BLOG POST */
 .blog__post_content_section *:not(a) {
     color: #f1f1ec;
}
 .blog__post_banner {
     border-bottom: solid 1px rgba(236, 240, 241, 0.25);
}
/* end of 5/10/2023 - Sean Madrid */



/* start of 10/12/2023 - Giselle Zatonyl */

/* Mobile Nav */
div.mobile-wrapper {
  background-color: #151515;
}

.mobile-close-btn {
  color: #f1f1ec;
}

.mobile-social-icons-inner{
 color: #f1f1ec;
}

.mobile-social-icons-inner:hover{
 color: #000;
}


/* Container */
main.body-container-wrapper .body-container .body-container--blog-listing {
  background-color: #151515 !important;
}

.body-container .blog_listing_wrapper .container {
  padding-right: 60px;
  padding-left: 60px;
}

@media (max-width: 767px) {
  .body-container .blog_listing_wrapper .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}


/* Header Container */
.preview-block__description {
  position: relative;
  background-color: #151515;
  z-index: 20;
}

header.header-group .header-main .container {
  padding-right: 42px;
  padding-left: 42px;
}

@media (max-width: 540px) {
  header.header-group .header-main .container {
    padding-right: 30px;
    padding-left: 30px;
  }
}

/* Index Header */
header.header-main  {
  border-bottom: none;
}

.header, .header-main .container {
  background-color: rgba(0,0,0, 1) !important;
}

/* Blog Post Header */
div.header-main {
  border-bottom: none;
}

/* Blog Post Header */
div.blog__post_content_section .container {
  padding-right: 60px;
  padding-left: 60px;
}

@media (max-width: 766px) {
  div.blog__post_content_section .container {
    padding-right: 20px;
    padding-left: 20px;
    }
}

/* Header */
div.preview-block__description a {
  position: relative;
    background-color: #151515;
    z-index: 20;
}

h1.preview-block__main-title {
  font-size: 9rem;
  text-shadow: #f1f1ec 0px 0px 1px, #f1f1ec 0px 0px 1px, #f1f1ec 0px 0px 1px, #f1f1ec 0px 0px 1px, #f1f1ec 0px 0px 1px, #f1f1ec 0px 0px 1px, #f1f1ec 0px 1px 1px;
}

h1.preview-block__main-title:before {
  content: "blog";
  font-size: 9rem;
  transform: translateY(0%) translateX(-104%);
  top: auto !important;
}

@media (max-width: 566px) {
   h1.preview-block__main-title {
    font-size: 8rem;
  }
  h1.preview-block__main-title:before {
    font-size: 8rem; 
  }
}

@media (max-width: 508px) {
   h1.preview-block__main-title {
    font-size: 7rem;
  }
  h1.preview-block__main-title:before {
    font-size: 7rem;
  }
}

@media (max-width: 460px) {
   h1.preview-block__main-title {
    font-size: 5rem;
    text-shadow: #f1f1ec 0px 0px 0.5px, #f1f1ec 0px 0px 0.5px, #f1f1ec 0px 0px 0.5px, #f1f1ec 0px 0px 0.5px, #f1f1ec 0px 0px 0.5px, #f1f1ec 0px 0px 0.5px, #f1f1ec 0px 0.5px 0.5px;
  }
  h1.preview-block__main-title:before {
    font-size: 5rem; 
  }
}

@media (max-width: 352px) {
   h1.preview-block__main-title {
    font-size: 4rem;
  }
  h1.preview-block__main-title:before {
    font-size: 4rem; 
    transform: translateY(0%) translateX(-103%);
  }
}


@media (min-width: 767px) {
   h1.preview-block__main-title {
    font-size: 11rem;
  }
  h1.preview-block__main-title:before {
    font-size: 11rem; 
  }
}

@media (min-width: 811px) {
   h1.preview-block__main-title {
    font-size: 12rem;
  }
  h1.preview-block__main-title:before {
    font-size: 12rem; 
  }

}

@media (min-width: 921px) {
   h1.preview-block__main-title {
    font-size: 14rem;
  }
  h1.preview-block__main-title:before {
    font-size: 14rem; 
  }
}

@media (min-width: 1090px) {
   h1.preview-block__main-title {
    font-size: 16rem;
  }
  h1.preview-block__main-title:before {
    font-size: 16rem; 
     transform: translateY(0%) translateX(-104.5%);
  }
}

.preview-block__content{
    padding-left: 0px;
    padding-right: 0px;
}

@media only screen and (max-width: 768px){
  .preview-block__content{
    padding-top: 50px !important;
    padding-bottom: 0px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin: 0;
    height: unset;
  }
}

/* //////////// BLOG TOPICS LIST ///////////*/
p.preview-block__main-description {
  display: none;
}

.blog_listing_topic_section {
  margin-bottom: 60px;
  padding: 0;
  padding-right: 0;
}

.blog_listings_line-design {
  position: absolute;
     width: 90px;
    height: 300px;
      top: -210%;
    right: -6%;
  z-index: -2;
}

@media (max-width: 842px) {
  .blog_listings_line-design {
    display: none;
  }
}

@media (min-width: 1050px) {
  .blog_listings_line-design {
     width: 106px;
    height: 171px;
    right: -4%;
    top: -150%; 
  }
}


.blog_listings_star {
  position: absolute;
  right: 2%;
  top: -55%;
  z-index: 2;
  
}

.blog_listing_topics ul {
  border: 1px solid white !important;
  padding: 30px;
  border-radius: 20px;
  justify-content: space-evenly !important;
  background-color: #151515;
}

.blog_listing_topics ul li {
  padding-right: 10px;
  padding-left: 10px;
}


.blog_listing_topics ul li a {
  font-size: 18px;
}

div.blog_listing_topics ul li a {
  font-weight: 700;
}

.blog_listing_topics ul li.active a {
  color: #DAFA6E;
}

div.blog_listing_topics ul li a:before {
  bottom: -8px;
}

/* Blog Post Items */
.post-item-inner {
  transition: box-shadow 0.2s ease-in-out, transform 0.35s ease-in-out;
  padding: 15px;
}

div.post-item-inner {
  border-style: solid;
  border-color: transparent;
  border-radius: 5px;
  background-color: transparent;
  padding: 15px;
  transition: filter 0.2s ease-in-out, box-shadow 0 ease-in-out, transform 0 ease-in-out;
  box-shadow: 0 0 0 0 rgb(0 0 0 / 0%) !important;
  border-radius: 5px 5px 5px 5px !important;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.post-item-inner:hover {
  filter: drop-shadow(0px 4px 40px, rgba(241, 241, 236, 0.08));
  background-color: rgba(39, 39, 38, 0.2); 
  transform: translateY(0px), scale(1);
}

div.post-item-inner:hover {
  padding: 15px;
  border: .5px solid rgba(241, 241 , 236, .5);
  background-color: rgba(39, 39, 38, 0.2); 
  filter: drop-shadow(0px 4px 40px rgba(241, 241, 236, 0.03));
  transition: filter 0.2s ease-in-out;
  box-shadow: 0 0 0 0 rgba(0 0 0 , 0);
  transform: translateY(0px) scale(1);
}

.post-item-img img{
  transform: none;
  transition-property: none;
  transition-duration: 0s;
}

div.post-item-img {
   border: none;
}

div.post-item-img img{
   border-radius: 5px;
   border: .5px solid rgba(241, 241 , 236, 0.50);
   margin-top: auto;
}

.post-item-inner:hover .post-item-img img {
  -webkit-transform: none;
  transform: none;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-width: 0 0 1px 0;
}

.blog-post-date{
  display: none;
}

.blog-post-body p {
  font-weight: 400 !important;
}

p{
  margin-bottom: 0;
}

div.blog_post-body, div.blog_post-body:hover  {
  padding: 15px 25px !important;
}


.blog-read-more a:hover {
   color: #d2fc51;
}

/* ///////////// Blog Post \\\\\\\\\\\\\\\\*/
.body-container--blog-post{
  background-color: rgba(21,21,21, 1) !important;
}

@media only screen and (max-width: 767px){
  .blog__post_content_section-inner{
    padding: 20px 0;
  }
}


.blog__post_banner {
  height: 470px; 
  border: none;
  filter: drop-shadow(0px 4px 40px rgba(241, 241, 236, 0.08));
}

.blog__post-top-topics{
  display: none;
}

@media (max-width: 767px){
  .blog__post_banner {
    height: 147px;
  }
}

.blog__post_content_header h1{
  font-size: 55px;
  font-weight: 600;
}

@media only screen and (max-width: 767px){
  .blog__post_content_header h1{
     font-size: 42px;
  }
}


.blog__post-date:after {
  font-size: 4rem;
  line-height: 0%;
}

@media (max-width: 767px){
  .blog_post_meta *{
     font-size: 13px;
  }
  div.align-items-center{
    align-items: baseline !important;
    justify-content: space-between;
  }
  .blog_post_meta {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    gap: 10px;
  }
  .col-12{
    width: unset !important;
    flex: unset !important;
    max-width: unset !important;
  }
    .col-md-4 .col-md-4{
    width: unset;
  }
  .blog_post_share ul{
    gap: 10px;
    margin-top: 10px;
  }
  .blog_post_share a {
    width: 13px;
    height: 13px;
  }
  .blog_post_share a svg {
    width: 13px;
    height: 13px;
  }
  .blog__post-date:after {
    font-size: 2rem;
  }
  .blog__post-date::after, .blog__post-topics::after {
    top: -2px;
    margin-right: 0;
  }
  .blog__post_content-meta{
    margin-bottom: 0px;
  }
  div.blog_post-body{
     24px 16px !important
  }
}

.blog_post_share a, .blog_post_share a:visited{
  background: transparent;
  border: none;
}

.blog_post_share a:hover, 
.blog_post_share a:focus, 
.blog_post_share a:active {
  background: transparent;
  border:none;
}

.blog_post_share a svg, .blog_post_share a svg:visited{
  color: #F1F1EC;
  fill: #F1F1EC;
}

.blog_post_share a svg:hover, 
.blog_post_share a svg:focus, 
.blog_post_share a svg:active {
  color: #DDFA78 !important;
  fill: #DDFA78 !important;
  outline-color: transparent;
  border: none;
}

.blog__post_content-meta{
  border-bottom: .5px solid #F1F1EC;
}


/* Subtitles */
div.post-page-section-header p{
  font-weight: 700;
  line-height: 100%;
}

@media (min-width: 767px){
  div.post-page-section-header p{
    font-size: 30px !important;
    line-height: 29.5px;
  }
}

.blog-post__body h2 {
  margin-bottom: 20px;
}

/* Post Images */
div.blog-post__body span p img, main div span h2 img, main div span div img  {
  display: block;
  max-width: unset !important;
  width: calc(100% + 120px) !important;
  position: relative;
  left: -60px;
  right: 60px;
  margin-left: auto; 
  margin-right: auto;;
  max-width: none;
  object-fit: cover;
  margin-top: 20px;
}

@media ( max-width: 900px ){
  div.blog-post__body span p img, main div span h2 img, main div span div img {
    width: calc(100% + 60px) !important;
     left: -30px;
     right: 30px;
  }
}


/* Paragraph Text */
div.blog-post__body span, 
div.blog-post__body p, 
.blog-post__body em  {
  max-width: 720px !important;
  margin: auto;
  font-size: 20px !important;
  margin-bottom: 20px;
}



.blog-post__body p{
   line-height: 160% !important;
}

@media (max-width: 767px){
  div.blog-post__body span, 
  div.blog-post__body p, 
  .blog-post__body em {
     font-size: 16px !important;
     line-height: 170%;
  }
}

.blog__post_content_section-inner{
  margin-bottom: 200px;
}


/* Read More Section */
.related-posts h3{
  text-transform: unset;
  font-size: 28px;
  font-weight: 600;
}

.related-posts .post-item-img img {
  border: unset;
  height: 242px;
}

.related-posts {
  max-width: unset;
  width: 100vw;
  border-top: 0.5px solid #F1F1EC;
  margin-left: -60px;
  padding: 6rem;
  padding-right: 42px;
  padding-left: 42px;
}

@media (max-width: 766px ){
  .related-posts {
    margin-left: -20px;
    padding-bottom: 30px;
    padding-top: 60px;
    padding-right: 40px;
    padding-left: 30px;
  }
}

@media (min-width: 1100px ){
  .related-posts {
    margin-left: -60px;
    padding: 6rem;
    padding-right: 10rem;
    padding-left: 10rem;
  }
}



@media (min-width: 1600px ){
  .related-posts {
    margin-left: unset;
    width: unset;
  }
}

.related-posts .blog_post-body h3 {
  font-size: 19px;
  margin-bottom: 1rem;
}

.related-posts .blog_post-body p {
  font-size: 16px;
}

/* Pagination */
.blog-pagination {
  margin-bottom: 40rem;
}

.blog-pagination a{
  border: none;
}

.blog-pagination a:hover{
  background: none;
}



/* Footer */
.footer {
   background-color: rgba(255, 255, 255, 0.02) !important;
}

.footer .container {
  padding-right: 60px;
  padding-left: 60px;
}

.footer-social-link:hover{
  color: #aad429;
  background-color: transparent;
}

.footer-logo img {
  display: none;
}

footer div.footer-logo p {
  color: #F1F1EC;
  font-size: 15px;
  font-weight: 400;
  font-family: DM Mono;
}

.bottom-footer-privacy a {
  font-size: 12px;
  color: #F1F1EC;
  text-decoration: underline; 
  
}

/* end of 10/16/2023 - Giselle Zatonyl */