/*
Theme Name:     Online KBB
Description:    Дочерняя тема для темы Hello Elementor 
Template:       hello-elementor
*/

/* Адаптивный плеер */
.video-adaptive {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;
}
.video-adaptive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}
/* Адаптивный плеер. Конец. */

.moreinfo {
	display: inline;
	padding-right: 20px;
}

/* Сетка избранного */
.favorites-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(10, auto);
    gap: 16px; /* Расстояние между элементами */
    padding: 16px;
}

.fav-el {
    background-color: #f9f9f9;    
    padding: 7px;
    text-align: center;
    border: none;
}

.fav-el .fav-title {
    text-align: left;
    margin: -5px 0px 0px 0px;
    padding:10px 16px 0px 16px;
    background-color: #fff;
}

.fav-el .fav-title a {
    font-family: Helvetica;
    font-size: 20px;
    font-weight: 400;
    color:#000000;
}

.fav-el .fav-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    text-align: left;
    color:#808080;
    font-weight: 400;
    margin: 0px 0px 10px 0px;
    padding:3px 16px 10px 16px;
    background-color: #fff;
    border-radius: 0 0 25px 25px;
}

.fav-el img {
    max-width: 100%;
    padding: 0;
    margin: 0;
    height: auto;
    border-radius: 25px 25px 0 0;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .favorites-list {
        grid-template-columns: repeat(2, 1fr); /* 2 колонки на планшетах */
    }
}

@media (max-width: 480px) {
    .favorites-list {
        grid-template-columns: 1fr; /* 1 колонка на мобильных */
    }
}
/* Конец. Сетка избранного */

/* Иконки избранного */
.favorite-icon-empty {
  display: inline-block;
  width: 23px; /* Размер иконки */
  height: 21px;
  background-image: url('./pic/like-empty.svg');
  background-size: cover;
  cursor: pointer;
}
.favorite-icon-full {
  display: inline-block;
  width: 23px; /* Размер иконки */
  height: 21px;
  background-image: url('./pic/like-full.svg');
  background-size: cover;
  cursor: pointer;
}
/* Конец. Иконки избранного */

/* Поиск и фильтр */
#sf-filter .searchandfilter h4 {
    font-family: "Helvetica";
    font-size: 20px;
	font-weight: 600;
    color: #000000;
	padding-bottom: 15px;
}

#sf-filter .searchandfilter .sf-level-0 {
	font-family: "Helvetica";
	color: #0000009C;
    font-size: 16px;
	line-height: normal;
	font-weight: 400;
}

#sf-filter .chosen-container .chosen-results li.highlighted {
    background-color: #FAA018 !important;    
	background-image: none;    
    color: #fff !important;
}

#sf-filter .searchandfilter .chosen-single {
	font-family: "Helvetica";
	color: #0000009C;
    font-size: 16px;
	line-height: normal;
	font-weight: 400;
}

#sf-filter .chosen-container-single .chosen-single {
	box-shadow: none;
	-webkit-box-shadow: none;
}

#sf-filter .searchandfilter input[type=text] {
    width: 270px;
	height: 60px;
	font-family: "Helvetica";
	color: #0000009C;
    font-size: 16px;
	border-radius: 15px;
	background: #fff;    
	border: none;
}

#sf-filter .searchandfilter ul {
	padding: 0;
}

#sf-filter .searchandfilter ul li {    
    display: inline-block;
    vertical-align: top;
    padding: 13px 20px 13px 0;    
}

#sf-filter .searchandfilter .sf-level-0 {
	padding-left: 10px;
}

#sf-filter .searchandfilter .chosen-container-single .chosen-search input[type=text] {
	width: 250px !important;
	height: 40px;
}


#sf-filter .sf-field-reset {
/*    display: block !important;
    clear: both;    
    margin: 50px 25%; */
	display: inline-block !important;
    margin: 50px auto;
}

#sf-filter .sf-field-reset input {
    color: #0D0D0D;
    background: transparent;
	border: solid 2px #000;
	border-radius: 95px;
	margin: auto 100px;
}

#sf-filter .chosen-container {
    font-size: 18px;
    width: 270px !important;    
	background: #fff;
	border-radius: 15px;
}

#sf-filter .chosen-container-single .chosen-single {
    height: 50px;
	border-radius: 15px;
    padding-top: 18px;
	padding-left: 16px;
	background: #fff;
	border: none;
}

#sf-filter .chosen-container-single .chosen-single div b {
    margin-top: 20px;
	margin-left: -10px;
	background: url('./pic/ar-d.svg') no-repeat !important;
}

#sf-filter .chosen-container-active.chosen-with-drop .chosen-single div b {
	background: url('./pic/ar-u.svg') no-repeat !important;
}

#sf-filter .chosen-container .chosen-results li.active-result {
    display: list-item !important;
}

#sf-filter .sf-field-post-meta-mentoring_topic, .sf-field-post-meta-speciality {
	display: inline-block !important;	
}

#sf-filter input {
	background: transparent;
}

#sf-filter .sf-range-values-seperator {
	display: none;
}

@media (max-width: 575.98px) {
	.searchandfilter select.sf-input-select {max-width: 300px; min-width: 300px}
	#sf-filter .sf-field-reset {display: flex !important; margin: 30px 25px !important;}
	#sf-filter .sf-field-reset input {margin: auto;}
}
#sf-filter .sf-field-post-meta-mentoring_topic .chosen-container {
	width: 1025px !important;	
}
#sf-filter .sf-field-post-meta-speciality .chosen-container {
	width: 250px !important;	
}
/* Конец. Поиск и фильтр */
.wppb-password-field-container {
    width: 100% !important;
}