@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?85694109');
  src: url('../font/fontello.eot?85694109#iefix') format('embedded-opentype'),
    url('../font/fontello.woff2?85694109') format('woff2'),
    url('../font/fontello.woff?85694109') format('woff'),
    url('../font/fontello.ttf?85694109') format('truetype'),
    url('../font/fontello.svg?85694109#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?85694109#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-vimeo:before {
  content: '\f27d';
}

/* '' */

/* === Basic === */

.scheme_light,
body.scheme_light,
.scheme_light:where(.editor-styles-wrapper) {
  --theme-color-text_link: #fff;
  --theme-color-text_hover: #efece6;
}

/* flex-column-reverse-mobile reverse columns on mobile */

@media (max-width: 767px) {
  .wp-block-columns.flex-column-reverse-mobile {
    flex-direction: column-reverse;
    gap: 30px;
  }
}

.font-family-text-kudryashev p,
.font-family-text-kudryashev > * {
  font-family: "kudryashev-d-contrast-sans", sans-serif;
}

/* .sc_button.button-white-color:not(.sc_button_bg_image) {
    --theme-color-text_link: #fff;
    --theme-color-text_hover: #efece6;
} */

/* === Custom Hover Button dark mode === */

.sc_button.color_style_dark:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image) {
  -webkit-tap-highlight-color: transparent !important;
  border: 1px solid #100f17 !important;
}

.sc_button.color_style_dark:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image) * {
  -webkit-tap-highlight-color: transparent !important;
}

@media (hover: hover) {
  .sc_button.color_style_dark:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):hover {
    background-color: #ffffff;
    color: #100f17;
    border-color: currentColor;
  }
}

.sc_button.color_style_dark:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image):active {
  background-color: #ffffff;
  color: #100f17;
  border-color: currentColor !important;
}

.sc_button.color_style_dark.is-touch-active:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image) {
  background-color: #ffffff;
  color: #100f17;
  border-color: currentColor;
  transition: none !important;
  /* Disable transition on touch devices */
}

.scroll_to_top_style_default.trx_addons_icon-up {
  border: 1px solid var(--theme-color-text_dark);
}

.scroll_to_top_style_default.trx_addons_icon-up:hover {
  color: #100f17;
  border-color: var(--theme-color-text_dark);
  background-color: #fff;
}

.trx_addons_scroll_to_top.trx_addons_scroll_to_top.trx_addons_scroll_to_top {
  -webkit-transition: -webkit-transform 0.3s ease, bottom 0.3s ease,
    color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease,
    opacity 0.3s ease;
  -ms-transition: -ms-transform 0.3s ease, bottom 0.3s ease, color 0.3s ease,
    background-color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, bottom 0.3s ease, color 0.3s ease,
    background-color 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
}

/* === Header Sticky === */

.sc_layouts_row_fixed.sc_layouts_row_fixed_on {
  --theme-color-alter_dark: #100f17;
  --theme-color-text_dark: #100f17;
  --theme-color-bg_color: #f7f5f1;
}

body.home .sc_layouts_row_fixed.sc_layouts_row_fixed_on .logo-dark.sc_layouts_item:not(.elementor-widget-divider):not(.elementor-widget-spacer) {
  display: inline-block;
}

.sc_layouts_row_fixed.sc_layouts_row_fixed_on .logo-white.sc_layouts_item:not(.elementor-widget-divider):not(.elementor-widget-spacer) {
  display: none;
}

@media (max-width:767px) {
  .sc_layouts_row.sc_layouts_row_fixed_on.sc_layouts_row_fixed_always .sc_layouts_logo img {
    max-height: 40px;
  }
}

/* === Logo White for Home === */

.logo-white.sc_layouts_item:not(.elementor-widget-divider):not(.elementor-widget-spacer) {
  display: none;
}

body.home .logo-white.sc_layouts_item:not(.elementor-widget-divider):not(.elementor-widget-spacer) {
  display: inline-block;
}

body.home .logo-dark.sc_layouts_item:not(.elementor-widget-divider):not(.elementor-widget-spacer) {
  display: none;
}

/* === Mobile menu === */

.menu_mobile.scheme_dark > .menu_mobile_inner {
  --theme-color-alter_bg_color: #000;
}

.menu_mobile_header_wrap .sc_layouts_logo img {
  max-height: 3em;
  width: auto;
  vertical-align: middle;
}

/* === Description Wide ==== */

