/*
Theme Name: Eliteflow
Theme URI: https://themegrove.com/products/elitegrove/
Author: Themegrove
Author URI: https://themegrove.com/
Description: Welcome to Eliteflow, a sophisticated full-site editing theme tailored for businesses, consulting firms, law practices, and educational institutions. Combining modern design with powerful functionality, Eliteflow allows you to easily customize every aspect of your website. It integrates seamlessly with WooCommerce for e-commerce solutions, WPML for multilingual support, and Contact Form 7 for streamlined communication. Whether you're starting a consultancy, law firm, or educational platform, Eliteflow offers the flexibility and professionally designed templates you need to build a strong online presence—all optimized for SEO to enhance your visibility. Demo: https://demos.themegrove.com/eliteflow/
Template: elitegrove
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.0
Version: 1.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: eliteflow
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 {
  font-size: 16px;
}

@media (max-width: 768px) {
  .wrapper {
    padding-inline: 20px;
  }
}

body a.wp-block-post-excerpt__more-link,
body .tag-cloud-link,
body .taxonomy-post_tag a,
body .page-numbers {
  color: var(--wp--preset--color--white);
}

.mbs-0{
  margin-block-start: 0; 
}


:root :where(.wp-block-button .wp-block-button__link, .wpcf7-submit) {
    --wp--preset--color--button-hover-color: var(--wp--preset--color--bg-secondary);
    --wp--preset--color--button-hover-text-color: var(--wp--preset--color--primary);
}


@media (max-width: 1024px) {
  .eliteflow-services {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 768px) {
  .eliteflow-services {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  
}

@media (max-width: 870px) {
  .mobile-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 600px) {
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .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-page-list,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content, .wp-block-navigation.items-justified-center{
        justify-content: left !important;
        align-items: flex-start !important;
    }
}

.wp-block-cover {
  min-height: 600px;
  background-size: cover;
  background-position: center;
}

@media (max-width: 767px) {
  .wp-block-cover {
    min-height: 300px;
    background-position: center top;
  }
}

@media (min-width: 1240px) {
  .wp-block-cover {
    min-height: 800px;
  }
}

@media (min-width: 1440px) {
  .wp-block-cover {
    min-height: 1000px;
  }
}

.wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open{
  border: 1px solid currentColor;
}

.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg{
  height: 2rem;
  width: 2rem;
}

.wp-block-navigation .wp-block-navigation__submenu-icon svg{
    margin-top: 0;
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container{
    background-color: var(--wp--preset--color--bg-secondary) !important;
    color: var(--wp--preset--color--primary) !important;
}

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{
    width: max-content;
}

.wp-block-navigation-submenu li a:hover::before{
    right: 5% !important;
}

body .wp-block-navigation-submenu {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    cursor: pointer;
}

.wp-block-navigation-item__content{
    padding-bottom: 0 !important;
}

.wp-block-media-text:not(.is-image-fill-element)>.wp-block-media-text__content{
  padding: .5rem !important;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
  background: linear-gradient(0deg,var(--wp--preset--color--secondary),#0006);
  color: var(--wp--preset--color--primary);
  font-size: 1rem;
  text-shadow: none;
}

.current-menu-item{
  font-weight: bold;
}

.wpcf7-form .form-control {
  width: 100%;
  padding: 10px 14px;
  margin-bottom: 16px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 16px;
  box-sizing: border-box;
}

.wpcf7-form label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}

.wpcf7-submit.btn {
  background-color: var(--wp--preset--color--primary);
  border-radius: 2rem;
  border-color: var(--wp--preset--color--bg-secondary);
  border-width: 1px;
  border-style: solid;
  color: var(--wp--preset--color--bg-secondary);
  font-family: inherit;
  font-size: var(--wp--preset--font-size--sml-medium);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

.wpcf7-submit: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;
}

.wpcf7-list-item{
  margin-left: 0 !important;
}


.wpcf7-form p {
    display: block !important;
}
.wpcf7-email{
  max-width: 100% !important;
}

.wp-block-button .wp-block-button__link, .wpcf7-submit{
  line-height: 1 !important;
  padding-top: 1rem;
  padding-right: clamp(1.563px, 2.5vw, 1.675rem);
  padding-bottom: 1rem;
  padding-left: clamp(1.563px, 2.5vw, 1.675rem);
}

.inverse-btn a:hover {
  background-color: var(--wp--preset--color--secondary) !important;
  border-color: var(--wp--preset--color--secondary) !important;
  color: var(--wp--preset--color--button-hover-text-color) !important;
}

/*kapcsolat*/

