/*
Theme Name: Web Designer Blocks
Theme URI: https://www.titanthemes.net/products/web-designer-blocks
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: The Web Designer Blocks delivers a modern solution for professionals who want to build visually striking websites with speed and precision. Designed for advanced Web design, UI design, and UX design, this theme helps you create a refined website layout using powerful design blocks, FSE blocks, and flexible WordPress blocks. With ready-made block patterns, it works as a complete website builder that supports true no-code design, making it ideal for both developers and non-technical users. This multipurpose theme features a minimal, elegant, and sophisticated look that suits a creative agency website, portfolio website, or any agency-friendly project. It's clean, and beautiful visuals appear sharp on all screens, thanks to a responsive, mobile-friendly, and Retina-ready structure. The theme uses optimized code, clean code, and secure and clean code to ensure faster page load time and reliable performance. The Web Designer Blocks includes pre-built sections, such as a bold Banner, Team showcase, testimonial section, and an engaging call-to-action button (CTA) to boost conversions. Integrated social media elements help increase reach, while interactive, stunning, and animated effects enhance user engagement. Built with Bootstrap support, useful shortcodes, and extensive Customization Options, it allows deep personalization without complexity. Developers appreciate its modern structure, while businesses value its Luxurious finish and practical personalization options. The theme remains user-friendly, translation-ready, and highly responsive, making it perfect for global audiences. Overall, the Web Designer Blocks empowers you to build a beautiful, high-performing website with complete creative freedom.
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: web-designer-blocks
Tags: grid-layout, two-columns, right-sidebar, left-sidebar, full-width-template, custom-background, custom-header, translation-ready, style-variations, one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, wide-blocks, block-styles, photography, food-and-drink, blog
*/

