.blog-page 
{ width: 100%; height: auto; float: left; margin: 0px; padding: 30px 0px 60px 0px; position: relative;  }
.blog-container 
{ display: flex; gap: 20px; }
.blog-left 
{ width: 68%;height: auto; }
.blog-right 
{ width: 32%; height: auto; padding: 30px 20px 30px 20px; box-sizing: border-box; background: radial-gradient(ellipse at bottom center, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.8) 70%), linear-gradient(to bottom, rgba(249, 224, 212, 0.9), rgba(249, 224, 212, 0.8)); border: 1px solid #efe3dc; border-radius: 1rem; overflow: hidden; }

.blog-top-img
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; background: none; }
.blog-top-img img
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; border-radius: 1rem; overflow: hidden; }
.blog-top-img p
{ width: 100%; height: auto; float: left; margin: 0px; padding: 20px 0px 20px 0px; font-family: "Poppins", sans-serif; font-size: 1rem; font-weight: 400; font-style: normal; color: #452c29; text-transform: none; text-align: left; text-decoration: none; line-height: 100%; letter-spacing: 0.04em; }

.blog-page-napis h2
{ width: 100%; height: auto; float: left; margin: 30px 0px 5px 0px; padding: 0px; font-family: "Poppins", sans-serif; font-size: 1.25rem; font-weight: 600; font-style: normal; color: #452c29; text-transform: none; text-align: left; text-decoration: none; line-height: 150%; letter-spacing: 0.04em; }
.blog-page-popis p
{ width: 100%; height: auto; float: left; margin: 0px; padding: 8px 0px 8px 0px; font-family: "Poppins", sans-serif; font-size: 0.9375rem; font-weight: 300; font-style: normal; color: #452c29; text-transform: none; text-align: left; text-decoration: none; line-height: 150%; letter-spacing: 0.04em; }
.blog-page-odstavec
{ width: 100%; height: auto; float: left; margin: 0px 0px 20px 0px; padding: 0px; }
.blog-page-odstavec p
{ width: 96%; float: left; margin: 5px 0px 5px 0px; padding: 0px 0px 0px 36px; font-family: "Poppins", sans-serif; font-size: 0.9375rem; font-weight: 300; font-style: normal; color: #452c29; text-align: left; text-transform: none; text-decoration: none; line-height: 26px; letter-spacing: 0.04em; background: url(../images/bckg/blog/odstavec.svg) no-repeat 0px 0px; }
.blog-page-popis a, .blog-page-odstavec a 
{ color: #ee6852; text-decoration: none; }
.blog-page-popis a:hover, .blog-page-odstavec a:hover
{ color: #ee6852; text-decoration: underline; }

.blog-page-img
{ width: 100%; height: auto; float: left; margin: 0px; padding: 40px 0px 20px 0px; }
.blog-page-img img
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; }




/** BLOG RIGHT PAGE **/
.blog-right-napis p
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; font-family: "Poppins", sans-serif; font-size: 1.125rem; font-weight: 600; font-style: normal; color: #452c29; text-decoration: none; text-transform: none; text-align: left; line-height: 100%; letter-spacing: 0.04em; }
.blog-right-box
{ width: 100%; height: auto; float: left; margin: 0px 0px 30px 0px; padding: 10px 0px 20px 0px; }
.blog-right-box a
{ width: 100%; height: auto; float: left; margin: 15px 0px 0px 0px; padding: 0px; font-family: "Poppins", sans-serif; font-size: 0.875rem; font-weight: 500; font-style: normal; color: #452c29; text-decoration: none; text-transform: none; text-align: left; text-decoration: none; line-height: 130%; letter-spacing: 0.04em; }
.blog-right-box a:hover
{ text-decoration: underline; }
.blog-right-box p
{ width: 100%; height: auto; float: left; margin: 0px; padding: 5px 0px 0px 0px; font-family: "Poppins", sans-serif; font-size: 0.75rem; font-weight: 400; font-style: normal; color: #f38972; text-transform: none; text-align: left; text-decoration: none; line-height: 100%; letter-spacing: 0.04em; }

.blog-right-box-btn
{ width: 100%; height: auto; float: left; margin: 0px; padding: 10px 0px 20px 0px; }
.blog-right-box-btn a
{ height: 26px; float: left; margin: 10px 6px 0px 0px; padding: 0px 6px 0px 6px; font-family: "Poppins", sans-serif; font-size: 0.75rem; font-weight: 400; font-style: normal; color: #452c29; text-transform: none; text-align: center; text-decoration: none; line-height: 26px; letter-spacing: 0.04em; border: 1px solid #ee6852; border-radius: 0.4rem; overflow: hidden; transition: all .3s ease; }
.blog-right-box-btn a:hover
{ background: #ee6852; color: #ffffff; }


/** BLOG BOTTOM PANEL **/
.blog-bottom-panel
{ width: 100%; height: auto; float: left; margin: 0px; padding: 60px 0px 0px 0px; }
.blog-bottom-box
{ width: 100%; height: auto; float: left; margin: 0px; padding: 20px 0px 20px 0px; background: #fefaf8; border: 1px solid #efe3dc; border-radius: 1rem; overflow: hidden; }
.blog-grid-boxes 
{ display: grid; grid-template-columns: repeat(3, 1fr); border-left: 1px solid transparent; border-right: 1px solid transparent; }
.blog-item 
{ padding: 5px 0px 5px 0px; position: relative; }
.blog-item:not(:last-child) 
{ border-right: 1px solid #e8d6cb; }
.blog-more-box
{ width: max-content; height: auto; margin: 0px auto 0px auto; padding: 0px; }
.blogMoreBox
{ height: auto; margin: 0px; padding: 0px; display: block; text-decoration: none; }
.blogMoreBtn
{ height: 40px; display: flex; justify-content: center; align-items: center; gap: 8px; padding: 0px; font-family: "Poppins", sans-serif; font-weight: 400; color: #452c29; font-size: 0.875rem; text-transform: uppercase; text-decoration: none !important; letter-spacing: 0.04em; cursor: pointer; }
.blogMoreBtn .blogArrow svg 
{ transition: transform 0.35s ease; display: block; color: #452c29  }
.blogMoreBtn:hover .blogArrow svg 
{ transform: translateX(3px); }




@media only screen and (max-width: 980px) {
.blog-container 
{ display: block; gap: 0px; }
.blog-left 
{ width: 100%; height: auto; float: left; margin: 0px; }
.blog-right 
{ width: 100%; height: auto; float: left; margin: 30px 0px 0px 0px; padding: 30px 20px 30px 20px; border-radius: 0.75rem; overflow: hidden; }

/** BLOG BOTTOM **/
.blog-bottom-panel
{ width: 100%; height: auto; float: left; margin: 0px; padding: 30px 0px 0px 0px; }
.blog-bottom-box
{ width: 100%; height: auto; padding: 0px 0px 0px 0px; border-radius: 0.75rem; overflow: hidden; }
.blogMoreBox
{ height: auto; margin: 0px; padding: 10px 0px 10px 0px; display: block; text-decoration: none; }
.blog-grid-boxes 
{ grid-template-columns: 1fr; }
.blog-item:last-child 
{ border-right: none; }
.blog-item:not(:last-child)
{ border-right: none; border-bottom: 1px solid #e8d6cb; }

}