/**
 *	@author		Grzegorz Petri
 *	@desc		Mobile View CSS
 *	@date		2021-12-27
 *	@version	1.2.1
 */
#mobNav {	display: none;}
@media screen and (max-width: 960px){
	.gDesk {
		display: grid;
		grid-template-areas:
			"header"
			"content"
			"navMenu"
		;
		grid-template-columns: 100%;
		grid-template-rows:
			0
			auto
			auto /* #mobNav .inner: auto / 7vh */
			;
		height: 100vh;
		width: 100vw;
	}
	.gDesk > header {
		grid-area: header;
		display: flex;
		display: none;
	}
	.gDesk > header > .putLeft {
		flex-basis: 30%;
	}
	.gDesk > header > .putLeft + div {
		flex-basis: 40%;
	}
	.gDesk > header > .putRight {
		flex-basis: 30%;
	}
	.gDesk > header > .putRight > * {
		display: none;
	}
	#gBody {
		grid-area: content;
		margin-bottom: 0px !important;
	/*	padding-bottom: 35px !important;* /
		overflow-y: scroll;
		height: 100%;*/
		overflow-y: hidden;
		height: unset;
	}
	.gtkLayout { display: initial; }
	.gtkWindow {
		/*padding-bottom: 35px !important;*/
	}
	.gtkHeaderBar div h2 {
	/*	color: red; DBG */
		font-size: 1.5vh;
		line-height: 1.6vh;
	}
	.gtkHeaderBar div h2 + p {
		font-size: 1.2vh;
		line-height: 1.3vh;
	}
	.gtkInfoBar + .gtkBox {
		display: grid;
		grid-template-areas:
			"top top"
			"box box"
			"left right"
			"footer footer"
		;
		justify-content: unset;
		height: 95%;
	/*	padding-bottom: 5%;
		h: !important;
	/*	background-color: yellow; DBG*/
	}
	.gtkInfoBar + .gtkBox#resourcesView {
		grid-template-rows: 4rem auto 100px;
	}
	.gtkInfoBar + .gtkBox > .gtkBox {
		width: unset !important;
	}
	.gtkInfoBar + .gtkBox > .gtkBox:nth-child(1) {
		grid-area: top;
	}
	.gtkInfoBar + .gtkBox > .gtkBox:nth-child(2) {
	/*	background-color: red; DBG */
	/*	grid-area: left / right;*/
		grid-column: 1 / 3;
	}
	.gtkInfoBar + .gtkBox > .gtkBox:nth-child(3) {
	/*	background-color: green; DBG */
		grid-area: box;
	}
	/*.itemDesc {
		display: flex;
		flex-direction: column;
	}*/
	#mainView .itemDesc {
		display: flex;
		flex-direction: column;
	}
	#mainView .itemDesc .gtkImage {
		min-height: auto !important;
		height: 3rem !important;
	}
	.schedule {
		height: 6rem;
		overflow-y: scroll;
	}
	#coursesList > .gtkListBox {
		min-width: 100% !important;
		width: 100% !important;
	}
	.itemsTop { background-color: var(--bg-gray-light); }
	.itemDesc .gtkImage figcaption {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1.6rem !important;
		min-height: 3.2rem !important;
	}
	#resourcesView > #topics > .gtkListBox + .gtkBox { flex-direction: column; }
	#resourcesView > #topics > .gtkListBox + .gtkBox > .gtkBox { width: 100% !important; }
	#topicsResView > .gtkLabelCateg { display: none; }
	#topicsResView > .gtkListBox li {
		min-height: unset;
		height: unset;
		padding-left: unset;
		padding-right: unset;
	}
	#resourcesList + .gtkListBox li {
		display: flex;
		flex-direction: column;
	}
	#resourcesList + .gtkListBox li > a,
	#resourcesList + .gtkListBox li > div {
		width: 100% !important;
	}
	#topicsResView > .gtkListBox .assetLocked  { display: none; }
	#topicsResView > .gtkListBox a:not(.active)  { display: none; }
	#oneResView #resourcesList {
		position: unset;
		--hide-pos: 0 !important;
		--width: 100% !important;
	}
	#oneResView #resourcesList .gtkListBox:first-child {
		display: none; 
	}
	#mobNav {
		grid-area: navMenu;
		background-color: #c3c6c5;
		display: flex;
		align-items: stretch;
		flex-direction: row;
		min-height: 4rem;
		width: 100%;
	}
	#mobNav .outer {
		grid-area: navMenu;
		background-color: #c3c6c5;
		width: 100%;
	}
	#mobNav .inner {
		display: flex;
		align-items: stretch;
		flex-direction: row;
		height: 4rem;
		width: 100%;
	}
	#mobNav a {
		background-color: #c3c6c5;
		color: #000;
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		align-items: center;
		justify-content: center;
		font-weight: 800;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
	}
	#mobNav a:focus,
	#mobNav a:hover,
	#mobNav a.active {
		background-color: #e5e8e7;
		text-shadow: #c3c6c5 2px 1px 1px;
	}
	#mobNav a ion-icon {
	--ionicon-stroke-width: 36px;
		display: block;
		margin: 0 auto;
		height: 2rem;
		width: 2rem;
	}
	#mobNav a span {
		font-size: 1rem;
	}
	.gtkStatusBar {
		display: none;
		padding-top: 0;
		padding-bottom: 0;
	}
/*	DUBEL z 93 linii
	.itemDesc {
		display: flex;
		flex-direction: row;
	}
	*/
	#intro .itemDesc > figure {
		flex-basis: 50%;
	}
	#intro .itemDesc > figure + * {
		/* flex-basis: 50%; NAPUSZA BLOK POWIETRzEM, po co? */
	}
	#mainView .itemDesc > figure {
		flex-basis: 20rem;
	}
	#mainViewX .itemDesc > figure + * {
		flex-basis: 2.5rem;
	}
	.gtkComboBox ul.gtkListBox {
		min-width: 70px;
		margin: 0;
	}
	.noDspMobile {
		display: none;
	}
}
@media screen and (max-width: 640px){
	/*.itemDesc {
		display: flex;
		flex-direction: column;
		width: 100%;
	}*/
	#mainView .itemDesc .gtkImage img {
		margin-bottom: 3.2rem;
		width: 100% !important;
	}
}