/*
Theme Name:     Konstruct Child Theme
Theme URI:      http://www.wpstudio.ru
Description:    Got questions? Visit our <a href="http://www.wpstudio.ru">wpstudio</a>.
Author:         WPStudio
Author URI:     http://www.wpstudio.ru/
Template:       konstruct
Version:        1.0
Tags: black, blue, white, green, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: konstruct
*/

/*------------------------------------*\
    CAT:переменные
\*------------------------------------*/

/**
 * TAG:цвета корпорративного стиля
 */
$blue: #2453ac;
$blue-highlight: #23478e;
$sky: #0994dc;
$sky-highlight: #097cbf;
$gray: #787272;
$gray-strong: #575151;

/**
 * TAG:Остальные цвета
 */
$white: #ffffff;

/**
 * TAG:Шрифты
 */

// Общий шрифт
$font-family: "Arial", sans-serif;
$font: 14px/1.4 $font-family;

/*------------------------------------*\
    CAT:Mixins
\*------------------------------------*/

@mixin background-sky {
  background-color: $sky;
  &:hover, &:focus {
    background-color: $sky-highlight;
  }
}

@mixin background-blue {
  background-color: $blue;
  &:hover, &:focus {
    background-color: $blue-highlight;
    color: $white;
  }
}

/*------------------------------------*\
    CAT: Общее
\*------------------------------------*/

/**
 * TAG:Размер шрифта и межстрочного интервала
 */
body {
  font: $font;
  color: $gray;

  // Фикс прокрутки
  overflow-x: visible !important;
}

/**
 * TAG:Меню
 */
.menu {
  li {
    a {
      color: $blue !important;
    }
    /*&:hover {
        background-color: $sky;
        a {
            color: $white !important;//TODO: not work
        }
    }*/
    &.current-menu-item {
      background-color: $blue;
      a {
        color: $white !important;
      }
      &:hover {
        background-color: $blue;
        a {
          color: $white !important;
        }
      }
    }
  }
}

.menu > a {
  color: #2453ac !important;
}

.menu > li:hover > a {
  color: #2453ac !important;
}

.menu > .current-menu-item:hover,
.menu > .current-menu-item {
  background-color: $blue !important;
}

.menu > .current-menu-item:hover > a,
.menu > .current-menu-item > a {
  color: #ffffff !important;
}

/* Размеры и шрифт пунктов меню
 */
#site-header .menu > li a {
  font-family: $font-family;
  font-size: 12px;
}

#masthead .navigator .menu li a, #masthead-sticky .navigator .menu li a {
  padding: 0 10px;
}

/* Кнопка - открытия экстра-меню
 */
#masthead .navigator .menu.menu-extra {
  padding-left: 0px;
}

/* Отступы слева от лого и справа от меню
 */
#masthead.header-v4 .wrapper {
  padding: 0 20px;
}

/* Верхняя полоса
 */
#headerbar .custom-info {
  float: right;
  color: white;
  font-size: 18px;
}

#headerbar .social-links {
  float: left;
}

/**
 * TAG:Загаловки
 */
h1, h2, h3, h4, h5, h6 {
  color: $gray-strong;
}

h2 {
  font-weight: 700;
  color: $blue;
}

/**
 * TAG:Sticky logo
 */
#masthead-sticky .brand img.sticky-logo {
  width: 254px;
  height: 25px;
  margin-top: 18px;
}

/**
 * TAG:Шапка, Sticky
 */
#masthead, #masthead-sticky {
  z-index: 999;
}

/**
 * TAG:Footer
 */

/* Отключение отступа для нижнего футера (который отключен)
 */
body #site-wrapper {
  padding-bottom: 0;
}

/**
 * TAG:Кнопки
 */

//Синий цвет
.vc_btn {
  @include background-blue;
  color: $white;
}

.vc_btn.vc_btn_lg.vc_btn-lg.vc_btn_3d {
  @include background-blue;
  color: $white;
}

.vc_btn-blue, a.vc_btn-primary, button.vc_btn-primary {
  @include background-blue;
}

.vc_btn3.vc_btn3-color-primary, .vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat {
  @include background-blue;
}

.vc_btn3.vc_btn3-color-primary.vc_btn3-style-modern {
  @include background-blue;
}

.navigation.loadmore a {
  @include background-blue;
}

.vc_btn, a.vc_btn, button.vc_btn {
  @include background-blue;
}

// Голубой цвет
.vc_btn-sky, a.vc_btn-sky, button.vc_btn-sky,
  // Фикс для разрешения конфликта при наследовании правил от основного синего цвета
.vc_btn.vc_btn_lg.vc_btn-lg.vc_btn_3d.vc_btn-sky {
  @include background-sky;
}

