/*
Theme Name: clario
Template: credigi
*/

body {
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	line-height: 1.2;
	color: #223444;
}
.text-content-inner a, 
.list a {
	color: var(--wp--preset--color--theme-3);
}
.text-content-inner a:hover,
.list a:hover{
	color: var(--wp--preset--color--theme-1);
}
a:hover {
	color: var(--wp--preset--color--theme-3);
}
:root :where(.is-layout-grid) {
    gap: 12px;
}
.guten-flex-container:before {
	display: none;
}
.text-content-inner p:not(:last-child) {
	margin-bottom: 20px;
}
/* хлебные крошки */
.rank-math-breadcrumb a {
	position: relative;
	display: flex;
	gap: 10px;
	align-items: center;
	color: #fff;
	transition: 0.3s all;
}
.rank-math-breadcrumb a:hover {
	color: #fff;
	text-decoration: underline;
	gap: 14px;
}
.rank-math-breadcrumb a:before {
	content: '';
	width: 16px;
	height: 16px;
	background: url('/wp-content/uploads/2026/04/back.svg') no-repeat center/contain;
}
/* fix header */
:root {
  --fixed-header-h: 0px;
  --fixed-header-top: var(--wp-admin--admin-bar-height, 0px); /* WP admin bar safe */
}

/* чтобы страница не “подпрыгивала”, когда хедер становится fixed */
.fixed-header.is-fixed {
  position: fixed;
  top: var(--wp-admin--admin-bar-height, 0px);
  left: 0;
  right: 0; 
  background: #fff;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  z-index: 9999;
  width: 100%;
}
@media (min-width: 768px) {
 .fixed-header.is-fixed .guten-inner-container {
	padding-top: 10px!important;
	padding-bottom: 10px!important;
  }
	.fixed-header.is-fixed .main-logo img {
		width: 160px;
	}
}
/* списки */
.list ul {
	list-style: none;
	padding: 0;
	padding-left: 20px;
	margin: 0;
}
.list ul li {
	position: relative;
	padding-left: 28px;
}
.list ul li:not(:last-child) {
	margin-bottom: 10px;
}
.list ul li:before {
	content: '';
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0;
	top: 2px;
	background: url('/wp-content/uploads/2026/04/fi_check-2.svg') no-repeat center/contain;
}
/*  */
/* select */
/* Choices.js minimal styling overrides to match mock */
.custom-select .choices {
  margin: 0;
}
.custom-select .choices__inner, .custom-select .is-open .choices__inner{
  border-radius: 32px;
  border: 1px solid #DCEDEB;
  background: #fff;
  padding: 14px;
  min-height: 48px;
}
.custom-select .choices__list--single {
  padding: 0;
}
.custom-select .choices[data-type*="select-one"]::after {
  border: 0;
  width: 20px;
  height: 20px;
  right: 14px;
  margin-top: -10px;
  background: url('/wp-content/uploads/2026/03/arrow-down.svg') no-repeat center/contain;
} 
.custom-select .is-open.choices[data-type*="select-one"]::after {
	transform: rotate(180deg);
}
.custom-select .choices__list--dropdown {
  border-radius: 32px;
  padding: 14px;
  margin-top: 12px;
  border: none;
  box-shadow: 0px 10px 20px 0px #59CDED80;	
  overflow: hidden;
}
.custom-select .choices__list--dropdown .choices__item--selectable {
	border-radius: 18px;
	padding: 8px 14px;
}
.custom-select .choices__list--dropdown .choices__item--selectable.is-selected, 
.custom-select .choices__list[aria-expanded] .choices__item--selectable.is-selected {
	background: #DCEDEB;
}
.custom-select .choices__list--dropdown .choices__item--selectable.is-highlighted,  
.custom-select .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
	background: #3DA6C2;
	color: #fff;
}
/*  */
.icon-box--center.guten-icon-box.icon-position-left .guten-icon-box-wrapper {
	align-items: center;
}
.front-blog .guten-post {
	display: flex;
	flex-direction: column;
}
.front-blog .guten-postblock-content {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}
.front-blog .guten-postblock .guten-post-excerpt {
	margin-bottom: auto;
}
.hero-img .guten-image-wrapper,
.hero-img.guten-post-featured-image img {
	height: 100%;
}
.banner-info .guten-fun-fact .fun-fact-inner .icon-box {
	display: none;
}
.text-with-icon img {
	vertical-align: sub;
}
@media (max-width: 768px) {
	.hero-img.guten-gvWDCw, .hero-img.guten-yIme2S {
		position: relative!important;
	}
	.hero-img.guten-post-featured-image {
		height: 245px;
	}
}
.btn-hover button:hover {
	box-shadow: 0px 10px 20px 0px rgba(89, 205, 237, 0.5);
}
/* Button "letter roll-up" hover effect */
.btn-roll {
  display: inline-flex;
  align-items: center;
  justify-content: center;
/*   gap: 0.35em; */
  --btn-roll-h: 1.2em;
}

