/*primary btn starts*/

.is-style-workfolio-button-primary a {
    padding: 12px 24px;
    background-color: var(--wp--preset--color--accent);
    border: 2px solid var(--wp--preset--color--accent);
    color: var(--wp--preset--color--accent-text);
    font-size: 18px;
    white-space: nowrap;
    transition: all 0.3s ease-in-out;
    border-radius: 100px;
}

.is-style-workfolio-button-primary > a:hover {
    background-color: transparent;
    border: 2px solid var(--wp--preset--color--accent);
    color: var(--wp--preset--color--accent);
    transition: all 0.3s ease-in-out;
}


/*primary btn ends*/


/*primary btn with arrow starts*/

.is-style-workfolio-button-primary-with-arrow a {
    padding: 12px 24px;
    background-color: var(--wp--preset--color--accent);
    border: 2px solid var(--wp--preset--color--accent);
    color: var(--wp--preset--color--accent-text);
    font-size: 18px;
    white-space: nowrap;
    transition: all 0.3s ease-in-out;
    border-radius: 100px;
}

.is-style-workfolio-button-primary-with-arrow > a:hover {
    background-color: transparent;
    border: 2px solid var(--wp--preset--color--accent);
    color: var(--wp--preset--color--accent);
    transition: all 0.3s ease-in-out;
}

.is-style-workfolio-button-primary-with-arrow > a:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.84586 2.44585C9.04589 2.24588 9.31715 2.13354 9.59999 2.13354C9.88283 2.13354 10.1541 2.24588 10.3541 2.44585L15.1541 7.24585C15.3541 7.44588 15.4664 7.71714 15.4664 7.99998C15.4664 8.28283 15.3541 8.55409 15.1541 8.75412L10.3541 13.5541C10.1529 13.7484 9.88351 13.8559 9.60383 13.8535C9.32415 13.8511 9.05662 13.7389 8.85885 13.5411C8.66108 13.3434 8.5489 13.0758 8.54647 12.7961C8.54404 12.5165 8.65156 12.247 8.84586 12.0459L11.7333 9.06665H1.59999C1.31709 9.06665 1.04578 8.95427 0.845745 8.75423C0.645706 8.55419 0.533325 8.28288 0.533325 7.99998C0.533325 7.71709 0.645706 7.44578 0.845745 7.24574C1.04578 7.0457 1.31709 6.93332 1.59999 6.93332H11.7333L8.84586 3.95412C8.64589 3.75409 8.53355 3.48283 8.53355 3.19998C8.53355 2.91714 8.64589 2.64588 8.84586 2.44585Z' fill='white'/%3E%3C/svg%3E%0A");
    height: 20px;
    width: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: 8px;
    transition: all 0.3s ease-in-out;
}

.is-style-workfolio-button-primary-with-arrow > a:hover:after {
    transition: all 0.3s ease-in-out;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.84586 2.44585C9.04589 2.24588 9.31715 2.13354 9.59999 2.13354C9.88283 2.13354 10.1541 2.24588 10.3541 2.44585L15.1541 7.24585C15.3541 7.44588 15.4664 7.71714 15.4664 7.99998C15.4664 8.28283 15.3541 8.55409 15.1541 8.75412L10.3541 13.5541C10.1529 13.7484 9.88351 13.8559 9.60383 13.8535C9.32415 13.8511 9.05662 13.7389 8.85885 13.5411C8.66108 13.3434 8.5489 13.0758 8.54647 12.7961C8.54404 12.5165 8.65156 12.247 8.84586 12.0459L11.7333 9.06665H1.59999C1.31709 9.06665 1.04578 8.95427 0.845745 8.75423C0.645706 8.55419 0.533325 8.28288 0.533325 7.99998C0.533325 7.71709 0.645706 7.44578 0.845745 7.24574C1.04578 7.0457 1.31709 6.93332 1.59999 6.93332H11.7333L8.84586 3.95412C8.64589 3.75409 8.53355 3.48283 8.53355 3.19998C8.53355 2.91714 8.64589 2.64588 8.84586 2.44585Z' fill='%23216DFF'/%3E%3C/svg%3E%0A");
}


/*primary btn with arrow ends*/


/*white btn with arrow starts*/

.is-style-workfolio-white-button-with-arrow a {
    padding: 12px 28px !important;
    background-color: var(--wp--preset--color--accent-text);
    border: 2px solid var(--wp--preset--color--accent-text);
    color: var(--wp--preset--color--accent);
    font-size: 18px;
    white-space: nowrap;
    transition: all 0.3s ease-in-out;
}

.is-style-workfolio-white-button-with-arrow a:hover {
    background-color: transparent;
    border: 2px solid var(--wp--preset--color--accent-text);
    color: var(--wp--preset--color--accent-text);
    transition: all 0.3s ease-in-out;
}

.is-style-workfolio-white-button-with-arrow a:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.84586 2.44585C9.04589 2.24588 9.31715 2.13354 9.59999 2.13354C9.88283 2.13354 10.1541 2.24588 10.3541 2.44585L15.1541 7.24585C15.3541 7.44588 15.4664 7.71714 15.4664 7.99998C15.4664 8.28283 15.3541 8.55409 15.1541 8.75412L10.3541 13.5541C10.1529 13.7484 9.88351 13.8559 9.60383 13.8535C9.32415 13.8511 9.05662 13.7389 8.85885 13.5411C8.66108 13.3434 8.5489 13.0758 8.54647 12.7961C8.54404 12.5165 8.65156 12.247 8.84586 12.0459L11.7333 9.06665H1.59999C1.31709 9.06665 1.04578 8.95427 0.845745 8.75423C0.645706 8.55419 0.533325 8.28288 0.533325 7.99998C0.533325 7.71709 0.645706 7.44578 0.845745 7.24574C1.04578 7.0457 1.31709 6.93332 1.59999 6.93332H11.7333L8.84586 3.95412C8.64589 3.75409 8.53355 3.48283 8.53355 3.19998C8.53355 2.91714 8.64589 2.64588 8.84586 2.44585Z' fill='%23216DFF'/%3E%3C/svg%3E%0A");
    height: 20px;
    width: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: 8px;
}

