/*!
Theme Name: itp
Theme URI: http://underscores.me/
Author: Rouge Digital Agency
Author URI: https://rouge.by/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: itp
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

itp is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* 1. Reset & Base Styles */
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

html {
    overflow-x: hidden;
    vertical-align: baseline;
}

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
}

body {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.25;
    color: #000;
    background-color: #fff;
	overflow: hidden;
}

/* 2. WordPress Core Classes (Обязательно для картинок и контента) */
.alignleft {
    float: left;
    margin: 0.5em 1em 0.5em 0;
}

.alignright {
    float: right;
    margin: 0.5em 0 0.5em 1em;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

img, video, canvas, iframe {
    max-width: 100%;
    height: auto;
}

.wp-caption {
    max-width: 100%;
    margin-bottom: 1em;
}

.wp-caption-text {
    text-align: center;
    font-size: 0.85em;
    color: #666;
}

/* Accessibility: Скрытие текста для экранных дикторов */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-response {
    display: none;
}

/* 3. Layout & Grid */
.container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding: 0 15px; /* Чтобы текст не лип к краям на мобильных */
}

main {
    min-height: 100vh;
}

.row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.row-wrap {
    flex-wrap: wrap;
    align-items: flex-start;
}

.relative {
    position: relative;
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* 4. Forms & Plugins (Contact Form 7) */
form br {
    display: none;
}

.wpcf7-not-valid-tip {
    font-size: 14px;
    margin-top: -10px;
    display: block;
    color: red;
    padding-bottom: 10px;
}

.wpcf7-response-output {
    font-size: 14px;
    display: block;
    color: red;
    margin-top: 10px;
}

/* 5. Helpers & Fixes */
p:empty {
    display: none;
}
h2 {
	font-size:36px;
	font-weight:700;
}
h3 {
	font-size: 24px;
    font-weight: 700;
}
ul, ol {
	padding: 1rem 0;
    margin-left: 3rem;
}
strong, b {
	font-weight:700;
}

/* Улучшение доступности вместо полного удаления outline */
a:focus, button:focus, input:focus {
/*     outline: 2px solid rgba(0,0,0,0.1); */
}
/* Header */
.row-header {
	display: flex;
    justify-content: space-between;
    padding: 10px 0;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
#masthead a {
	color:inherit;
	text-decoration:none;
	font-size:18px;
}
.phone-link:before {
	content: ""; /* Обязательно пустой контент */
    display: inline-block;
    width: 20px;  /* Ширина иконки */
    height: 20px; /* Высота иконки */
    margin-right: 12px; /* Отступ от иконки до текста */
    vertical-align: middle;
    background-image: url('/wp-content/uploads/2026/02/phone.svg'); /* Путь к файлу */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	position: relative;
    top: 1px;
}
.phone {
	display: grid;
    row-gap: 16px;
}
.phone-link {
	padding-right: 12px;
}
.phone img {
	margin-bottom: -7px;
	padding-right: 4px;
}
.email-link:before {
	content: ""; /* Обязательно пустой контент */
    display: inline-block;
    width: 20px;  /* Ширина иконки */
    height: 20px; /* Высота иконки */
    margin-right: 12px; /* Отступ от иконки до текста */
    vertical-align: middle;
    background-image: url('/wp-content/uploads/2026/02/email.svg'); /* Путь к файлу */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	position: relative;
    top: 1px;
}
.btn-main a {
	display: inline-block;
    background: #F77321; /* Пример исходного цвета */
    color: #fff!important;
    padding: 16px 25px; /* Задаем отступы сразу здесь */
    border-radius: 30px; /* И скругление тоже здесь */
    transition: all 0.3s ease; /* Делает переход плавным */
	    text-decoration: none;
	font-size: 18px;
}
.btn-main a:hover {
	background: #E64A19;
}
.btn-main a:after {
	content: ""; /* Обязательно пустой контент */
    display: inline-block;
    width: 28px;  /* Ширина иконки */
    height: 28px; /* Высота иконки */
    margin-left: 10px; /* Отступ от иконки до текста */
    vertical-align: middle;
    background-image: url('/wp-content/uploads/2026/02/arrow.svg'); /* Путь к файлу */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.menu-toggle {
	display: none;
}
.main-navigation #primary-menu {
	list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
	margin-left: 0;
}

/* Footer */
.site-footer {
	background: #0683D7;
    color: #fff;
}
.row-site-info {
	padding-top: 80px;
    padding-bottom: 60px;
}
.menu-footer a,.contacts a {
	font-size:18px;
	text-decoration:none;
	line-height:30px;
	color: #fff;
}
.menu-footer ul {
	list-style:none;
}
#colophon .phone-link:before {
	background-image: url('/wp-content/uploads/2026/02/phone-white.svg'); /* Путь к файлу */
}
#colophon .email-link:before {
	background-image: url('/wp-content/uploads/2026/02/email-white.svg'); /* Путь к файлу */
}
.address-p {
	display:flex;
}
.address-p:before {
	background-image: url('/wp-content/uploads/2026/02/map.svg'); /* Путь к файлу */
	content: ""; /* Обязательно пустой контент */
    display: inline-block;
    width: 20px;  /* Ширина иконки */
    height: 22px; /* Высота иконки */
    margin-right: 12px; /* Отступ от иконки до текста */
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	min-width: 21px;
}
.watch-p:before {
	background-image: url('/wp-content/uploads/2026/02/working_hours.svg'); /* Путь к файлу */
	content: ""; /* Обязательно пустой контент */
    display: inline-block;
    width: 20px;  /* Ширина иконки */
    height: 20px; /* Высота иконки */
    margin-right: 12px; /* Отступ от иконки до текста */
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.contacts {
	display: grid;
    max-width: 284px;
    row-gap: 16px;
}
.contacts-row img {
	margin-bottom: -9px;
    padding-right: 4px;
}
.copyright {
	padding: 16px 0;
	font-size: 14px;
}
.copyright a {
	text-decoration:none;
	color:#fff;
}

/* main-hero */
h1 {
	font-size:48px;
	font-weight:700;
	max-width:544px;
	margin-bottom:25px;
}
.hero-text-block p {
	font-size:24px;
	margin-bottom:50px;
	max-width:344px;
}
#main-hero {
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center!important;
}
#main-hero .row {
	padding:11rem 0;
} 

