@charset "UTF-8";
/*
Theme Name: Mental Land Дочерняя тема
Theme URI: https://goodwinpress.ru/wp-tema-mental-land
Author: GoodwinPress
Author URI: https://goodwinpress.ru/
Description: Используем дочернюю тему лишь в тех случаях, когда собрались менять стили, разметку или функции темы. Просто так ее ставить не требуется.
Version: 1.0.0
Text Domain: mental-land
Domain Path: /languages
Template: mental-land
*/


/* Размещайте ваши стили под этой строкой. */


/*
===============================
= 04 Подключение гарнитур
============================================
*/

@font-face {
	font-display: swap;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 800;
	src: url('assets/fonts/montserrat/Montserrat-Bold.woff') format('woff')
}

/* телефон в шапке */
.site-header__phone {
	font-size: 1rem;
	color: #590e23;
    font-weight: 500;
	/* color: var(--posterColor); */
	transition: color 0.3s;
}


/* заголовки */
:root {
	--fontTitle: "Montserrat", sans-serif;
	/* жирное */
	--bold: 700;
}

/* 06 Шапка сайта */
.site-title {
	font-size: 1,2rem;
	line-height: 1;
    font-weight: var(--bold);
}

/* проблемы список */

.post-content ul li::before {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	width: 1rem;
	height: 1rem;
	background-image: url("svg/AppDots.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}


.problem-item__sublist li::before {
    content: "";
	position: absolute;
	top: 6px;
	left: 0;
	width: 1rem;
	height: 1rem;
	background-image: url("svg/AppDots.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.education-item::before {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	width: 1rem;
	height: 1rem;
	background-image: url("svg/AppDots.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* кнопка решение проблем */

.problems-btn {
	margin-inline: 2rem;
	margin-bottom: 2rem;
	background-color: var(--white);
/*	background-color: #f0a35e;  */
	color: var(--black); 
	border: 1px solid var(--black); 
	transition: all 0.4s;
}

.problems-btn:hover {
	background-color: var(--white); 
	color: var(--btnColor);
	border-color:  var(--btnBgHover);
	box-shadow: inset 0 0 0 2.3rem  var(--btnBgHover);
	transition: all 0.4s;
}

.problem-item__header--solution {
	background-color: var(--solutionBg);
    color: #3b5c6f;
}

.problem-item__title_solution {
	font: var(--bold) 1.4rem/140% var(--fontTitle);
	color: #3b5c6f;
}

/* кнопка постера */