.vc_btn3.vc_btn3-color-sky, .vc_btn3.vc_btn3-color-sky.vc_btn3-style-flat {
  @include background-sky;
}

.vc_btn3.vc_btn3-color-sky.vc_btn3-style-modern {
  @include background-sky;
}

input[type="submit"], button[type="submit"], .button {
  @include background-sky;
}

#site-wrapper .wpb_button:hover {
  background-color: $sky-highlight !important;
}

#site-wrapper .vc_btn.vc_btn_3d:hover {
  background-color: $sky-highlight !important;
}

/**
 * TAG:Списки на синем фоне
 */
.iconlist.blue-background > li {
  color: white;
}

/*------------------------------------*\
    CAT:Слайдеры
\*------------------------------------*/

.rev_slider_wrapper {
  /**
   * TAG:Слайдер с отзывами на главной
   */
  // Корректировка блока автора под отзывом
  .testimonial {
    .testimonial-content {
      blockquote {

      }
    }
    .testimonial-meta {
      .testimonial-author {
        & * {

        }
        .author-name {

        }
        .author-info {

        }
      }
    }
  }
  // отключение слота-заглушки на текущем слайде
  .testimonial_slide.active-revslide {
    .slotholder {
      display: none;
    }
    &.loading {
      .slotholder {
        display: block;
      }
    }
  }
}

/*------------------------------------*\
    CAT:Отзывы
\*------------------------------------*/

/**
 * TAG:Блок отзывов - контент
 */
#site-wrapper {
  .testimonial {
    .testimonial-content {
      blockquote {
        font-family: $font-family;
        font-size: 14px;
        color: $gray !important;
      }
    }
    .testimonial-meta {
      .testimonial-author {
        & * {
          font-size: 14px !important;
          color: $gray !important;
        }
        .author-name {

        }
        .author-info {

        }
      }
    }
  }
}

/*------------------------------------*\
    CAT:Портфолио
\*------------------------------------*/

/**
 * TAG:выравнивание блоков по высоте на главной странице
 */
.portfolio-container .entry-content .entry-meta {
  height: 40px;
}

/**
 * TAG:заголовки шрифт
 */
.portfolio-container .entry-content h2 a {
  font-weight: 400;
  color: $gray-strong;
}

/**
 * TAG:Ограничение кол-ва видимых элементов для работы фильтров на главной
 */
.wpb_wrapper .portfolio-entries { //wpb_wrapper - это чтобы только на кастомных страницах правило применялос
  & > div {
    & > article {
      &:nth-of-type(n+13) {
        display: none;
      }
    }
    &.two-rows > article {
      &:nth-of-type(n+9) {
        display: none;
      }
    }
  }
}

/*------------------------------------*\
    CAT:Элементы темы
\*------------------------------------*/

/**
 * TAG:IconBox
 */
.iconbox {
  .box-header {
    .box-icon {
      img {
        border: 1px solid $blue;
        padding: 8px;
      }
    }
  }
}

/*------------------------------------*\
    CAT:Пользовательские классы-помощники
\*------------------------------------*/

/**
 * TAG:Цвета
 */
.color-blue {
  color: $blue;
}

.color-sky {
  color: $sky;
}

.color-gray {
  color: $gray;
}

/*------------------------------------*\
    CAT:Архив
\*------------------------------------*/

/**
 * TAG:Кнопка More
 */
.more-link {
  background: $blue;
}

.blog .content .content-inner > [class*="post-"] .entry-content .more-link:hover,
.single .content .content-inner > [class*="post-"] .entry-content .more-link:hover,
.search-results .content .content-inner > [class*="post-"] .entry-content .more-link:hover,
.archive .content .content-inner > [class*="post-"] .entry-content .more-link:hover {
  background: $blue-highlight;
}

/**
 * TAG:Цвет загаловков архива записей
 */
#main-content {
  .entry-header .entry-title a {
    color: $blue;
  }
}

/*------------------------------------*\
    CAT:SIdebar
\*------------------------------------*/

/**
 * TAG:Цвета загавловков в сайдбаре
 */
.widget-title, .widgettitle {
  color: $blue;
}

/*------------------------------------*\
    CAT:Портфолио
\*------------------------------------*/

/**
 * TAG:Убрать эффект Flip
 */
.portfolio-container.portfolio-grid .portfolio-entries .hentry .entry-wrapper:hover .entry-cover img {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
}


/*------------------------------------*\
    CAT:Semantic UI
\*------------------------------------*/

/**
 * TAG:Grid
 */

.ui.grid {
  & > .row {
    margin: 0;
  }
}

/**
 * TAG:Input
 */

.ui.input {
  &.fullwidth {
    .wpcf7-form-control-wrap {
      width: 98%;
    }
  }
}