/*
Theme Name: Web Designer Portfolio
Theme URI: https://www.ovationthemes.com/products/web-designer-portfolio
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Web Designer Portfolio is a sleek, modern, and minimalist theme crafted for creative professionals who want to showcase their work with clarity and style, making it ideal for portfolio wordpress websites featuring grid-based layouts. Perfect for web designers, graphic designers, UI/UX specialists, freelancers, digital artists, and creative agencies, this theme offers well-structured sections for case studies, services, testimonials, resumes, and personal branding. Its visually engaging design includes dynamic portfolio grids, smooth animations, hover effects, parallax scrolling, and customizable layouts that enhance user experience and highlight projects effectively. Built with a responsive and SEO-friendly structure, it ensures fast loading and seamless performance across desktops, tablets, and mobile devices. The intuitive navigation and flexible customization options allow users to easily adjust colors, typography, and layouts without complexity. Integration with the Portfolio Gallery plugin enables interactive project displays, helping attract potential clients and boost engagement. Web Designer Portfolio is a powerful, professional, and minimalist solution for building a high-performing creative portfolio that stands out in a competitive digital space.
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 5.6
Version: 3.0.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: web-designer-portfolio
Tags: photography, portfolio, blog, one-column, two-columns, custom-colors, custom-menu, custom-logo, sticky-post, threaded-comments, right-sidebar, left-sidebar, grid-layout, custom-background, rtl-language-support, featured-images, wide-blocks, editor-style, full-site-editing, block-patterns, block-styles, style-variations, template-editing, footer-widgets, custom-header, translation-ready

Web Designer Portfolio WordPress Theme, Copyright 2025 pewilliams
Web Designer Portfolio is distributed under the terms of the GNU GPL

*/

a{
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:focus,
button:focus{
    outline: 2px solid !important;
}
/*navigation css*/
@media screen and (min-width:1000px){
    .wp-block-navigation ul li a:hover,
    .wp-block-navigation ul li a:focus,
    .wp-block-navigation .current-menu-item a,
    .wp-block-navigation ul ul li a:hover,
    .wp-block-navigation ul ul li a:focus,
    .wp-block-navigation__submenu-container .current-menu-item a{
        color: var(--wp--preset--color--primary) !important;
    }
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container{  
        border-top: 2px solid var(--wp--preset--color--primary);
        border-bottom: 2px solid var(--wp--preset--color--primary);
        box-shadow: 2px 2px 8px #cfc8d8;
    }
    .wp-block-navigation ul ul li a{
        border-bottom: 1px solid var(--wp--preset--color--border-color);
    }
    .wp-block-navigation ul li:last-child a{
        border-bottom: none;
    }
}
.wp-block-navigation ul ul{
    padding: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    width: 100%;
    border: 1px solid var(--wp--preset--color--border-color);
    border-top-color: var(--wp--preset--color--primary);
    border-bottom-color: var(--wp--preset--color--primary);
}
.wp-block-navigation__responsive-container.is-menu-open li a,
.wp-block-navigation__responsive-container.is-menu-open li li a,
.wp-block-navigation__responsive-container.is-menu-open li li:last-child a{
    border-bottom: 1px solid var(--wp--preset--color--border-color);
}
.wp-block-navigation__responsive-container.is-menu-open li:last-child a{
    border-bottom: none;
}
.wp-block-navigation__responsive-container.is-menu-open li a:hover,
.wp-block-navigation__responsive-container.is-menu-open li a:focus,
.wp-block-navigation__responsive-container.is-menu-open li.current-menu-item a{
    background-color: var(--wp--preset--color--primary-light) !important;
    color: var(--wp--preset--color--primary) !important;
}
.wp-block-navigation .wp-block-navigation__submenu-icon{
    background: transparent;
}
@media screen and (max-width:999px) {
    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        display: none;
    }

    .wp-block-navigation__responsive-container-close svg,
    .wp-block-navigation__responsive-container-open svg{
        width: 26px;
        height: 26px;
    }
    
    .wp-block-navigation__responsive-container-open svg{
        fill: var(--wp--preset--color--heading);
    }
    .wp-block-navigation__responsive-container-close svg{
        fill: var(--wp--preset--color--black);
    }

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

    .wp-block-navigation__responsive-container-open:not(.always-shown){
        display: block;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none; 
    }

    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
        background-color: var(--wp--preset--color--white);
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
        padding: 1.5em;
        padding-top: 2.5rem;
    }

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
        width: 100%;
        gap: 0 !important;
        border-bottom: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
        width: 100%;
        gap: 0 !important;
        border: none !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
        width: calc( 100% - 48px );
        padding: 12px 24px 12px;
        line-height: 30px;
        text-align: left;
    }

    /*
    * Submenu Css
    */
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
        width: 100%;
        gap: 0;
        margin: 0;
        padding: 0;
        box-shadow: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a{
        gap: 3px;
        font-weight: 300 !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a:before {
        content: '--';
    }
}

