/*
Theme Name: Storefront by niebagatelni.pl
Description: Storefront by niebagatelni.pl
Theme Author: Artur Długosz
Author URL: https://niebagatelni.pl
Template: storefront
Version: 1.3.0
*/



:root{

	font-family		: 'Merriweather Sans', sans-serif; 
	font-size		: 16px;
	color			: black;
   	--mainfont		: 'Merriweather Sans';

	--body-max-width		: 100%;
	--fullwidth-max-width	: 1920px;	
	--container-max-width	: 1024px;	
	--main-bgcolor			: white;

	--button-color			: white;
	--button-bgcolor		: #0c638f;
	--button-hover-color	: #bd005e;
	--button-hover-bgcolor	: white;

	--site-header-bgcolor			: #000;
	--site-header-color				: var(--main-nav--link);
	--site-header-title-color		: var(--main-nav--link);
	--site-header-subtitle-color	: var(--main-nav--link);
	--site-header-title-link		: var(--main-nav--link);
	--site-header-title-link-hover	: var(--main-nav--link-hover);

	--link					: ;
	--link-active			: ;
	--link-hover			: ;

	--main-nav--link			: #fff5de;
	--main-nav--link-active	: #f9ae40;
	--main-nav--link-hover	: #ffff89;
	--main-nav--bgcolor		: var(--brown-second);

	--main-nav--togglebtn-color:	var(--main-nav--link);
	--main-nav--togglebtn-bgcolor:	var(--main-nav--link);
	
	--footer-bgcolor			: #000;
	--footer-color				: white;
	--footer-widget-head-color	: white;

}





.wp-block-group{
	position:relative;
}

.wauto,
.wauto  *
{	margin:0;
	width:auto;
}

.w400{	max-width:400px; margin: auto;	}
.w600{	max-width:600px; margin: auto;	}
.w800{	max-width:800px; margin: auto;	}
.w1000{	max-width:1000px; margin: auto;	}
.w1200{	max-width:1200px; margin: auto;	}



.force-hidden{
	display: none !important;
}


.col-full{
    max-width	: var(--container-max-width);
    margin-left	: auto;
    margin-right: auto;
	/*
    box-sizing	: content-box;
    width		: auto;
	*/
}



.wp-element-button{
	border: 1px solid #c0bcbc;
    border-radius: 4px;
    line-height: 1;
}

.hentry .entry-content a{
	text-decoration: none;
	border: none;
}


body{
	max-width: var(--body-max-width);
    margin: auto;
}


.adm--container,
body.blog article{
	max-width	: var(--container-max-width);
	margin		: auto;
	padding		: 2em;
	position	: relative;
}





/*  ----------------  HEADER  ----------------   */


header .col-full{
	max-width	: var(--fullwidth-max-width);
	width		: 95%;
	margin-left	: auto;
	margin-right: auto;
}



#masthead.site-header{
	background-color: var(--site-header-bgcolor);
	color			: var(--site-header-color);
}


.site-branding .site-title {
	color: var(--site-header-title-color);
}
.site-branding .site-title a{
	color: var(--site-header-title-link);
}

.site-branding .site-title a:hover{
	color: var(--site-header-title-link-hover);

}

.site-branding .site-description, .site-description{
	color: var(--site-header-subtitle-color);
}




/*  ----------------  MENU  ----------------   */


nav{
	text-align:center;
	color: var(--main-nav--link);
}

.main-navigation .menu{
	text-align: left;
}


.main-navigation ul, 
.secondary-navigation ul{
	text-align:left;
	padding-left: 5px;
}

.sub-menu.toggled-on{
	padding-left: 5px;
	background-color: rgb(249 249 249);
}

.primary-navigation{
	font-size: 1.3rem;
}




.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a{
	padding: 1rem 1.3rem;
	color: var(--main-nav--link);
}

.main-navigation ul.menu ul li a,
.main-navigation ul.nav-menu ul li a{
	font-size: 1.1rem;
	max-width:100%;
	width:350px;
	color: var(--main-nav--link);
}

.main-navigation ul.menu > li > a:hover,
.main-navigation ul.nav-menu > li > a:hover{
	color: var(--main-nav--link-hover);
}

.main-navigation ul.menu > li > a:focus,
.main-navigation ul.nav-menu > li > a:focus,
.main-navigation ul.menu ul li a:focus,
.main-navigation ul.nav-menu ul li a:focus{
	outline: none !important;
}


.site-header ul.menu li.current-menu-item > a{
	color: var(--main-nav--link-active);
}



