body {font-family: Verdana, Arial, Helvetica, 
     Futura, sans-serif; 
     font-size: 1em; 
     padding:0; 
     margin:0;
}

.custom-logo {
	width: 140px;
	height: 123px;
}

.site-header-menu {
	background: #fa041b;
    padding-left: 1.00em;
    padding-right: 1.00em;
    margin-bottom: 0.00em;
}

.site-content{
    padding-top: 2em;
    padding-bottom: 2em;
}

.site-header-menu a,
.site-header-menu li:hover  > a,
.site-header-menu li:focus  > a{
    color: #fff;
}

/*value checked in wordpress styles*/
@media screen and (min-width: 56.875em) {
.site-header-menu ul ul a {
    color: #000;
}
.site-header-menu ul ul li a:hover, a:focus {
    color: #fa041b;
}
}

/*arrow in main menu dropdown items when mobile*/
.site-header .dropdown-toggle:after{
	color: #fff;
}

.site-header{
    padding-top: 2em;
    padding-bottom: 0em;

    background-image: url("https://barnapolen.pl/wp-content/uploads/2024/12/1234-z-facebooka.jpg");

	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
}

.menu-toggle, .menu-toggle:focus, .menu-toggle:hover {
    color: #fff;
	  background: #fa041b;
}

.site-header.wp-custom-logo .site-title {
    margin-top: 1.75em;
}

.site-header .site-description{
    color: #fff;
    font-size: 18px;

	  padding-top: 5px;
	  padding-bottom: 5px;
	  padding-left: 10px;
	  padding-right: 10px;
	
	
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}


.site-header .site-title{
	  padding-left: 10px;
	  padding-right: 10px;
	
	
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.site-header .site-branding .site-title a {
    color: #FFF;
	margin-top: 10em;
	font-size: 2.00rem;
	line-height: 2.0;
}

@media screen and (max-width: 56.875em) {
.site-header{
    background-image: url("https://barnapolen.pl/wp-content/uploads/2024/12/1234-z-facebooka.jpg");
  background-size: initial;
	background-position: top;
}
}

@media screen and (min-width: 56.875em) {
.custom-logo-link {
	float: left;
}
.site-header .site-description { 
	margin-left: 32px;
	margin-top: 1.75em;
	float: left; 
}
.site-header .site-title { 
	float: left;
	margin-left: 32px;
	margin-top: 75px;
	clear: none;
}
.site-header .wp-custom-logo .site-title {
    margin-top: 0px;
}
}

@media screen and (max-width: 44.375em) {
.site-header 	.site-branding .site-title a {
	font-size: 1.50rem;
	line-height: 1.5;
}
}