/**
* Файл стилей для настройки шаблона.
* Регистрировать этот файл для подключения в шаблоне не нужно
*/

:root {
	--button-color: #002358;
	--button-text: #fff;
	--button-color-hover: #c5530c;
	--button-text-hover: #fff;
	--basic-company: #002358;
	--second-company: #e8eef7;
	--basic-company-text: rgba(0,35,88,1);
	--second-company-text: rgba(0,35,88,.8);
	--white-color: #fff;
	--bg: rgba(241,245,250,1);
	--dark-blue: #d8e2ee;
	--header-bg: #e8eef7;
	--footer-bg: #00183d;
	--body-text: rgba(52,52,52,1);
	--body-heading: #343434;
	--boxed-color: #fff;
	--boxed-text: rgba(52,52,52,.85);
	--button-second-color: rgba(11,112,172,1);
	--button-second-text: #fff;
	--shadow: 0px 3px 17px 0px rgba(0, 23, 65, .12);
	--shadow-hover: 0px 3px 17px 0px rgba(0, 23, 65, .3);
	--border-color: rgba(0,35,88,.3);
	--border-radius: 1rem;
	--fa-style-family: "Font Awesome 6 Free", "Font Awesome 6 Brands";
	--fa-display: inline-block;
	--font-size: 16px;
	--container-width: 90rem;
	--container-padding: 1.6rem;
	--error-color: #e74747;
}

.jssocials-share-logo, .footer__social {
	--fa-style: 500;
}

.jssocials-share-logo.fa-volume-control-phone {
	--fa-style: 600;
}

@media only screen and (max-width: 576px) {
	:root {
		--container-padding: 1rem;
	}
}