/*
Theme Name: Enfold Child
Template: enfold
Version: 1.0.0
*/

/* Твои стили ниже */
/*Blok CTA knopki na pervoj stranice*/
.avia-promocontent p {
    font-size: 18px;
}
.avia-promocontent
 {
    margin-right: 20px !important;
     
}
.av_promobox {
    margin: -50px 0 !important;
    padding: 20px 20px !important;
}
.avia-icon-circles-icon-text .icon-description {
    line-height: 1.4;
    padding-top:10px;
}

/*Cifri 1-2-3*/
.step-line{
  margin: 0;
  padding-top: 10px;
  text-align: left;

  font-family: "Poppins", sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.6;
}
.step-linetwo{
  margin: 0;
  padding-top: 10px;
  text-align: left;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.6;
}
.step-linetwo .step-num{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 34px;
  height: 34px;
  margin-right: 12px;
  border-radius: 999px;

  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 1;

  color: #ffffff;
  background: linear-gradient(135deg, #4361EE 0%, #3A0CA3 100%);

  /* чёткая окантовка + "стеклянная" подсветка */
  border: 1px solid rgba(255,255,255,0.35);
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,0.18),
    0 2px 8px rgba(58,12,163,0.25);

  vertical-align: middle;
}
.step-line .step-num{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 34px;
  height: 34px;
  margin-right: 12px;
  border-radius: 999px;

  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 1;

  color: #ffffff;
  background: linear-gradient(135deg, #4361EE 0%, #3A0CA3 100%);

  /* чёткая окантовка + "стеклянная" подсветка */
  border: 1px solid rgba(255,255,255,0.35);
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,0.18),
    0 2px 8px rgba(58,12,163,0.25);

  vertical-align: middle;
}

/*Knopka CTA 1 stranica*/
.avia-button.avia-size-large{
  padding: 15px 30px 13px !important;
  font-size: 13px !important;
  min-width: 139px !important;

  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;

  color: #ffffff !important;
  background: linear-gradient(135deg, #4361EE 0%, #3A0CA3 100%) !important;

  border-radius: 999px !important;

  /* чёткая окантовка + "стеклянная" подсветка */
  border: 1px solid rgba(255,255,255,0.35) !important;

  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease !important;
}

/* Квадратная кнопка только внутри обёртки .buttonkvadrat */
.buttonkvadrat a.avia-button.avia-size-large{
  border-radius: 0 !important;
}

/* на всякий случай, если Enfold добавляет скругления через псевдоэлементы/внутренние слои */
.buttonkvadrat a.avia-button.avia-size-large:before,
.buttonkvadrat a.avia-button.avia-size-large:after,
.buttonkvadrat a.avia-button.avia-size-large *{
  border-radius: 0 !important;
}
/* Кнопка 270px ТОЛЬКО в обёртке .buttonkvadrat */
.buttonkvadrat a.avia-button.avia-size-large{
  width: 310px !important;
  min-width: 310px !important;
  border: 1px solid #ffffff !important;
  background: #fff;                /* чтобы ничего “не просвечивало” */
  box-sizing: border-box;
  opacity: 1 !important;
  filter: none !important;
  box-shadow: 5px 7px 7px rgba(0,0,0,0.6);
  max-width: 274px !important;
  text-align: center;
  justify-content: center;
}
.buttonkvadrat a.avia-button{
  margin-left: 0 !important;
  margin: 0 !important;
}



.avia-button.avia-size-large:hover{
  transform: translateY(-1px) !important;
  box-shadow: 5px 7px 7px rgba(0,0,0,0.6);
  filter: brightness(1.05) !important;
}

.avia-button.avia-size-large:active{
  transform: translateY(0) !important;
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,0.20),
    0 5px 14px rgba(58,12,163,0.22) !important;
  filter: brightness(0.98) !important;
}
.avia-icon-list .iconlist_title {
    text-transform: none !important;
    top: 1px;
    margin-bottom: 0;
    position: relative;
}
  /* Vtoroj ekran tekst nad linijej */
