.elementor-widget-wcf--counter .wcf--counter{gap:20px;display:flex;flex-direction:column}.elementor-widget-wcf--counter .wcf--counter .count{line-height:1;font-size:36px;font-weight:500}.elementor-widget-wcf--counter .wcf--counter .title{margin:0}.elementor-widget-wcf--counter .wcf--counter .separator{background-color:#ddd}.elementor-widget-wcf--counter.wcf-position-row .count,.elementor-widget-wcf--counter.wcf-position-row .title{align-self:center}.elementor-widget-wcf--counter.wcf-position-row .separator{height:auto;width:1px}.elementor-widget-wcf--counter.wcf-position-column .separator{height:1px;width:100%}@media (min-width:-1){.elementor-widget-wcf--counter.wcf-widescreen-position-row .count,.elementor-widget-wcf--counter.wcf-widescreen-position-row .title{align-self:center}.elementor-widget-wcf--counter.wcf-widescreen-position-row .separator{height:auto;width:1px}.elementor-widget-wcf--counter.wcf-widescreen-position-column .count,.elementor-widget-wcf--counter.wcf-widescreen-position-column .title{align-self:auto}.elementor-widget-wcf--counter.wcf-widescreen-position-column .separator{height:1px;width:100%}}@media (max-width:-1){.elementor-widget-wcf--counter.wcf-laptop-position-row .count,.elementor-widget-wcf--counter.wcf-laptop-position-row .title{align-self:center}.elementor-widget-wcf--counter.wcf-laptop-position-row .separator{height:auto;width:1px}.elementor-widget-wcf--counter.wcf-laptop-position-column .count,.elementor-widget-wcf--counter.wcf-laptop-position-column .title{align-self:auto}.elementor-widget-wcf--counter.wcf-laptop-position-column .separator{height:1px;width:100%}}@media (max-width:-1){.elementor-widget-wcf--counter.wcf-tablet_extra-position-row .count,.elementor-widget-wcf--counter.wcf-tablet_extra-position-row .title{align-self:center}.elementor-widget-wcf--counter.wcf-tablet_extra-position-row .separator{height:auto;width:1px}.elementor-widget-wcf--counter.wcf-tablet_extra-position-column .count,.elementor-widget-wcf--counter.wcf-tablet_extra-position-column .title{align-self:auto}.elementor-widget-wcf--counter.wcf-tablet_extra-position-column .separator{height:1px;width:100%}}@media (max-width:1024px){.elementor-widget-wcf--counter.wcf-tablet-position-row .count,.elementor-widget-wcf--counter.wcf-tablet-position-row .title{align-self:center}.elementor-widget-wcf--counter.wcf-tablet-position-row .separator{height:auto;width:1px}.elementor-widget-wcf--counter.wcf-tablet-position-column .count,.elementor-widget-wcf--counter.wcf-tablet-position-column .title{align-self:auto}.elementor-widget-wcf--counter.wcf-tablet-position-column .separator{height:1px;width:100%}}@media (max-width:-1){.elementor-widget-wcf--counter.wcf-mobile_extra-position-row .count,.elementor-widget-wcf--counter.wcf-mobile_extra-position-row .title{align-self:center}.elementor-widget-wcf--counter.wcf-mobile_extra-position-row .separator{height:auto;width:1px}.elementor-widget-wcf--counter.wcf-mobile_extra-position-column .count,.elementor-widget-wcf--counter.wcf-mobile_extra-position-column .title{align-self:auto}.elementor-widget-wcf--counter.wcf-mobile_extra-position-column .separator{height:1px;width:100%}}@media (max-width:767px){.elementor-widget-wcf--counter.wcf-mobile-position-row .count,.elementor-widget-wcf--counter.wcf-mobile-position-row .title{align-self:center}.elementor-widget-wcf--counter.wcf-mobile-position-row .separator{height:auto;width:1px}.elementor-widget-wcf--counter.wcf-mobile-position-column .count,.elementor-widget-wcf--counter.wcf-mobile-position-column .title{align-self:auto}.elementor-widget-wcf--counter.wcf-mobile-position-column .separator{height:1px;width:100%}}.arolax--post svg {
width: 1em;
height: 1em;
}
.arolax--post img {
object-fit: cover;
}
.arolax--post {
display: grid;
row-gap: 30px;
transition: all 0.3s;
} .arolax--post.post-style-1 .wrapper {
display: flex;
gap: 20px;
}
.arolax--post.post-style-1 .number {
flex-basis: 30px;
}
.arolax--post.post-style-1 .link-wrap {
margin-left: auto;
}
.arolax--post.post-style-1 .post-meta span {
width: 20px;
height: 1px;
display: inline-block;
background: #121212;
margin: 0 5px;
position: relative;
top: -5px;
}
.arolax--post.post-style-1 .link {
min-width: 12px;
display: inline-block;
transition: all 0.3s;
transform: translate(-20px, 20px);
opacity: 0;
}
.arolax--post.post-style-1 .item:hover .link {
opacity: 1;
transform: translate(0, 0);
}
@media (max-width: 1200px) {
.arolax--post.post-style-1 .link {
opacity: 1;
transform: translate(0, 0);
}
} .arolax--post.post-style-2 .wrapper {
display: flex;
}
.arolax--post.post-style-2 .author-wrap {
flex-basis: 300px;
}
.arolax--post.post-style-2 .content {
flex: 1;
}
.arolax--post.post-style-2 .author {
align-items: center;
display: flex;
gap: 10px;
}
.arolax--post.post-style-2 .name {
display: inline-block;
}
@media (max-width: 767px) {
.arolax--post.post-style-2 .wrapper {
flex-wrap: wrap;
}
} .arolax--post.post-style-3 .item {
position: relative;
overflow: hidden;
}
.arolax--post.post-style-3 .thumb img {
width: 100%;
}
.arolax--post.post-style-3 .item::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
bottom: 0;
background-color: #12121222;
}
.arolax--post.post-style-3 .wrapper * {
color: white;
fill: white;
}
.arolax--post.post-style-3 .wrapper {
position: absolute;
bottom: -50px;
left: 0;
width: 100%;
display: flex;
justify-content: space-between;
padding: 30px;
z-index: 5;
opacity: 0;
visibility: hidden;
transition: all 0.5s;
}
.arolax--post.post-style-3 .item:hover .wrapper {
bottom: 0;
opacity: 1;
visibility: visible;
} .arolax--post.post-style-4 .item {
gap: 15px;
display: grid;
align-items: center;
grid-template-columns: 1fr 1.5fr;
}
.arolax--post.post-style-4 .wc-btn-group > *:nth-child(1) {
justify-content: flex-start;
}
.arolax--post.post-style-4 .wc-btn-group > *:nth-child(3) {
justify-content: flex-end;
}
.arolax--post.post-style-4 .post-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px;
}
@media (max-width: 767px) {
.arolax--post.post-style-4 .item {
grid-template-columns: 1fr;
}
} .arolax--post.post-style-5 .post-meta span {
width: 20px;
height: 1px;
display: inline-block;
background: #121212;
margin: 0 5px;
position: relative;
top: -5px;
}
.arolax--post.post-style-5 .item {
position: relative;
overflow: hidden;
}
.arolax--post.post-style-5 .wrapper {
position: absolute;
bottom: 0;
right: 0;
width: 80%;
background: #fff;
}