/*
Theme Name: WP Commander Дочерняя тема
Theme URI:  https://www.goodwinpress.ru/tema-wpcommander/
Author: Goodwin
Author URI: https://www.goodwinpress.ru/
Description:  Тема 2020 года для бизнес-сайта, развёрнутого на WordPress.  Оптимизация, скорость, богатство функций.  Статическая главная с 14-ю готовыми блоками. 2 меню + мобильное меню. Для мультиязычных сайтов на основе Polylang. Карточки продуктов с атрибутами, слайдером, скидкой, описанием, рейтингом. Липкое меню, липкий сайдбар, хлебеные крошки, улучшенный поиск. Микроразметка в товарах и статьях. Формы для сбора контактов.
Template: wpcommander
 */

/* * * * * * * * * * *  Размещайте ваши стили  под этой строкой  * * * * * * * * * *  */ 
body {font-size:20px; background: #fff;}
 .wrap {background: #fff;}
/*Обводка вокруг картинки*/
img {border: 1px solid #3e4c0b !important;}reclamy{max-width:80%; margin-bottom: 20px;margin-top: 10px}img-tarif {border: 0px !important;}
/*Пагинация*/
a.page-numbers, a.post-page-numbers {background-color: #7e9b15;color: #ffffff;}.page-numbers {padding: 1% 2%;box-shadow: 0 0 10px #3e4c0b;margin: 0 1% 0 0;background: #fff;border-radius: 3px;}.nav-links .current, a.page-numbers:hover, .post-page-numbers.current, a.post-page-numbers:hover {background-color: #e66c1c;color: #ffffff;}.pagination a.page-numbers {background: #7e9b15;}a.more-link {color: #e66c1c;}
.blog-post h2.post-title a:hover{text-decoration:underline; color: #e66c1c}
.blog-post .post-header {display:block;font-size:13px;padding-top:15px;margin-bottom:15px;color:#999}
.blog-post .post-header a{text-decoration:none;color:#999}
.blog-post .post-header a:hover {text-decoration:underline; color: #e66c1c}
/*Стиль для цитаты*/
blockquote {background: #f7f6fb;color: #3e4c0b;border-left: 10px solid #7e9b15;}
blockquote {padding: 20px 25px 20px 30px;letter-spacing: .5px;margin: 25px 0;}
/*Для главной*/
.news-container { padding: 0px 0 30px;}.about-container {padding: 30px 0 30px;}.custom-container { padding: 60px 0 30px; margin-bottom: 20px;}.service-container {padding: 30px 0 40px;}.gallery-container {padding: 30px 0 40px;}.testimonials-container {padding: 30px 0 30px;}.menunav {border-top: 3px solid #7e9b15;border-bottom: 3px solid #7e9b15}.toggle-search{border-left:3px solid #7e9b15}ul.product-attributes li:before {color: #e66c1c}.product-container { padding: 30px 0 0;}
/* Похожие записи в конце каждой публикации*/
.related-posts ul{width:100%;padding:20px 0;margin:15px auto 0;list-style:none;  }.related-posts ul li{width:30%;float:left;padding:0;margin-bottom:20px;margin-right:3.3333%;margin-left:0;height:auto;overflow:hidden}.related-posts ul li img{margin-bottom:10px; }.rel-post-title{font-size:18px;display:block;line-height:18px; font-weight: bold}.related-posts p{display:block;margin-bottom:20px;font-weight:bold;font-size:18px; }.related-posts a{text-decoration:none}.related-posts a:hover{text-decoration:underline}.main-col-fullwidth .related-posts ul{max-width:100%}
@media screen and (max-width: 800px) {.related-posts ul li {width:50%; display: block; margin-left: auto; margin-right: auto; padding:10px;}}
@media screen and (max-width: 500px) {.related-posts ul li {width:100%;float:center;display: block; margin-left: auto; margin-right: auto;padding:10px;}.rel-post-title .related-posts-img{font-size:16px;display:block;margin-left: auto; margin-right: auto;padding:10px;}}


@media (max-width: 1024px) and (min-width: 701px) {header {border-bottom: 3px solid #7e9b15; }}
@media only screen and (max-width: 700px) {.site-title {border-bottom: 3px solid #7e9b15;} .contact-header-item{border-right:3px solid #7e9b15}}
@media only screen and (max-width:320px){.contact-header-item{border-right:0}}

.gp-post-tags{width:50%;font-size:15px;color:#fff;float:right;margin-top:10px;text-align:right}.gp-post-tags a{line-height:12px;font-size:12px!important;text-decoration:none;margin:0 9px 9px 0;padding:8px 8px;text-transform:uppercase;border:1px solid #eeeeef; color:#999}.gp-post-tags a:hover{text-decoration:none}
@media only screen and (max-width:1024px){.gp-post-tags{width:100%;float:left;text-align:left}}
@media only screen and (max-width:900px){.gp-post-tags a{line-height:10px;font-size:10px!important;padding:7px 7px; margin:0 3px 6px 0}}

.product-single-img {text-align: center;}
.owl-dot span {background: #e66c1c;color: #ffffff;}

.su-box-title {text-align: center;}

.gp-old-price-option {
        font-size: 25px;
        color: #e66c1c;
}

.su-note {text-align: center;}

.youtube-video {
    position: relative;
    width: 100%;
    /*max-width: 100; /* Встановлюємо ширину блоку */
    cursor: pointer;
}

.youtube-video .video-thumbnail img {
    width: 100%;
    height: auto;
}

.youtube-video .play-video {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    font-size: 18px;
}

/*Замена шорткодам*/
/*4 колонки работает*/
.column-4 {float: left;width: 25%;padding: 5px;}
.row-4:after {content: "";display: table;clear: both;}
@media screen and (max-width: 900px) {.column-4 {width: 50%;padding: 5px;}}
@media screen and (max-width: 600px) {.column-4 {width: 100%;padding: 5px;;}
}
/* СПОЙЛЕР работает"*/
.spoiler_style {width: 100%;padding: 1px 7px;cursor: pointer;background: #e7e7e7;border: 1px solid #4874a3;border-radius: 3px;padding: 20px;margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px;}
.spoiler_body {width: 100%;padding: 1px 7px;background: #F7F7F7; border: 1px solid #669966;padding: 20px;}
/* Кнопка загрузки работает*/
.btn-1{background-color: #7e9b15;border: none;color: white;padding: 12px 30px;font-size: 16px;cursor: pointer;font-size: 20px;}
.btn-1:hover {background-color: #ff6900;}
/*похожие задания работает*/
.related-tovars-list {list-style: none;padding: 0;display: flex;flex-wrap: wrap;   /* дозволяє переноситися на новий рядок */
    gap: 20px;}
.related-tovar-item {text-align: center;flex: 1 1 calc(33.333% - 20px); /* по 3 в ряд */
 box-sizing: border-box;}
.related-tovar-thumb img {max-width: 100%;height: auto;border-radius: 6px;box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.related-tovar-title {display: block;margin-top: 8px;font-size: 16px;text-decoration: none;color: #333;}
.related-tovar-title:hover {color: #ff6900;}
.related-tovars-list {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

.related-tovars-list li {
    list-style-type: none !important;
}

/* планшети (2 в ряд) */
@media (max-width: 900px) {.related-tovar-item {flex: 1 1 calc(50% - 20px);}}
/* телефони (1 в ряд) */
@media (max-width: 600px) {.related-tovar-item {flex: 1 1 100%;}}
/* текст или картинки в 2 колонки работает*/
.container {
    /* Визначення ширини колонок, яка адаптивно змінюватиметься */
    column-count: 2; /* За замовчуванням дві колонки */
    column-gap: 20px;  /* Відстань між колонками */}
  /* Медіазапит для мобільних пристроїв */
  @media (max-width: 600px) {.container {column-count: 1; /* Одна колонка на мобільних */
			 padding: 20px; }}

/* Три столбика работает*/
.column-3 {float: left;width: 33,33%;padding: 5px;}
.row-3:after {content: "";display: table;clear: both;}
@media screen and (max-width: 900px) {.column-3 {width: 50%;padding: 5px;}}
@media screen and (max-width: 600px) {.column-3 {width: 100%;padding: 5px;;}
}
.wp-caption-text { font-size: 18px; color: #333;display: block;margin-bottom: 5px;padding-top:20px;}



/*три колонки*/
* {box-sizing: border-box;}
/* Создайте три одинаковых столбца, которые плавают рядом друг с другом */
.column-3 {float: left;width: 33.33%;padding: 10px;height: auto;}
/* Очистить поплавки после столбцов */
.row-3:after {content: "";display: table; clear: both;}
@media screen and (max-width: 900px) {.column-3{width: 50%;}}
@media screen and (max-width: 600px) {.column-3 {width: 100%;}}

.toggle-search:before{content: '\26B2';font-size:23px;}

.person-foto:after{content: '\275D';font-size:32px;}
/*a#cancel-comment-reply-link:before{content: '\2716';font-size:14px;color:black}