.block2izveidopub p {
  margin: 0em 0;
}
.avia-icon-list .av-iconlist-empty .iconlist_title {
    margin-top: 5px !important;
}
b {
  color: #4361EE !important;
}
.daliesarvertigu {
    vertical-align: top !important;
}
.av-align-middle {
    vertical-align: top;
}
.idejajusu{
  transform: translateY(-120px) !important;
}
.idejajusu{
  position: relative;
  top: -120px;
  z-index: 5;
}
.ikonkaebanaja {
  margin-bottom: -50px !important;
  position: relative;
}
.logovtretembloke {
  margin-top: -120px !important;
  position: relative;
}

@media (min-width: 768px){

  /* У тебя на  есть класс html_entry_id_20 — бьём точно в него */
  html.html_entry_id_20{
    overflow: visible !important;
    overflow-y: visible !important;
  }

  html.html_entry_id_20 body{
    overflow: visible !important;
    overflow-y: visible !important;
  }

  /* на всякий — если overflow сидит на main */
  html.html_entry_id_20 main{
    overflow: visible !important;
    overflow-y: visible !important;
  }

  /* sticky на колонке */
  html.html_entry_id_20 .sticky-parent .sticky-element{
    position: sticky !important;
    top: 115px !important;
  }
}
@media (min-width: 768px){
  html.html_entry_id_20 body #wrap_all{
    overflow: visible !important;
  }

  html.html_entry_id_20 .sticky-parent .sticky-element{
    position: sticky !important;
    top: 115px !important;
  }
}


@media (min-width: 768px){

  /* 55% экрана слева: фон + рамка + радиусы справа */
  .sticky-parent{
    position: relative !important;
    overflow: visible !important;
  }

  .sticky-parent:before{
    content:"";
    position:absolute;
    top:0; bottom:0;
    left:0;
    width:65vw;

    border-top: 3px solid #3A0CA3;
	border-right: 3px solid #3A0CA3;
	border-bottom: 3px solid #3A0CA3;
	border-left: 0;

	background: #000000;
    border-top-right-radius: 6%;
    border-bottom-right-radius: 6%;

    box-sizing: border-box;
    z-index: 0;
    pointer-events: none;
  }

  /* чтобы контент был поверх плашки */
  .sticky-parent .container,
  .sticky-parent .template-page,
  .sticky-parent .content,
  .sticky-parent .entry-content-wrapper{
    position: relative;
    z-index: 1;
    background: transparent !important;
  }
}
.gif-shadow{
  display: inline-block;           /* или block, если нужно */
  border: 1px solid #ffffff !important;
  background: #fff;                /* чтобы ничего “не просвечивало” */
  box-sizing: border-box;
  opacity: 1 !important;
  filter: none !important;
  box-shadow: 5px 7px 7px rgba(0,0,0,0.6);
}
.gif-shadow{
  width: 80% !important;   /* −30% */
  height: auto !important;
}
/* База для всех текстблоков с водяным знаком */
.avia_textblock.iconbg-ai,
.avia_textblock.iconbg-camera,
.avia_textblock.iconbg-pen{
  position: relative !important;
  overflow: hidden !important;
}

/* Перо */
.avia_textblock.iconbg-pen:before{
  content: "\e837";
  font-family: "entypo-fontello" !important;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(6deg) scaleX(-1);
  font-size: 140px;
  line-height: 1;
  opacity: 0.12;
  color: #ffffff;
  pointer-events: none;
  z-index: 0;
}

/* Камера */
.avia_textblock.iconbg-camera:before{
  content: "\e80f";
  font-family: "entypo-fontello" !important;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(-12deg);
  font-size: 140px;
  line-height: 1;
  opacity: 0.12;
  color: #ffffff;
  pointer-events: none;
  z-index: 0;
}

/* AI */
.avia_textblock.iconbg-ai:before{
  content: "\e82e";
  font-family: "entypo-fontello" !important;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(-12deg);
  font-size: 140px;
  line-height: 1;
  opacity: 0.12;
  color: #ffffff;
  pointer-events: none;
  z-index: 0;
}

/* Текст поверх водяного знака */
.avia_textblock.iconbg-ai > *,
.avia_textblock.iconbg-camera > *,
.avia_textblock.iconbg-pen > *{
  position: relative;
  z-index: 1;
}
.blockquote {
    border-left-style: solid;
    border-left-width: 5px !important;
}
.blokbetter {
   border-width: 0 0 0 2px !important;
}

