.wcf__portfolio li {
list-style: none;
}
.wcf__portfolio svg {
width: 1em;
height: 1em;
}
.wcf__portfolio a,
.wcf__portfolio button {
cursor: pointer;
transition: all 0.3s;
text-decoration: none;
}
@media only screen and (max-width: 767px) {
.wcf__portfolio .filter {
overflow-x: auto;
}
}
.wcf__portfolio .filter button {
color: #1c1d20;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
border: 0;
background: transparent;
}
@media only screen and (max-width: 767px) {
.wcf__portfolio .filter button {
min-width: -moz-max-content;
min-width: max-content;
}
}
.wcf__portfolio .filter button span {
display: block;
font-size: 12px;
line-height: 1.8;
text-align: right;
color: #999;
transition: all 0.3s;
}
.wcf__portfolio .wcf-posts {
display: grid;
}
.wcf__portfolio.masonary .wcf-posts {
grid-auto-flow: dense;
}
.wcf__portfolio .wcf-post .thumb {
display: block;
line-height: 0;
}
.wcf__portfolio .wcf-post img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.wcf__portfolio .wcf-post.large {
grid-column: auto/span 2;
}
.wcf__portfolio .title {
transition: all 0.3s;
margin-bottom: 10px;
}
.wcf__portfolio .title:hover {
color: #e8bf96;
}
.wcf__portfolio .pf-pagination {
gap: 3px;
display: flex;
}
@media only screen and (max-width: 767px) {
.wcf__portfolio .pf-pagination {
justify-content: center;
}
}
.wcf__portfolio .pf-pagination .page-numbers {
width: 40px;
height: 40px;
border-radius: 20px;
color: #16254c;
font-size: 14px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
}
.wcf__portfolio .pf-pagination .page-numbers:not(.prev, .next):hover {
color: #16254c;
background-color: #f5f3ed;
}
.wcf__portfolio .pf-pagination .prev {
justify-content: flex-start;
}
.wcf__portfolio .pf-pagination .next {
justify-content: flex-end;
}
.wcf__portfolio .pf-pagination .current {
color: #16254c;
background-color: #f5f3ed;
}
.wcf__portfolio .pf-pagination i {
font-size: 18px;
}
.wcf__portfolio .pf-pagination i:hover {
color: #e8bf96;
}
.wcf__portfolio .pf-pagination svg {
font-size: 18px;
}
.wcf__portfolio .pf-pagination svg:hover path {
fill: #e8bf96;
}
.wcf__portfolio .pf-load-more {
display: flex;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.wcf__portfolio .pf-load-more .wcf__btn {
position: relative;
}
.wcf__portfolio .pf-load-more .wcf__btn.loading:after {
content: "";
position: absolute;
top: -100%;
left: 45%;
border: 3px solid #f3f3f3;
border-radius: 50%;
border-top: 3px solid #e8bf96;
width: 30px;
height: 30px;
animation: spin 2s linear infinite;
}
.wcf__portfolio.style-1 .filter {
display: flex;
justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
.wcf__portfolio.style-1 .filter {
justify-content: flex-start;
}
}
.wcf__portfolio.style-1 .filter button {
color: #555;
font-weight: 400;
text-transform: capitalize;
position: relative;
}
.wcf__portfolio.style-1 .filter button span {
display: none;
}
.wcf__portfolio.style-1 .filter button.mixitup-control-active::before, .wcf__portfolio.style-1 .filter button::before {
position: absolute;
content: "";
width: 0%;
height: 1px;
left: 0;
bottom: 0;
background-color: #16254c;
transition: all 0.3s;
}
.wcf__portfolio.style-1 .filter button.mixitup-control-active {
color: #555;
}
.wcf__portfolio.style-1 .filter button.mixitup-control-active span {
color: #16254c;
}
.wcf__portfolio.style-1 .filter button.mixitup-control-active::before {
width: 100%;
}
.wcf__portfolio.style-1 .filter button:hover {
color: #0c0d0e;
}
.wcf__portfolio.style-1 .filter button:hover::before {
width: 100%;
}
.wcf__portfolio.style-1 .filter button:hover span {
color: #16254c;
}
.wcf__portfolio.style-1 .wcf-post {
text-align: center;
}
.wcf__portfolio.style-1 .wcf-post img {
height: auto;
border-radius: 25px;
}
.wcf__portfolio.style-1 .title {
color: #16254c;
font-size: 20px;
font-weight: 500;
line-height: 1.5;
}
.wcf__portfolio.style-1 .title:hover {
color: #e8bf96;
}
.wcf__portfolio.style-2 .filter {
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.wcf__portfolio.style-2 .filter {
justify-content: flex-start;
}
}
.wcf__portfolio.style-2 .filter button:hover {
color: #e8bf96;
}
.wcf__portfolio.style-2 .filter button:hover span {
color: #e8bf96;
}
.wcf__portfolio.style-2 .filter .mixitup-control-active {
color: #e8bf96;
}
.wcf__portfolio.style-2 .filter .mixitup-control-active span {
color: #e8bf96;
}
.wcf__portfolio.style-2 .wcf-posts {
gap: 65px;
grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 1199px) {
.wcf__portfolio.style-2 .wcf-posts {
gap: 30px;
}
}
@media only screen and (max-width: 991px) {
.wcf__portfolio.style-2 .wcf-posts {
gap: 20px;
}
}
@media only screen and (max-width: 767px) {
.wcf__portfolio.style-2 .wcf-posts {
display: flex;
flex-wrap: wrap;
}
}
.wcf__portfolio.style-2 .wcf-post {
position: relative;
}
.wcf__portfolio.style-2 .wcf-post img {
height: 100%;
transition: all 1s;
}
.wcf__portfolio.style-2 .wcf-post:hover .content {
opacity: 1;
visibility: visible;
}
.wcf__portfolio.style-2 .wcf-post:hover img {
transform: scale(1.1);
}
.wcf__portfolio.style-2 .content {
position: absolute;
bottom: 105px;
inset-inline-start: 0;
margin: 0 40px;
gap: 1px;
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
opacity: 0;
visibility: hidden;
transition: 0.7s;
}
@media only screen and (max-width: 1199px) {
.wcf__portfolio.style-2 .content {
margin: 0 20px;
bottom: 50px;
}
}
@media only screen and (max-width: 991px) {
.wcf__portfolio.style-2 .content {
bottom: 30px;
}
}
.wcf__portfolio.style-2 .title {
font-weight: 600;
font-size: 18px;
line-height: 1.5;
padding: 10px 20px;
color: #fff;
text-transform: uppercase;
background-color: #1c1d20;
display: inline-block;
}
@media only screen and (max-width: 991px) {
.wcf__portfolio.style-2 .title {
padding: 5px 10px;
}
}
.wcf__portfolio.style-2 .title:hover {
color: #e8bf96;
}
.wcf__portfolio.style-2 .meta {
color: #fff;
padding: 10px 20px;
background-color: #1c1d20;
}
@media only screen and (max-width: 991px) {
.wcf__portfolio.style-2 .meta {
padding: 5px 10px;
}
}
.wcf__portfolio.style-2 .pf-pagination {
justify-content: center;
}
.wcf__portfolio.style-3 {
gap: 220px;
display: grid;
}
.wcf__portfolio.style-3.enable-filter {
grid-template-columns: 1fr 3.3fr;
}
@media only screen and (max-width: 1199px) {
.wcf__portfolio.style-3 {
gap: 100px;
}
}
@media only screen and (max-width: 991px) {
.wcf__portfolio.style-3 {
gap: 40px;
grid-template-columns: 1fr !important;
}
}
@media only screen and (max-width: 767px) {
.wcf__portfolio.style-3 {
gap: 20px;
}
}
.wcf__portfolio.style-3 .filter {
margin-top: 210px;
display: flex;
align-items: flex-end;
flex-direction: column;
justify-content: flex-start;
}
@media only screen and (max-width: 991px) {
.wcf__portfolio.style-3 .filter {
gap: 20px;
margin-top: 0;
flex-direction: unset;
}
}
.wcf__portfolio.style-3 .filter button:hover {
color: #e8bf96;
}
.wcf__portfolio.style-3 .filter button:hover span {
color: #e8bf96;
}
.wcf__portfolio.style-3 .filter .mixitup-control-active {
color: #e8bf96;
}
.wcf__portfolio.style-3 .filter .mixitup-control-active span {
color: #e8bf96;
}
.wcf__portfolio.style-3 .title {
color: #1c1d20;
font-size: 22px;
font-weight: 600;
line-height: 1.3;
}
.wcf__portfolio.style-3 .title:hover {
color: #e8bf96;
}
.wcf__portfolio.style-3 .pf-pagination {
justify-content: center;
}
@media only screen and (max-width: 767px) {
.wcf__portfolio.style-3 .pf-pagination {
justify-content: flex-start;
}
}
.wcf__portfolio.style-4 .wcf-post img {
width: auto;
}
.wcf__portfolio.style-4 .wcf-post {
display: flex;
justify-content: center;
align-items: center;
}
.wcf__portfolio.style-4 .filter {
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.wcf__portfolio.style-4 .filter {
justify-content: flex-start;
}
}
.wcf__portfolio.style-4 .filter button:hover {
color: #e8bf96;
}
.wcf__portfolio.style-4 .filter button:hover span {
color: #e8bf96;
}
.wcf__portfolio.style-4 .filter .mixitup-control-active {
color: #e8bf96;
}
.wcf__portfolio.style-4 .filter .mixitup-control-active span {
color: #e8bf96;
}
.wcf__portfolio.style-4 .title {
margin-top: 20px;
color: #1c1d20;
font-size: 22px;
font-weight: 600;
line-height: 1.3;
}
.wcf__portfolio.style-4 .title:hover {
color: #e8bf96;
}
.wcf__portfolio.style-4 .pf-pagination {
justify-content: center;
}
@media only screen and (max-width: 767px) {
.wcf__portfolio.style-4 .pf-pagination {
justify-content: flex-start;
}
}
.elementor-widget-wcf--portfolio.wcf--image-effect-zoom-in img, .elementor-widget-wcf--portfolio.wcf--image-effect-zoom-out img, .elementor-widget-wcf--portfolio.wcf--image-left-move img, .elementor-widget-wcf--portfolio.wcf--image-right-move img {
transition: all 0.5s;
}
.elementor-widget-wcf--portfolio.wcf--image-effect-zoom-in .thumb, .elementor-widget-wcf--portfolio.wcf--image-effect-zoom-out .thumb, .elementor-widget-wcf--portfolio.wcf--image-left-move .thumb, .elementor-widget-wcf--portfolio.wcf--image-right-move .thumb {
overflow: hidden;
}
.elementor-widget-wcf--portfolio.wcf--image-effect-zoom-in img {
transform: scale(1);
}
.elementor-widget-wcf--portfolio.wcf--image-effect-zoom-in .wcf-post:hover img {
transform: scale(1.1);
}
.elementor-widget-wcf--portfolio.wcf--image-effect-zoom-out img {
transform: scale(1);
}
.elementor-widget-wcf--portfolio.wcf--image-effect-zoom-out .wcf-post:hover img {
transform: scale(0.9);
}
.elementor-widget-wcf--portfolio.wcf--image-left-move img {
transform: scale(1.1);
}
.elementor-widget-wcf--portfolio.wcf--image-left-move .wcf-post:hover img {
transform: scale(1.1) translateX(4%);
}
.elementor-widget-wcf--portfolio.wcf--image-right-move img {
transform: scale(1.1);
}
.elementor-widget-wcf--portfolio.wcf--image-right-move .wcf-post:hover img {
transform: scale(1.1) translateX(-4%);
}@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(//creative-digital.design/wp-content/plugins/animation-addons-for-elementor/assets/images/mask-btn.png);mask:url(//creative-digital.design/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}