/* Стили для навигационного меню */

aside#thememattic-aside .menu-mobile{
    box-shadow: none;
    border-bottom: 1px solid #F3F3F3;
}


.site-branding{
    margin: 0px !important;
    padding: 0px !important;
    background: white !important;
}

#site-navigation.main-navigation span.toggle-menu{
	display: none !important;
}

.site-navigation .toggle-menu{
	display: none;
}

.menu-item .submenu-wrapper .icon-nav-down{
	height: 25px;
}

.site-branding .custom-logo-link{
    padding: 25px 39px 30px 26px;
    min-height: auto !important;
}

.menu-panel{
    border-right: 1px solid #F3F3F3;
    box-shadow: none !important;
	width: 305px !important;
	min-width: 234px !important;
}

body.extended-menu .menu-panel{
    left: 0px !important;
}

body:not(.extended-menu) span.icon-bar.top{
	transform: rotateZ(33deg) !important;
	transform-origin: left;
	animation: none !important;
	transition: transform 0.3s ease-in-out;
}
body:not(.extended-menu) span.icon-bar.bottom{
	transform: rotateZ(-33deg) !important;
	transform-origin: left;
	animation: none !important;
	transition: transform 0.3s ease-in-out;
}

body:not(.extended-menu) span.icon-bar.middle{
	opacity: 0 !important;
	
	transition: opacity 0.3s ease-in-out;
}

#thememattic-aside {
    position: sticky !important;
    top: 0;
    left: 0;
    z-index: 800;
}

.main-navigation ul li a{
    font-size: 16px !important;
    line-height: 20.8px !important;
}


body.extended-menu .site{
    margin-left: 305px !important;
	transition: none !important;
    -webkit-transition: none !important;
	min-width: calc(100% - 305px);
}

.main-navigation .menu-wrapper>ul>li.current-menu-item>a, .main-navigation .menu-wrapper>ul>li:hover>a, .main-navigation .menu-wrapper>ul>li:focus>a,
.submenu-wrapper{
    color: #e85222 !important;
    
    padding: 10px 50px !important;
}
.submenu-wrapper a{
    padding: 0 !important;
}
.submenu-wrapper a:hover{
    padding: 0 !important;
    color: #e85222 !important;
}
.main-navigation .sub-menu a{
    padding: 10px 50px !important;
}
.main-navigation .sub-menu a:hover{
    color: black !important;
    padding: 10px 50px !important;
}

.main-navigation .menu-wrapper>ul>li>a,
.main-navigation .menu-wrapper>ul>li:hover>a,
.submenu-wrapper,
.main-navigation .menu-wrapper>ul>li.current-menu-item>a{
    padding: 0 50px 20px 50px !important;
}
.thememattic-navigation{
    padding-bottom: 5px;
}

/* Стили для иконки кнопки у выпадающего списка */
.main-navigation .menu li .icon-nav-down:before,
.main-navigation .menu li .icon-nav-down:after{
    background-color: #e85222 !important;
    height: 1px !important;
    transition: transform 0.3s ease, opacity 0.1s ease;
}
.menu-item .submenu-wrapper button.icon-nav-down:hover,
.menu-item .submenu-wrapper button.icon-nav-down:focus{
    border: none !important;
}
.menu-item .submenu-wrapper button.icon-nav-down::before{
    transform: rotate(45deg);
    left: -9px !important;
}
.menu-item .submenu-wrapper button.icon-nav-down.active::before{
    transform: rotate(135deg);
    opacity: 0.5;
}
.menu-item .submenu-wrapper button.icon-nav-down.active::after{
    transform: rotate(-135deg);
    opacity: 0.5;
}
.menu-item .submenu-wrapper button.icon-nav-down::after{
    width: 13px !important;
    transform: rotate(-45deg);
    right: -9px !important;
}

/* Стили для виджетов навигационного меню */
.sidebarFWidget{
    padding: 22px 28px 22px 28px;
    border-top: 1px solid #F3F3F3;
}
.sidebarSWidget{
    padding: 15px 49px 0px 49px;
    border-top: 1px solid #F3F3F3;
}
.sidebarTWidget{
    padding: 25px 45px 25px 45px;
}