.posto-line{
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 1.6;
  text-align: left;
  color: #4361EE;
  font-weight: 700;
  position: relative;
  overflow: visible;            /* ✅ чтобы иконка НЕ обрезалась */

  padding-left: 10px;          /* 15px + 3px (полоса) + 5px (зазор) */
  padding-right: 60px;

  border-left: none;            /* убираем старую “обводку” */
}


/* Белый зазор 5px */
.posto-line::after{
  content: "";
  position: absolute;
  left: 3px;
  top: 0;
  bottom: 0;
  width: 5px;
  background: #ffffff;
}

/* Иконка вылезает вправо */
.posto-ico{
  position: absolute;
  left: -75px;                 /* ✅ слева снаружи блока */
  top: 50%;
  transform: translateY(-50%);

  width: 76px;
  height: 76px;

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

  background: transparent;
  box-shadow: none;

  font-size: 40px;
  line-height: 1;

  opacity: 0.25;
  pointer-events: none;
}

.iconlist_content {
    color: #ffffff !important;
}

/* === COPY/PASTE: Enfold Accordion/Toggles — hover = ONLY text, open = gradient, divider line stays === */

/* Контент */
.av-elegant-toggle .toggle_content{
  padding: 100px 35px 55px 35px;
  margin-bottom: 20px;
  margin-top: -70px;
}

/* Базово: убираем верхний бордер, оставляем разделитель-линию снизу */
.av-elegant-toggle.togglecontainer .single_toggle .toggler{
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-radius: 50px !important;

  /* divider line (как у тебя) */
  background-image: linear-gradient(rgba(235,235,235,0.7), rgba(235,235,235,0.7));
  background-repeat: no-repeat;
  background-size: 90% 1px;
  background-position: 50% 100%;
}

/* HOVER: НИКАКОГО фона/градиента — только текст */
.av_toggle_section:first-of-type .toggler:hover,
.av-elegant-toggle.togglecontainer .single_toggle .toggler:hover{
  background: transparent !important;
  background-image: linear-gradient(rgba(235,235,235,0.7), rgba(235,235,235,0.7)) !important; /* линия остаётся */
  background-repeat: no-repeat !important;
  background-size: 100% 1px !important;
  background-position: 50% 100% !important;

  color: #4361EE !important;
  font-weight: 700 !important;
}

/* OPEN/ACTIVE: градиент (как было) + линия */
.av_toggle_section:first-of-type .toggler.activeTitle,
.av_toggle_section:first-of-type .toggler.activeTitle:hover,
.av-elegant-toggle.togglecontainer .single_toggle .toggler.activeTitle,
.av-elegant-toggle.togglecontainer .single_toggle.toggled .toggler,
.av-elegant-toggle.togglecontainer .single_toggle.active .toggler,
.av-elegant-toggle.togglecontainer .single_toggle.open .toggler{
  background-image:
    linear-gradient(135deg, #4361EE 0%, #3a0ca3 100%),
    linear-gradient(rgba(235,235,235,0.7), rgba(235,235,235,0.7)) !important;
  background-repeat: no-repeat, no-repeat !important;
  background-size: 100% 100%, 70% 1px !important;
  background-position: 0 0, 50% 100% !important;

  color: #ffffff !important;
  border-top-width: 1px;
  border-top-style: solid;
  border-radius: 50px !important;
}



@media (min-width: 768px){

  /* У тебя на  есть класс html_entry_id_618 — бьём точно в него */
  html.html_entry_id_618{
    overflow: visible !important;
    overflow-y: visible !important;
  }

  html.html_entry_id_618 body{
    overflow: visible !important;
    overflow-y: visible !important;
  }

  /* на всякий — если overflow сидит на main */
  html.html_entry_id_618 main{
    overflow: visible !important;
    overflow-y: visible !important;
  }

  /* sticky на колонке */
  html.html_entry_id_618 .sticky-parent .sticky-element{
    position: sticky !important;
    top: 115px !important;
  }
}
@media (min-width: 768px){
  html.html_entry_id_618 body #wrap_all{
    overflow: visible !important;
  }

  html.html_entry_id_618 .sticky-parent .sticky-element{
    position: sticky !important;
    top: 115px !important;
  }
}