button.wp-block-search__button.has-icon.wp-element-button{
  fill: #fff;
  color: #ffffff;
}
.prodcuct-box h2 a{
  text-decoration: none;
}
.header-inner-meta .wp-block-search__inside-wrapper {
  position: relative;
}
.wp-block-woocommerce-customer-account{
  display: none;
}
.slider-cover{
  position: relative;
}
.slider .wp-block-button a:focus{
  color: var(--wp--preset--color--contrast) !important;
  background-color: var(--wp--preset--color--base) !important;
}
.header-inner-meta .wp-block-button a:focus{
  color: var(--wp--preset--color--base) !important;
  background-color: var(--wp--preset--color--primary) !important;
}
.service-box-single{
  position: relative;
}
.service-box-single img{
  width: 100%;
}
.post-date span.dashicons{
  color: #ffffff;
}
#service-content-single .wp-block-post-author__avatar{
  height: 48px;
}
#service-content-single .wp-block-post-author{
  align-items: center;
}
p.wp-block-post-excerpt__more-text a {
  background-color: var(--wp--preset--color--contrast);
  padding: 8px 25px;
  border-radius: 30px;
  font-family: var(--wp--preset--font-family--montserrat-alternates) !important;
  color: #ffff;
  font-weight: 600 !important;
  text-decoration: none;
}
.post-date {
  position: absolute;
  top: 15px;
  right: 25px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.post-date i{
  color: #ffffff;
}
.blog-image{
  position: relative;
}
.blog-image{
  height: 280px;
}
.webdesignerblocks-footer-list{
  font-family: var(--wp--preset--font-family--sora) !important;
}
.wp-block-button__link{
  height: auto;
}
.woocommerce span.onsale{
  background: var(--wp--preset--color--primary);
}
.banner-left-box{
  position: relative;
}
.slider-right .right-image{
  text-align: center;
}
.slider-cover .wp-block-cover__inner-container{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.slide-item h2.custom-heading{
  -webkit-text-stroke: 1px #00000021;
  color: transparent !important;
  position: absolute;
  bottom: -55px;
}
.service-icon {
  width: 50px;
  font-size: 25px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
}
.about-section{
  padding-bottom: 1px !important;
  margin-bottom: 110px !important;
}
.about-box{
  margin-bottom: -110px !important;
}
.slider-right:after {
  position: absolute;
  content: "";
  bottom: 9px;
  left: -44px;
  width: 49%;
  height: 79%;
  background-color: var(--wp--preset--color--primary) !important;
  z-index: 0;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 33% 100%);
  border-radius: 28px;
}
.slider-right:before {
  position: absolute;
  content: "";
  bottom: 9px;
  right: 111px;
  width: 26%;
  height: 62%;
  background-color: #ffffff !important;
  z-index: 0;
  clip-path: polygon(0 0, 100% 0, 73% 100%, 0 100%);
  border-radius: 28px;
}
.slider-right{
  position: relative;
}
.client-box {
  position: absolute;
  right: 0px;
  top: 12%;
}
.right-image img{
  width: 50%;
  height: 450px;
  position: relative;
  z-index: 1;
  margin: 0 auto !important;
}
.general-header-middle .wp-block-search__input {
  background: transparent;
  border: none;
}
.general-header-middle .wp-block-search__input::placeholder{
  font-weight: 400;
  font-size: 14px;
  color: var(--wp--preset--color--secondary-third) !important;
}
.related-post h4,.related-post p{
  color: var(--wp--preset--color--contrast);
}
.header-inner-menu ul li{
  padding: 3px 10px;
  position: relative;
}
.header-inner-menu ul li:hover{
  background-color: var(--wp--preset--color--primary) !important;
  border-radius: 6px;
}
.header-inner-menu ul li ul.wp-block-navigation-submenu li:hover{
  background: transparent !important;
}
.header-inner-menu ul li:hover a{
  color: #ffffff !important;
}
.header-inner-menu ul li:hover ul.wp-block-navigation-submenu li a{
  color: #000000 !important
}
.header-inner-menu ul li ul.wp-block-navigation-submenu li:hover:after{
  display: none;
}
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button{
  color: var(--wp--preset--color--base);
}
p.return-to-shop a,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name=add-to-cart], .woocommerce .cart .button,.product-template-default .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,.woocommerce #review_form #respond .form-submit input{
  background: var(--wp--preset--color--primary) !important;
}
.header-inner-menu ul li a:hover{
  text-decoration: none;
}
.header-inner-menu ul li a{
  position: relative;
  display: inline-block;
}
.post-block p.wp-block-post-author__name,.wp-block-post-date time,.post-block .wp-block-post-excerpt p.wp-block-post-excerpt__excerpt,.sidebar-heading{
  color: var(--wp--preset--color--contrast);
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input{
  position: absolute;
  right: 50px;
  top: -0px;
  background: #ffffff !important;  
}
.category-main{
  position: relative;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{
  justify-content: center !important;
}
.slider {
  position: relative;
  margin-inline: auto;
}
.slider figure{
  margin-bottom: 0px !important
}
.category-main .grid-container {
  max-width: 100% !important;
  padding: 0px;
}
.category-main .categories-cloumn .owl-stage {
  padding-left: 0px !important;
}
.service-text-main{
  text-align: center;
}
.produc-image{
  position: relative;
}
.produc-image{
  margin-bottom: 15px !important;
}
.produc-image img{
  width: 100%;
  height: 350px;
}
.blog-heading{
  text-align: center;
}
.service-text-main h4,.blog-heading h6{
  display: inline-block;
  position: relative;
  margin-bottom: 20px !important;
}
.service-text-main h4:after ,.blog-heading h6:after {
  position: absolute;
  content: "";
  bottom: -10px;
  left: 0px;
  width: 50%;
  right: 0px;
  height: 4px;
  background-color: #BEE041;
  z-index: 0;
  border-radius: 3px;
  margin: 0 auto;
}
.blog-image{
  height: 250px;
  position: relative;
}
.header-inner-meta{
  position: relative;
}
.blog-image .wp-block-post-date time strong{
  font-size: 20px !important;
}
.blog-image .wp-block-post-date time{
  color: var(--wp--preset--color--base) !important;
}
.category-main .gtf-image img.normal-image {
  width: 100% !important;
  height: 220px !important;
}
.sale-product-box:hover{
  border:1px solid var(--wp--preset--color--secondary) !important;
}
.wp-block-social-links svg {
  font-size: 18px;
}
.dyna-product-box .wp-block-columns {
  align-items: center !important;
  height: 500px !important
}
.wp-block-cover__inner-container time a {
  color: #fff !important;
}
.wc-block-mini-cart__quantity-badge svg{
  color: var(--wp--preset--color--contrast) !important;
  fill: var(--wp--preset--color--contrast) !important;
}
.owl-stage-outer {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0px !important;
}
ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu li:after{
  display: none;
}
button.wp-block-search__button.has-text-color.has-base-color.has-background.has-contrast-background-color.has-icon.wp-element-button {
  padding: 10px 10px;
  background: transparent;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
  padding: 10px !important;
  align-items: center;
}

/*============== Effects Section ==============*/
.animations-hidden-item{
  opacity: 0;
  transform: translateY(150px);
  transition: all 1s;
}
.animations-show-item{
  opacity: 1;
  transform: translateY(0px);
}

/*============== Effects End Section ==============*/

.about-left {
  position: relative;
}
.wp-site-blocks{
  padding: 0 !important;
}
.wpcf7-spinner {
  position: absolute;
  right: 0px;
}
p span.dashicons{
  margin-right: 10px;
  color: var(--wp--preset--color--primary);
}

footer.wp-block-template-part .webdesignerblocks-footer-list {
  gap: 15px;
}
.social-icon {
  gap: 0px;
}
.social-icon li{
  background-color:transparent !important;
}
.social-icon li a svg{
  height: 20px !important;
  width: 20px !important;
}
/*.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,*/
.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name=add-to-cart],
.woocommerce .cart .button, .woocommerce .cart input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button{
  color: #fff !important;
}
.wlfmc-counter-wrapper{
  width: auto;
}
.wp-block-woocommerce-customer-account a span{
  font-family: var(--wp--preset--font-family--poppins) !important;
  font-weight: 500 !important;
}
.wp-block-woocommerce-customer-account a svg{
  color: var(--wp--preset--color--primary) !important;
  height: 22px;
}
.wp-block-woocommerce-customer-account a{
  white-space: unset;
}
.wp-block-image img{
  vertical-align: unset;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
  padding: 10px 15px;
  color: #000000;
}
.wp-site-blocks{
	padding: 0 !important;
}
footer.wp-block-template-part {
  margin-top: 0;
}
.comment-respond.wp-block-post-comments-form.wp-block-post-comments-form input[type=submit]{
  color: #fff;
}
.comment-respond.wp-block-post-comments-form.wp-block-post-comments-form input[type=submit]:hover{
  background: var(--wp--preset--color--primary);
}

span.yith-wcwl-add-to-wishlist-button__label{
  display: none;
}
.sidebar-box .wp-block-search__button svg{
  fill: #fff;
}

blockquote.wp-block-quote.is-layout-flow.wp-block-quote-is-layout-flow {
  padding: 0px;
  margin: 10px 0px;
}

@media screen and (min-width: 320px) and (max-width: 599px) {
  span.wp-block-navigation-item__label {
    color: #000000;
  }
  .header-inner-meta .wp-block-group{
    justify-content: center !important;
  }
  footer p{
    text-align: center !important;
  }
  .slider{
    padding-top: 40px !important;
  }
  .header-inner-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
    left: auto;
    right: auto;
    width: 100%;
    position: relative;
    padding: 0px 0px;
  }
  .header-inner-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
    width: 100% !important;
    align-items: center;
    gap: 0px;
    padding-bottom: 0px !important;
  }
  .header-inner-menu ul li a{
    border-bottom: 1px solid #000;
    display: inline-block;
    width: 100%;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    text-align: center;
  }
  .header-inner-menu ul li.wp-block-navigation-submenu{
    padding: 0px !important;
    padding-bottom: 0px !important;
  }
  .header-inner-menu ul {
    gap: 0px !important;
  }
  .header-inner-menu ul li ul.wp-block-navigation-submenu li a{
    justify-content: center;
  }
  .header-inner-menu ul li {
    padding: 0px !important;
  }
  .wp-block-social-links{
    justify-content: center;
  }
  button.wp-block-navigation__responsive-container-close {
    background-color: var(--wp--preset--color--primary);
    padding: 5px;
    border-radius: 30px;
  }
  .wp-block-navigation__responsive-container-close svg{
    fill: var(--wp--preset--color--base) !important;
    color: var(--wp--preset--color--base) !important;
  }
   .wp-block-navigation__responsive-container-open svg{
    fill: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--primary) !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item{
    width: 100% !important;
    align-items: center;
  }
  .slider img{
    height: 250px !important;
    margin: 0 auto;
  }
}
@media screen and (min-width: 320px) and (max-width: 781px) {
  .header-inner-menu li:after {
    display: none;
  }
  .client-box {
    position: absolute;
    right: -30px;
    top: 2%;
    z-index: 1;
  }
  .slide-item h2.custom-heading {
    font-size: 37px !important;
    margin: 0px !important;
    bottom: 0px;
  }
  .slider-right:before{
    display: none;
  }
  .blog-meta{
    gap:10px !important;
  }
  .banner-image{
    padding-left: 0px !important;
  }
  .produc-image img{
    height: 300px !important;
  }
  .small-image{
    display: none;
  }
  .category-main .owl-nav{
    display: none !important;
  }
  .slider-right:after{
    display: none;
  }
  .service-text-main h4,.service-text-main p{
    text-align: center;
  }

  .header-inner-meta .wp-block-buttons{
    justify-content: center;
  }
  .home .header-box-upper{
    position: relative;
  }
  .banner-cover{
    padding-top: 0px !important;
  }
  .slider{
    text-align: center;
  }
  .slider .wp-block-buttons {
    justify-content: center;
  }
  .right-image img {
    width: 80% !important;
    height: 320px !important;
  }
  .slider .owl-dots{
    left: 0px;
    right: 0px;
    margin: 0 auto;
    justify-content: center;
  }
  .service-text h6,.service-text p{
    text-align: center !important;
  }
  .header-inner-menu nav{
    justify-content: center !important;
  }
  .header-inner-menu ul{
    justify-content: center;
  }
  .header-logo .wp-block-group {
    justify-content: center !important;
  }
  .header-logo h1 {
    text-align: center;
  }
  .header-box-upper{
    position: relative;
  }
}
@media screen and (min-width: 576px) and (max-width: 781px) {
  .header-inner-meta .wp-block-group{
    justify-content: center !important;
  }
  .right-image img {
    width: 50% !important;
    height: 320px !important;
  }
  .slide-item h2.custom-heading{
    font-size: 67px !important;
  }
  .award-box h6{
    font-size: 15px !important;
  }
  .category-main .wp-block-columns{
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .banner-mian-group{
    padding-top: 30px !important;
  }
  .general-header-middle{
    max-width: 90% !important;
  }
  .about-box{
    display: grid !important;
    grid-template-columns: auto auto auto !important; 
  }
  .banner-image{
    text-align: center;
  }
  .banner-image .right-image img {
    width: 80% !important;
  }
  .categories-cloumn{
    display: grid !important;
    grid-template-columns: auto auto;
  }
  .slider img{
    height: 300px !important;
  }
  .wp-block-social-links{
    justify-content: center;
  }
}
@media screen and (min-width: 782px) and (max-width: 1200px) {
  .header-inner-menu ul {
    gap:0px !important;
  }
  .header-inner-meta {
    flex-basis: 26% !important;
  }
  .produc-image img {
    width: 100%;
    height: 280px;
  }
  .banner-left-box,.slider-right{
    flex-basis: 50% !important;
  }
  .right-image img {
    width: 60%;
  }
  .slider-cover{
    min-height: 500px !important;
  }
  .slide-item h2.custom-heading{
    font-size: 80px !important;
  }
  .slide-item h2.custom-heading {
    bottom: -11px;
  }
  .slider-right:before {
    right: 37px;
  }
  .count-row,.blog-meta{
    gap:10px;
  }
  .header-inner-meta .wp-block-group{
    gap:10px;
  }
  .header-logo h1{
    font-size: 20px !important;
  }
  .banner-left-box .slider h2 {
    font-size: 32px !important;
  }
  .banner-left-box .slider h2.short-title{
    font-size: 14px !important;
  }
  .header-inner-menu{
    flex-basis: 72% !important;
  }
  .general-header-middle,.slide-item,.category-column,.our-blog .wp-block-query ,footer.wp-block-template-part .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-89f6da4a.wp-block-columns-is-layout-flex,.news-heading-box ,.news-section .wp-block-query.is-layout-flow.wp-block-query-is-layout-flow,.tour-box,.about-box,.service-group,.general-top-header .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex,.general-header-middle .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex{
    max-width: 90% !important;
  }
  .header-box{
    gap:10px !important;
  }
  .wp-block-social-links{
    gap:7px !important;
  }
  .slider img{
    height: 300px !important;
    width: 100% !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 800px) {
  .admin-bar .wp-block-navigation__responsive-container-close {
    color: #000000;
    top:15px;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    justify-content: center !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .single-image figure{
    width: 100% !important;
  } 
}

@media screen and (min-width: 1201px) and (max-width: 1440px) {
  .wc-block-components-product-price{
    font-size: 15px !important;
  }
  .wp-block-social-links{
    gap:10px !important;
  }
}

/*back to top*/
.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button {
  width: 40px;
  height: 40px;
  position: fixed;
  right: 25px;
  bottom: 25px;
  display: inline-block;
  z-index: 1;
  text-indent: -5000px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.089);
  display: none;
  padding: 0;
  margin-top: 0;
}

.wp-block-button.scroll-to-top .wp-block-button__link.wp-element-button:after {
  content: "";
  width: 40px;
  height: 40px;
  background-color: #fff;
  -webkit-mask-image: url(assets/images/up-arrow.svg);
  mask-image: url(assets/images/up-arrow.svg);
  mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
}