/*   
Theme Name: EducationSchool
Author: Пастушков Роман
Author Email: p.roman89@bk.ru
Description: Шаблон оформления для образовательных организаций
License: Privat
*/
/********************************************************************************
	ОСЕННИЕ СТИЛИ
********************************************************************************/
:root{
	--font-color:#222;
	--link-color:#039;
	--link-hover-color:#039;
	
	--top-back-color:#000;
	--top-font-color:#eee;
	--top-icons-color:#f00;
	--top-link-color:#fff;
	--top-link-hover-color:#ff6;
	
	--header-back-color:#ffe5cc;
	--header-font-color:#fff;
	--header-font-color2:#fff;
	--header-link-color:#ff9;
	--header-link-hover-color:#fff;
	--header-mobile-font-color:var(--font-color);
	
	--menu-back-color:#282828;
	--menu-back-hover-color:#d7421a;
	--menu-font-color:#fff;
	--menu-link-color:var(--menu-font-color);
	--menu-icons-color:#ff9;
	--menu-link-hover-color:#fff;
	
	--menu-back-color2:#111;
	--menu-font-color2:var(--menu-font-color);
	--menu-link-color2:var(--menu-link-color);
	--menu-back-hover-color2:var(--menu-back-hover-color);
	--menu-link-hover-color2:#fff;
	--menu-button-mobile-color:var(--header-back-color);
	--menu-pt-line:rgba(255,255,255,.2);
	
	--sidebar-title-font-color:#fff;
	--sidebar-title-back-color:var(--menu-back-hover-color);
	--sidebar-back-hover-color:#ffc;
	--sidebar-font-color:#222;
	--sidebar-icons-color:var(--menu-back-hover-color);
	
	--content-panel-color:#fff;
	--content-back-color:#fff;
	
	--footer-back-color:var(--top-back-color);
	--footer-title-color:#fff;
	--footer-font-color:var(--top-font-color);
	--footer-link-color:var(--top-link-color);
	--footer-link-hover-color:var(--top-link-hover-color);
	--footer-icons-color:#ffce60;
	--footer-button-color:#f60;
	--totop-button-color:var(--footer-button-color);
	--footer-strike-color:var(--footer-icons-color);
}
body{
	background-color:#444;
	background-position:center center;
	color:var(--font-color);
}
.header_wrap{
	background-image:url("../images/back4.jpg");
	background-position:center center;
	background-color:var(--header-back-color);
	background-repeat:no-repeat !important;
}
.header_back h1, .header_back h2, .header_back a{
	text-shadow:5px 6px 10px rgba(0,0,0,0.6);
}
.fotorama__nav__frame.fotorama__active .fotorama__dot{
	border:5px solid var(--sidebar-title-back-color) !important;
}