/*
Theme Name: Showcase WP Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Showcase Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.2
Template: showcase-wp
Author: An-Themes
Author URI: http://www.anthemes.com/
Tags: black, white, green, blue
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/


/* =Theme customization starts here
-------------------------------------------------------------- */
.head-h1 {
color: #fff;
font-weight: 300;
font-size: 24px;
line-height: 38px;
word-spacing: 7px;
padding-top: 50px !important;
}

.head-green {
word-spacing: -5px;
font-family: 'Shadows Into Light', cursive;
color: #a3b745 !important;
}

.search-right {
	width: auto;
    float: right;
}

.wp-block-image img {
	margin:10px !important;
}

/* Таблица для симптомов */

.table_simptom_wrapper {
	overflow-x: auto;
	max-width: 100%;
}

.table_simptom {
	width: 100%;
	border: none;
	margin-bottom: 20px;
	border-collapse: collapse;
}
.table_simptom thead th {
	font-weight: bold;
	text-align: left;
	border: none;
	padding: 10px 15px;
	background: #d8d8d8;
	font-size: 14px;
}
.table_simptom thead tr th:first-child {
	border-radius: 8px 0 0 8px;
}
.table_simptom thead tr th:last-child {
	border-radius: 0 8px 8px 0;
}
.table_simptom tbody td {
	text-align: left;
	border: none;
	padding: 10px 15px;
	font-size: 14px;
	vertical-align: top;
}
.table_simptom tbody tr:nth-child(even){
	background: #F1F5EC;
}
.table_simptom tbody tr td:first-child {
	border-radius: 8px 0 0 8px;
}
.table_simptom tbody tr td:last-child {
	border-radius: 0 8px 8px 0;
}

.table_simptom_th {
	background: #A7BC49;
	text-align: center !important;
	vertical-align: middle !important;
}

/* end Таблица для симптомов */

.thumbs-rating-down { display: none !important; }

/* Стили списков*/
.entry ul:not(.kt-tabs-title-list) {
    padding:0;
    list-style: none;
	margin: 5px 5px;
}
.entry ul:not(.kt-tabs-title-list) li{
    padding:6px;
}
.entry ul:not(.kt-tabs-title-list) li:before {
    padding-right:10px;
    font-weight: bold;
    color: #D8E59A;
    content: "\2714";
    transition-duration: 0.5s;
}
.entry ul:not(.kt-tabs-title-list) li:hover:before {
    color: #9FB724;
    content: "\2714";
}   

.entry ul:not(.kt-tabs-title-list) a {
	color: #9FB724 !important; 
}
.entry ul:not(.kt-tabs-title-list) a:hover {
	color: #617401 !important; 
}
/**/

/* Стили для картинок в статье .entry img:not(.class):not(.class2):not(.class3):not(.class4):not(.class5) */ 
.entry img:not(.ub_testimonial_img img):not(.emoji) {
  --g: 4px;     /* the gap */
  --b: 6px;    /* border thickness*/
  --c: #669706; /* the color */
  
  
  padding: calc(var(--g) + var(--b));
  --_c: #0000 0 25%, var(--c) 0 50%;
  --_g1: repeating-linear-gradient(90deg ,var(--_c)) repeat-x;
  --_g2: repeating-linear-gradient(180deg,var(--_c)) repeat-y;
  background:
    var(--_g1) var(--_p, 25%) 0   ,var(--_g2) 0    var(--_p,125%),
    var(--_g1) var(--_p,125%) 100%,var(--_g2) 100% var(--_p, 25%);
  background-size: 200% var(--b),var(--b) 200%;
  cursor: pointer;
  filter: grayscale(50%);
  transition: .3s;
}
.entry img:not(.ub_testimonial_img img):hover {
  --_p: 85%;
  filter: grayscale(0%);
}
/**/

/* Цитаты в записи */
.entry .otryvok {
    border: 2px solid #e79140;
    font-size: 16px;
    font-style: italic;
    margin: 40px;
    padding: 16px 24px;
    position: relative;
    box-shadow: 15px 15px 0 0 #e79140;  
}
.entry .otryvok cite {
    color: #e79140;
    font-size: 15px;
    padding-top: 10px;
    display: block;
    text-align: right;
}
/**/

.entry hr {
	border: 2px solid #5b6e00;
}

.meta-art img {
    display: inline-block; /* Для корректного выравнивания с текстом */
    vertical-align: middle; /* Чтобы выровнять по вертикали с текстом */
}

.wp-block-image .wp-element-caption {
	text-align:right;
}

.entry img:not(.emoji), img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
	width:500px !important; 
}

.wp-element-caption a {
	color: #9FB724 !important; 
}
.wp-element-caption a:hover {
	color: #617401 !important; 
}

.youtube-icon {
	width: 24px !important;
}

.box-image {
    position: relative;
}

.thumbnail-link {
    display: inline-block;
    position: relative;
}

.youtube-icon {
    position: absolute;
    bottom: 10px; /* Adjust as needed */
    right: 10px;  /* Adjust as needed */
    width: 24px;  /* Adjust as needed */
    height: 24px; /* Adjust as needed */
    z-index: 10;  /* Ensure it appears above the image */
}
.end-rating {
margin-top: 25px;
}

.end-rating .thumbs-rating-container {
	text-align:center;
	float:none;
}

.end-rating .thumbs-rating-container .fa-thumbs-o-up:before {
	font-size:150%;
}