/* advantage */
.advantage {
	padding: 30px 0;
}
.advantage-card-bg {
	background:#F4F9FB;
	border-radius:20px;
	padding: 25px 20px;
	min-height:130px;
}
.advantage-card {
	text-align: center;
	max-width: 270px;
}
.advantage-card-bg h5 {
	color: #F77321;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}
.advantage-card img {
	margin-bottom:20px;
}
.advantage .row {
	column-gap: 30px;
	align-items: baseline;
}
.advantage-card-bg p {
	font-size: 18px;
	text-align:left;
}

/* razmery */
.space {
	padding:40px 0;
}
.razmery_text_p {
	padding:30px 0;
	font-size:18px;
}
.razmery-text {
	max-width: 570px;
}
.br-rad {
	border-radius:20px;
}
.vydelennyy_tekst {
	font-size: 18px;
    padding: 25px;
    background: rgba(247, 115, 33, 0.3);
    border-radius: 20px;
    font-weight: 700;
}
.space .row {
	column-gap: 30px;
	align-items: flex-start;
}
.komplektatsiya_text {
	font-size: 18px;
	padding-top: 1rem;
}
.komplektatsiya_text ul li {
	margin-bottom:35px;
}
em {
	color: #0683D7;
    font-weight: 600;
    font-style: italic;
}
.komplektatsiya_text ul {
  list-style: none; /* Убираем стандартные маркеры */
  padding: 0;
  margin: 0;
}
.komplektatsiya_text ul li {
	position: relative;
	padding-left: 60px;
}
.komplektatsiya_text ul li:before {
	content: "";
  position: absolute;
  left: 0;
	top: 50%;                     /* Смещаем верхний край иконки на середину родителя */
  transform: translateY(-50%);
  width: 40px; 
	height: 40px;
  background-image: url('/wp-content/uploads/2026/02/icon-li.svg'); /* Путь к вашей картинке */
  background-size: contain;   /* Картинка впишется в размеры блока */
  background-repeat: no-repeat;
  background-position: center;
}
.text-center {
	text-align: center;
    margin-bottom: 30px;
}
.prices_text {
	padding: 10px 0 5px 0;
    font-size: 17.5px;
}
.price {
	color: rgba(0, 0, 0, 0.5);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 25px;
}
.space-2 {
	padding:80px 0;
}
.prices_text_dop {
	background: rgba(247, 115, 33, 0.3);
    border-radius: 20px;
    padding: 25px;
    font-size: 18px;
}
#price {
	padding-bottom:80px;
}
#cta {
	background: #0683D7;
    color: #fff;
    padding: 80px 0;
}
#cta h2 {
	margin-bottom:30px;
}
.cta_text {
	font-size: 18px;
	max-width: 730px;
}
#cta a {
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	min-width: 230px;
    text-align: center;
}
#features {
	padding-top: 40px;
}
#features .row {
	flex-wrap: wrap;
	column-gap: 30px;
    row-gap: 40px;
}
.features-card {
	width:48%;
	background: #F4F9FB;
    border-radius: 20px;
    padding: 25px;
	display: flex;
	column-gap: 25px;
}
.features_title {
	color: #F77321;
    margin-bottom: 10px;
}
.features_text {
	font-size: 18px;
}
#about {
	padding-bottom: 40px;
}
#how_order {
	background: #0683D7;
    color: #fff;
}
.how_order_p {
	font-size: 24px;
    font-weight: 600;
    text-align: center;
}
.how_order_bg {
	background: #fff;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: grid;
    align-items: center;
    justify-content: center;
	margin-bottom:25px;
}
.how_order_item {
	display: flex;
    flex-direction: column;
    align-items: center;
	max-width: 220px;
	position: relative;
    flex: 1;
	z-index: 1;
}
#how_order .row {
	align-items: flex-start;
	column-gap: 20px;
    row-gap: 20px;
	flex-wrap: nowrap;
	position: relative;
}
/* Реализация соединительной линии */
.how_order_item:not(:last-child):after {
    content: "";
    position: absolute;
    /* Позиционируем линию по центру круга */
    top: 50px; /* Половина высоты .how_order_bg */
    left: 50%; /* Начинаем от центра текущего круга */
    width: 100%; /* Тянем до центра следующего */
    height: 3px;
    background-color: rgba(255, 255, 255, 0.4); /* Полупрозрачная белая линия */
    z-index: -1;
}
#faq .row {
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 40px;
	align-items: baseline;
}
#faq .features-card {
	min-height: 256px;
}
.page-template-default main {
	padding: 80px 0;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 1199px) {
    .container {
		max-width: 90%;
    }
}
@media (min-width: 769px) and (max-width: 1023px) {
	.email-link {
		display:none;
	}
	#masthead a {
		font-size: 16px;
	}
	.btn-main a {
		padding: 14px 20px;
	}
	.site-branding img {
		max-width: 120px;
	}
	#main-hero {
		    background-position: right!important;
	}
	.advantage-card-bg h5 {
		    font-size: 20px;
	}
	.advantage-card-bg p {
    font-size: 16px;
}
	.razmery {
		padding: 40px 0;
	}
	.razmery-text {
    max-width: 420px;
}
	.komplektatsiya {
		padding: 20px 0;
	}
	#features .row {
		    column-gap: 20px;
    row-gap: 30px;
	}
	#about {
		padding-top: 40px;
	}
	#how_order .row {
		row-gap: 20px;
	}
	.how_order_bg img {
		max-width:30px;
	}
	#how_order {
		padding: 40px 0;
	}
	#faq {
		padding: 40px 0;
	}
	#faq .row {
		column-gap: 26px;
	}
	.row-site-info {
		column-gap: 10px;
	}
	#cta .row {
		column-gap: 2rem;
	}
	.how_order_bg {
		width: 80px;
    height: 80px;
	}
	.how_order_p {
		font-size: 18px;
	}
	.container {
		padding: 0;
	}
	.advantage-card-bg {
		padding: 20px 16px;
	}
	.advantage .row {
		column-gap: 20px;
	}
	.hero-text-block {
		background: rgba(255, 255, 255, 0.8);
    border-radius: 30px;
    padding: 2rem;
	}
}
@media (max-width: 768px) {
    #how_order .row {
        flex-direction: column;
        align-items: center;
    }
	#main-hero .row {
		display: block;
	}
     .container {
		max-width: 100%;
    }
    .how_order_item {
        margin-bottom: 30px;
    }
    
    .how_order_item:not(:last-child):after {
        display: none; /* Скрываем горизонтальную линию на мобилках */
    }
	.row-header .email,.row-header .btn-main  {
		display:none;
	}
	#masthead a {
		font-size: 16px;
	}
	.custom-logo {
		max-width: 62px;
	}
	.main-navigation #primary-menu {
		display:none;
	}
	.menu-toggle {
		display:block;
		border: 0;
        background: none;
	}
	.row-header {
		    border-bottom: none;
		max-width: fit-content;
		column-gap: 16px;
		padding: 20px 0;
	}
	.phone-link:before {
		width: 16px;
    height: 16px;
    margin-right: 5px;
	}
	.phone-link {
    padding-right: 5px;
}
	.phone img {
		max-width:20px;
	}
	.phone img {
    margin-bottom: -5px;
    padding-right: 2px;
}
	.site-header {
		position: relative;
	} 
	.menu-toggle {
		position: absolute;
    right: 15px;
    top: 21px;
    max-width: 50px;
	}
	h1 {
		font-size: 24px;
    text-align: center;
	}
	.advantage {
    padding: 40px 0;
}
	.advantage .row {
		flex-wrap: wrap;
		column-gap: 20px;
		row-gap: 20px;
	}
	.advantage-card {
		max-width: 47%;
	}
	.advantage-card-bg {
		padding: 18px 12px;
		min-height: 144px;
	}
	.advantage-card-bg h5 {
		font-size: 18px;
	}
	.advantage-card-bg p {
    font-size: 15px;
    text-align: center;
}
	.advantage-card img {
    margin-bottom: 10px;
    max-width: 34px;
}
	.space {
    padding: 20px 15px;
}
	.space .row {
		flex-wrap: wrap;
	}
	h2 {
    font-size: 25px;
}
	.razmery-text h2 {
		text-align:center;
	}
	.razmery_text_p {
    padding: 20px 0;
    font-size: 16px;
}
	.vydelennyy_tekst {
		font-size: 16px;
    text-align: center;
    padding: 20px;
	}
	.razmery-img {
		margin: 0 auto;
		margin-top: 40px;
}
	.komplektatsiya .razmery-img {
		margin: 0 auto;
		order: 2;
		margin-top: 20px;
	}
	.komplektatsiya .razmery-text {
		order: 1;
	}
	.komplektatsiya_text {
    font-size: 16px;
    padding-top: 20px;
}
	ul, ol {
    margin-left: 2rem;
}
	.komplektatsiya_text ul li {
    margin-bottom: 20px;
}
	#price .razmery-text {
		background: #F4F9FB;
    border-radius: 20px;
    padding: 20px;
		order:2;
	}
	h3 {
    font-size: 18px;
}
	#price h3, .price {
		text-align:center;
	}
	.prices_text {
    padding: 0px 0 5px 0;
    font-size: 16px;
}
	.btn-main a {
		font-size: 16px;
		padding: 12px 20px;
	}
	.btn {
		text-align:center;
		        margin: 0 auto;
	}
	#price .btn {
		margin-bottom:20px;
	}
	#price .razmery-img {
		margin: 0 auto;
		margin-top: 0;
        margin-bottom: 20px;
	}
	#price .space-2 {
		padding: 20px 0;
	}
	.prices_text_dop {
		padding: 20px;
    	font-size: 16px;
	}
	#price {
    padding-bottom: 30px;
}
	.space-2 {
   padding: 40px 15px;
}
	#cta {
		padding: 40px 0;
	}
