/*
Theme Name: Profolio Fse Pro
Theme URI: https://themegrove.com/products/profolio-fse-pro/
Author: Themegrove
Author URI: https://themegrove.com/
Description: Profolio Fse Pro is a modern full-site editing WordPress theme built for portfolios, creatives, and professional websites, offering clean typography, flexible layouts, and customizable sections to showcase projects, services, and personal branding effectively. With integration for WooCommerce, WPML, and Contact Form 7, it supports e-commerce, multilingual websites, and seamless client communication, while being optimized for performance and SEO to deliver a fast, polished, and professional portfolio experience. Demo: https://demos.themegrove.com/profolio-fse-pro/
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: profolio-fse-pro
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, news
*/

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
}

main {
  display: block;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

.wp-element-button,
.wp-block-button__link,
a.wp-block-post-excerpt__more-link {
  transition: all 0.3s;
}

.wp-element-button:hover,
.wp-block-button__link:hover,
a.wp-block-post-excerpt__more-link:hover {
  background-color: var(--wp--preset--color--button-hover-color) !important;
  border-color: var(--wp--preset--color--button-hover-color) !important;
  color: var(--wp--preset--color--button-hover-text-color) !important;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

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

footer.wp-block-template-part {
  margin: 0;
}

#sticky-header {
  z-index: 999 !important;
}

/* -------------- pagination start----------------*/

.page-numbers {
  background: var(--wp--preset--color--primary);
  margin: 0 5px 5px 0;
  padding: 6px 13px;
  border-radius: 6px;
  font-size: 12px;
  display: inline-block;
  color: var(--wp--preset--color--button-hover-text-color);
  text-decoration: none;
}

.page-numbers:hover {
  color: var(--wp--preset--color--button-hover-text-color);
}

.page-numbers.dots {
  background-color: transparent;
}

.wp-block-query-pagination {
  gap: 10px;
}

/* -------------- pagination End----------------*/

/* -------------- woocommerce-breadcrumb ----------------*/

.woocommerce-tabs.wc-tabs-wrapper h2 {
  font-size: 26px;
}

/* -------------- woocommerce-breadcrumb end----------------*/

/* -------------- header navigation ----------------*/

@media (min-width: 781px) {
  .wp-block-navigation a {
    color: #d6d6d6;
    font-weight: 500;
    position: relative;
    padding-bottom: 3px;
    transition: color 0.25s ease;
  }

  /* Underline animation */
  .wp-block-navigation a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0%;
    height: 2px;
    background: var(--wp--preset--color--white);
    border-radius: 2px;
    transition: width 0.3s ease;
  }

  /* Hover & active */
  .wp-block-navigation a:hover,
  .wp-block-navigation-item.current-menu-item a {
    color: var(--wp--preset--color--white);
  }
  .wp-block-navigation a:hover::after {
    width: 100%;
  }

  /* Dropdown animation */
  .wp-block-navigation__submenu-container {
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition: all 0.25s ease;
    background: #111;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
  }

  .wp-block-navigation-item:hover > .wp-block-navigation__submenu-container {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

  /* Submenu link color */

  .wp-block-navigation__submenu-container {
    background: #111 !important;
  }

  .wp-block-navigation__submenu-container a {
    color: #cccccc !important;
  }
  .wp-block-navigation__submenu-container a:hover {
    color: var(--wp--preset--color--primary);
    background: rgba(0, 212, 255, 0.08);
  }
}

/* Mobile Navigation */

@media (max-width: 780px) {
  /* Disable animations */
  .wp-block-navigation * {
    transition: none !important;
  }

  .wp-block-navigation__responsive-container {
    background: #000;
    padding: 20px;
  }

  /* Mobile link color */
  .wp-block-navigation a {
    display: block;
    padding: 12px 0;
    font-size: 18px;
    color: #000 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  }

  .wp-block-navigation a:hover {
    color: var(--wp--preset--color--primary);
  }

  /* Submenu */
  .wp-block-navigation__submenu-container {
    padding-left: 15px;
    border-left: 2px solid rgba(255, 255, 255, 0.1);
    margin-top: 8px;
  }

  .wp-block-navigation__submenu-container a {
    font-size: 16px;
    padding: 8px 0;
    border: none;
    color: #cccccc;
  }

  /* Hamburger buttons style */
  .wp-block-navigation__responsive-container-open,
  .wp-block-navigation__responsive-container-close {
    background: var(--wp--preset--color--primary);
    padding: 6px;
    border-radius: 6px;
    color: #fff !important;
    font-weight: 600;
  }
}

/* -------------- header navigation  ----------------*/

.page-template-full-width .entry-content {
  margin-top: 0;
}

/* scroll to top */

.profolio-fse-pro-scroll-top {
  display: none;
}

.profolio-fse-pro-scroll-top::before {
  font-size: 17px;
  padding: 8px 13px;
  cursor: pointer;
  background: var(--wp--preset--color--secondary-bg);
  color: var(--wp--preset--color--white);
  content: "\f062";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: fixed;
  bottom: 50px;
  right: 30px;
  border-radius: 6px;
}

@media screen and (max-width: 600px) {
  .profolio-fse-pro-scroll-top::before {
    font-size: 26px;
    padding: 8px 13px;
    cursor: pointer;
    background: transparent;
    color: var(--wp--preset--color--secondary-bg);
    content: "\f062";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    position: fixed;
    bottom: 8px;
    right: 15px;
  }
}

/* scroll to top */

/* dashicon before categories, tag and date start */

.wp-block-archives-list.wp-block-archives li::before,
.wp-block-categories-list.wp-block-categories li::before {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  margin-right: 8px;
  font-weight: 600;
  font-size: 14px;
}

.wp-block-archives-list.wp-block-archives li,
.wp-block-categories-list.wp-block-categories li {
  list-style-type: none;
}

.wp-block-archives-list.wp-block-archives,
.wp-block-categories-list.wp-block-categories {
  padding-left: 10px;
}

.wp-block-tag-cloud a.tag-cloud-link {
  font-size: 16px !important;
}

.tag-cloud-link::before,
.taxonomy-post_tag a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f02b";
  font-weight: 600;
  margin-right: 8px;
}

.tag-cloud-link,
.taxonomy-post_tag a {
  text-decoration: none;
  background: var(--wp--preset--color--primary);
  margin: 0 5px 5px 0;
  padding: 0 10px;
  border-radius: 6px;
  font-size: 12px;
  display: inline-block;
  color: var(--wp--preset--color--white);
  text-decoration: none;
}

.products-block-post-template li {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

p.profolio-fse-pro-scroll-top {
  position: absolute;
}

.column-has-radius {
  border-radius: 8px;
}

.has-bg-image {
  background: #fff;
  border-radius: 100px;
  height: 100px;
  width: 100px;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

footer .has-arrow ul {
  padding: 0;
}

footer .has-arrow ul li:before {
  content: "\f345";
  font-family: "dashicons";
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 12px;
}

footer .has-arrow ul li {
  list-style: none;
  padding-left: 15px;
  position: relative;
}

a.wp-block-post-excerpt__more-link {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--button-hover-text-color);
  text-decoration: none;
  font-size: 12px;
  padding: 8px 20px;
  border-radius: 6px;
  position: relative;
}

@media (max-width: 720px) {
  .no-border-mobile,
  .no-border-mobile .wp-block-column {
    border: none !important;
  }

  .wp-block-group.top-bar {
    padding: 10px 15px !important;
  }

  .wp-block-group.top-bar .wp-block-group {
    width: 100%;
    justify-content: space-between;
  }
}

/* blog page style */

.wp-block-post-author__name::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
  padding-right: 8px;
}

.wp-block-post-date time::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f073";
  padding-right: 8px;
}

