/* Template:	BtWPV (Better than WordPress Version)
 * Version:	0.9.2
 * Author:	Petri Grzegorz (wsparcie i testowanie - praktykanci ZSE: Grzegorczyk Antonii, Miksuła Sebastian)
 * * /
@media only screen and (max-width: 940px)
{*/
	body {
		x-display: flex;
		overflow: auto;
	}
	.sticker {
		position: sticky;
		align-self: flex-start;
		height: 72px;
		/*width: 100vw; }*/
	}
/*** NAV MENU ***/
	nav {
		display: flex;
		flex-direction: column;
		padding-left: 0 !important;
		padding-right: 0 !important;
		height:  auto;
		width: 100vw;
	}
	nav li:nth-child(1), nav li:nth-child(2) {
		width: 40%;
		/*max-width: 30vw;*/
		display: inline-flex;
	}
	nav li:nth-child(1) a, nav li:nth-child(2) a {
		/*max-width: 30vw;*/
	}
	nav li { order: 4; }
	nav li:first-child { order: 1; }
	nav li:nth-child(2) {
		order: 2;
		text-align: center;
	/*	width: 80px;*/
	}
	/*nav li:nth-child(2) a { width: 50px; }*/
	nav li:last-child {
		order: 3;
		width: 40%;
	}
	nav a {
		border-width: 0;
		padding: 20px;
		border-style: solid;
	    border-color: black;
	}
	nav a:active, nav a:link {
		padding: 0;
		padding-top: 5px;
		margin: .4rem .4rem;
		transition: unset;
	}
	nav li > a:hover, nav button:hover { outline: 4px solid #007bbe; }
	nav a img {
		height: auto;
		max-height: 50px;
		width: 100%;
		max-width: 32vw;
	}
/*	nav .flexIn {	flex-direction: column;	}*/
/*** BTN MENU ***/
	.dropdown {	position: relative;	}
	.dropdown-bttn {
		background-color: #fff;
		border: solid 0 white;
		cursor: pointer;
		display: unset;
		font-size: 38px;
		line-height: 40px;
		margin: 6px;
		margin-right: 20px;
		height: 80%;
		width: 60px;
	}
	.dropdown-menu {
	position: absolute;
	top: 72px;
	right: 0;
		background-color: #fff;
		justify-items: flex-start;
		flex-direction: column;
		pointer-events: none;
		opacity: 0;
		transform: translateY(-10px);
		transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;
		height: 100vh;
		width: 100vw;
		z-index: 3;
	}
	.dropdown > .dropdown-bttn:focus + .dropdown-menu,
	.dropdown > .dropdown-bttn:focus-within + .dropdown-menu,
	.dropdown > .dropdown-bttn + .dropdown-menu:focus-within {
		display: flex;
		opacity: .95;
		pointer-events: auto;
		transform: translateY(0);
	}
	.dropdown-menu a {
		display: block;
		margin: 0;
		max-height: 2rem;
		width: 100%;
	}
	nav ul > *:nth-child(1){	order: 1; }
	nav ul > *:nth-child(2){
		order: 3;
		justify-content: flex-end;
	}
	nav ul > *:nth-child(3){	order: 2; }
	/*nav .portalMenu {	grid-template-areas: "portals";	}*/
/*** BOX SLIDER ***/
	#slider h3 { font-size: 1rem; }
	#slider .banner,
	#slider .messages {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	#slider .side,
	#slider .info {	padding-left: 1rem;	}
	#slider ul {	padding-left: 5vw; }
	#slider ul.listCourses {	border-bottom: double 3px #fff; }
	.slideToList {
		display: initial;
	}
	
/*** MAIN content ***/
	.breadCrumbs {
		flex-direction: column;
	}
	.breadCrumbs a.goBtn.back {
		width: 30%;
	}
	.breadCrumbs > h1 {
		line-height: unset;
		height: unset;
	}
	.breadCrumbs > h3 {
		flex-direction: column;
		height: 100px;
	}
	.breadCrumbs > h3 > span {	display: none;	}
	.breadCrumbs > h3 > a {
		flex-basis: 100vw;
		padding-left: 2vw;
	}
	.breadCrumbs > h3 > a::before {
		content: "[+]";
		display: inline-block;
	}
	.breadCrumbs > h3 > a + span + a {	padding-left: 4vw; }
	.breadCrumbs > h3 > a + span + a + span + a { padding-left: 6vw; }
	.navBtns {
		justify-content: flex-end;
		flex-basis: 100%;
		width: 100%;
	}
	.main {
		display: block;
		align-self: flex-start;
		flex-direction: column;
	/*	margin-bottom: vh;*/
	}
	.col1, .col2 {
		margin: 2vw;
		max-width: 100vw;
	}
	article > footer {
		height: unset !important;
	}
	.legend {
		display: block !important;
		height: unset !important;
	}
	.legend > span {
		display: block;
	}
	.legend + div {
		display: flex !important;
		justify-content: flex-end;
		margin-top: 1rem;
	}
	.fontAdjust {
		width: 100%;
		overflow-x: auto;
	}
	#adjPnl { display: none; }
	/*.portals {	 grid-area: portals;}*/
	.portals figure {
		margin: 0;
		margin-left: 6vw;
		margin-right: 6vw;
		padding-left: 10px;
	}
	.portals figcaption { margin-top: 0; }
	.portals figcaption h3 {
		font-size: 1.1rem;
		line-height: 1.5rem;
		margin-bottom: 0;
	}
	.portals figcaption p {
		font-size: 1rem;
		line-height: 1.2rem;
	}
	.associated {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}
	figure {
		display: flex;
		flex-direction: row;
		padding: 0;
	} 
	.portals {
		display: flex;
		flex-direction: column;
	}
	.portals a {
		align-content: center;
	}
	.portals img {
		margin-right: 2vw;
		height: 3rem;
	}
	.portals .wom div {
		margin: 0;
		margin-right: 2vw;
		height: 3rem;
		padding-top: 1vh;
		padding-bottom: 1vh;
	}
	.portals .bp img {
		height: auto;
		width: 50px;
	}
	.portals .mdl img {
		margin-top: 4px;
		margin-bottom: 4px;
	}
	.portals .koha img {
		margin-top: 4px;
		margin-bottom: 4px;
	}
	figcaption{	
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: left;
		text-align: left;
		flex-basis: 80%;
	}
	figcaption p {	padding-left: 5px;	}
	.portals figure{	padding: 3px 10px;	}
	.catTree > ol, .catTree > ul {
		padding-left: 4vw;
	}
	.fiszkaInside {	overflow-x: scroll;	}
	.fiszka th span, .fiszka th span > span {	font-size: .7rem;	}
	.fiszka td {	font-size: .8rem; }
	.coursesList {	height: 400px;	}
	.accredited {	flex-basis: 100vw;	}
	.accredited + div {
	/*	text-align: center;*/
	}
	.foot {
		margin: 0;
		padding: 1rem 0;
	}
	.foot p {	padding: 0;	}
	.col-30-70,
	.col-70-30 {
		flex-direction: column;
	}
	.pad10lr {
		padding-left: 1vw;
		padding-right: 1vw;
	}
	.pad20lr {
		padding-left: 3vw;
		padding-right: 3vw;
	}
	aside.g4 {
		margin: 0;
		width: 100vw;
	}
	aside .cBox {
		padding-left: 2vw;
		padding-right: 2vw;
	}
	.catTree ul {
	  padding-left: .5rem;
	}
/*** FIX for STICKY ***/
.ga, .g0, .g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8,
.g9, .g10, .g11, .g12, .g13, .g14, .g15, .g16,
.mg1, .mg2, .mg3, .mg4, .mg5, .mg6, .mg7, .mg8,
.mg9, .mg10, .mg11, .mg12, .mg13, .mg14, .mg15, .mg16 {
	float: unset !important;
}
/*** FIX for ART footer ***/
.legend + div, .putRight {
	float: unset !important;
}
/*.pad10tb {
	padding-top: 10px;
	padding-bottom: 10px;
}
.pad20tb {
	padding-top: 20px;
	padding-bottom: 20px;
}
.pad30tb {
	padding-top: 30px;
	padding-bottom: 30px;
}
.mar10tb {
	margin-top: 10px;
	margin-bottom: 10px;
}
.mar30tb {
	margin-top: 30px;
	margin-bottom: 30px;
}* /
}*/