.archive-grid {
display: flex;
flex-wrap: wrap;
gap: 30px;
margin-top: 40px;
}
.archive-card {
display: flex;
flex-direction: column;
width: calc(33.333% - 20px);
background: #fff;
border-radius: 8px;
overflow: hidden;
box-sizing: border-box;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
}
.post-thumbnail {
flex-shrink: 0;
}
.post-thumbnail img {
width: 100%;
height: 220px;
object-fit: cover;
display: block;
}
.post-content {
display: flex;
flex-direction: column;
padding: 25px;
flex-grow: 1;
}
.archive-card h2 {
font-size: 1.3rem;
margin: 0 0 15px 0;
min-height: 3em; 
}
.archive-card h2 a {
color: var(--e-global-color-primary);
font-size: 1.5rem;
line-height: 1.8rem;
}
.entry-excerpt {
margin-bottom: 25px;
flex-grow: 1; 
}
.page-content .read-more-btn {
align-self: flex-start; 
margin-top: auto; 
padding: 10px 25px;
background-color: var(--e-global-color-primary);
color: #fff !important;
text-decoration: none;
border-radius: 4px;
font-weight: bold;
width:100%;
text-align:center;
}
.jkit-post-meta-bottom,
.jkit-meta-readmore,
.jkit-meta-readmore a {
width:100%;
}
.jkit-post {
position:relative;
padding-bottom: 40px;
}
.jkit-post-meta-bottom {
position:absolute;
bottom:0;
left:0;
}
@media (max-width: 1024px) {
.archive-card { width: calc(50% - 15px); }
}
@media (max-width: 767px) {
.archive-card { width: 100%; }
}
table {
border-collapse: collapse;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
border-radius:10px; 
overflow:hidden;
}
table, table tr, table th, table td, tbody {
border: 0;
}
table tr:nth-child(odd) {
//	background: rgba(133, 204, 46, 0.25);
}
table thead {
background: rgb(71 138 77);
color:#fff;
text-transform:uppercase;
font-size:22px;
}
table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
background:none;
}
table tr {
border-bottom: 1px solid hsla(0, 0%, 50%, .08);
transition:300ms;
}
table tr:hover {
background: rgb(71 138 77 / 9%);
color:#333;
}
table td {
padding: 20px 25px;
font-size:14px;
}
table tr td:last-child {
text-align:center;
width:20%;
}
table tr td[colspan="2"] {
background-color: #122650;
color:#fff;
font-size:18px;
}
table tr td[colspan="2"]:hover {
background-color: #122650;
}
.breadcrumbs {
display: flex;
justify-content: center;
color:#fff;
}
.breadcrumbs a {
color:#478a4d;
}
.elementor-widget-text-editor ul {
margin: 20px;
}
.elementor-widget-text-editor ul li::marker {
color: rgb(71 138 77);
}
::-webkit-scrollbar {
width: 5px;
}
::-webkit-scrollbar-thumb {
background: var(--e-global-color-primary);
}
::selection {
background-color: var(--e-global-color-primary);
color: #fff;
text-shadow: none;
}
.steps {
counter-reset: step; 
}
.steps .step {
counter-increment: step; 
position: relative;
}
.steps .step::after {
content: counter(step);
position: absolute;
left:0;
top: 50%;
color: #fff;
font-weight: bold;
font-size: 200px;
opacity: 0.2;
}
.elementor-widget-jkit_nav_menu {
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
.post-navigation {
max-width: 1140px;
margin: 0px auto 30px;
padding: 25px 0;
}
.post-navigation .nav-links {
display: flex;
justify-content: space-between;
gap: 30px;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
width: 50%;
} .post-navigation a {
display: flex;
flex-direction: column;
background: #fff;
border-radius: 14px;
overflow: hidden;
text-decoration: none;
box-shadow: 0 5px 20px rgba(0,0,0,0.08);
border: 1px solid #eee;
transition: all .3s ease;
height: 100%;
}
.post-navigation a:hover {
transform: translateY(-4px);
box-shadow: 0 12px 30px rgba(0,0,0,0.14);
} .post-navigation .post-nav-image {
width: 100%;
height: 220px;
object-fit: cover;
display: block;
} .post-navigation .nav-subtitle {
padding: 18px 25px 5px;
font-size: 13px;
color: #888;
text-transform: uppercase;
letter-spacing: .5px;
}
.post-navigation .nav-title {
padding: 0 25px 25px;
font-size: 20px;
line-height: 1.4;
font-weight: 600;
color: #222;
} .post-navigation .nav-previous {
text-align: left;
} .post-navigation .nav-next {
text-align: right;
}
.post-navigation .nav-next .post-nav-image {
margin-left: auto;
} .post-navigation .screen-reader-text {
display: none;
} @media (max-width: 767px) {
.post-navigation {
padding: 20px;
}
.post-navigation .nav-links {
flex-direction: column;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
width: 100%;
}
.post-navigation .nav-next {
text-align: left;
}
.post-navigation .nav-next .post-nav-image {
margin-left: 0;
}
}