.guten-z18BO2 .guten-postblock .guten-posts { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-column-gap:50px; } .guten-z18BO2 .guten-postblock .guten-post-category a { font-family: "Barlow Semi Condensed"; } .guten-z18BO2 .guten-postblock .guten-post .guten-postblock-content .guten-post-title a { color: rgba(93, 66, 81, 1); font-family: "Barlow Semi Condensed"; font-size: 24px; } .guten-z18BO2 .guten-postblock .guten-post .guten-postblock-content .guten-post-excerpt p { color: rgba(93, 66, 81, 1); } .guten-z18BO2 .guten-postblock .guten-post .guten-postblock-content .guten-readmore { font-family: "Roboto"; font-size: 0.75rem; letter-spacing: 0.2em; padding-top: 19px; padding-right: 40px; padding-bottom: 19px; padding-left: 40px; } .guten-z18BO2 .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore:hover a { color: rgba(0, 0, 0, 1); background: linear-gradient(180deg, rgba(49, 207, 180, 0) 0%,rgba(126, 32, 207, 0) 100%); } .guten-z18BO2 .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore:hover svg { fill: rgba(0, 0, 0, 1); } .guten-z18BO2 .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore a { background: linear-gradient(89deg, rgba(125, 216, 87, 1) 0%,rgba(19, 159, 183, 1) 100%); border-style: solid; border-width: 2px; border-color: rgba(255, 255, 255, 1); border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; } .guten-z18BO2 .guten-postblock .guten-postblock-content .guten-post-meta { font-family: "Barlow Semi Condensed"; font-size: 20px; color: rgba(93, 66, 81, 1); margin-right: 0px; margin-left: 0px; } .guten-z18BO2 .guten-postblock .guten-postblock-content .guten-post-meta .guten-meta-date.icon-position-before i, .guten-z18BO2 .guten-postblock .guten-postblock-content .guten-post-meta .guten-meta-date.icon-position-before svg { margin-right: 0px; } .guten-z18BO2 .guten-postblock .guten-postblock-content .guten-post-meta .guten-meta-date.icon-position-after i, .guten-z18BO2 .guten-postblock .guten-postblock-content .guten-post-meta .guten-meta-date.icon-position-after svg { margin-left: 0px; } .guten-z18BO2 .guten-postblock .guten-block-pagination .guten-block-loadmore span, .guten-z18BO2 .guten-postblock .guten_block_nav .btn-pagination { font-family: "Roboto"; font-size: 14px; letter-spacing: 0.1em; } .guten-z18BO2 .guten-postblock .guten-block-pagination .guten-block-loadmore, .guten-z18BO2 .guten-postblock .guten_block_nav .btn-pagination { padding-top: 20px; padding-right: 40px; padding-bottom: 20px; padding-left: 40px; color: rgba(255, 255, 255, 1); background: linear-gradient(90deg, rgba(125, 216, 87, 1) 0%,rgba(19, 159, 183, 1) 100%); border-style: none; border-width: 2px; border-color: rgba(255, 255, 255, 1); border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; } .guten-z18BO2 .guten-postblock .guten-block-pagination .guten-block-loadmore svg, .guten-z18BO2 .guten-postblock .guten_block_nav .btn-pagination svg { fill: rgba(255, 255, 255, 1); } .guten-z18BO2 .guten-postblock .guten-block-pagination .guten-block-loadmore:hover, .guten-z18BO2 .guten-postblock .guten_block_nav .btn-pagination:not(.disabled):not(.current):hover { color: rgba(14, 142, 70, 1); background: linear-gradient(180deg, rgba(49, 207, 180, 0) 0%,rgba(126, 32, 207, 0) 100%); } .guten-z18BO2 .guten-postblock .guten-block-pagination .guten-block-loadmore:hover svg, .guten-z18BO2 .guten-postblock .guten_block_nav .btn-pagination:not(.disabled):not(.current):hover svg { fill: rgba(14, 142, 70, 1); } .guten-z18BO2 .guten-postblock .guten-block-pagination .guten-block-loadmore:hover, .guten-z18BO2 .guten-postblock .guten_block_nav .btn-pagination:hover { border-style: solid; border-width: 2px; border-color: rgba(14, 142, 70, 1); } .guten-z18BO2.guten-element {   } @media only screen and (max-width: 1024px) { .guten-z18BO2 .guten-postblock .guten-posts { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media only screen and (max-width: 767px) { .guten-z18BO2 .guten-postblock .guten-posts { grid-template-columns: repeat(1, minmax(0, 1fr)); } }