/*
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 provides a modern solution for professionals looking to quickly and accurately create visually stunning websites. Designed for advanced web design, UI design, and UX design, this creative WordPress theme enables you to build an elegant portfolio gallery using robust design blocks, FSE blocks, and versatile WordPress blocks. As a digital tool that functions as a comprehensive website builder, it supports true no-code design, making it accessible for both developers and non-technical users. This multipurpose theme features a minimal, sophisticated appearance, perfect for a creative agency theme, portfolio, or agency web project. Its clean visuals are optimized for sharpness across all devices, ensuring a responsive, mobile-friendly, and Retina-ready layout. With fast page load times and reliable performance, the Web Designer Blocks includes pre-built sections like a bold banner and a team showcase, alongside a strong call-to-action button that enhances conversions. Integrated social media elements broaden your reach, while interactive animations foster user engagement. Built with Bootstrap support and extensive customization options, it allows for deep personalization without complexity. Developers appreciate its modern framework, while businesses benefit from its luxurious finish and practical design options. User-friendly and translation-ready, this theme is highly responsive, making it an excellent choice for global audiences. Ultimately, the Web Designer Blocks empowers you to create a stunning, high-performing website with complete creative freedom.
Requires at least: 6.1
Tested up to: 7.0
Requires PHP: 7.2
Version: 1.7.2
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;
}
.post-block{
  box-shadow: 0 14px 39px rgba(0, 0, 0, 0.25);
}
.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;
  color: #ffffff;
}
.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-page li.wc-block-product .wc-block-components-product-button .added_to_cart.wc_forward{
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--base);
  margin: 0;
  padding: 10px 15px;
  text-decoration: none;
}
.woocommerce-page li.wc-block-product .wc-block-components-product-button .added_to_cart.wc_forward:hover{
  background-color: var(--wp--preset--color--contrast);
}
.woocommerce-account .woocommerce-MyAccount-content header.woocommerce-Address-title h2{
  font-size: 25px;
  font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-content header.woocommerce-Address-title .edit{
  float: left;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.woocommerce-Button{
  color: #ffffff;
}
.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;
  }
}