/* Подключим шрифт Exo 2 для страниц Работа. Чтобы можно было его применять. */

@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 200; /* предположительно Regular */
    src: url('/wp-content/themes/flatsome/assets/fonts/Exo_2/Exo2-Medium.woff2') format('woff');
} 
	
	/**/ 
html body {
    font-family: 'Exo 2', sans-serif;
    font-weight: 200;
	font-size: 20px; 
	color: white;
}

.question {
	color: white;
	text-align: center;
	font-size: 30px; 
}

.button-wrapper {
	margin: 0 auto;
	width: 500px; /* Размер контейнера для ширины кнопок */
}

/* CSS для кнопки */
.job-button {
    background-color: #fff;
    color: black;
    padding: 10px 20px;
    border-radius: 12px;
    width: 100%;
    height: 50px;
    line-height: 30px;
    display: block; /* Для правильного выравнивания и размеров, если это необходимо */
    text-align: center; /* Центрирование текста внутри ссылки */
	display: inline-block; /* Сделать элемент строчно-блочным */
	transition: background-color 0.3s ease, color 0.3s ease; /* Плавное изменение фона и текста */
	cursor: pointer; /* Делает курсор в форме пальца при наведении */
}

.job-button:hover {
    background-color: #cccccc; /* Цвет фона кнопки при наведении */
}

.job-button.active {
    background-color: #007bff; /* Синий цвет для активной кнопки */
    color: white;
}

/* Установка фиксированной ширины для Select2 */
.select2-container {
    width: 100% !important; /* Замените 200px на желаемую ширину */
}

.select2-container--default .select2-selection--single {
    background-color: transparent;
    color: white;
    border: 1px solid #aaa;
	border-radius: 10px;  /* Заокругление рамки */
}

.select2-results__option {
    padding: 10;  /* Увеличим высоту самих пунктов */
    margin: 0;   /* Удаление внешних полей. Расстояних между пунктами */
}

/* Изменение фона элемента при наведении мыши */
.select2-results__option--highlighted {
    background-color: #f8f8f8 !important; /* Синий цвет фона */
    color: white; /* Белый цвет текста */
}

/* Цвет текста пунктов выпадающего списка */
.select2-container--default .select2-results__option {
    color: black;
}

/* Цвет текста пункта при фокусировке мышкой */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #000; /* Черный цвет текста */
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff; /* Белый цвет текста уже выбранного значения */
}

/* Медиазапрос для мобильных устройств */
@media (max-width: 767px) {
    .button-wrapper {
        width: 100%; /* Уменьшение ширины на мобильных устройствах */
    }
}

@media (max-width: 450px) {
	.question {
		font-size: 20px; 
	}
}

img {
    pointer-events: none; /* Предотвращает клики по картинке. Шоб не качали */
}