.btn-roll__text {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.btn-roll__char {
  position: relative;
  display: inline-block;
  height: var(--btn-roll-h);
  overflow: clip;
}

.btn-roll__charInner {
  display: grid;
  grid-template-rows: var(--btn-roll-h) var(--btn-roll-h);
  height: calc(var(--btn-roll-h) * 2);
  transform: translateY(0);
  transition-property: transform;
  transition-duration: 360ms;
  transition-timing-function: cubic-bezier(0.2, 0.85, 0.2, 1);
  transition-delay: calc(var(--i, 0) * 26ms);
  will-change: transform;
}

.btn-roll__charFront,
.btn-roll__charBack {
  display: flex;
  align-items: center;
  height: calc(100% - 1px);
}

@media (hover: hover) and (pointer: fine) {
  .btn-roll a:hover .btn-roll__charInner,
  .btn-roll a:focus-visible .btn-roll__charInner,
  .btn-roll button:hover .btn-roll__charInner,
  .btn-roll button:focus-visible .btn-roll__charInner{
    transform: translateY(-50%);
  }
}
/* плавающий фон */
/* вешаем на обертку */
.btn-spot {
  --spot-fill: #DCEDEB;
  --spot-text: #031F6A;
}

.btn-spot__target {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition: color 480ms;
}

/* круг-заливка */
.btn-spot__target::before {
  content: "";
  position: absolute;
  left: var(--spot-x, 50%);
  top: var(--spot-y, 50%);
  width: 220vmax;
  height: 220vmax;
  margin-left: -110vmax;
  margin-top: -110vmax;

  background: var(--spot-fill);
  border-radius: 9999px;
  z-index: -1;

  transform: scale(0);
  transition: transform 650ms;
  will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
  .btn-spot:hover .btn-spot__target,
  .btn-spot:hover .btn-spot__target span {
    color: var(--spot-text);
  }

  .btn-spot:hover .btn-spot__target::before {
    transform: scale(1);
  }
}
/* forms */
input, textarea, button, .ff-default .ff-el-form-control, .ff-default .ff_btn_style {
    font-family: Inter, sans-serif;
	transition: 0.3s all;
}
.ff-default textarea {
    min-height: 113px;
}
.ff-default .ff_btn_style:focus, .ff-default .ff_btn_style:hover {
    opacity: 1;
}
.fluentform .ff-el-group {
    margin-bottom: 10px;
}
.form-horisontal fieldset {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.form-horisontal.fluentform .ff-el-group {
    margin-bottom: 0;
}
/* Fluent Forms GDPR checkbox base */
.ff-el-form-check a, .fluentform .ff-el-is-error .ff-el-form-check a {
	color: inherit;
}
.ff-el-form-check a:hover {
	color: var(--wp--preset--color--theme-3);
}
.ff-el-form-check .ff_tc_checkbox {
  width: 24px;
  height: 24px;
}
.ff-el-form-check .ff_tc_checkbox input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  margin: 0 10px 0 0;
  opacity: 1;
	padding: 0!important;
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 6px!important;
  background: transparent;
  display: inline-grid;
  place-content: center;
  cursor: pointer;
}
.fluentform .ff-el-form-check-label .ff-el-form-check-input {
    top: 3px;
}
/* состояние focus */
.ff-el-form-check .ff_tc_checkbox input[type="checkbox"]:focus {
  border-color: #3DA6C2;
}

/* галочка */
.ff-el-form-check .ff_tc_checkbox input[type="checkbox"]::after {
  content: "";
  width: 20px;
  height: 20px;
  background: url('/wp-content/uploads/2026/04/fi_check.svg')no-repeat center/contain;
	opacity: 0;
}
.form-dark .ff-el-form-check .ff_tc_checkbox input[type="checkbox"]::after {
	background: url('/wp-content/uploads/2026/04/fi_check-2.svg') no-repeat center/contain;
}

/* checked */
.ff-el-form-check .ff_tc_checkbox input[type="checkbox"]:checked::after {
  opacity: 1;
}
/* popup */
.pum-overlay.pum-active {
	backdrop-filter: blur(30px)
}
.pum-theme-tema-po-umolchaniyu .pum-container.popmake {
	padding: 40px;
}
.pum-theme-tema-po-umolchaniyu .pum-container.popmake {
	  overflow: auto;
    max-height: 100vh;
}
.pum-theme-tema-po-umolchaniyu .pum-content {
	padding: 40px;
	background: #223444;
	border-radius: 32px;
}
#pum-1504.pum-theme-tema-po-umolchaniyu .pum-content {
	background: #fff;
}
.pum-theme-tema-po-umolchaniyu .pum-container.popmake h2 {
	color: #fff;
}
#pum-1504.pum-theme-tema-po-umolchaniyu .pum-container.popmake h2 {
	color: #223444;
}
.pum-theme-tema-po-umolchaniyu .fluentform {
	margin-top: 20px;
}
.pum-theme-tema-po-umolchaniyu .fluentform.fluentform_wrapper_3.ff_guten_block.ff_guten_block-3 .ff-el-form-control, 
.pum-theme-tema-po-umolchaniyu .fluentform.fluentform_wrapper_3.ff_guten_block.ff_guten_block-3 .ff-el-input--content input, 
.pum-theme-tema-po-umolchaniyu .fluentform.fluentform_wrapper_3.ff_guten_block.ff_guten_block-3 .ff-el-input--content textarea,
.pum-theme-tema-po-umolchaniyu .fluentform.fluentform_wrapper_3.ff_guten_block.ff_guten_block-3 .ff-el-input--content input::placeholder, 
.pum-theme-tema-po-umolchaniyu .fluentform.fluentform_wrapper_3.ff_guten_block.ff_guten_block-3 .ff-el-input--content textarea::placeholder,
.pum-theme-tema-po-umolchaniyu .fluentform.fluentform_wrapper_3.ff_guten_block.ff_guten_block-3 .ff-el-form-check label {
   border-color: #fff;
   color: #fff;
}

