/*
Theme Name: The Story Child
Description: Дочерняя тема для темы The Story 
Author: Евгений
Template: thestory
*/

@import url("../thestory/style.css");

/* Меняем цвет подчеркивания заголовка страницы на зелёный */
.page-title h1:after {
  content: "";
  display: block;
  width: 62%;
  height: 2px;
  background-color: #10821b;
  margin: auto;
  margin-top: 10px;
}

/* Меняем цвет подчеркивания меню на зелёный */
.nav-menu > ul > li > a:after,
.nav-menu > div.menu-ul > ul > li > a:after {

  background: #10821b;
}

/* Добавляем тень в заголовки Content Slider */
.cs-small-title,
.cs-title {
  text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}

/* Меняем цвет активного пункта меню на зелёный */
.nav-menu ul .current-menu-item a
{
  color: #00af12;/*#10821b;*/
}

/* Меняем прозрачность активного пункта меню на 1 */
.nav-menu ul .current-menu-item > a,
.nav-menu > ul > li:hover > a,
.current-menu-ancestor > a {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=100);
}

/* Меняем цвет ссылок на зелёный при наведении*/
a:hover {
  color: #10821b;
}

/* Меняем цвет кнопки на черный и жирный
button,
.button,
input[type="submit"],
input[type="button"],
#submit {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  margin: 2px 0;
  padding: 12px 25px;
  background: none;
  background-image: none;
  background-color: #fdd200;
  color: #000000;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 13px;
  font-family: Montserrat, 'Open Sans', Helvetica, Arial, sans-serif;
  line-height: 20px;
  cursor: pointer;
  -webkit-appearance: none;
  border: 0px;
}*/

/* Меняем подчеркивание портфолио на зеленый */
.pg-item h2:after,
.pc-item h2:after {
  content: "";
  display: block;
  width: 60px;
  height: 2px;
  background-color: #10821b;
  margin: auto;
  margin-top: 6px;
  margin-bottom: 11px;
}


/* Ставим полупрозрачный темный фон для заголовков и подзаголовков слайдеров */
.section-text .section-title,
.section-text .section-desc {
  max-width: 600px;
  /*background-color: rgba(0, 0, 0, 0.5);*/
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}

/* меняем иконку картинки на белую */
.icon-photo:before,
.smallslider-icon:before,
.fullslider-icon:before,
.fullslider-icon:before,
.smallslider-icon:before {
  content: "\f701";
  color: #ffffff;
}


/* меняем иконку лайтбокса на белую */
.icon-lightbox:before,
.icon-camera:before,
.lightbox-icon:before {
  content: "\f704";
  color: #ffffff;
}


/* меняем фон иконки картинки на зеленый */
.pc-wrapper .icon-circle,
.pg-item .icon-circle,
.qg-img .icon-circle {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  top: 50%;
  left: 50%;
  z-index: 15;
  display: block;
  margin-top: -30px;
  margin-left: -30px;
  padding: 0;
  padding: 10px;
  background: #10821b;
}