.blog-list{display:grid;gap:20px}@media (min-width:768px){.blog-list{grid-template-columns:repeat(2, 1fr);gap:40px}}.blog-card{display:block;background:#f2f2f2;outline:1px solid #f2f2f2}.blog-card>a{display:flex;flex-direction:column;height:100%}.blog-card img{width:100%;height:100%;object-fit:cover;max-height:300px}.blog-card picture{display:block;line-height:0;position:relative}.blog-card .published{position:absolute;padding:5px 10px;background:#FFDD0E;color:#323534;font-family:"Geologica", sans-serif;font-weight:600;line-height:1.2;pointer-events:none;left:20px;top:20px}.blog-card .read-more{align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(26, 25, 24, 0.55);opacity:0;pointer-events:none;color:#FFFFFF;font-family:"Geologica", sans-serif;font-size:18px;line-height:1.2;font-weight:500;-webkit-transition:opacity 0.2s ease;-moz-transition:opacity 0.2s ease;-ms-transition:opacity 0.2s ease;-o-transition:opacity 0.2s ease;transition:opacity 0.2s ease;display:none}@media (min-width:768px){.blog-card .read-more{display:flex}}.blog-card .read-more-mobile{display:block;margin-top:auto;padding:0 20px 20px 20px}@media (min-width:992px){.blog-card .read-more-mobile{display:none}}.blog-card .content{padding:20px}.blog-card .content .post-name{font-family:"Geologica", sans-serif;font-size:20px;font-weight:600;color:#1A1918;margin:0 0 20px}.blog-card .content .post-subtitle{font-size:16px;color:#323534}.blog-card:hover{cursor:pointer}.blog-card:hover .read-more{opacity:1}.blog-header-wrapper{position:relative}.blog-header-wrapper:after{content:"";position:absolute;left:0;right:0;height:1px;background-color:rgba(184, 184, 184, 0.2);bottom:-10px}@media (min-width:768px){.blog-header-wrapper:after{bottom:-20px}}.blog-header{display:flex;justify-content:space-between;flex-direction:column;margin:20px 0 30px;gap:20px}@media (min-width:768px){.blog-header{align-items:center;flex-direction:row;margin:40px 0}}.blog-header .header-desktop{display:none}@media (min-width:768px){.blog-header .header-desktop{display:block}}.blog-header .header-mobile{display:block;align-self:flex-end}@media (min-width:768px){.blog-header .header-mobile{display:none}}.blog-control{display:inline-block;vertical-align:middle;font-size:12px;color:#B8B8B8;-webkit-transition:opacity 0.2s ease, color 0.2s ease;-moz-transition:opacity 0.2s ease, color 0.2s ease;-ms-transition:opacity 0.2s ease, color 0.2s ease;-o-transition:opacity 0.2s ease, color 0.2s ease;transition:opacity 0.2s ease, color 0.2s ease;padding:10px;opacity:0.8}.blog-control:hover,.blog-control:focus{color:#B8B8B8;opacity:1}.blog-control:active,.blog-control.active{opacity:1;color:#076633}.blog-control.disabled{pointer-events:none}.blog-control>.icon{font-size:16px;vertical-align:middle}@media (min-width:992px){.blog-control>.icon{font-size:20px}}.blog-control>.icon+span{padding-left:10px}.blog-control>span{display:inline-block;vertical-align:middle}.blog-control>span+.icon{padding-left:10px}@media (min-width:768px){.blog-control{font-size:14px}}.sort-categories{margin:-5px -10px}.sort-categories .blog-control{display:inline-block;position:relative;padding:10px 15px;margin:10px;outline:1px solid #3AAA35;overflow:hidden;-webkit-transition:outline-color 0.2s ease, color 0.2s ease;-moz-transition:outline-color 0.2s ease, color 0.2s ease;-ms-transition:outline-color 0.2s ease, color 0.2s ease;-o-transition:outline-color 0.2s ease, color 0.2s ease;transition:outline-color 0.2s ease, color 0.2s ease;font-family:"Geologica", sans-serif;font-size:16px;color:#3AAA35}@media (min-width:768px){.sort-categories .blog-control{padding:15px 20px}}.sort-categories .blog-control:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;bottom:-1px;background-color:#3AAA35;z-index:-1;-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);-o-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);-webkit-transition:background-color 0.2s ease, transform 0.2s ease;-moz-transition:background-color 0.2s ease, transform 0.2s ease;-ms-transition:background-color 0.2s ease, transform 0.2s ease;-o-transition:background-color 0.2s ease, transform 0.2s ease;transition:background-color 0.2s ease, transform 0.2s ease}.sort-categories .blog-control:hover{color:#FFFFFF}.sort-categories .blog-control:hover:before{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.sort-categories .blog-control:active,.sort-categories .blog-control.active{color:#FFFFFF;outline-color:#076633}.sort-categories .blog-control:active:before,.sort-categories .blog-control.active:before{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);background-color:#076633}.sort-categories .blog-control.active{pointer-events:none}.blog-navigation{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 0;gap:20px}@media (min-width:1200px){.blog-navigation{padding:20px 0 40px;gap:30px}}.blog-navigation .summary{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;width:200px;height:40px;max-width:100%;font-family:"Geologica", sans-serif;font-weight:400;font-size:12px;color:#323534}.blog-navigation .summary:before{width:100%;border-radius:1px}.blog-navigation .summary .progress{position:absolute;bottom:0;left:0;right:0;height:1px;background-color:rgba(26, 25, 24, 0.3);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;overflow:hidden}.blog-navigation .summary .progress .bar{position:absolute;top:0;bottom:0;left:0;background-color:#1A1918;width:0;-webkit-transition:width 0.3s ease, left 0.3s ease;-moz-transition:width 0.3s ease, left 0.3s ease;-ms-transition:width 0.3s ease, left 0.3s ease;-o-transition:width 0.3s ease, left 0.3s ease;transition:width 0.3s ease, left 0.3s ease}.blog-navigation .navigation-button>.btn{display:block}.blog-navigation.empty{grid-column:1 / 4}