.is-style-workfolio-white-button-with-arrow a:hover:after {
    transition: all 0.3s ease-in-out;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.84586 2.44585C9.04589 2.24588 9.31715 2.13354 9.59999 2.13354C9.88283 2.13354 10.1541 2.24588 10.3541 2.44585L15.1541 7.24585C15.3541 7.44588 15.4664 7.71714 15.4664 7.99998C15.4664 8.28283 15.3541 8.55409 15.1541 8.75412L10.3541 13.5541C10.1529 13.7484 9.88351 13.8559 9.60383 13.8535C9.32415 13.8511 9.05662 13.7389 8.85885 13.5411C8.66108 13.3434 8.5489 13.0758 8.54647 12.7961C8.54404 12.5165 8.65156 12.247 8.84586 12.0459L11.7333 9.06665H1.59999C1.31709 9.06665 1.04578 8.95427 0.845745 8.75423C0.645706 8.55419 0.533325 8.28288 0.533325 7.99998C0.533325 7.71709 0.645706 7.44578 0.845745 7.24574C1.04578 7.0457 1.31709 6.93332 1.59999 6.93332H11.7333L8.84586 3.95412C8.64589 3.75409 8.53355 3.48283 8.53355 3.19998C8.53355 2.91714 8.64589 2.64588 8.84586 2.44585Z' fill='white'/%3E%3C/svg%3E%0A");
}


/*white btn with arrow ends*/


/*workfolio title tag starts*/

.is-style-workfolio-title-tag {
    background-color: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--accent-text);
    padding: 6px 12px;
    border-radius: 100px;
    width: max-content;
    /*box-shadow: 0 0 23px -6px rgb(16, 109, 255);*/
}

@keyframes wokfolio-infinite-vibrate {
    0% {
        transform: rotate(0);
    }
    25% {
        transform: rotate(-15deg);
    }
    50% {
        transform: rotateX(15deg);
    }
    75% {
        transform: rotateX(-15deg);
    }
    100% {
        transform: rotateX(0deg);
    }
}

.wokfolio-infinite-vibrate {
    animation: wokfolio-infinite-vibrate 1s infinite;
}


/*workfolio title tag ends*/

.wp-block-group.is-style-group-bg-hover {
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
}

.wp-block-group.is-style-group-bg-hover:hover {
    background: var(--wp--preset--color--accent) !important;
    transform: translateY(-20px);
}

.wp-block-group.is-style-group-bg-hover:hover :is(h2,
h3,
h4,
h5,
p,
a,
hr) {
    color: var(--wp--preset--color--accent-text) !important;
}

/*box shadow css starts*/
.is-style-workfolio-box-shadow-light {
    box-shadow: var(--wp--custom--workfolio-box-shadow-light);
}

/*box shadow css ends*/

@media (max-width: 782px) {
    .is-style-workfolio-mob-col-reverse {
        flex-direction: column-reverse;
    }

    .is-style-workfolio-mob-col-center {
        justify-content: center !important;
        align-items: center !important;
    }

    .is-style-workfolio-hide-on-mob{
        display: none!important;
    }
}

/*categories css starts*/
.taxonomy-category a{
    background-color: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--accent-text);
    padding: 6px 12px;
    border-radius: 100px;
    margin-right: 12px;
}
.wp-block-post-terms__separator {
    display: none;
}
/*categories css ends*/

/*readmore css starts*/
.wp-block-post-excerpt__more-text{
    margin-top: 12px;
}
/*readmore css ends*/


/*responsive css*/

@media (max-width: 782px) {
    /*css for mobile navigation dropdown*/
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
        display: block;
        padding: 8px;
        height: unset;
        width: unset;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation {
        width: 100%;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        border-bottom: 1px solid #eee;
        justify-content: space-between;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child .wp-block-navigation-link {
        border-bottom: none;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child .wp-block-navigation-item__content {
        width: 86%;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-link .wp-block-navigation-item__content {
        padding: 6px 0;
        width: 100%;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child .wp-block-navigation-item__content {
        width: 80%;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child .wp-block-navigation-submenu {
        display: none;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.has-child .wp-block-navigation-submenu.is-subMenu--active {
        display: block;
    }

    .has-modal-open:before {
        position: fixed;
        content: '';
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-color: #000;
        opacity: 0.7;
        z-index: 9999;
    }


    .wp-block-navigation__responsive-container.is-menu-open {
        padding: 0;
        height: 100vh !important;
        width: 70%;
        right: 0;
        left: unset;
    }

    .wp-block-navigation__responsive-close {
        height: 100%;
    }

    .wp-block-navigation__responsive-container-close {
        right: 20px;
        top: 20px;
    }

    .has-child .wp-block-navigation__submenu-container {
        display: none !important;
    }

    .has-child .wp-block-navigation__submenu-container.is-subMenu--active {
        display: block !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container ul {
        width: 100%;
    }
}

@media screen and (max-width: 599px) {
    .wp-block-navigation__responsive-dialog {
        background-color: #fff !important;
        padding: 24px;
        height: 100%;
        margin-top: 0 !important;
        z-index: 99999;
    }

    .wp-block-navigation__submenu-container.wp-block-navigation-submenu.is-subMenu--active {
        padding: 0 16px !important;
    }
}