/*
 Theme Name:   Space Fox Games
 Description:  Space Fox 2021 Theme
 Author:       J. Kadyszewska
 Template:     twentytwentyone
 Version:      1.0.0
*/

/* FONT */
* { font-family: 'Roboto Condensed', sans-serif; }
:root {
	--global--font-primary: var(--font-headings, 'Roboto Condensed', Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
	--global--font-secondary: var(--font-base, 'Roboto Condensed', Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
}
a, path {	transition: all 0.15s linear;}
a:focus, a:active { background: none !important;text-decoration: none !important;}
.space {letter-spacing: 1px}
.granat {color: #082949}
.pomarancz {color: #f06426}
.dane h3 {margin-bottom:5px !important}
.dane p { margin-top:5px !important; margin-bottom: 10px !important;}
h2 { background: #eeeeee; color: #082949; letter-spacing: 1px;    width: fit-content; padding: 8px 25px;}
.partnerzy h2, .formularz h2 { background: #fff;}
.site-footer {background: #05122c; color: #fff; width: 100%;    max-width: 100%; padding-bottom: 0;}
.site-footer * {color:#fff}
.site-footer .widget-area {    margin: 0 auto;    grid-template-columns: auto;    display: block;}
.site-footer #block-2 {width:100%;max-width: 100%;    min-width: 100%;}
.site-footer ul#menu-menu-glowne-1 li {float: left; margin:5px 10px; color: #fff;}
.site-footer a {color: #fff !important; text-decoration: none;}
.site-footer a:hover {color: #f06426 !important}
.widget-area ul {float:right; min-height:25px;}
.site-main > article > .entry-footer {padding-bottom: 0;    margin-top: 0;    padding-top: 0;}
.site-header {background: #05122c; /*max-width: 100%;*/}
.slick-slider {max-width: 100% !important}
.site-header  .menu-wrapper a {color: #fff; text-transform:uppercase; letter-spacing: 1.5px; font-weight: 700; text-decoration: none !important;}
.site-header  .menu-wrapper * {text-decoration: none;}
.site-header  .menu-wrapper a:hover {color: #f06426; text-decoration: none;}
.site-header a:hover img {opacity: 0.95;}
#subheader {background: #05122c; max-width: 100%;}
.site-header a { background: none !important}
.home .site-main {    padding-top: 0;}
.primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child {    text-decoration: none;color: #f06426}
.gry a:hover {opacity: 0.9; }
.main_box h2 {font-size: calc(2 * var(--heading--font-size-h2)); letter-spacing: 2px; background: none; font-weight:bold;  text-shadow: rgb(0 0 0 / 50%) 0px 0px 10px; margin-bottom:0px !important; text-decoration: none;}
.main_box h2 a {text-decoration: none; font-size: calc(2 * var(--heading--font-size-h2)); letter-spacing: 2px; background: none !important; text-decoration: none !important}
.main_box h2:hover {/*color: #f06426;  text-shadow: rgb(0 0 0 / 20%) 0px 0px 10px; */ opacity: 0.8; background: none; text-decoration: none}
.main_box .desc {font-size: 38px; letter-spacing: 1.5px; background: url('images/h2_bg.png') no-repeat 0 0; background-color: rgb(0 0 0 / 50%);color:#fffffa; line-height:1.5; padding: 20px 30px; margin-top:10px;}
.main_box .desc a {background: none !important; text-decoration: none !important;}
.main_box .desc a:hover {opacity: 0.8;}
.single article .header, .page article .header , .archive .header, .error404 .header {    margin: 0 auto !important;    width: 100%;    max-width: 100% !important; background-color: #eeeeee; border:0 !important;}
 article header, .archive .header header, .error404 .header header {border:0 !important; padding:15px 10px; margin: 0 auto !important;}
.singular .entry-header, .singular .has-post-thumbnail .entry-header {padding-bottom:15px;}
.site-main {padding-top:0}
.single h1.entry-title, .page h1.entry-title, .archive h1.page-title, .error404 h1 {text-transform: uppercase; font-size: calc(0.5 * var(--global--font-size-page-title));}
.single h1.entry-title, .page h1.entry-title, .archive h1.page-title, .error404 h1 {margin:0 auto; text-align: center;}
article h2.entry-title a {background: none; text-decoration: none; color: #082949 }
article h2.entry-title a:hover {color: #f06426}
article h2.entry-title {/*background: none; */ text-decoration: none; font-size: calc(0.67 * var(--entry-header--font-size)); text-transform: uppercase; padding: 8px 25px; font-weight:bold; letter-spacing: 1px;}
.entry-header .post-thumbnail {margin-top:0;     max-width: 600px;}
.entry-header .post-thumbnail .wp-post-image {    margin-top: calc(1 * var(--global--spacing-vertical));}
.archive article {border-bottom:1px solid #eee;     margin-top: calc(1 * var(--global--spacing-vertical));     margin-bottom: calc(1 * var(--global--spacing-vertical));padding-bottom: 30px;}
.page .entry-content h2 {font-size: calc(0.5 * var(--entry-header--font-size)); text-transform: uppercase; padding: 8px 25px; font-weight:bold; letter-spacing: 1px;}
.formularz {background: #eeeeee; padding:20px; }
.wpcf7-submit {background-color: #082949 !important; text-transform: uppercase;  }
.wpcf7-submit:hover {background-color:  #f06426 !important; text-transform: uppercase; color:#fff !important; border-color: #f06426 !important } 
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea {    border: var(--form--border-width) solid #082949;    border-radius: var(--form--border-radius);    color:#082949;}
#cookie-notice { background-color: #082949 !important; font-family: 'Roboto Condensed', sans-serif;}
#cookie-notice .cn-button {font-family: 'Roboto Condensed', sans-serif !important; background-color:  #f06426 !important}
.ue {max-width: 990px !important}
h2#our-games a, .archive article h2.entry-title a, h2#news a {text-decoration: none !important;background: none !important;}
a:focus img, a:active img { border:0 !important}
.wp-block-latest-posts__list li {padding: 0 25px; margin:0 auto; text-align:center} 
.wp-block-latest-posts__list li a {text-decoration: none !important;}
.wp-block-latest-posts__list li a:hover {color: #f06426}
.wp-block-latest-posts__list li a:focus, .wp-block-latest-posts__list li a:active {color: #f06426 !important}
.wp-block-latest-posts__post-excerpt {    margin-top: calc(0.33 * var(--global--spacing-vertical)) !important;}
.captcha-image {margin:10px 0 20px !important; border:3px solid #fff !important;}


.page ul.strony {padding-left: 5px;padding-top:0;margin: 10px 0 0 !important;}
.page .strony li {list-style: none;margin-bottom: 8px; padding-bottom:8px; text-transform: uppercase;border-bottom:2px solid #fff; color: #05122c;}
.page .strony li:last-child {border: none}
.page .strony li a {text-decoration: none; color: #05122c; font-size: calc(0.5 * var(--entry-header--font-size));    text-transform: uppercase;    padding: 8px 18px;    font-weight: bold;    letter-spacing: 1px; }
.page .strony li a:hover, .strony li a:focus, .strony li a:active {color: #f06426 !important}
.page .strony li.current-menu-item a {color: #f06426}


/*RESPONSYWNE*/
.site-header {
	padding-top: calc(0.25 * var(--global--spacing-vertical));
	padding-bottom: calc(0.25 * var(--global--spacing-vertical));
}

@media only screen and (min-width: 482px) {

	.site-header {
		padding-top: calc(var(--global--spacing-vertical) / 0.75);
		padding-bottom: calc(0.25 * var(--global--spacing-vertical));
	}
	.primary-navigation {  margin-left: auto;    margin-right: auto;}
	.site-branding {    margin-right: auto;    margin-left: auto;}
	.main_box { max-height:575px;}
	.main_box .desc {    font-size: 32px;}
}
@media only screen and (max-width: 482px) {
	.site-header {
		padding-top: calc(1 * var(--global--spacing-vertical));
		padding-bottom: calc(1* var(--global--spacing-vertical));
	}
	.primary-navigation, .menu-button-container #primary-mobile-menu {color: #fff; text-transform: uppercase}
	.primary-navigation > .primary-menu-container {background: #05122c;}
	.primary-navigation-open .menu-button-container {background: #05122c;}
	.menu-button-container {    padding-top: calc(0.3 * var(--global--spacing-vertical));    padding-bottom: calc(0.2 * var(--global--spacing-vertical));}
	.menu-button-container #primary-mobile-menu {font-weight: bold;}
	.main_box { max-height:400px; min-height:400px !important}
	.main_box .desc {    font-size: 25px;}
	.spacer {max-height:5px;height:5px !important;}
	.wp-block-button .wp-block-button__link {padding: 10px 15px;}
	.main_box h2 {margin-top:0px !important;    font-size: calc(1.3 * var(--heading--font-size-h2));}
}

@media only screen and (max-width: 768px) {
	.main_box h2 {margin-top:0px !important;    font-size: calc(1.7 * var(--heading--font-size-h2));}
	.spacer {max-height:25px;height:25px !important;}
	.page-id-20 .entry-content figure {max-width:30% !important}
	.page-id-20 .entry-content .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {grid-row: 1; margin-left: 28%;}
	.primary-navigation .primary-menu-container > ul > .menu-item > a {font-size:0.85em;}
}
@media only screen and (min-width: 580px) and (max-width:700px) {
	.site-header .primary-navigation a { font-size: calc(0.7 *var(--primary-nav--font-size));  padding-left: calc(0.4 * var(--primary-nav--padding)) !important;    padding-right: calc(0.4 * var(--primary-nav--padding)) !important;	}
	.site-header .primary-navigation .menu-item-60 a {		font-size: calc(0.65 *var(--primary-nav--font-size));	}
	.main_box .desc {    font-size: 25px;}
	.primary-navigation .primary-menu-container > ul > .menu-item > a {font-size:0.75em;}
}
@media only screen and (max-width:579px) {
	.primary-navigation .primary-menu-container > ul > .menu-item > a {font-size:1em;}
}
@media only screen and (min-width: 822px) {

	.site-header {
		padding-top: calc(0.25 * var(--global--spacing-vertical)); 
	}
	.site-header .primary-navigation a { font-size: calc(1.05 *var(--primary-nav--font-size));  padding-left: calc(0.7 * var(--primary-nav--padding)) !important;    padding-right: calc(0.7 * var(--primary-nav--padding)) !important;	}
	.site-header .primary-navigation .menu-item-60 a {		font-size: calc(1.05 *var(--primary-nav--font-size));	}
	.site-logo .custom-logo {
    max-width: var(--branding--logo--max-width);
    max-height: var(--branding--logo--max-height);
    height: auto;
    width: auto;
	}
	.primary-navigation {  margin-left: auto;    margin-right:none;}
	.site-branding {    margin-right: auto;    margin-left: none;}
	.main_box { max-height:575px;}
	.main_box .desc {    font-size: 32px;}
}
@media only screen and (min-width: 1024px) {
		.site-header .primary-navigation a {
		font-size: calc(1.05 *var(--primary-nav--font-size)); letter-spacing: 1.5px;padding-left: calc(0.4 * var(--primary-nav--padding)) !important;    padding-right: calc(0.4 * var(--primary-nav--padding)) !important;
}
	.site-header .primary-navigation .menu-item-60 a {
		font-size: calc(1.05 *var(--primary-nav--font-size)); letter-spacing: 1.5px;
	}
	.site-logo .custom-logo {
    max-width: calc(0.75 * var(--branding--logo--max-width));
    max-height: calc(0.75 * var(--branding--logo--max-height));
    height: auto;
    width: auto;
	}
	.main_box .desc {    font-size: 32px;}
	.main_box {min-height: 575px !important; max-height:normal}
}
@media only screen and (min-width: 1030px) {
	.site-header .primary-navigation a {
		font-size: calc(1.15 *var(--primary-nav--font-size)); letter-spacing: 1.5px;    padding-left: calc(1 * var(--primary-nav--padding)) !important;    padding-right: calc(1 * var(--primary-nav--padding)) !important;
	}
	.site-logo .custom-logo {
		max-width: var(--branding--logo--max-width);
		max-height: var(--branding--logo--max-height);
		height: auto;
		width: auto;
	}
	.main_box .desc {    font-size: 38px;}
}