.cta_text {
    font-size: 16px;
    text-align: center;
	margin-bottom: 30px;
}
	#cta h2 {
    margin-bottom: 20px;
    text-align: center;
}
	#cta .row {
		flex-wrap:wrap;
	}
	.features-card {
		flex-wrap: wrap;
    text-align: center;
    justify-content: center;
		width: 100%;
		    padding: 20px;
	}
	.features_img {
		max-width: 30px;
    margin-bottom: 20px;
	}
	.features_text {
    font-size: 16px;
}
	#features .row {
		row-gap: 20px;
	}
	#about .razmery_text_p {
		text-align: center;
	}
	#about .razmery-img {
		        margin-top: 20px;
	}
	#about {
    padding-bottom: 20px;
}
	.how_order_bg img {
		max-width: 30px;
	}
	.how_order_bg {
		    width: 80px;
   		 height: 80px;
		margin-bottom: 15px;
	}
	.how_order_p {
		font-size: 18px;
	}
	#faq .row {
		row-gap: 20px;
	}
	.row-site-info {
    padding-top: 40px;
    padding-bottom: 40px;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
		display: grid;
}
	.footer_logo img {
		max-width: 100px;
	}
	.menu-footer ul {
		margin-left: 0;
		margin-bottom: 20px;
}
	.menu-footer a, .contacts a {
		font-size: 16px;
	}
	.copyright .row {
		    display: grid;
    text-align: center;
    row-gap: 10px;
    padding-bottom: 20px;
		justify-content: center;
	}
	.copyright {
    font-size: 12px;
}
	.hero-text-block p
 {
    font-size: 16px;
    text-align: center;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 30px;
    padding: 10px 0;
	margin: 0 auto;
	margin-bottom:40px; 
}
	.hero-text-block {
		padding: 6% 0 12% 0;
	}
	.btn-main {
		display: flex;
    justify-content: center;
	}
}
@media (min-width: 601px) and (max-width: 768px) {
	.row-header {
		column-gap: 4rem;
	}
	.custom-logo {
        max-width: 100px;
    }
	.hero-text-block h1 {
		max-width: 100%;
	}
	#main-hero .row {
		padding: 9rem 0;
	}
	#main-hero {
		    background-position: right!important;
	}
	.hero-text-block {
		background: rgba(255, 255, 255, 0.8);
        border-radius: 30px;
	}
	.space .row {
		        flex-direction: column;
	}
	.razmery-text {
    max-width: 100%;
}
	#about .razmery-img {
		margin: 0 auto;
        margin-top: 20px;
	}
	#faq .features-card {
    min-height: 200px;
}
}
@media (max-width: 600px) {
	#main-hero {
		background: url(/wp-content/uploads/2026/02/Mobile-boiler.webp)!important;
		        background-repeat: no-repeat !important;
		background-size: cover !important;
	}
	#main-hero .row {
		padding: 0;
	}
	#main-hero .row h1 {
		color:#fff;
		padding-top:20px;
	}
	.row-header {
		column-gap: 3rem;
	}
}
@media (max-width: 480px) {
	.row-header {
		column-gap: 2rem;
	}
}
@media (max-width: 364px) {
	    #masthead a {
        font-size: 14px;
    }
	.custom-logo {
        max-width: 50px;
    }
	.row-header {
		column-gap: 1rem;
	}
	.menu-toggle {
		right: 5px;
        top: 15px;
	}
	.advantage .row {
		column-gap: 16px;
	}
}
/* Forms */