@media (max-width: 768px) {
	.pum-theme-tema-po-umolchaniyu .pum-container.popmake {
	padding: 40px 10px;
}
.pum-theme-tema-po-umolchaniyu .pum-content {
	padding: 20px;
}
	.pum-theme-tema-po-umolchaniyu .pum-content + .pum-close {
    height: 32px;
    width: 32px;   
    right: 0px;   
    top: 32px;
	}
	.pum-content {
		font-size: 14px;
	}
}


.cards-with-icon .guten-element {
	width: calc((100% - 3* 6px)/4);
}
.cards-with-icon-3 .guten-element, .cards-with-image-3>.guten-element{
	width: calc((100% - 2* 12px)/3);
}
.cards-with-icon-2 .guten-inner-container>.guten-element, 
.cards-with-icon-2 >.guten-element {
	width: calc((100% - 12px)/2);
}
.cards-with-icon--last-full .guten-element:last-child {
	width: 100%;
}
.cards-with-icon .guten-icon-box .guten-icon-box-wrapper {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.cards-with-icon--top .guten-icon-box .guten-icon-box-wrapper {
	justify-content: flex-start;
}
@media (max-width: 1200px) {
	.cards-with-icon:not(.cards-with-icon--last-full) .guten-element {
		width: calc(50% - 6px);
	}
}

@media (min-width: 768px) {
	.col-2-12>.guten-element.full-width {
		width: calc(50% - 6px);
	}
}
.card-img:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(180deg, rgba(29, 17, 4, 0) 0%, rgba(29, 17, 4, 0.6) 100%);
}
.card-img:after {
    content: '';
    width: 39px;
    height: 36px;
    position: absolute;
    right: 16px;
    bottom: 16px;
    background: url(/wp-content/uploads/2026/03/sign-inv.svg) no-repeat center / contain;
    transition: 0.3s transform;
}
.card-img:hover:before {
    backdrop-filter: blur(3px);
}
.card-img:hover:after {
    transform: rotate(180deg);
}