.wp-block-read-more-is-layout-flow::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f061";
  padding-left: 8px;
}

.wp-block-read-more-is-layout-flow:hover::after {
  padding-left: 10px;
  transition: color 0.1s ease;
}

a.wp-block-post-author-name__link:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
  padding-right: 8px;
}

/* blog page style */

/* footer style */

footer a {
  text-decoration: none;
}

/* footer style */

/* additional css */

.hoverImageWrapper {
  position: relative;
  align-self: stretch;
  height: auto;
  flex-shrink: 0;
  object-fit: cover;
  max-width: 100%;
}

.hoverImageWrapper img {
  transition: transform 0.5s ease-in-out;
}

.hoverImageWrapper:hover img {
  transform: scale(1.1);
}

.wp-block-navigation__submenu-container {
  padding: 10px 18px !important;
}

.wp-block-navigation__submenu-container li {
  padding-bottom: 4px !important;
}

.wp-block-navigation__submenu-container li:last-of-type {
  padding-bottom: 0px !important;
}

/* responsive style */

@media (max-width: 768px) {
  .r-spacing {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }
  .r-pad {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
  .r-cover {
    min-height: 250px !important;
  }
  .banner-wrapper {
    padding-top: 40px !important;
  }
  .header-btn {
    display: none !important;
  }
}

/* Profolio Fse Pro css */

.contact-form label,
.contact-form span {
  display: block;
  width: 100%;
}

.contact-form label {
  color: #fff;
	margin-top: 12px;
}

.contact-form form.wpcf7-form input {
  border: none;
  height: 45px;
  width: 100%;
  background: #26342d;
  border-radius: 5px;
  margin-top: 6px;
  padding: 5px;
  border: 1px solid #545454;
}

.contact-form textarea.wpcf7-form-control.wpcf7-textarea {
  border: 1px solid #545454;
  max-height: 100px;
  width: 100%;
  border-radius: 5px;
  padding: 10px;
  background: #26342d;
}

.contact-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
  background: var(--wp--preset--color--secondary);
  padding: 12px 30px;
  color: #fff;
  border-radius: 10px;
  border: none;
  width: fit-content;
  line-height: 1.5;
cursor: pointer;
}

.wpcf7-spinner{
	display: none !important;
}

.wpcf7-response-output {
	color: #fff !important;
}

.gutentools-post-title{
  line-height: 28px;
  margin-bottom: 10px;
}

.comment-form .form-submit.wp-block-button{
  margin-top: 20px;
}


/* pro styles */

.banner-wrapper .gutentools-image-slider-wrapper img {
	border-radius: 10px !important;
}

.gutentools-post-slider-wrapper-inner {
	border-radius: 8px;
}

.fa, .fas, .far, .fal, .fad, .fab{
	line-height: 1.5 !important;
}