/* Стили для контейнера списка контактов в навигационном меню */
.phone-container__phone-link{
    display: block;
}
.second-widget-sidebar-container{
    display: flex;
    gap: 10px;
    flex-direction: column;
}
.phone-container__phone-link:hover{
    color: #e85222 !important;
}
.b24-form-click-btn-wrapper.--b24-mod-outlined>button{
    border: none;
    padding: 0;
    margin: 0;
    height: unset;
}
.b24-form-click-btn-wrapper.--b24-mod-outlined>button.b24-form-click-btn-231:hover{
    background-color: transparent !important;
    padding: 0;
    margin: 0;
    color: #e85222 !important;
}

/* Стили для контейнера ссылок на социальные сети в навигационном меню */
.social-links{
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding-left: 0;
    margin: 0;
}
.social-links li a{
    width: unset;
    height: unset;
    opacity: 0.5;
    transition: opacity 0.3s ease;
}
.social-links li a:hover{
    opacity: 1;
}


@media screen and (min-width: 1367px){
	.main-navigation .sub-menu li:first-child a{
		padding: 0 50px 10px 50px !important;
	}

	.main-navigation .sub-menu li:last-child a{
		padding: 10px 50px 20px 50px !important;
	}
}


.menu-mobile{
	display: none;
}

/* Адаптив навигационного меню */
@media (max-width: 1152px) {
	.main-navigation .sub-menu li:first-child a {
		padding: 0 25px 15px 25px !important;
	}
	.main-navigation .sub-menu li:last-child a {
		padding: 0px 25px 15px 25px !important;
	}
    body {
        overflow-x: hidden !important;
    }
    .trigger-nav{
        padding-top: 0 !important;
    }
	.menu-mobile{
		display: block;
	}
    .site .site-content {
        transition: left 150ms;
        position: relative;
        left: 0;
        margin-left: 0;
        margin-top: 0;
    }
    #page.site{
        margin-left: 0 !important;
    }
    .menu-mobile {
        display: flex !important;
        justify-content: space-between;
    }

    .trigger-nav-right{
        width: 115px !important;
		right: 0.8rem !important;
    }

    body.extended-menu .menu-panel {
        left: -305px !important;
    }

    body:not(.extended-menu) .menu-panel {
        left: 0 !important;
    }

    body:not(.extended-menu) .site .site-content,
    body:not(.extended-menu) .menu-mobile {
        margin-left: 0 !important;
        left: 234px !important;
    }
}

.trigger-icon{
	margin: 0 !important;
}

.menu-mobile{
	padding: 17px 0 15px 0 !important;
}

button.icon-nav-down{
		height: 20px;
	}

@media(max-width: 1366px){
	.sidebarFWidget {
		padding: 22px 16px 22px 16px;
	}
	.sidebarSWidget {
		padding: 15px 25px 0px 25px;
	}
	.sidebarTWidget {
		padding: 35px 20px 25px 20px;
	}
	.site-branding .custom-logo-link{
		padding: 25px 25px 40px 25px;
	}
	.main-navigation .sub-menu a,
	.main-navigation .sub-menu a:hover{
		padding: 0px 25px 15px 25px !important;
	}
	.menu-panel{
		width: 234px !important;
	}
	.main-navigation .menu-wrapper>ul>li>a,
	.submenu-wrapper,
	.main-navigation .menu-wrapper>ul>li:hover>a,
	.main-navigation .menu-wrapper>ul>li.current-menu-item>a{
		padding: 0 25px 15px 25px !important;
	}
	.main-navigation ul li a{
		font-size: 14px !important;
	}
	.menu-item .submenu-wrapper button.icon-nav-down::after,
	.menu-item .submenu-wrapper button.icon-nav-down::before{
		width: 10px !important;
	}
	.menu-item .submenu-wrapper button.icon-nav-down::after{
		right: -7px !important;
	}
	.menu-item .submenu-wrapper button.icon-nav-down::before{
		left: -7px !important;
	}
}

@media(min-width: 1153px){
    body.extended-menu .menu-panel {
        left: 0px !important;
    }
}

@media(max-width: 480px){
	.site-branding .custom-logo-link {
        padding: 25px 25px 25px 25px;
    }
}