#site-navigation,
.main-navigation ul.menu ul.sub-menu, 
.main-navigation ul.nav-menu ul.children{
	background-color: var(--site-header-menu-bg);
}




.handheld-navigation .dropdown-toggle,
button.menu-toggle,
button.menu-toggle:hover{
	color: inherit;
	border-color: inherit;
	float:unset;
	outline: none;
}

button.menu-toggle:after, 
button.menu-toggle:before, 
button.menu-toggle span:before{
	color			: var(--main-nav--togglebtn-color);
	border-color	: var(--main-nav--togglebtn-bgcolor);
	background-color: var(--main-nav--togglebtn-bgcolor);
}


nav #menu-item-694{
	    font-weight: 600;
}





/*  ----------------  CONTENT  ----------------   */

 
#main > *, 
.site-main > * 
{
	position		: relative;
	margin-left		: 1.4em;
	margin-right	: 1.4em;
	
}

body.home #content > .col-full,
body.home.site-content > .coll-full
{
	max-width	: var(--fullwidth-max-width);
	padding		: 0;
	margin		: 0;
}


/*
.home #main .entry-content > * {
	padding-top		: 10rem;
	padding-bottom	: 10rem;
	padding-left	: 2rem;
	padding-right	: 2rem;
	position		: relative;
}
*/

.home #main .entry-content .wp-block-image{
	padding:0;
    margin: 0;
}



.home #page #content #primary #main .hentry.type-page .entry-header{
	display:none;
}






/*  ----------------  FOOTER  ----------------   */



 
footer .col-full{
	max-width		: var(--fullwidth-max-width);
	width			: 95%;
	margin-left		: auto;
	margin-right	: auto;
}


footer.site-footer{
	margin-top: 5em;
	box-shadow: 0px -2px 10px black;
    margin-top: 0;
	z-index: 9;
	position: relative;
	background-color: var(--footer-bgcolor);
	color: var(--footer-color);
}

.site-footer p,
.site-footer strong,
.site-footer b,
.site-footer ul,
.site-footer li,
.site-footer a{
	color: white;
	font-family: 'Roboto';
}


.site-footer a{
	text-decoration: none;
}

.site-footer a:not(.button):not(.components-button):hover{
	text-decoration: none;
	color: var(--orange-first);
}

.site-footer a:not(.button):not(.components-button):focus{
	outline: none;
}

.site-footer .widget_nav_menu ul li{
	padding-left: 0;
	margin: auto;
	margin-bottom: 5px;
}


.widget_nav_menu ul li::before{
	display: none;
}


.storefront-handheld-footer-bar{
	background-color:	var(--footer-bgcolor);	
	color:				var(--footer-color);
}

.site-footer .storefront-handheld-footer-bar a:not(.button):not(.components-button){
	color:	var(--footer-color);
}

footer.site-footer .wp-block-heading{
	font-weight	: bold;
	color 		: var(--footer-widget-head-color) !important;
}





/* układ */



footer.site-footer .widget{
	margin-bottom:1em;
}

.footer-widgets{
    padding-top		: 4em;
    border-bottom	: 1px solid rgba(0,0,0,.05);
    display			: flex;
    align-content	: flex-start;
    align-items		: flex-start;
    max-width		: 100%;
    margin			: auto;
    flex-direction	: row;
    flex-wrap		: wrap;
}

.footer-widgets.col-4 .block,
.footer-widgets.col-3 .block,
.footer-widgets.col-2 .block,
.footer-widgets .block{
	margin:0;
}

.footer-widgets .block:last-child{
	padding-bottom: 0;
}


@media (min-width: 1024px) {
	.footer-widgets.col-4 > .block {
		flex: 0 0 calc(23% - 1.5em);
		margin: 0 1%;
		display: grid;
		justify-content: center;
	}
}
@media (max-width: 1024px) and (min-width: 767px) {
	.footer-widgets.col-4 > .block {
		flex: 0 0 calc(44% - 1em);
		margin: 0 1%;
	}

	.footer-widgets{
		margin-left:15%;
	}

}
@media (max-width: 767px) {
	.footer-widgets.col-4 > .block {
		flex: 0 0 calc(98% - 1em);
		margin: 0 1%;
	}
	
	.footer-widgets{
		display: grid;
		justify-content: center;	
	}

	.footer-widgets .block{
		margin:0;
	}	
}






.woocommerce-breadcrumb{
	text-align: left;
}




.admProductsIds{
	display: none !important;
}