@keyframes mask_animation{from{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}@keyframes mask_animation_2{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}.wcf__btn i{transition:all .3s}.wcf__btn svg{width:1em;height:1em}.wcf__btn a{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:16px;line-height:1;font-weight:500;transition:all .3s}.wcf__btn.icon-position-after i,.wcf__btn.icon-position-after svg{order:15}.wcf__btn.icon-position-after .wcf-btn-mask::after{align-items:flex-start;justify-content:flex-start}.wcf-btn-default{padding:17px 35px;border:1px solid #1c1d20;overflow:hidden;z-index:0}.wcf-btn-default:hover{color:#1c1d20}.wcf-btn-circle{width:140px;height:140px;color:#1c1d20;border-radius:100%;flex-direction:column;background-color:#e8bf96}@media only screen and (max-width:1199px){.wcf-btn-circle{width:130px;height:130px}}.wcf-btn-circle:hover{color:#fff}.wcf-btn-oval{color:#1c1d20;border:1px solid #1c1d20;padding:32px 52px;border-radius:50% 50% 50% 50%}@media only screen and (max-width:991px){.wcf-btn-oval{padding:30px}}.wcf-btn-oval:hover{color:#e8bf96}.wcf-btn-ellipse{color:#1c1d20;padding:45px 45px;position:relative;background-color:#1c1d20;border-radius:100%;border-top-left-radius:200%;border-bottom-right-radius:200%;z-index:1}.wcf-btn-ellipse:hover{color:#ffbc7d;background-color:#e8bf96}.wcf-btn-ellipse:before{position:absolute;content:"";width:calc(100% - 16px);height:calc(100% - 2px);background-color:#fff;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100%;border-top-left-radius:200%;border-bottom-right-radius:200%}.wcf-btn-square{flex-direction:column;color:#1c1d20;text-align:center;border:1px solid currentColor;height:215px;width:215px;padding:20px;z-index:0;transition:all .5s}@media only screen and (max-width:1199px){.wcf-btn-square{width:200px;height:200px}}@media only screen and (max-width:991px){.wcf-btn-square{width:170px;height:170px;font-size:18px}}.wcf-btn-square:hover{color:#e8bf96}.wcf-btn-underline{color:#1c1d20;padding-bottom:5px;position:relative}.wcf-btn-underline::after{position:absolute;content:"";width:100%;height:1px;left:0;bottom:0;background-color:#1c1d20;transition:all .3s}.wcf-btn-underline:hover{color:#e8bf96;fill:#e8bf96}.wcf-btn-underline:hover::after{width:0%}.wcf-btn-mask{padding:15px 30px;position:relative;overflow:hidden;transition:all .5s;border-radius:5px;color:#1c1d20;border:1px solid #1c1d20;z-index:1}.wcf-btn-mask i,.wcf-btn-mask svg{position:relative;z-index:1}.wcf-btn-mask::after{display:flex;align-items:flex-end;justify-content:flex-end;color:#fff;position:absolute;content:attr(data-text);cursor:pointer;width:100%;height:100%;left:0;top:0;background-color:#1c1d20;-webkit-mask:url(//erawebsolutions.com/wp-content/plugins/animation-addons-for-elementor/assets/images/mask-btn.png);mask:url(//erawebsolutions.com/wp-content/plugins/animation-addons-for-elementor/assets/images/mask-btn.png);-webkit-mask-size:2300% 100%;mask-size:2300% 100%;animation:mask_animation_2 .7s steps(22) forwards;padding:15px 30px}.wcf-btn-mask:hover{color:#1c1d20}.wcf-btn-mask:hover::after{animation:mask_animation .7s steps(22) forwards}.btn-hover-bgchange{overflow:hidden;position:relative;z-index:5}.btn-hover-bgchange span{position:absolute;content:"";width:0;height:0;left:50%;top:50%;z-index:-1;border-radius:100%;transition:all 1s;background-color:#1c1d20;transform:translate(-50%,-50%)}.btn-hover-bgchange:hover{color:#fff;border:1px solid #1c1d20}.btn-hover-bgchange:hover span{width:400px;height:400px}.btn-hover-default:hover{color:#1c1d20;background-color:#fff}.btn-hover-cross{overflow:hidden;position:relative;transition:all 1s}.btn-hover-cross::after{position:absolute;content:"";width:150%;height:0%;left:50%;top:50%;background-color:#1c1d20;transform:translateX(-50%) translateY(-50%);transition:all .75s;opacity:.5;z-index:-1}.btn-hover-cross:hover{color:#fff;background-color:transparent}.btn-hover-cross:hover::after{height:120%;opacity:1}.btn-hover-divide{overflow:hidden;position:relative;transition:all 1s;z-index:1}.btn-hover-divide::after{position:absolute;content:"";width:0%;height:100%;left:50%;top:50%;background-color:#1c1d20;transform:translateX(-50%) translateY(-50%);transition:all .75s;opacity:.5;z-index:-1}.btn-hover-divide:hover{color:#fff;background-color:transparent}.btn-hover-divide:hover::after{width:120%;opacity:1}.btn-hover-cropping{overflow:hidden;position:relative;transition:all 1s}.btn-hover-cropping::after{position:absolute;content:"";width:150%;height:0%;left:50%;top:50%;background-color:#1c1d20;transform:translateX(-50%) translateY(-50%) rotate(25deg);transition:all .75s;opacity:.5;z-index:-1}.btn-hover-cropping:hover{color:#fff;background-color:transparent}.btn-hover-cropping:hover::after{height:400%;opacity:1}.btn-rollover-top{position:relative;transition:all .4s cubic-bezier(.215,.61,.355,1) 0s}.btn-rollover-top:after{position:absolute;left:0;bottom:0;height:0;width:100%;z-index:-1;content:"";background-color:#1c1d20;transition:all .4s cubic-bezier(.215,.61,.355,1) 0s}.btn-rollover-top:hover{color:#fff;background-color:transparent}.btn-rollover-top:hover::after{top:0;bottom:auto;height:100%}.btn-rollover-left{position:relative;transition:all .4s cubic-bezier(.215,.61,.355,1) 0s}.btn-rollover-left::after{position:absolute;top:0;right:0;height:100%;width:0;z-index:-1;content:"";background-color:#1c1d20;transition:all .4s cubic-bezier(.42,0,.58,1) 0s}.btn-rollover-left:hover{color:#fff;background-color:transparent}.btn-rollover-left:hover::after{left:0;right:auto;width:100%}.btn-rollover-cross{overflow:hidden;position:relative;transition:all .5s}.btn-rollover-cross::before{position:absolute;content:"";width:100%;height:100%;bottom:100%;left:100%;opacity:0;border-bottom:1px solid #1c1d20;border-left:1px solid #1c1d20;transition:all .75s}.btn-rollover-cross::after{position:absolute;content:"";width:100%;height:100%;top:100%;right:100%;opacity:0;border-top:1px solid #1c1d20;border-right:1px solid #1c1d20;transition:all .75s}.btn-rollover-cross:hover{border-color:transparent!important;color:#1c1d20}.btn-rollover-cross:hover::before{bottom:0;left:0;opacity:1;width:100%;height:100%}.btn-rollover-cross:hover::after{top:0;right:0;opacity:1;width:100%;height:100%}.btn-parallal-border{overflow:hidden;position:relative;transition:all .5s}.btn-parallal-border::before{position:absolute;content:"";width:0%;height:0%;bottom:0;left:0;opacity:0;border-bottom:1px solid #1c1d20;border-left:1px solid #1c1d20;transition:all .75s}.btn-parallal-border::after{position:absolute;content:"";width:0%;height:0%;top:0;right:0;opacity:0;border-top:1px solid #1c1d20;border-right:1px solid #1c1d20;transition:all .75s}.btn-parallal-border:hover{border-color:transparent!important;color:#1c1d20}.btn-parallal-border:hover::before{opacity:1;width:100%;height:100%}.btn-parallal-border:hover::after{opacity:1;width:100%;height:100%}.elementor-widget-wcf--contact-form-7 .wcf-btn-default{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:16px;line-height:1;font-weight:500;transition:all .3s}.elementor-widget-wcf--contact-form-7 svg{width:1em;height:1em}.elementor-widget-wcf--contact-form-7.icon-position-after i,.elementor-widget-wcf--contact-form-7.icon-position-after svg{order:15}.elementor-widget-wcf--contact-form-7 .wpcf7-list-item:first-child{margin-left:0}.wcf--category-wrap,.wcf--meta-list{flex-wrap:wrap;display:flex}.wcf--meta-list,.wcf--meta-list ul{padding:0;margin:0}.wcf--category-list li:last-child::after,.wcf--meta-list.style-2>li:last-child::after{display:none}.wcf--post-tags li,.wcf-separator{position:relative}.wcf--meta-list svg,.wcf--post-paginate svg{width:1em;height:1em}.wcf-separator::after{content:attr(data-separator);display:inline-block;margin-inline-start:12px;font-size:16px}.wcf--meta-list{gap:15px}.wcf--meta-list path{transition:.3s}.wcf--category-list{gap:15px;display:flex;flex-wrap:wrap;align-items:center}.wcf--meta-list .wcf-btn-default{padding:0;border:none}.wcf--meta-list.style-1 li,.wcf--meta-list.style-1 li a{color:#1c1d20;font-size:14px;font-weight:400;line-height:1.7}.wcf--meta-list.style-1 li a:hover{color:#f0b849}.wcf--meta-list li{display:flex;align-items:center}.wcf--meta-list i,.wcf--meta-list svg{margin-right:5px}.wcf--meta-list.style-2{gap:10px 50px;align-items:center}.wcf--meta-list.style-2>li{align-items:flex-start;flex-direction:column;position:relative}.wcf--meta-list.style-2>li::after{position:absolute;content:"";width:1px;height:100%;background-color:#efefef;inset-inline-end:-25px;top:50%;transform:translateY(-50%)}.wcf--meta-list.style-2 .wcf--author-wrap{flex-direction:row;align-items:center}.wcf--meta-list.style-2 .wcf-author-img{margin-inline-end:15px}.wcf--meta-list.style-2 li .label{color:#555;font-size:14px;font-weight:500;line-height:1.6;text-transform:capitalize;margin-bottom:5px;display:flex;align-items:center}.post-time-ago,.wcf--meta-date,.wcf--meta-list.style-2 li a,.wcf--meta-view{color:#1c1d20;font-size:16px;font-weight:500;line-height:1.6;text-transform:capitalize}.wcf--meta-list.style-2 li a:hover,.wcf--post-tags li a:hover{color:#f0b849}.wcf--meta-list.style-2 .wcf-author-img img{width:60px;height:60px;border-radius:100%;-o-object-fit:cover;object-fit:cover}.wcf--meta-list.style-2 .wcf--meta-view{display:flex}.wcf--post-tags{gap:6px 12px;display:flex;align-items:center;flex-wrap:wrap}.wcf--post-tags li::after{content:attr(data-separator);display:inline-block;font-size:16px;position:absolute;top:0;inset-inline-end:-5px}.wcf--post-tags li:last-child::after{display:none}.wcf--post-tags li a{display:inline-block;text-transform:capitalize;transition:.3s;font-weight:500;border:none;padding:0}.wcf--post-paginate{width:100%;display:grid;align-items:center;grid-template-columns:1fr 1fr}.wcf--post-paginate a{color:#1c1d20;display:flex;flex-direction:column;justify-content:center}.wcf--post-paginate a .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.wcf--post-paginate a *{transition:.3s}.wcf--post-paginate a .next-prev{gap:10px;align-items:center;display:inline-flex}.wcf--post-paginate .title{font-size:18px;margin-bottom:20px}.wcf--post-paginate .post-next a{text-align:end;align-items:end}.layout-2.wcf--post-paginate a{flex-direction:row;align-items:center;border:1px solid;height:200px;width:200px;border-radius:100%}@media (max-width:767px){.wcf--post-paginate{grid-template-columns:1fr}.wcf--post-paginate .post-next{text-align:start}}.wc-btn-wrapper {
display: inline-block;
}
.btn-text-flip svg,
.wc-btn-wrapper svg {
width: 1em;
height: 1em;
} .wc-btn-group {
display: flex;
width: fit-content;
}
.wc-btn-group .wc-btn-primary {
padding: 21px 40px;
font-weight: 600;
font-size: 16px;
line-height: 1;
color: #fff;
background-color: #0A1A3D;
text-transform: capitalize;
transition: all 0.3s;
display: inline-flex;
align-items: center;
overflow: hidden;
z-index: 1;
gap: 30px;
white-space: nowrap;
border-radius: 30px;
text-decoration: none;
}
.wc-btn-group .wc-btn-play {
color: #fff;
fill: #fff;
border-radius: 50px;
background-color: #0A1A3D;
border: 1px solid transparent;
height: 60px;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s;
}
.wc-btn-group > *:nth-child(2) {
transform: scale3d(1, 1, 1);
}
.wc-btn-group:hover > *:nth-child(2) {
transform: scale3d(1, 1, 1);
} .style-1 .wc-btn-group > *:nth-child(1) {
transform: scale3d(0.5, 0.5, 1);
margin-right: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-1 .wc-btn-group > *:nth-child(3) {
transform: scale3d(1, 1, 1);
margin-left: 0;
opacity: 1;
}
.style-1 .wc-btn-group:hover > *:nth-child(1) {
transform: scale3d(1, 1, 1);
margin-right: 0;
opacity: 1;
}
.style-1 .wc-btn-group:hover > *:nth-child(3) {
transform: scale3d(0.5, 0.5, 1);
margin-left: calc( var(--icon-width, 60px) * -1);
opacity: 0;
} .style-2 .wc-btn-group > *:nth-child(1) {
transform: scale3d(1, 1, 1);
margin-right: 0;
opacity: 1;
}
.style-2 .wc-btn-group > *:nth-child(3) {
transform: scale3d(0.5, 0.5, 1);
margin-left: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-2 .wc-btn-group:hover > *:nth-child(1) {
transform: scale3d(0.5, 0.5, 1);
margin-right: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-2 .wc-btn-group:hover > *:nth-child(3) {
transform: scale3d(1, 1, 1);
margin-left: 0;
opacity: 1;
} .btn-text-flip {
perspective: 1000px;
text-decoration: none;
}
.btn-text-flip:hover {
color: #fff;
fill: #fff;
}
.btn-text-flip:hover span {
color: #fff;
transform: rotateX(90deg) translateY(-12px);
}
.btn-text-flip span {
position: relative;
display: inline-block;
padding: 0;
color: #121212;
transition: transform 0.3s;
transform-origin: 50% 0;
transform-style: preserve-3d;
}
.btn-text-flip span:before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
content: attr(data-text);
transition: color 0.3s;
transform: rotateX(-90deg);
transform-origin: 50% 0;
text-align: center;
} .style-4 .btn-border-crop {
display: inline-block;
}
.style-4 .btn-border-crop:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: linear-gradient(105.52deg, var(--b-color-1, #FF856A) 0%,  var(--b-color-2, #FFED4E) 34%, var(--b-color-3, #4BFFF4) 69%, var(--b-color-4, #7F52FF) 100%);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
mask-image: var(--btn-bg, url(//erawebsolutions.com/wp-content/plugins/arolax-essential/assets/images/btn-image.webp));
mask-size: 100% 100%;
mask-repeat: no-repeat;
mask-position: center;
}
.arolax-btn-width-full .wc-btn-wrapper {
width: 100%;
}
.arolax-btn-width-full a {
width: 100%;
justify-content: center;
} .btn-border-divide {
gap: 10px;
display: flex;
align-items: flex-end;
overflow: hidden;
}
.btn-border-divide .text,
.btn-border-divide .icon {
border-bottom: 1px solid;
}
.btn-border-divide .icon {
padding-bottom: 3px;
position: relative;
}
.btn-border-divide .icon i:first-child,
.btn-border-divide .icon svg:first-child {
position: absolute;
transform: translate(-10px, 10px);
transition: all .3s;
opacity: 0;
}
.btn-border-divide .icon i:last-child,
.btn-border-divide .icon svg:last-child {
transition: all .3s;
opacity: 1;
} .btn-border-divide:hover .icon i:first-child,
.btn-border-divide:hover .icon svg:first-child {
transform: translate(0, 0);
opacity: 1;
}
.btn-border-divide:hover .icon i:last-child,
.btn-border-divide:hover .icon svg:last-child {
transform: translate(10px, -10px);
opacity: 0;
}.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;
}