/* Стили для групп полей (label + input) */
.form-group {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

/* Стили заголовков полей */
.form-group label {
    color: #000;
    margin-bottom: 8px;
    font-size: 14px;
}

/* Стили для всех текстовых полей, email, телефона и textarea */
.contact-form-fields input[type="text"],
.contact-form-fields input[type="email"],
.contact-form-fields input[type="tel"],
.contact-form-fields textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    background-color: #fff;
    color: #333;
    font-size: 16px;
    transition: all 0.3s ease;
    box-sizing: border-box; /* Чтобы padding не раздувал ширину */
	font-family: 'Raleway', sans-serif;
}

/* Эффект при клике (фокус) на поле */
.contact-form-fields input:focus,
.contact-form-fields textarea:focus {
    outline: none;
    border-color: #ff8c00; /* Цвет акцента, например, оранжевый как на иконках */
    box-shadow: 0 0 10px rgba(255, 140, 0, 0.3);
}

/* Стили для кнопки отправки */
.contact-form-fields input[type="submit"] {
    width: 100%;
    background-color: #ff8c00; /* Оранжевый в цвет иконок из макета */
    color: #fff;
    border: none;
    padding: 15px 25px;
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 30px; /* Закругленная кнопка */
    cursor: pointer;
    transition: background 0.3s ease, transform 0.2s ease;
    margin-top: 30px;
	font-family: 'Raleway', sans-serif;
}