.wp-block-image img{
    vertical-align: middle;
}

.pos-relative{
    position: relative;
}

form {
    position: relative;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    border: 1px solid var(--wp--preset--color--border-color);
    resize: none;
    line-height: 20px;
    background: none;
    color: var(--wp--preset--color--foreground);
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
select option{
    background: var(--wp--preset--color--base);
    color: var(--wp--preset--color--foreground);
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none; /* hide the default arrow in ie10 and ie11 */
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
    border-color: var(--wp--preset--color--heading);
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
    border: none;
    padding: 12px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    border-radius: 30px;
    text-transform: capitalize;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    text-align: center;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover{
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--white);
}
.wpcf7-form label {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 8px;
    color: var(--wp--preset--color--foreground);
    font-weight: 700;
}

.form-group {
    margin-bottom: 30px;
}

.form-group p{
    margin: 0;
}

.form-group.half {
    width: 48%;
    margin-right: 4%;
    float: left;
}

.form-group.half.last {
    margin-right: 0;
}

.form-group.third {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.form-group.third.last {
    margin-right: 0;
}
/*comment*/
.wp-block-comments{
    padding: 20px;
    border: 1px solid var(--wp--preset--color--border-color);
}
.wp-block-comment-template li .wp-block-columns{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 20px;
}
.wp-block-avatar img{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 2px;
}
.wp-block-post-comments-form textarea{
    background: var(--wp--preset--color--section-bg);
}
.single-post .post-meta .wp-block-post-author{
    align-items: center;
}
.single-post .wp-block-comments .comment-respond .comment-form .comment-form-cookies-consent{
    align-items: flex-start;
}
.single-post .wp-block-post-featured-image img{
    height: 400px;
    width: 400px;
    object-fit: contain;
    transform: translateY(10px);
    transition: all 0.4s ease;
}
.single-post .wp-block-post-featured-image img:hover{
     transform: translateY(0px);
}
.single-post .related-post .wp-block-post-featured-image img{
    height: 200px;
    width: 100%;
}
/*pagination*/
.wp-block-query-pagination-numbers .page-numbers{
    padding: 6px 15px;
    line-height: 1;
    text-decoration: none;
    color:var(--wp--preset--color--heading);
}
.wp-block-query-pagination-numbers .page-numbers.current{
    background:var(--wp--preset--color--primary);
    color: var(--wp--preset--color--black) !important;
}
.wp-block-query-pagination-numbers .page-numbers:hover{
    color:var(--wp--preset--color--secondary);
}
.wp-block-query-pagination-next, .wp-block-query-pagination-previous{
    background:var(--wp--preset--color--primary);
    font-size: var(--wp--preset--font-size--small);
    line-height: 1;
    padding: 10px;
    color: var(--wp--preset--color--black);
    text-decoration: none;
}
.wp-block-query-pagination-next:hover, .wp-block-query-pagination-previous:hover{
    color: var(--wp--preset--color--white);
    background: var(--wp--preset--color--secondary);
}
/*sidebar css*/
.sidebar-box,.inner-post-box{
    position: relative;
    box-shadow: 0px 4px 9px var(--wp--preset--color--sidebar-shadow-color);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.sidebar-box:hover{
    transform: translateY(-6px);
    box-shadow:0 18px 40px rgba(0, 0, 0, 0.25), 0 8px 20px rgba(0, 0, 0, 0.20);
}
.sidebar-heading{
    display: table;
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
    width: auto;
}
.sidebar-post-title{
    margin-block-start: 10px;
    margin-block-end: 0;
}
.sidebar-box .wp-block-page-list  ul li{
    list-style: square;
}
.sidebar-box .wp-block-archives-list li ,
.sidebar-box .wp-block-categories-list li,
.sidebar-box .wp-block-page-list li{
    list-style: circle;

}
.sidebar-box .wp-block-archives-list li::marker,
.sidebar-box .wp-block-categories-list li::marker,
.sidebar-box .wp-block-page-list li::marker{
    color: var(--wp--preset--color--primary);
}
.sidebar-box .wp-block-archives-list,.sidebar-box .wp-block-categories-list{
    padding-left: 20px;
}
.sidebar-box ul li a{
    text-decoration: none;
}
.sidebar-box .wp-block-tag-cloud a{
    background: var(--wp--preset--color--primary-light);
    color: var(--wp--preset--color--black);
}
.sidebar-box .wp-block-tag-cloud a:hover{
    background: var(--wp--preset--color--background);
    color: var(--wp--preset--color--primary);
}
.sidebar-box ul li{
    transition: all .6s ease-in-out;
}
.sidebar-box ul li:hover{
    padding-left: 15px;
}
/*post css*/
.post-title{
    position: relative;
}
.post-title .wp-block-separator{
    width: 57px !important;
}
.post-title .wp-block-separator:after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: var(--wp--preset--color--primary);
    top: 0;
    bottom: 0;
    margin: auto;
}
.archieve-readmore .wp-block-separator{
    width: 20px !important;
}
/*woocommerce*/
.wp-block-group.woocommerce.product{
    margin-block-start: 0;
}
.wc-block-product,
.wc-block-grid__product,
.woocommerce .products li,
.wp-block-woocommerce-related-products li,
.products-block-post-template li {
    text-align: center;
    padding: 10px !important;
    background: var(--wp--preset--color--section-bg);
}
.wc-block-grid__product{
    margin: 0 10px;
}
a.wc-block-grid__product-link,.wc-block-grid__product-image,.wc-block-grid__products .wc-block-grid__product-image img {
    width: 100%;
}
.wc-block-components-product-rating__stars,.wc-block-grid__product-rating,.woocommerce .star-rating {
    margin: 0 auto 0.5em;
    color: #f4bc16;
}
.wc-block-components-product-rating__stars::before,.wc-block-grid__product-rating .star-rating:before{
    color: #cfc8d8;
}
.woocommerce span.onsale,.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--black);
    padding: 0;
    border-radius: 0px;
    margin: 5px !important;
    min-height: 8px;
    line-height: 26px;
    min-width: 60px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title.title h2{
    font-size: 30px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title.title h2 + .edit{
    float: left;
    color: var(--wp--preset--color--secondary);
    font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title.title h2 + .edit:hover{
    color: var(--wp--preset--color--primary);
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    justify-content: space-between;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products li{
    max-width: 100%;
    margin-bottom: 15px;
}
nav.woocommerce-MyAccount-navigation ul li {
    background: var(--wp--preset--color--primary);
    border: 1px solid;
    border-color: var(--wp--preset--color--primary);
    padding: 12px!important;
    margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
    color: var(--wp--preset--color--white);
}
nav.woocommerce-MyAccount-navigation ul li:hover {
    background: var(--wp--preset--color--secondary);
    border-color: var(--wp--preset--color--secondary);
}
nav.woocommerce-MyAccount-navigation ul li:hover a{
    color: var(--wp--preset--color--white);
}
.woocommerce ul.products li.product .button{
    padding: var(--wp--preset--spacing--30);
    border-radius: 0;
}
.woocommerce a.added_to_cart,
.added_to_cart.wc-forward,
.single-product .wp-block-woocommerce-store-notices .wc-forward{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--secondary);
    padding: var(--wp--preset--spacing--30);
    text-decoration: none;
    display: inline-block;
    margin-top: 0;
}
.single-product .wp-block-woocommerce-store-notices .wc-forward{
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--secondary) !important;
    padding: 10px !important;
    opacity: 1;
}
.single-product .wp-block-woocommerce-store-notices .wc-block-components-notice-banner,
.single-product .wp-block-woocommerce-store-notices .wc-block-components-notice-banner .wc-block-components-notice-banner__content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.woocommerce a.added_to_cart:hover, .added_to_cart.wc-forward:hover{
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--white);
}
.added_to_cart.wc-forward{
    margin-left: 10px;
}
.wc-block-components-product-badge{
    box-shadow: 2px 2px 0 0 var(--wp--preset--color--heading);
    border-radius: 0 !important;
    border: solid 2px var(--wp--preset--color--heading) !important;
    padding: 5px 8px !important;
}
.wc-block-grid__product .wc-block-grid__product-title,.wc-block-components-product-name,h2.woocommerce-loop-product__title,.woocommerce-Tabs-panel h2{
  font-size: 18px !important;
  font-weight: bold;
}
.woocommerce #review_form #respond textarea{
   background: var(--wp--preset--color--section-bg);
    border: 1px solid var(--wp--preset--color--border-color);
}
.woocommerce-Tabs-panel--reviews,.wc-block-checkout__form,.woocommerce-Tabs-panel--description{
    padding: 20px !important;
    border: 1px solid var(--wp--preset--color--border-color);
}
.wc-block-checkout__form, .wp-block-woocommerce-checkout-order-summary-block,.wc-block-checkout__actions_row a:hover{
    color: var(--wp--preset--color--heading);
}
.wc-block-components-sidebar-layout.wc-block-cart{
    padding-top: 30px;
}
.wc-block-cart{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 30px;
    border-radius: 10px;
    color: var(--wp--preset--color--heading);
}
.is-large.wc-block-cart .wc-block-cart-items td:after ,.is-large.wc-block-cart .wc-block-cart-items:after {
    border-color: transparent;
}
.wc-block-cart .wc-block-cart-items th,.wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title, .wp-block-woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-coupon-form-block, .wp-block-woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-wrapper{
    padding: 10px !important;
}
form.woocommerce-ordering select.orderby{
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}
.woocommerce-page .wp-block-breadcrumbs + .wp-block-query-title{
    display: none;
}
.wc-block-cart table.wc-block-cart-items{
    margin: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-cart-items,.wc-block-cart-items__header,.wp-block-woocommerce-checkout-order-summary-block,.wp-block-woocommerce-cart-order-summary-block,.woocommerce-Tabs-panel--description,.is-large.wc-block-cart .wc-block-cart-items{
    border: 1px solid var(--wp--preset--color--border-color);
}
.wc-block-components-totals-wrapper:after{
    border-color:  var(--wp--preset--color--border-color);
    opacity: 1 !important;
}
.wc-block-cart__submit-container a{
    margin-top: 15px;
}
.wc-block-checkout__actions_row a{
    color: var(--wp--preset--color--primary);
}
.wc-block-checkout__actions_row a:hover{
    color: var(--wp--preset--color--heading);
}
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    margin-right: auto !important;
    margin-left: auto !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
    padding-right: 0 !important;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover {
    background: transparent;
}
.wc-block-grid__product-image img{
    transition: transform 0.4s ease, opacity 0.4s ease;
}
.wc-block-grid__product-image:hover img{
    transform: scale(0.9);
}
@media screen and (max-width:999px){
    .woocommerce-page.search .wp-block-woocommerce-product-template,
    .woocommerce-page .products-block-post-template,
    .wp-block-woocommerce-related-products .wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .woocommerce-page .wp-block-query-title{
        font-size: 30px !important;
    }
    .wc-block-components-totals-wrapper{
        padding: 16px 22px;
    }
    .wc-block-cart{
        padding: 0;
        border: none;
    }
    .wc-block-components-sidebar-layout.wc-block-cart{
        padding-top: 0;
    }
}
@media screen and (max-width:600px){
    .woocommerce-page.search .wp-block-woocommerce-product-template,
    .woocommerce-page .products-block-post-template,
    .wp-block-woocommerce-related-products .wp-block-post-template{
        grid-template-columns: 1fr !important;
    }
    .single-product .wp-block-woocommerce-product-meta .wp-block-group{
        display: block !important;
    }
    .woocommerce-page .wp-block-query-title{
        font-size: 25px !important;
    }
    .wp-block-woocommerce-cart:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 90% !important;
    }
}
/* scroll top */
p.scroll-top {
    position: absolute;
}
.scroll-top::before{
    font-size: 20px;
    cursor: pointer;
    background: var(--wp--preset--color--primary); 
    color: var(--wp--preset--color--white);
    font-family: "Font Awesome 7 Free";
    font-weight: 600;
    content: '\f135'; 
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    transform: rotate(-45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    z-index: 99;
    transition: all .5s ease-in-out;
}
.scroll-top:hover::before {
    background: var(--wp--preset--color--secondary) !important;
    color: var(--wp--preset--color--white);
    margin-bottom: 10px;
}
/* --- Block Media Quries
-------------------------------------------------------- */
/* --- > Media Queries
-------------------------------------------------------- */
/* --- > 781px
-------------------------------------------------------- */
@media screen and (max-width:999px) {
    .latest-news .wp-block-post-template,
    .post-grid-layout.wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .inner-cover-img h2,.without-cover-img h2{
        font-size: 30px !important;
    }
    
}
@media screen and (max-width: 999px) and (min-width: 782px){
    .page-template-blog-right-sidebar .wp-block-post-template,
    .page-template-blog-left-sidebar .wp-block-post-template,
    .search-results .wp-block-post-template{
        grid-template-columns: 1fr !important;
    }
    .sidebar-col,.post-col{
        flex-basis: 50% !important;
    }
    .page-sidebar-col{
        flex-basis: 40% !important;
    }
    .page-text-col{
        flex-basis: 60% !important;
    }
}
@media screen and (max-width:781px){
    .post-title .wp-block-separator{
        width: 30px !important;
    }
    .post-title h4{
        font-size: 21px;
    }
    .archieve-meta time ,.archieve-meta .wp-block-post-author-name{
        font-size: 13px !important;
    }
    .blog-box .wp-block-cover{
        min-height: 250px !important;
    }
    .search-no-results .wp-block-query-no-results, .single-post .inner-group-class > .wp-block-columns > .wp-block-column:first-child{
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 1300px) and (min-width: 1100px){
    .menu-header .logo-block .wp-block-site-title{
        font-size: 20px !important;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px){
    .woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{
        grid-template-columns: 50% 50%;
    }
}
@media screen and (max-width:767px){
    .woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{
        grid-template-columns: 100%;
    }
    .post-grid-layout.wp-block-post-template,
    .page-template-blog-right-sidebar .wp-block-post-template,
    .page-template-blog-left-sidebar .wp-block-post-template,
    .latest-blogs,
    .search-results .wp-block-post-template{
        display: block !important;
    }
    .post-grid-layout.wp-block-post-template li,
    .page-template-blog-right-sidebar .wp-block-post-template li,
    .page-template-blog-left-sidebar .wp-block-post-template li,
    .latest-blogs li,
    .search-results .wp-block-post-template li{
        margin-bottom: 30px;
    }
    .post-grid-layout.wp-block-post-template li:last-child,
    .page-template-blog-right-sidebar .wp-block-post-template li:last-child,
    .page-template-blog-left-sidebar .wp-block-post-template li:last-child,
    .latest-blogs li:last-child,
    .search-results .wp-block-post-template li:last-child{
        margin-bottom: 0;
    }
    .inner-cover-img h2,.without-cover-img h2{
        font-size: 25px !important;
        text-align: center !important;
    }
    .error-heading{
        font-size: 110px !important;
    }
}
/*header*/
@media screen and (min-width:782px){
    .header-wrap{
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 99;
        background: transparent !important;
    }  
    .post-template-post-without-header-image .header-wrap,
    .page-template-page-without-header-image .header-wrap{
        position: static;
        background-color: var(--wp--preset--color--ternary-bg) !important;
    }
}
.call-icon{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    align-content: center;
    text-align: center;
}
.call-icon img{
    margin-top: -4px;
}
/*banner*/
.banner-image-cover{
    position: relative;
}
.banner-image-cover:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    background: var(--wp--preset--color--secondary);
    height: 20px;
    bottom: 0;
    z-index: 1;
}
.banner-image-cover h2 span{
    color: var(--wp--preset--color--primary) !important;
    font-weight: 400 !important;
}
.banner-text{
    width: 55%;
}
.banner-img-wrap{
    position: relative;
    height: 640px;
}
.banner-img-box{
    width: 60%;
    margin-right: 0 !important;
    margin-left: auto !important;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: var(--wp--preset--color--ternary-bg); 
    z-index: 2;
}
.img-box-iner{
    position: relative;
}
.banner-img{
    margin-bottom: 0 !important;
}
.banner-img img{
    height: 100%;
    margin-top: -30px;
}
/*video popup*/
.video-btn-box{
    position: absolute;
    right: 0;
    bottom: 0;
}
.video-btn-box .wp-block-stackable-icon{
    height: 40px !important;
    width: 40px !important;
    background: var(--wp--preset--color--primary);
    text-align: center;
    align-self: center;
    justify-self: center;
}
.video-btn-box .stk--svg-wrapper {
    display: inline-block;
    position: relative;
    justify-content: center;
}
.video-btn-box .stk-block-video-popup .stk-inner-blocks {
    display: grid;
    max-width: none !important;
}
.video-btn-box .stk--inner-svg{
    display: flex;
    justify-content: center;
}
.video-btn-box .wp-block-stackable-icon svg.svg-inline--fa{
    height: 15px !important;
    width: 15px !important;
    color: var(--wp--preset--color--secondary) !important;
}
.video-btn-box .wp-block-stackable-icon svg.svg-inline--fa path{
    fill: var(--wp--preset--color--secondary) !important;
}

/*latest works*/
.sec-head-row .wp-block-separator{
    width: 50px !important;
}
.sec-head-row span{
    font-weight: 400 !important;
}
.sec-img-box{
    position: relative;
}
.sec-img-box img{
    width: 100%;
    transition: filter 0.4s ease;
}
.sec-img-box:hover img{
    filter: brightness(70%);
}
.cat-box{
    position: absolute;
    left: 20px;
    right: 10px;
    bottom: 20px;
}
.cat-box p a,
.more-text a{
    text-decoration: none;
}
/*about-sec*/
.about-contnt-wrap{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.about-img-wrap img{
    width: 100%;
    height: 650px;
    object-fit: cover;
    transition: filter 0.4s ease;
}
.about-img-wrap:hover img{
    filter: brightness(70%);
}
/*about progress bar*/
.about-contnt-wrap .eb-progressbar-wrapper .eb-progressbar-line,
.about-contnt-wrap .eb-progressbar-wrapper .eb-progressbar-line-fill{
    height: 10px !important;
}
.about-contnt-wrap .eb-progressbar-line {
    display: block;
    position: relative;
    width: 100%;
    background-color: #efefef;
}
.about-contnt-wrap .eb-progressbar-line .eb-progressbar-count-wrap {
    bottom: calc(100% + 5px);
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 0;
}
.about-contnt-wrap .eb-progressbar-title{
    color: var(--wp--preset--color--second-heading-color) !important;
}
.about-contnt-wrap .eb-progress-count-wrap{
    color: var(--wp--preset--color--foreground) !important;
}
.progress-box .eb-progressbar-wrapper .eb-progressbar-title,
.progress-box .eb-progressbar-wrapper .eb-progressbar-count-wrap  {
    font-size: 16px;
}
/*portfolio sec*/
.portfolioimg-box{
    position: relative;
}
.portfolio-main-img img{
    width: 100%;
    height: 375px;
    object-fit: cover;
}
.middle-1 .portfolio-main-img img{
    height: 300px;
}
.middle-2 .portfolio-main-img img{
    height: 450px;
}
.portfolio-main-img img{
    transition: all 0.5s ease-out;
}
.portfolioimg-box:hover .portfolio-main-img img {
    opacity: 0.2;
}
.portfolioimg-box:hover .portfolioimg-box-content{
    transform: translateY(-50%);
    bottom: auto;
    opacity: 1;
    top: 50%;
}
.portfolioimg-box .portfolioimg-box-content {
    width: 100%;
    padding: 10px 10px;
    transform: translateY(100%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    transition: all 0.5s ease-out;
    opacity: 0;
}

/*footer*/
.footer-widgets .wp-block-search__inside-wrapper{
    display: block !important;
}
.footer-widgets .wp-block-search__input{
    background: #FFFFFF;
    border: none;
}
.footer-widgets .wp-block-search__input::placeholder{
    color: #626B7D;
    font-size: 14px;
    font-weight: 400;
}
.footer-widgets .wp-block-search__button{
    margin-left: 0 !important;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 20px;
    margin-top: 10px;
}
.footer-widgets .wp-block-search__button:after{
    content: '\f054';
    font-size: 13px;
    font-family: 'fontawesome';
    font-weight: 600;
    margin-left: 5px;
}
.footer-widgets .wp-block-social-links a:hover,
.footer-widgets .wp-block-social-links a:focus{
    color: var(--wp--preset--color--primary) !important;
}
@media screen and (max-width:1699px){
    .menu-header:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .banner-image-cover .wp-block-columns:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .latest-work-sec .wp-block-columns:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .about-cols:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .portfolio-wrap:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .footer-widgets:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .copyright-box:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .inner-group-class:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 80% !important;
    }
    .cat-box p{
        padding-right: var(--wp--preset--spacing--20) !important;
        padding-left: var(--wp--preset--spacing--20) !important;
        padding-bottom: 5px !important;
        padding-top: 5px !important;
        font-size: 12px !important;
    }
}
@media screen and (max-width:1499px){
    .banner-img-box{
        width: 70%;
    }
    .banner-text{
        width: 70%;
    }
}
@media screen and (max-width:1399px){
    .menu-header:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .banner-image-cover .wp-block-columns:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .latest-work-sec .wp-block-columns:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .about-cols:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .portfolio-wrap:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .footer-widgets:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .copyright-box:where(:not(.alignleft):not(.alignright):not(.alignfull)),
    .inner-group-class:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 85% !important;
    }
    .banner-img-box{
        width: 80%;
    }
}
@media screen and (max-width:1299px){
    .banner-text{
        width: 80%;
    }
    .banner-image-cover h2{
        font-size: 60px !important;
    }
    .portfolio-main-img img{
        height: 350px;
    }
    .middle-1 .portfolio-main-img img{
        height: 250px;
    }
}
@media screen and (max-width:1199px){
    .nav-block nav ul{
        gap: 15px !important;
    }
    .banner-text {
        width: 100%;
    }
    .banner-image-cover h2{
        font-size: 50px !important;
    }
    .banner-image-cover{
        min-height: 600px !important;
    }
    .banner-img-wrap{
        height: 580px;
    }
    .latest-work-cols{
        flex-wrap: wrap !important;
        justify-content: space-between;
    }
    .latest-work-cols .wp-block-column{
        flex-basis: 45% !important;
    }
    .about-img-wrap img{
        height: 550px;
    }
    .about-contnt-wrap .wp-block-spacer{
        display: none;
    }
    .about-main-text{
        line-height: 1.5 !important;
        font-size: 16px !important;
    }
    .middle-2 .portfolio-main-img img {
        height: 400px;
    }
    .portfolio-main-img img {
        height: 300px;
    }
    .middle-1 .portfolio-main-img img {
        height: 200px;
    }
}
@media screen and (max-width:999px){
    .logo-block,.head-info-block{
        flex-basis: 45% !important;
    }
    .nav-block{
        flex-basis: 10% !important;
    }
}
@media screen and (max-width:781px){
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.logo-block,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.head-info-block{
        flex-basis: 40% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.nav-block{
        flex-basis: 10% !important;
    }
    .banner-image-cover{
        min-height: 900px !important;
        text-align: center;
    }
    .banner-image-cover:before{
        display: none;
    }
    .banner-img-wrap{
        height: auto;
    }
    .banner-img-box{
        position: static;
        margin-top: 30px !important;
    }
    .banner-image-cover .wp-block-buttons,
    .sec-head-row,.latest-head-text,
    .footer-widgets .is-layout-flex{
        justify-content: center !important;
    }
    .banner-img-box{
        margin-right: auto !important;
        right: 0;
        left: 0;
    }
    .latest-work-cols.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
        flex-basis: 45% !important;
    }
    .about-img-wrap img{
        height: auto;
    }
    .about-main-text,.footer-widgets,.latest-head-text p{
        text-align: center;
    }
    .portfolio-wrap .wp-block-column{
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }
    .portfolioimg-box{
        margin-top: 0 !important;
    }
    .middle-1 .portfolio-main-img img,
    .middle-2 .portfolio-main-img img{
        height: 300px;
    }
    .footer-info{
        display: block !important;
    }
}
@media screen and (max-width:599px){
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.logo-block,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.head-info-block,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.nav-block,
    .latest-work-cols.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
        flex-basis: 100% !important;
    }
    .menu-header{
        text-align: center;
    }
    .menu-header .is-layout-flex{
        justify-content: center !important;
    }
    .banner-image-cover h2{
        font-size: 30px !important;
    }
    .banner-image-cover{
        min-height: 800px !important;
    }
    .portfolio-wrap .wp-block-column{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}