.service-card, .card-3 {
	width: calc((100% - 2* 12px)/3);
}
.service-card-4 {
	width: calc((100% - 3* 12px)/4);
}
.service-card .guten-inner-wrap {
	height: 100%;
	flex-direction: column;
}
.service-card .guten-inner-wrap>.guten-wrap-helper {
	flex-grow: 1;
	justify-content: flex-start;
}
.service-card .guten-inner-wrap>.guten-wrap-helper .guten-button-wrapper {
	margin-top: auto;
}
.service-card .guten-image-wrapper img {
	transition: 0.5s transform;
}
.service-card:hover .guten-image-wrapper img {
	transform: translatex(-10px);
}
.service-card h3.wp-block-gutenverse-heading,
.service-card-4 h3.wp-block-gutenverse-heading {
	transition: 0.3s color;
}
.service-card:hover h3.wp-block-gutenverse-heading {
	color: #3DA6C2;
}
.service-card-4:hover h3.wp-block-gutenverse-heading,
.service-card--gradient .service-card:hover h3.wp-block-gutenverse-heading{
	color: #031F6A;
}

.guten-testimonials.style-2 .comment-content {
	margin-top: 0;
}
.testimonial-slider-block .guten-testimonials.style-2 .comment-content {
	  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.guten-testimonials.style-2 .comment-header {
	display: none;
}

/* таблицы */
.table-light td {
	border: none;
	border-bottom: 1px solid #DCEDEB;
	padding: 12px 0;
	vertical-align: top;
}
.table-light tr td:first-child {
	color: #707C87;
}
/* single-post */ 
body h2 {
	font-family: 'Roboto Flex', sans-serif;
	font-weight: 500;
	font-size: 36px;
	line-height: 1.2;
}
.single-post h2 {
	font-family: 'Roboto Flex', sans-serif;
	margin-top: 40px;
	font-weight: 500;
	font-size: 36px;
	line-height: 1.2;
}
.single-post h3 {
	font-size: 24px;
	font-weight: 500;
}
.single-post p, .single-post ul {
	margin-top: 10px;
}
.single-post .wp-block-image {
	border-radius: 32px;
	margin: 40px 0;
	overflow: hidden;
}
/* responsive */
@media only screen and (max-width: 1024px) {
    .break-point-tablet.guten-nav-menu .gutenverse-menu-wrapper {
        background: linear-gradient(225deg, #03729A 0%, #3DA6C2 50%, #DDF2FF 100%)!important;
    }
}
@media (max-width: 991px) {
	.service-card, .card-3 {
	width: calc((100% - 12px)/2);
}
}
@media (max-width:768px) {
	body,
	.guten-button-md {		
		font-size: 14px;
	}
	.heading-with-icon img {
		height: 20px;
		object-fit: contain;
		width: auto !important;
	}
	.cards-with-icon-3 .guten-element,
	.cards-with-icon-2 .guten-inner-container>.guten-element,
	.cards-with-icon-2 >.guten-element{
		width: 100%;
	}
	/* single-post */ 
	body h2 {
		font-size: 26px;
	}
	.single-post h2 {		
		margin-top: 20px;
		font-size: 26px;
	}
	.single-post h3 {
		font-size: 18px;
	}
	.single-post .wp-block-image {
		margin: 20px 0;
	}
}
@media (max-width: 576px) {
	.main-logo img {
		width: 112px;
	}
	.service-card, .card-3 {
	width: 100%;
}
	.service-card-4 {
	width: calc((100% - 12px)/2);
}
}