/*
Theme Name: Blockpage
Theme URI: https://walkerwp.com/blockpage-free-wordpress-theme/
Author: WalkerWP
Author URI: https://walkerwp.com/
Description: Blockpage is a multipurpose, block-based Full Site Editing (FSE) theme, making it incredibly flexible for all types of websites. With its 6 global styles, users can effortlessly switch between their favorite color schemes within seconds to match their brand’s identity. The theme also comes pre-designed with over 30+ free ready-to-use patterns for different homepage sections, including banners, hero sections, pricing tables, about us, team showcases, testimonials, portfolios, WooCommerce integration, Call to Action elements, Recent Posts, Stats Counters, Content Timeline, Why Choose Us and more. For even more design possibilities Blockpage offers 70+ premium patterns, totaling 100+ options to upgrade your website’s appearance. Whether you’re looking to create an e-commerce platform, a corporate website, or even both, Hello Agency is all you need with its WooCommerce-ready features to support your business goals. It’s a perfect choice for niche corporate businesses, agencies, law firms, insurance companies, startups, entrepreneurs, consulting services, personal brands, creative agencies, freelancers, portfolios, and any other type of business website you can imagine. Explore more about Blockpage at https://walkerwp.com/blockpage-free-wordpress-theme/
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, e-commerce, full-site-editing, block-patterns, full-width-template, rtl-language-support, threaded-comments, translation-ready, block-styles, wide-blocks
Version: 1.0.1
Requires at least: 5.9
Tested up to: 6.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blockpage
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.blockpage-brand-logos .wp-block-gallery img {
  width: auto !important;
  padding: 0 30px;
  height: auto;
  max-height: 40px;
}
.wp-block-group.blockpage-brand-logos .wp-block-gallery figure {
  margin-bottom: initial !important;
}
.wp-block-comments textarea#comment {
  border-radius: 4px;
}
input[type="submit"] {
  transition: all ease 0.23s;
  -o-transition: all ease 0.23s;
  -moz-transition: all ease 0.23s;
  -webkit-transition: all ease 0.23s;
}

.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-textarea,
.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number,
.wpcf7-form-control.wpcf7-select {
  border-radius: 3px;
  border: 1px solid #dad7d7;
  padding: 15px;
  width: 100%;
  margin-top: 10px;
  box-sizing: border-box;
}
.wpcf7-form-control.wpcf7-select {
  appearance: none;
  position: relative;
}
.wpcf7-form-control.wpcf7-select:after {
  content: ">";
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 10px;
}
form.wpcf7-form *::placeholder {
  font-size: 14px;
}
form.wpcf7-form *::-moz-placeholder {
  font-size: 14px;
}
form.wpcf7-form *::-webkit-input-placeholder {
  font-size: 14px;
}
.wpcf7-form-control.has-spinner.wpcf7-submit {
  background: var(--wp--preset--gradient--primary-gradient) !important;
  color: var(--wp--preset--color--heading-alt) !important;
  border-radius: 60px;
  border: 0;
  font-size: 18px;
  padding: 20px 40px;
  min-width: 180px;
}
.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  background: var(--wp--preset--color--secondary) !important;
}

form.comment-form {
  border-radius: 20px;
  margin-top: 24px;
}
.wp-block-post-comments-form {
  border-radius: 20px;
}
form.comment-form input[type="email"],
form.comment-form input[type="text"],
form.comment-form input[type="url"],
form.comment-form textarea {
  border-radius: 5px;
  margin: 12px 0 25px;
}
form.comment-form .form-submit.wp-block-button {
  margin-top: 25px;
}
.wp-block-comment-author-name {
  font-weight: 600;
}

.wp-block-comment-date a {
  color: var(--wp--preset--color--foregound);
  font-size: 13px;
}
.wp-block-comment-template li {
  margin-top: 50px;
}
.wp-block-comment-template li li {
  margin-top: 10px;
  padding-left: 60px;
}
a.comment-reply-link {
  border: 1px solid;
  padding: 5px 13px;
  border-radius: 40px;
  font-size: 13px;
  opacity: 0.6;
}
.wp-block-post-comments-form {
  margin-top: 30px;
  display: inline-block;
  width: 100%;
}
.woocommerce ul.products li.product a img {
  border-radius: 5px;
  height: 350px;
  object-fit: cover;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  margin: 0 2.5% 2.992em 0;
  width: 23.1%;
}
.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last {
  margin-right: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
  display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
  border: 0;
}
.woocommerce #reviews #comments ol.commentlist {
  padding: 0;
  margin-top: 20px !important;
}
.woocommerce-page .input-text {
  padding: 11px 30px;
  border: 1px solid #817e7e;
  border-radius: 5px;
}
.wp-block-post-excerpt__excerpt a,
.entry-content.wp-block-post-content a {
  text-decoration: underline;
}
.wp-block-social-links.blockpage-socials {
  font-size: 18px;
}
.wp-block-group.blockpage-topbar-links ul li a,
.wp-block-group.footer-info-links ul li a {
  color: var(--wp--preset--color--foregound);
}
.wp-block-group.blockpage-topbar-links ul li a:hover,
.wp-block-group.footer-info-links ul li a:hover {
  color: var(--wp--preset--color--primary);
}
.wp-block-social-links.blockpage-socials li a.wp-block-social-link-anchor:hover svg,
.wp-block-group.blockpage-team-box:hover .wp-block-social-links li a.wp-block-social-link-anchor:hover svg {
  color: var(--wp--preset--color--primary);
  fill: var(--wp--preset--color--primary);
}
.wp-block-navigation ul li a.wp-block-pages-list__item__link:hover {
  color: var(--wp--preset--color--primary);
}
.wp-block-heading.has-text-align-center {
  position: relative;
}
.wp-block-heading.has-text-align-center.blockpage-heading:after {
  content: "";
  width: 50px;
  height: 2px;
  left: 50%;
  bottom: -15px;
  position: absolute;
  background: linear-gradient(to right, var(--wp--preset--color--background), var(--wp--preset--color--primary), var(--wp--preset--color--background));
  margin-left: -25px;
}
.wp-block-gallery.blockpage-brands.has-nested-images figure.wp-block-image img {
  display: block;
  height: auto;
  max-width: 70% !important;
  width: auto;
  margin: 25px auto;
}
.wp-block-gallery.blockpage-brands.has-nested-images.brands-left figure.wp-block-image img {
  margin: 25px 0;
}
.wp-block-gallery.blockpage-brands.has-nested-images figure.wp-block-image img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.wp-block-group.blockpage-portfolio-box,
.wp-block-group.blockpage-post-blocks {
  position: relative;
  overflow: hidden;
}
.wp-block-group.blockpage-portfolio-info a.wp-block-button__link.wp-element-button {
  width: 60px;
  height: 60px;
  text-indent: -5000px;
  position: relative;
}
.wp-block-group.blockpage-portfolio-info a.wp-block-button__link.wp-element-button:before {
  content: "";
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--wp--preset--color--background);
  -webkit-mask-image: url(assets/images/button-arrow.svg);
  mask-image: url(assets/images/button-arrow.svg);
  mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
}
.wp-block-group.blockpage-portfolio-info a.wp-block-button__link.wp-element-button:hover:before {
  background-color: var(--wp--preset--color--heading-alt);
}
.wp-block-group.blockpage-portfolio-box .wp-block-group.blockpage-portfolio-info {
  width: 100%;
  position: absolute;
  left: 0;
  opacity: 0;
  bottom: 0;
  transform: translateY(50%);
  -webkit-transform: translateY(50%);
}
.wp-block-group.blockpage-portfolio-box:hover .wp-block-group.blockpage-portfolio-info {
  opacity: 1;
  bottom: 50%;
}
.wp-block-group.blockpage-portfolio-box:hover .wp-block-image {
  overflow: hidden;
}
.wp-block-group.blockpage-portfolio-box:hover .wp-block-image img {
  opacity: 0.25;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
}
.wp-block-group.blockpage-post-blocks:hover .wp-block-post-featured-image img,
.wp-block-group.blockpage-service-box2:hover img {
  transform: translateY(-6px);
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
}
.wp-block-group.blockpage-portfolio-box .wp-block-image {
  margin: 0;
}
.wp-block-group.blockpage-services-box:hover,
.wp-block-group.blockpage-post-blocks:hover,
.wp-block-group.blockpage-pricing-box:hover,
.wp-block-group.blockpage-service-box2:hover {
  background-color: var(--wp--preset--color--hover-background) !important;
  transform: scale(1.015);
  -webkit-transform: scale(1.015);
  -moz-transform: scale(1.015);
}
.blockpage-cursor {
  border-radius: 50%;
  background: #08b786;
  width: 24px;
  height: 24px;
  pointer-events: none;
  position: absolute;
  z-index: 999;
  transition: all 2s ease-out;
  transition-property: border-radius;
  animation: blockpageAnimCursor 0.6s infinite alternate;
}

.blockpage-cursor.focus {
  border-radius: 50%;
  transition: all 0.6s ease-out;
  animation: hoverCursor 0.6s;
  opacity: 0;
}
@keyframes blockpageAnimCursor {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.5);
  }
}
@keyframes hoverCursor {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(2.5);
  }
}
.wp-block-group.blockpage-portfolio-layout-2 .wp-block-cover {
  transition: all ease 0.23s;
}
.wp-block-group.blockpage-portfolio-layout-2 .wp-block-cover:hover {
  transform: scale(0.95);
}
.wp-block-group.blockpage-product-image .wc-block-components-product-sale-badge {
  border: 0;
  background-color: var(--wp--preset--color--primary) !important;
  color: #fff;
  font-size: 12px;
}
.wp-block-group.blockpage-product-image {
  position: relative;
  overflow: hidden;
}
.wp-block-group.blockpage-product-image .wc-block-components-product-image {
  margin: 0;
}
.wp-block-group.blockpage-product-image .wp-block-button.wc-block-components-product-button {
  position: absolute;
  left: 5%;
  bottom: 0;
  width: 90%;
  opacity: 0;
  transition: all ease 0.23s;
  -webkit-transition: all ease 0.23s;
}
.wp-block-group.blockpage-product-image:hover .wp-block-button.wc-block-components-product-button {
  opacity: 1;
  bottom: 15px;
}
.wp-block-button.blockpage-scrolltop-button .wp-block-button__link.wp-element-button {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 15px;
  bottom: 15px;
  display: inline-block;
  z-index: 999;
  text-indent: -5000px;
  display: none;
}
.wp-block-button.blockpage-scrolltop-button .wp-block-button__link.wp-element-button:after {
  content: "";
  width: 50px;
  height: 50px;
  background-color: #fff;
  -webkit-mask-image: url(assets/images/toparrow.svg);
  mask-image: url(assets/images/toparrow.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;
}
.wp-block-button.blockpage-scrolltop-button:hover .wp-block-button__link.wp-element-button:after {
  background-color: var(--wp--preset--color--primary) !important;
}
.wp-block-group.blockpage-pricing-box,
.wp-block-group.blockpage-team-image {
  position: relative;
  overflow: hidden;
}
.wp-block-heading.blockpage-popular-badge {
  position: absolute;
  top: 10px;
  height: 15px;
  right: 10px;
  border-radius: 3px;
  padding: 10px 10px;
}
.wp-block-group.blockpage-team-image .wp-block-image {
  margin: 0;
}
.wp-block-group.blockpage-team-box:hover .wp-block-group.blockpage-team-image .wp-block-image img {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  opacity: 0.45;
}
.wp-block-group.blockpage-team-image .wp-block-social-links {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  opacity: 0;
  transition: all ease 0.23s;
  -webkit-transition: all ease 0.23s;
  -moz-transition: all ease 0.23s;
}
.wp-block-group.blockpage-team-box:hover .wp-block-social-links {
  bottom: 30px;
  opacity: 1;
}
.blockpage-sticky-header {
  transition: all ease 0.23s;
  -webkit-transition: all ease 0.23s;
  -moz-transition: all ease 0.23s;
}
.blockpage-sticky-header.stikcy-enabled {
  position: fixed;
  cursor: pointer;
  z-index: 9999;
  width: 100%;
  left: 0;
  top: 0;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}
body.logged-in .blockpage-sticky-header.stikcy-enabled {
  margin-top: 30px;
}
.blockpage-sticky-header.stikcy-enabled:before {
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: var(--wp--preset--color--background) !important;
  opacity: 0.87;
}
.blockpage-sticky-header.stikcy-enabled .wp-block-group {
  position: relative;
  z-index: 9999;
}
.wp-block-heading.blockpage-subheader {
  position: relative;
  display: flex;
  align-items: center;
}
.wp-block-heading.blockpage-subheader:before {
  content: "";
  width: 30px;
  height: 1.5px;
  position: relative;
  display: inline-block;
  background-color: var(--wp--preset--color--primary) !important;
  margin-right: 12px;
}
.wp-block-button.blockpage-readmore-btns a {
  position: relative;
}
.wp-block-button.blockpage-readmore-btns a:before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -5px;
  background-color: var(--wp--preset--color--heading-color) !important;
  transition: all ease 0.35s;
}
.wp-block-button.blockpage-readmore-btns:hover a:before {
  width: 80%;
  background-color: var(--wp--preset--color--primary) !important;
}
.wp-block-group.blockpage-team-icon-overlap .wp-block-social-links {
  margin-top: -38px !important;
}
.wp-block-group.blockpage-team-box-3 .wp-block-group.blockpage-team-overlay .wp-block-image {
  margin: 0;
  transition: all ease 0.23s;
  -webkit-transition: all ease 0.23s;
  -moz-transition: all ease 0.23s;
}
.wp-block-group.blockpage-team-box-3 .wp-block-group.blockpage-team-overlay .wp-block-image img {
  transition: all ease 0.23s;
  -webkit-transition: all ease 0.23s;
  -moz-transition: all ease 0.23s;
}
.wp-block-group.blockpage-team-box-3 .wp-block-group.blockpage-team-overlay {
  position: relative;
  overflow: hidden;
}
.wp-block-group.blockpage-team-box-3 .wp-block-group.blockpage-team-overlay .wp-block-group.team-overlay-content {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 20px;
  bottom: -20px;
  opacity: 0;
  transition: all ease 0.23s;
  -webkit-transition: all ease 0.23s;
  -moz-transition: all ease 0.23s;
}
.wp-block-group.blockpage-team-box-3 .wp-block-group.blockpage-team-overlay:hover .wp-block-group.team-overlay-content {
  bottom: 10px;
  opacity: 1;
}
.wp-block-group.blockpage-team-box-3 .wp-block-group.blockpage-team-overlay:hover .wp-block-image img {
  opacity: 0.35;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.blockpage-header-search.wp-block-search input[type="search"] {
  background: transparent;
  color: var(--wp--preset--color--foregound) !important;
}
.blockpage-header-search.wp-block-search input[type="search"]:focus {
  border: 1px solid var(--wp--preset--color--primary) !important;
}
.blockpage-search-style-2.wp-block-search .wp-block-search__inside-wrapper {
  margin-top: 0;
}
.blockpage-search-style-2.wp-block-search .wp-block-search__button {
  padding: 10px;
}
.blockpage-search-style-2.wp-block-search .wp-block-search__input {
  width: 300px;
}
.blockpage-search-style-2.wp-block-search .wp-block-search__button svg {
  width: 36px;
  height: 36px;
}
.blockpage-footer-list-centered li,
.blockpage-list-centered li {
  text-align: center;
}
.wp-block-contact-form-7-contact-form-selector.blockpage-footer-newsletter {
  width: 100%;
}
.wp-block-contact-form-7-contact-form-selector.blockpage-footer-newsletter .wpcf7-form {
  position: relative;
  width: 100%;
  margin-top: -10px;
}
.wp-block-contact-form-7-contact-form-selector.blockpage-footer-newsletter input[type="email"] {
  border-radius: 60px;
  border: 0;
  padding: 26px 20px;
}
.wp-block-contact-form-7-contact-form-selector.blockpage-footer-newsletter .wpcf7-form-control.wpcf7-submit {
  border-radius: 60px;
  padding: 16px 45px;
  position: absolute;
  top: 15px;
  right: 5px;
  font-size: 20px;
  background: var(--wp--preset--gradient--primary-gradient) !important;
  color: var(--wp--preset--color--heading-alt) !important;
}
.wp-block-contact-form-7-contact-form-selector.blockpage-footer-newsletter .wpcf7-form-control.wpcf7-submit:hover {
  background: var(--wp--preset--color--secondary) !important;
}
.wp-block-contact-form-7-contact-form-selector.blockpage-contact-form input[type="text"],
.wp-block-contact-form-7-contact-form-selector.blockpage-contact-form input[type="email"],
.wp-block-contact-form-7-contact-form-selector.blockpage-contact-form input[type="tel"],
.wp-block-contact-form-7-contact-form-selector.blockpage-contact-form textarea {
  background: transparent !important;
  border: 0;
  border-bottom: 1px solid var(--wp--preset--color--border-color) !important;
  border-radius: 0;
  padding: 15px 0;
  margin-bottom: 30px;
  color: var(--wp--preset--color--foregound) !important;
  font-size: 18px;
}
.wp-block-contact-form-7-contact-form-selector.blockpage-contact-form .wpcf7-form-control-wrap {
  width: 47%;
  display: inline-block;
}
.wp-block-contact-form-7-contact-form-selector.blockpage-contact-form .wpcf7-form-control-wrap:last-child {
  width: 100%;
}
.wp-block-contact-form-7-contact-form-selector.blockpage-contact-form textarea {
  height: 200px;
}
.wp-block-contact-form-7-contact-form-selector.blockpage-contact-form .wpcf7-form-control-wrap:nth-child(2),
.wp-block-contact-form-7-contact-form-selector.blockpage-contact-form .wpcf7-form-control-wrap:nth-child(5) {
  margin-left: 6%;
}
.wp-block-contact-form-7-contact-form-selector.blockpage-contact-form input[type="text"]:focus,
.wp-block-contact-form-7-contact-form-selector.blockpage-contact-form input[type="email"]:focus,
.wp-block-contact-form-7-contact-form-selector.blockpage-contact-form input[type="tel"]:focus,
.wp-block-contact-form-7-contact-form-selector.blockpage-contact-form textarea:focus {
  border-color: var(--wp--preset--color--primary) !important;
}
.wp-block-contact-form-7-contact-form-selector.blockpage-contact-form *::placeholder {
  font-size: 18px;
}
.wp-block-column.blockpage-timeline-one {
  position: relative;
}
.wp-block-column.blockpage-timeline-one:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  top: 50%;
  right: -11px;
  margin-top: -8px;
  border-radius: 50%;
  border: 3px solid var(--wp--preset--color--primary) !important;
  background: var(--wp--preset--color--heading-color) !important;
}
.wp-block-contact-form-7-contact-form-selector.blockpage-newsletter-form-1 input[type="email"],
.wp-block-contact-form-7-contact-form-selector.blockpage-newsletter-form-2 input[type="email"],
.wp-block-contact-form-7-contact-form-selector.blockpage-newsletter-form-4 input[type="email"] {
  border-radius: 50px;
  height: 60px;
}
.wp-block-contact-form-7-contact-form-selector.blockpage-newsletter-form-1 .wpcf7-form-control.wpcf7-submit,
.wp-block-contact-form-7-contact-form-selector.blockpage-newsletter-form-2 .wpcf7-form-control.wpcf7-submit {
  width: 100%;
  border-radius: 50px;
  margin-top: 20px;
}
.wp-block-contact-form-7-contact-form-selector.blockpage-newsletter-form-2 .wpcf7-form-control.wpcf7-submit,
.wp-block-contact-form-7-contact-form-selector.blockpage-newsletter-form-2 input[type="email"] {
  border-radius: 0px;
}
.wp-block-contact-form-7-contact-form-selector.blockpage-newsletter-form-4 {
  position: relative;
}
.wp-block-contact-form-7-contact-form-selector.blockpage-newsletter-form-4 .wpcf7-form-control.wpcf7-submit {
  position: absolute;
  right: 5px;
  top: 14px;
}
.wp-block-contact-form-7-contact-form-selector.blockpage-newsletter-form-4 input[type="email"] {
  height: 69px;
}