.contact-cards {
    display: flex;
    gap: 1rem;
    margin: 1rem auto;
}

.contact-card {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    background: #f7f7f7;
    padding: 16px 18px;
    border-radius: 12px;
}

.contact-card svg {
    width: 22px;
    height: 22px;
    stroke: var(--wp--preset--color--primary);
    flex-shrink: 0;
}

.contact-card, .contact-card a {
    color: #333;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px;
}

.contact-card a:hover {
    text-decoration: underline;
}

/* Mobil */
@media (max-width: 600px) {
    .contact-cards {
        flex-direction: column;
    }
}
/*end*/


/*meta gallery slider*/
.msacwl-slider-wrap .msacwl-slide, .msacwl-carousel-wrap .msacwl-carousel-slide{height: 100%}

/*jobb oldali sidebarban kép lapozó*/
.msacwl-gallery-caption span.image_title{color: #c92430; font-size:1.875rem;}
.msacwl-gallery-caption{padding:1rem .5rem !important;}

.zoom-in{
    cursor: -webkit-zoom-in !important;
    cursor: -moz-zoom-in !important;
    cursor: zoom-in !important; 
}
.mfp-title,.mfp-counter{display: none;} /*nagyított képnézegető ne írja hány db van, mert angol.*/

/* Slide alap */
.msacwl-slide {
  position: relative;
  cursor: zoom-in;
}

/* Overlay – mindig látható */
.msacwl-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  opacity: .8;
  z-index: 2;
  pointer-events: none;
}

/* Nagyító ikon jobb felső sarokban */
.msacwl-slide::before {
  content: "";
  position: absolute;
  top: 12px;
  right: 12px;
  width: 48px;
  height: 48px;
  background: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<circle cx='10' cy='10' r='7' stroke='white' stroke-width='2' fill='none'/>\
<line x1='21' y1='21' x2='15.5' y2='15.5' stroke='white' stroke-width='2'/>\
<line x1='10' y1='7' x2='10' y2='13' stroke='white' stroke-width='2'/>\
<line x1='7' y1='10' x2='13' y2='10' stroke='white' stroke-width='2'/>\
</svg>") no-repeat center;
  background-size: contain;
  z-index: 3;
  pointer-events: none;
}

.msacwl-slide:hover::after,
.msacwl-slide:hover::before {
  opacity: 1;
}

.msacwl-slide:hover::before {
  transform: scale(1.5);
}
/*end*/



.wpcf7-form p {
  display: flex; 
  gap: 8px; 
  justify-content: flex-start; 
  align-items: center; 
  flex-wrap: wrap;
}

.wpcf7-email {
  padding: 10px;
  border-radius: 4px; 
  outline: none; 
  flex-grow: 1; 
  max-width: 220px; 
}

.wpcf7-submit {
  padding: 10px 20px; 
  background-color: #333; 
  color: #fff; 
  border: 2px solid #333; 
  border-radius: 4px; 
  cursor: pointer; 
  transition: background-color 0.3s ease; 
}

.wpcf7-submit:hover {
  background-color: #444; 
}
  

.grecaptcha-badge {
    visibility: hidden;
}

.recaptcha-notice {
    font-size: 12px !important;
    line-height: 1 ;
}

.recaptcha-notice a {
    text-decoration: underline;
}