@media screen and (min-width: 1280px) {
  .title-descr-wide .sc_item_descr.sc_align_center {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* === Contact Form === */

.wpcf7 .form-style-1 .wpcf7-submit-style .wpcf7-submit {
  border: 1px solid var(--theme-color-text_dark_blend) !important;
  background: var(--theme-color-text_dark) !important;
  padding: 17px 35px !important;
}

.wpcf7 .wpcf7-form .form-style-1 .wpcf7-submit-style .wpcf7-submit:hover {
  color: var(--theme-color-text_dark_blend);
  background: #fff !important;
  border-color: var(--theme-color-text_dark_blend);
}

@media (min-width: 1024px) {
  .wpcf7 .wpcf7-form .form-style-1 .wpcf7-submit-style .wpcf7-submit:hover {
    background: var(--theme-color-bg_color) !important;
  }
}

.wpcf7 .form-style-1 .wpcf7-submit-style .wpcf7-submit:hover {
  background: var(--theme-color-text_link) !important;
}

.wpcf7 .form-style-1 .wpcf7-date {
  font-size: var(--theme-font-input_font-size);
  background: inherit;
  color: var(--theme-color-input_text);
  padding-top: 7px;
  padding-bottom: 13px;
}

.wpcf7 .wpcf7-date:not(.hide-placeholder)::before {
  font-size: var(--theme-font-input_font-size);
  content: attr(placeholder);
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--theme-color-bg_color);
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}

.wpcf7 .wpcf7-date.hide-placeholder::before {
  content: "";
}

.form-style-1 .style-line > br {
  display: none;
}

@media (min-width: 768px) {
  div.wpcf7 .form-style-1 textarea {
    height: 3.4em;
    min-height: 3.4em;
  }
}

.elementor-toggle .elementor-toggle-item {
  --theme-color-text_link: #100f17;
}

/* === Single Portfolio Hero Title === */

.top_panel_custom_header-portfoilio-video .sc_layouts_title .trx_addons_video_player + .sc_layouts_title_content {
  position: absolute;
  bottom: 100%;
}

.top_panel_custom_header-portfoilio-video .sc_layouts_title .trx_addons_video_player + .sc_layouts_title_content .sc_layouts_title_caption {
  --theme-color-text_dark: #000;
}

/* === SIDEBAR === */
#popup-1 .sc_layouts_panel_inner {
  --theme-color-alter_bg_color: #000;
  --theme-color-alter_text: #fff;
}

#popup-1 .sc_socials.sc_socials_icons_names .socials_wrap .social_item,
#popup-1 .elementor-heading-title {
  --theme-color-text_dark: #fff;
  /* --theme-color-text_link: #efece6; */
  /* --theme-color-text_hover: #efece6; */
}

#popup-1 .socials_wrap:not(.socials_type_list) .social_item .social_icon,
#popup-1 .socials_wrap:not(.socials_type_list) .social_item .social_icon i {
  --theme-color-alter_dark: #fff;
}

/* === Portfolio Grid === */
.sc_portfolio .post_featured.with_thumb.sc_portfolio_item_thumb {
  height: 100%;
}

.sc_portfolio .post_featured.with_thumb.sc_portfolio_item_thumb .attachment-chroma-thumb-square {
  height: 100%;
  object-fit: cover;
}

/* on home vertical portfolio */
.home .sc_portfolio .post_featured.with_thumb.sc_portfolio_item_thumb .attachment-chroma-thumb-square {
  aspect-ratio: 3 / 4;
  object-fit: cover;
}

/* === Single Portfolio === */

.single-cpt_portfolio .sc_layouts_title_caption {
  --theme-color-text_dark: #100f17;
}

.mejs-controls .mejs-time-rail .mejs-time-current,
.mejs-controls .mejs-time-rail .mejs-time-handle-content,
.mejs-controls .mejs-button > button,
.mejs-controls .mejs-volume-slider .mejs-volume-handle,
.mejs-controls .mejs-volume-slider .mejs-volume-current {
  --theme-color-text_link: #100f17;
}

.mejs-container .mejs-controls {
  --theme-color-alter_bg_color: rgba(255, 255, 255, 0.6);
}

.sc_layouts_title .trx_addons_video_player.with_video_autoplay,
.sc_layouts_title .trx_addons_video_player.with_video_autoplay:not(.post_featured_bg):not(.with_thumb) {
  pointer-events: auto;
}

@media (max-width: 767px) {
  .portfolio-video-top-container + .portfolio_page.portfolio_page_details_right .portfolio_page_content_wrap {
    order: 1;
  }
}

.single-cpt_portfolio .scheme_default,
body.scheme_default,
.scheme_default:where(.editor-styles-wrapper) {
  --theme-color-bg_color: #efece6;
}

/* Remove footer background on single */
.single-cpt_portfolio .elementor-18467 .elementor-element.elementor-element-68205a6:not(.elementor-motion-effects-element-type-background) {
  background-color: var(--theme-color-bg_color);
}

.single-cpt_portfolio .elementor-18467 .elementor-element.elementor-element-46b6133:not(.elementor-motion-effects-element-type-background) {
  background-color: var(--theme-color-bg_color);
  background-image: none;
}

/* Remove share */
.portfolio_page .portfolio_page_details .portfolio_page_details_share {
  display: none;
}

@media (min-width: 768px) {
  .portfolio-video-top-container {
    padding-bottom: 4em;
  }

  .portfolio_page.portfolio_page_details_right .portfolio_page_content_wrap {
    width: 63%;
  }

  .portfolio_page.portfolio_page_details_right .portfolio_page_details_wrap {
    padding-left: 3.5em;
    width: calc(37% - 3.5em);
  }

  .portfolio_page .portfolio_page_details_wrap .portfolio_page_details .portfolio_page_details_item .portfolio_page_details_item_title,
  .portfolio_page .portfolio_page_details_wrap .portfolio_page_details .portfolio_page_details_item .portfolio_page_details_item_value {
    font-size: 0.88rem;
  }

  .portfolio_page .portfolio_page_details_wrap .portfolio_page_details .portfolio_page_details_item + .portfolio_page_details_item {
    margin-top: 8px;
  }
}

.trx_addons_video_player video {
  object-fit: cover;
}

/* === Remove Background Linear gradient for Team section === */

@media (max-width: 768px) {
  .elementor-4027 .elementor-element.elementor-element-dc56f7b:not(.elementor-motion-effects-element-type-background) {
    background-image: none;
    background-color: #fff;
  }
}

/* === Replace vine icon to vimeo video === */

.social_icon_vine {
  --theme-color-text_link: #ff0000;
}

.social_icon_vine .icon-vine::before {
  content: "\f27d";
}

/* === do not allow word breaks in titles === */
.elementor-heading-title {
  word-break: keep-all;
}