/* настройки шаблона/Как перенести настройки шаблона
	https://www.joomshaper.com/documentation/helix-framework/helix3/how-to-tips
	https://www.joomshaper.com/documentation/helix-framework/customization-tips
	
CSS - настроки

https://mb4.ru/cms/joomla4/joomshaper/helix.html
https://mb4.ru/cms/joomla4/joomshaper/helix/2034-customization-tips.html#cthu-2
*/

@font-face {

	font-family: 'Reeji-Q-GB';
	src:url('../fonts/school_fonts/Reeji-Q-GB.ttf') format("opentype");

	font-family: 'ossem-rust';
	src:url('../fonts/school_fonts/ossem-rust.ttf') format("opentype");




   /* font-family: 'ossem-rust';
    src:url('../fonts/school_fonts/Chalk cyrillic freehand.ttf') format('truetype');
	font-family: 'Opsilon-Regular';
	src:url('../fonts/school_fonts/Opsilon-Regular.otf') format("opentype");
	font-family: 'Oalk-life-webfont';
	src:url('../fonts/school_fonts/alk-life-webfont.ttf') format("opentype");	
	font-family: 'DS_Eraser_Cyr';
	src:url('../fonts/school_fonts/DS_Eraser_Cyr.otf') format("opentype");

	
	/*src:url('../fonts/school_fonts/Propisi.ttf') format('truetype');
   /* src:url('../fonts/icomoon/icomoon.eot?#iefixpvm5gj') format('embedded-opentype'),
        url('../fonts/icomoon/icomoon.woff?pvm5gj') format('woff'),
        url('../fonts/icomoon/icomoon.ttf?pvm5gj') format('truetype'),
        url('../fonts/icomoon/icomoon.svg?pvm5gj#icomoon') format('svg');*/
    font-weight: normal;
    font-style: normal;
}



body {
	font-family : ossem-rust, Arial, sans-serif;
	font-weight : normal;
	 /* Здравствуйте REM, вы – базовый размер шрифта */
	font-size: 20px; /* Исходный размер шрифта 16х, который превращает единицу REM в пиксель */
}

h1,.h1 {
    font-size: 2rem; /* 32px, брутальный как Халк 💪 */ 
    line-height: 1.1em;
	font-family : ossem-rust, Arial, sans-serif;
    font-weight: normal
}

h2,.h2 {
    font-size: 1.5rem; /* 24px, мощный как Тор ⚡ */ 
    line-height: 1.2em;
    font-weight: 300;
    margin-bottom: 1em;
    height: inherit !important
}

h3,.h3 {
    font-size: 1.1875rem; /* 19px, ловкий как Человек-Муравей 🐜 */ 
    line-height: 1em;
    font-weight: 300;
    margin-bottom: 1em;
    height: inherit !important
}

h4 { font-size: 1rem; /* 16px, точный как Соколиный Глаз 🏹 */ 

}
h5 { font-size: 0.875rem; /* 14px, проворный как Человек-Паук 🕸️ */ 

}
h6 { font-size: 0.75rem; /* 12px, скрытный как Чёрная Вдова 🕷️ */ 

}

.breadcrumb 
{
	font-family : ossem-rust, Arial, sans-serif;
	font-size: 18px;
}

.sp-megamenu-parent > li > a {
	font-family : ossem-rust; 
	font-weight : normal;
	font-size:18px; 
	padding: 4px; } /* размер шрифта меню */

#sp-menu > .sp-column, 
 #sp-menu .sp-megamenu-wrapper {justify-content: flex-end !important;}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
	font-family : ossem-rust; 
	font-weight : normal;
	font-size:18px; 
} 
.col-lg-4 {
	align-content: center;}
.sp-search {
            align-content: center;
        }


/*.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner,
body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after 
{display: none; visibility: hidden;}
.close-offcanvas{color: green;font-size:8px; }
.offcanvas-inner{color: yellow;font-size:18px; }
.sp-module-content{	color: #d4302e;font-size:18px; }*/



/*Как настроить заголовок*/
/*#sp-header, #sp-header .logo { height: 90px; }
https://joomla-support.ru/thread/48090/
/*#sp-header, #sp-header .container { height: 10px; }*/

/*.com-content #sp-main-body { padding: 10px 0; } /* расстояние между заголовком и областью статьи (статей) */



