/*
Theme Name:   Movedo Child
Theme URI:    https://themeforest.net/user/greatives
Description:  Movedo Child Theme
Version:      3.6.0
Author:       Greatives Team
Author URI:   https://greatives.eu
Template:     movedo
*/

/*********************************** Ikon a gomb végén ***************************/
/* maga a gomb */
/* szülő div középre */
.btn-with-image.grve-element {
  text-align: center;
}

/* maga a gomb */
.btn-with-image.grve-element a.btn-with-image {
  display: inline-flex !important;        /* flex a szöveg + ikon miatt */
  align-items: center;
  justify-content: center;
  width: auto !important;                 /* ne foglalja a teljes szélességet */
  margin-left: auto;
  margin-right: auto;
  padding: 6px 20px !important;          /* kompakt magasság */
  font-size: 14px !important;            /* igény szerinti szövegméret */
  line-height: 1 !important;             /* ne növelje a magasságot */
  height: auto !important;                /* ne legyen fix magasság */
  box-sizing: border-box;
}

/* ikon a gomb végén */
.btn-with-image.grve-element a.btn-with-image::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-left: 8px;
  background-image: url('/wp-content/uploads/nyil_CTAgombokhoz.png');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}


/*********************** balra és fel kilógó ikon és mellette cím *********************/
.feature-title img {
  width: 60px;
  height: 60px;
	
  position: relative;
  left: -30px;   /* balra kilóg */
  top: -30px;    /* felfelé kilóg */
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
  border-radius: 50%; /* ha kör ikon */
}

.feature-title {
  display: flex;
  align-items: center;
  gap: 10px;
}

.feature-title-text {
  font-family: 'Marcellus';
  font-size: 20px;
  color: #a5957c;
  line-height: 1.2;
  margin: 0;
  white-space: nowrap;
	
  position: relative;
  left: -20px;   /* balra kilóg */	
}

.feature-box {
  text-align: left;
}

.feature-box .grve-column-wrapper-inner {
  padding: 25px;
  border-radius: 12px;
  height: 100%;
}

/************************** a három oszlop wrapper-je legyen egyforma magas ***************************/
/* EZ A KULCS: a row legyen flex */
.grve-row-inner.feature-row {
  display: flex;
  align-items: stretch; /* egyforma magasság */
}

/* az oszlopok legyenek flex elemek */
.grve-row-inner.feature-row > .feature-box {
  display: flex;
}

/* a belső wrapper töltse ki */
.feature-box .grve-column-wrapper-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* gomb mindig alul */
.feature-box .btn-with-image {
  margin-top: auto;
}

/*************************** Image Text **************************/
/* háttér szín */
.custom-image-text .grve-content {
  background-color: #c2a172 !important;
  padding: 20px;           /* hogy látszódjon a háttér */
  border-radius: 12px;     /* opcionális, szebb */
}

.custom-image-text .grve-title {
  color: #545454;
}

.custom-image-text .grve-description {
  color: #545454;
  font-size: 20px;
}

.custom-image-text .grve-link-text {
  display: inline-block;
  margin-top: 15px;
  padding: 8px 20px;
  background-color: #a5957c;
  color: #ffffff !important;
  text-decoration: none;
  border-radius: 30px;
  font-size: 20px;
}

.custom-image-text .grve-link-text:hover {
  background-color: #000000;
  color: #ffffff !important;
}


/******************* Blokk jobb oldalán háttér *************************/
.bg-column_right .grve-column-wrapper {
  position: relative;
  overflow: visible;
}

.bg-column_right .grve-column-wrapper::before {
  content: "";
  position: absolute;

  bottom: 20%;
  right: -70%;
  width: 150%;
  height: 150%;

  background-image: url('/wp-content/uploads/Blokk5_alsoszinezes_resize.png');
  background-size: contain;
  background-position: bottom right;
  background-repeat: no-repeat;

  filter: brightness(1.4);
  z-index: 0;
}

/* tartalom legyen felette */
.bg-column_right .grve-column-wrapper > * {
  position: relative;
  z-index: 1;
}


/********************* Blokk bal oldalán háttér *********************************/
.bg-column_left .grve-column-wrapper {
  position: relative;
  overflow: visible;
}

.bg-column_left .grve-column-wrapper::before {
  content: "";
  position: absolute;

  top: -20%;
  left: -70%;
  width: 150%;
  height: 150%;	
	
  background-image: url('/wp-content/uploads/Blokk5_alsoszinezes_resize.png');
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;	

  filter: brightness(1.4); /* EZ halványít */
  z-index: 0;
}

/* tartalom legyen felette */
.bg-column_left .grve-column-wrapper > * {
  position: relative;
  z-index: 1;
}


/************************ Slogan háttérszín *****************************/
.grve-testimonial-content {
  background-color: #FAF5ED;  /* saját szín */
  padding: 10px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.grve-testimonial-content.grve-box-item .grve-container p,
.grve-testimonial-content.grve-box-item .grve-container p em {
    font-size: 20px !important; /* tetszőleges méret */
    line-height: 1 !important;
}


/********************** Feliratkozás gomb *****************************/
.ff-el-group button.ff-btn-submit.ff_btn_style {
  background-color: #b9bfb2 !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  padding: 12px 30px !important;
  border: none !important;
  box-shadow: none !important;
}

/* sor layout */
.ff-t-container.ff-column-container {
  display: flex !important;
  align-items: stretch;
}

/* oszlopok egyenlőek */
.ff-t-cell {
  flex: 1;
  display: flex;
  align-items: center;
}

/* input teljes szélesség */
.ff-el-form-control {
  width: 100% !important;
}

/* gomb teljes szélesség */
.ff-btn-submit {
  width: 100% !important;
  height: 50px;
  box-sizing: border-box;
}

/* wrapper reset */
.ff-el-group,
.ff_submit_btn_wrapper {
  margin: 0 !important;
  width: 100%;
}
form.fluent_form_2 button.ff-btn-submit:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

.ff-btn-submit {
  background-image: url("/wp-content/uploads/kapcsolatoldal_hirlevelikon.png");
  background-repeat: no-repeat;
  background-position: 20px center;
  background-size: 40px 25px;

  padding-left: 20px !important;

  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ff_submit_btn_wrapper {
  transform: translateY(-4px);
}

form.fluent_form_2 button.ff-btn-submit {
  font-size: 18px !important;
}


/*************************** Aláhúzás ********************************/
.my-underline {
    position: relative;
    display: inline-block;
}

.my-underline::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 70%;
    height: 1px;
    background: #d2b1ad;
}


/*********************** egy sorba kigyenlítve a magasság *******************************/
.my-row {
    display: flex;
    align-items: center; /* EZ A LÉNYEG */
    gap: 15px; /* opcionális távolság */
}


/************************ Fluent Form 1  nagyobb margó *******************************************/
#fluentform_1 .ff-el-group,
#fluentform_1 .ff-t-cell {
    margin-bottom: 22px !important;
}