/* ==== KOLORY ==== */
:root {
 --umk-blue: #0050AA;
 --light-gray: #f0f0f0; /*tło-submenu*/
 
/* LEKKO ŻÓŁTE*/	

 --umk-menu-tlo: #ffdd55; 
 --umk-menu-tlo-logo: #ffda46; 
 --umk-menu-tlo-hover: #ffefae; 
 
/* ŻÓŁTE */	

 --umk-menu-tlo: #ffcd00;
 --umk-menu-tlo-logo: #f6c501;
 --umk-menu-tlo-hover: #f6c501;

/* BIAŁE */

 --umk-menu-tlo: white;
 --umk-menu-tlo-logo: #f0f0f0;	
 --umk-menu-tlo-hover: #f0f0f0;	
	
}

/* 
body {
 background-color: var(--umk-blue);
 background-color: #fff8e1;
 background-color: var(--base);
}
*/
 
/*przywrócenie białego tła w edytorze*/
/*
.editor-styles-wrapper,
.editor-styles-wrapper body {
  background-color: #ffffff ;
}
*/
/*
.site-header
{
  background-color:var(--umk-menu-tlo-logo);
} 
*/

/* == Główne Menu na Desktopach == */
.main-navigation .main-nav ul li a {
 color: var(--umk-blue) !important;
}
.main-navigation{ /*pasek-niekatywne*/
  background-color:var(--umk-menu-tlo);
} 
.main-navigation .main-nav ul li:hover > a { /*pasek-najechane*/
 background-color:var(--umk-menu-tlo-hover) !important; 
} 
.main-navigation .main-nav ul .current-menu-item > a,
.main-navigation .main-nav ul .current-menu-ancestor > a
{  /*pasek-atywne*/
 background-color:var(--umk-menu-tlo) !important; 
} 

/* Rozwijane okienka podmenu */
.main-navigation .sub-menu {/*nieaktywne*/
 color: var(--umk-blue) !important;
 background-color: var(--light-gray) !important;
}
.main-navigation .main-nav ul .sub-menu li:hover > a { /*najechane*/
    background-color: white !important; 
}
.main-navigation .main-nav ul .sub-menu li.current-menu-item > a {/*aktywne*/
 color: var(--umk-blue) !important;
 background-color: var(--light-gray) !important;
}

/* == Menu na smartfonach == */
.menu-toggle,
.menu-toggle:hover,
.menu-toggle:focus,  
.mobile-bar-items a,
.mobile-bar-items a:hover,
.mobile-bar-items a:focus {
    color: var(--umk-blue) !important;
}
.main-navigation.toggled .main-nav ul li a:hover,
.main-navigation.toggled .main-nav ul li a:focus,
.main-navigation.toggled .main-nav ul li a:active {
  background-color: var(--umk-menu-tlo-hover) !important;
} 

.main-navigation.toggled .main-nav ul .sub-menu li a:hover,
.main-navigation.toggled .main-nav ul .sub-menu li a:focus,
.main-navigation.toggled .main-nav ul .sub-menu li a:active {
    background-color: white !important;
}

/* pole wyszukiwania w menu */
.search-field {
	background-color: lightblue !important;
	color: navy !important;
	border: 1px solid var(--umk-blue)!important;
}
/* pole wyszukiwania w wynikach */
.entry-content .search-field {
  background-color: white !important;
	border: 1px solid lightgray !important;
}