/*
 Theme Name:   Tugestor Light
 Theme URI:    https://tugestor.pro/
 Description:  Gradual lightweight migration with a reversible Seiji compatibility layer.
 Author:       Tugestor
 Author URI:   http://bold-themes.com
 Template:     seiji
 Version:      0.1.6
 Tags:         one-column, right-sidebar, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  seiji-child
*/


/* Theme customization starts here
-------------------------------------------------------------- */

/* Default system fonts, no external downloads */
:root{
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  --font-head: Georgia, "Times New Roman", Times, serif;
}

html, body{
  font-family: var(--font-body) !important;
}

body.single-post .site-content {
    margin-top: 3em;
}
body blockquote {
    font-size: 24px;
}

h1,h2,h3,h4,h5,h6,
.bt_bb_headline,
.bt_bb_headline_tag,
.bt_bb_headline_content{
  font-family: var(--font-head) !important;
}

.site-header,
.main-navigation-menu,
.menu,
button,
input,
select,
textarea{
  font-family: var(--font-body) !important;
}


h1,h2,h3,h4,h5,h6{padding: 0 0 1em 0}
h2{font-size:2em;}
h3{font-size:1.75em;}
h4{font-size:1.5em;}
.page-header h1.page-title {text-shadow: 2px 2px 5px rgba(0,0,0,0.5);font-size: var(--small-title-size) !important;}
.post a{color:#a17c41}
.post a:hover{color:#deb475}

.page-header-inner {
  padding-top: 20px !important;
}

.posted-on time.updated:not(.published) {
  display: inline;
  font-size: 0.7em;
  margin-left: .35em;
}

.posted-on time.updated:not(.published)::before {
  content: "(";
}

.posted-on time.updated:not(.published)::after {
  content: ")";
}
html[lang="ru-RU"] .posted-on time.updated:not(.published)::before { content: "(Обновлено "; }
html[lang="uk"] .posted-on time.updated:not(.published)::before { content: "(Оновлено "; }
html[lang="es-ES"] .posted-on time.updated:not(.published)::before { content: "(Actualizado "; }
html[lang="es"] .posted-on time.updated:not(.published)::before { content: "(Actualizado "; }

.bt_bb_section.bt_bb_background_overlay_alternate_solid::before {
  background: linear-gradient(
    180deg,
    rgba(32, 60, 67, 0.9) 0%,
    rgba(32, 60, 67, 0.9) 100%
  ) !important;
}
.bt_bb_section.bt_bb_background_overlay_alternate_left_gradient:before{
  width:50%;
  background:linear-gradient(90deg,rgba(32,60,67,0.9) 37.79%,rgba(32,60,67,0.6) 81.5%,rgba(255,255,255,0) 100%) !important;
}

.site-navigation-widgets .bt_bb_icon_holder{
  width:34px;
  height:34px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.12);
  color:#fff;
}

body.bt-sticky-header-active-open .site-navigation-widgets .bt_bb_icon_holder{
  color:#000;
}

body:not(.bt-sticky-header-active-open) .site-navigation-widgets .bt_bb_icon_holder{
  color:#fff;
}

.site-navigation-widgets a[href*="instagram.com"]{
  background-color: currentColor;
  -webkit-mask: url("/wp-content/themes/seiji-child/icons/instagram-line.svg") center / 18px 18px no-repeat;
  mask: url("/wp-content/themes/seiji-child/icons/instagram-line.svg") center / 18px 18px no-repeat;
}

.site-navigation-widgets a[href*="facebook.com"]{
  background-color: currentColor;
  -webkit-mask: url("/wp-content/themes/seiji-child/icons/facebook-fill.svg") center / 18px 18px no-repeat;
  mask: url("/wp-content/themes/seiji-child/icons/facebook-fill.svg") center / 18px 18px no-repeat;
}

.site-navigation-widgets a[href*="wa.me"],
.site-navigation-widgets a[href*="whatsapp.com"]{
  background-color: currentColor;
  -webkit-mask: url("/wp-content/themes/seiji-child/icons/whatsapp-line.svg") center / 18px 18px no-repeat;
  mask: url("/wp-content/themes/seiji-child/icons/whatsapp-line.svg") center / 18px 18px no-repeat;
}

/* на всякий случай убираем глиф из шрифта */
.site-navigation-widgets .bt_bb_icon_holder::before,
.site-navigation-widgets .bt_bb_icon_holder::after{
  content:none !important;
}
.site-navigation-widgets .bt_bb_icon_holder{
  font-size:0 !important;
}

/* Anchor navigation offset for the sticky BoldThemes header */
:root{
  --tugestor-anchor-offset: 120px;
}

html{
  scroll-padding-top: var(--tugestor-anchor-offset);
}

[id]{
  scroll-margin-top: var(--tugestor-anchor-offset);
}
body{
  --desktop-menu-gap: 40px;
}
#search-4{
  width: clamp(190px, 22vw, 300px);
  max-width: 100%;
}
#search-4 .search-form{
  display: flex;
  width: 100%;
}
#search-4 .search-field{
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}
#search-4 .search-submit{
  flex: 0 0 auto;
}