.container-button {
	display: flex;
	justify-content: flex-end; /* выравнивает элементы по концу главной оси; */
	align-items: center; /*  */
	flex-direction: row; /* row (по умолчанию) — элементы располагаются в строку, слева направо; */
	flex-wrap: nowrap; /* nowrap (по умолчанию) — элементы не переносятся на новую строку, а сжимаются; */
	column-gap: 5px; /* устанавливает разрыв между колонками;*/
   /* row-gap: 5px; устанавливает разрыв между строками; */  
	/*font-family: ossem-rust;*/
}

.fa  {
	margin-right: 0px; /* Небольшой отступ справа для иконки */
}

.fas  {
	margin-right: 0px; /* Небольшой отступ справа для иконки */
}

.item-Button {
	margin-top: 10px; /* Небольшой отступ с верху для кнопки */
 	color: black;
	font-weight : normal;
	font-family : ossem-rust, Arial, sans-serif;
	font-size: 18px;
	text-transform: uppercase;	
	background-color: transparent;
    border-width:0px;
align-items: center;	
}

.item-Button:hover{
	margin-top: 10px; /* Небольшой отступ с верху для кнопки */
	font-size: 18px;
    color: #4bcaff;
    text-decoration : underline;
 	background-color: #fff;
    border-width:0px;
align-items: center;	
}


/* кнопка избранное*/
.icon-heart-custom {
	color: #d4302e;
	margin-right: 5px;
	font-size: 28px;
}

.icon-heart-custom:hover { 
	color: #f01e1f; 
	transform: scale(1.2); 
	margin-right: 5px;
}

/* кнопка сравнение*/
.icon-code-compare-custom {
	color: #33942d;
	margin-right: 5px;
	font-size: 26px;
}

.icon-code-compare-custom:hover {
	color: #65cd61;
	transform: scale(1.2); 
	margin-right: 5px;
}

/* кнопка войти*/
.icon-fa-sign-in {
	color: #245fcc;
	margin-right: 5px;
	font-size: 26px;
}

.icon-fa-sign-in:hover {
	color: #4f8ef8;
	transform: scale(1.2); 
	margin-right: 5px;
}

@media screen and (max-width: 52.375em) {
.container-button {
	justify-content: center;
  }

.item-Button {
	font-size: 26px;
}

.item-Button:hover {
	font-size: 26px;
}

/* кнопка избранное*/
.icon-heart-custom {
	color: #d4302e;
	margin-right: 5px;
	font-size: 44px;
}

.icon-heart-custom:hover { 
	color: #f01e1f; 
	transform: scale(1.2); 
	margin-right: 5px;
}

/* кнопка сравнение*/
.icon-code-compare-custom {
	color: #33942d;
	margin-right: 5px;
	font-size: 44px;
}

.icon-code-compare-custom:hover {
	color: #65cd61;
	transform: scale(1.2); 
	margin-right: 5px;
}
/* кнопка войти*/
.icon-fa-sign-in {
	color: #245fcc;
	margin-right: 5px;
	font-size: 44px;
}

.icon-fa-sign-in:hover {
	color: #4f8ef8;
	transform: scale(1.2); 
	margin-right: 5px;
}

}


@media screen and (max-width: 32em) {
.container-button {
	justify-content: center;

  }
.item-Button {
	font-size: 0px;
}

.item-Button:hover {
	font-size: 0px;
}

/* кнопка избранное*/
.icon-heart-custom {
	color: #d4302e;
	margin-right: 5px;
	font-size: 44px;
}

.icon-heart-custom:hover { 
	color: #f01e1f; 
	transform: scale(1.2); 
	margin-right: 5px;
}

/* кнопка сравнение*/
.icon-code-compare-custom {
	color: #33942d;
	margin-right: 5px;
	font-size: 44px;
}

.icon-code-compare-custom:hover {
	color: #65cd61;
	transform: scale(1.2); 
	margin-right: 5px;
}
/* кнопка войти*/
.icon-fa-sign-in {
	color: #245fcc;
	margin-right: 5px;
	font-size: 44px;
}

.icon-fa-sign-in:hover {
	color: #4f8ef8;
	transform: scale(1.2); 
	margin-right: 5px;
}
}