/*
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 offers a contemporary solution for professionals eager to create visually stunning websites quickly and accurately. Tailored for advanced web design, UI design, and UX design, this theme enables you to craft an elegant portfolio WordPress grid layout using powerful design blocks, FSE blocks, and versatile WordPress blocks. With its ready-made block patterns, it operates as a comprehensive website builder that supports true no-code design, making it accessible for both developers and non-technical users alike. This multipurpose theme boasts a minimal, sophisticated look that is ideal for a creative agency website, portfolio website, or any agency-friendly project. Its clean, beautiful visuals are optimized for sharpness on all devices, thanks to a responsive, mobile-friendly, and Retina-ready structure. The theme features optimized and secure code to ensure fast page load times and reliable performance. The Web Designer Blocks comes with pre-built sections, including a bold banner, team showcase, testimonial area, and an engaging call-to-action button (CTA) designed to enhance conversions. Integrated social media elements expand your reach, while interactive animations boost user engagement. Built with Bootstrap support, handy shortcodes, and extensive customization options, it allows for deep personalization without complexity. Developers appreciate its modern framework, while businesses value its luxurious finish and practical design options. User-friendly and translation-ready, the theme is highly responsive, making it an excellent choice for global audiences. Ultimately, the Web Designer Blocks empowers you to create a beautiful, high-performing website with total creative freedom.
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.5
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;
  }
}