/* Эффект при наведении на кнопку */
.contact-form-fields input[type="submit"]:hover {
    background-color: #e67e00;
    transform: translateY(-2px); /* Легкий подъем при наведении */
}

/* Стили для сообщений об ошибках и успехе (встроены в CF7) */
.wpcf7-response-output {
    border-radius: 8px !important;
    color: green !important;
    margin-top: 20px !important;
    text-align: center;
}

.wpcf7-not-valid-tip {
    color: red; /* Цвет ошибки валидации */
    font-size: 14px;
    margin-top: 5px;
}
.mobile-menu {
	display:none;
}

@media (max-width: 768px) {
	/* Menu */
.main-navigation.toggled #primary-menu {
        display: block;
		position: absolute;
        top: 0;
        background: #F77321;
        color: #fff;
        left: 0;
        font-size: 22px;
        text-align: center;
        width: 100%;
        overflow: hidden;
        z-index: 4;
        height: 100%;
        min-height: 100vh;
	padding-top: 6rem;
    }
	.main-navigation #primary-menu {
		max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
	}
	#primary-menu a {
		font-size: 18px;
	}
	#primary-menu li {
		margin-bottom: 1rem;
	}
	.mobile-menu {
	display:block;
}
	.mobile-menu .phone {
		display: block;
    padding-top: 3rem;
	}
	.mobile-menu .phone .row {
		justify-content: center;
		    margin-bottom: 1rem;
	}
	.toggled .menu-toggle {
		z-index: 100;
        background: url(/wp-content/uploads/2026/03/close.svg);
        width: 48px;
        height: 48px;
        background-size: 80%;
        background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
        position: absolute;
        right: 20px;
        top: 20px;
	}
.main-navigation.toggled .menu-toggle img {
    display: none !important;
}
.main-navigation.toggled .menu-toggle {
    border: none;
    box-shadow: none;
}
}