@charset "utf-8";
/* CSS Document */

html {
	position: relative;
	min-height: 100%;
}

html, html * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size: lvw;
	background: white;
}

main {
	max-width: 1280px;
	margin: auto;
}

header {
	width: 100%;
	top: 0;
	padding: 2em;
	z-index: 100;
	background-image: -webkit-linear-gradient(rgba(229,229,229,0), #E5E5E5);
	background-image: -o-linear-gradient(rgba(229,229,229,0), #E5E5E5);
	background-image: linear-gradient(rgba(229,229,229,0), #E5E5E5);
}

header a {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	font: inherit;
	border: none;
	padding: .1em .3em;
	background: #d9374e;
	color: white;
	transition: 0.3s;
}

header a:hover {
	background: white;
	color: #d9374e;
}

h1 {
	font-family: 'Ubuntu', sans-serif;
	font-weight: 300;
	text-align: center;
	font-size: .8em;
}

.row:before .row:after {
	content: "";
	display: table;
}

.row:after {
	clear:both;
}

/* Styling for each window with one division */

.DRDivision {
	background-color: #f8f8f8;
	width: 100%;
	float: left;
	margin-top: .5em;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
}

.DRDivision:hover {
	background-color: white;
}

#DalejRazem p {background: #d9374e; color: white;}

.DRDivision p {
	padding: .6em 0;
	transition: 0.3s
}

.DRDivision h3 {
	font-size: 1em;
	font-weight: 600;
	transition: 0.3s;
	padding-top: .5em;
	font-family: "Ubuntu", sans-serif;
	text-transform: uppercase;
}

.DRDivision img {
	height: 8em;
}

#WydrukujemyTo img,
#DREdu img,
#PaluszkiGryczane img,
#ObyShop img {
	height: 6em;
}

#DalejRazem:hover {box-shadow: 0 0 2em #d9374e;}
/*#DalejRazem:hover > p {color: #d9374e; background: white;}*/
#Generado:hover {box-shadow: 0 0 2em #794a2c;}
#Generado:hover > p {color: white; background: #794a2c;}
#PrzedszkoleDR:hover {box-shadow: 0 0 2em #8dc63f;}
#PrzedszkoleDR:hover > p {color: white; background: #8dc63f;}
#SzkolaDR:hover {box-shadow: 0 0 2em #ef7d00;}
#SzkolaDR:hover > p {color: white; background: #ef7d00;}

#WydrukujemyTo h3 {color: #18a9e4;}
#DREdu h3 {color: #8b51a1;}
#PaluszkiGryczane h3 {color: #ed9733;}
#ObyShop h3 {color: #bbcf37;}

#WydrukujemyTo:hover {box-shadow: 0 0 2em #18a9e4;}
#WydrukujemyTo:hover > p {color: white; background: #18a9e4;}
#WydrukujemyTo:hover > h3 {color: white; background: #18a9e4;}
#DREdu:hover {box-shadow: 0 0 2em #8b51a1;}
#DREdu:hover > p {color: white; background: #8b51a1;}
#DREdu:hover > h3 {color: white; background: #8b51a1;}
#PaluszkiGryczane:hover {box-shadow: 0 0 2em #ed9733;}
#PaluszkiGryczane:hover > p {color: white; background: #ed9733;}
#PaluszkiGryczane:hover > h3 {color: white; background: #ed9733;}
#ObyShop:hover {box-shadow: 0 0 2em #bbcf37;}
#ObyShop:hover > p {color: white; background: #bbcf37;}
#ObyShop:hover > h3 {color: white; background: #bbcf37;}

#WydrukujemyTo:hover > img,
#DREdu:hover > img,
#PaluszkiGryczane:hover > img,
#ObyShop:hover > img {
	filter: none;
}

footer {
	padding: 1em;
	padding-bottom: 4em;
	text-align: right;
}

footer p {font-size: .8em;}

footer img {
	height: 2em;
	vertical-align: middle;
	filter: grayscale(100%);
	transition: 0.3s;
}

footer img:hover {
	filter: none;
}

/* Main divisions styling */

.DR-divisions-main a:link, .DRSpolka-divisions a:link,
.DR-divisions-main a:visited, .DRSpolka-divisions a:visited {
	color: black;
}

.DR-divisions-main {
	display: flex;
	flex-flow: row wrap;
	margin: 0 2em 0;
}

.DRSpolka-divisions.work-offers {
	display: flex;
	justify-content: center;
}

.button#work-offers-button {
	display: flex;
	justify-content: center;
	align-items: center;
}

#DalejRazem img,
#PrzedszkoleDR img,
#SzkolaDR img,
#DREdu img {
	padding: 2em;
}

#ObyShop img {
	padding: 1.5em 1em;
}

#WydrukujemyTo img,
#PaluszkiGryczane img {
	padding: 1em;
}

/* DR Spolka section styling */

.DRSpolka-divisions {
	display: block;
	margin: -1em 2em 0;
	padding-top: 2em;
}

.drspolka-header {
	text-align: center;
}

.drspolka-header a {
	margin-top: 2em;
	cursor: pointer;
	font: inherit;
	font-size: 1.1em;
	font-weight: 600;
	text-decoration: none;
	border: none;
	padding: .5em 3em;
	background: #00adef;
	color: white;
	transition: 0.3s;
}

.drspolka-header a:hover {
	background: white;
	color: #00adef;
	box-shadow: 0 0 2em #00adef;
}

.drspolka-footer {
	padding: 1em 0 0 0;
}

#WydrukujemyTo img,
#DREdu img,
#PaluszkiGryczane img,
#ObyShop img {
	filter: saturate(0);
	transition: 0.3s;
}

/* Dashed border */

.dashed-border {
	border: thin dashed grey;
}

/* EU Funds add-on */

.EUFooter {
	display: flex;
	flex-flow: column nowrap;
	bottom: 0;
	text-align: center;
	align-content: flex-end;
	width: 100%;
	background-color: white;
	border-top: thin dashed grey;
	z-index: 5;
}

.EUFooter * {
	margin: .2em 1.5em;
}

.EUFooter a {
	text-decoration: none;
}

.EUFooter a img {
	filter: none;
	height: 3.5em;
}

.button {
	color: white;
	background-color: #d9374e;
	padding: .4em;
	padding-left: 1em;
	padding-right: 1em;
	border-radius: 1em;
	transition: 0.3s;
	cursor: pointer;
}

.button:hover {
	color: #d9374e;
	background-color: white;
	box-shadow: 0 0 2em #d9374e;
}

.DR-Container {
	display: flex;
	width: 98%;
	margin: 1%;
	flex-flow: column;
}

.DR-Container .DRDivision {
	width: 100% !important;
	margin: 0 0 1% !important;
}

.button.diagnosis {
	color: white !important;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
	align-self: center;
	text-align: center;
	width: 100%;
	margin-bottom: 0.2em;
}
.button.diagnosis:hover {
	color: #d9374e !important;
}

.button.diagnosis.half-width {
	display: inline-flex;
	width: calc(50% - .1em);
	height: calc(100% - .2em);
}

/* Layout modifications for tablets */

@media only screen and (min-width: 768px) {
	
	header button {
		right: 1em;
		top: .5em;
		padding: .5em 1em;
		transition: 0.3s;
	}
	
	h1 {
		font-size: 1.1em;
	}
	
	.DR-divisions-main .DRDivision {
		width: 48%;
		margin: 1%;
		font-size: 1.1em;
	}
	
	.DRSpolka-divisions .DRDivision {
		width: calc(33.3% - 2%);
		margin: 1%;
		margin-bottom: 0;
		font-size: 1em;
	}
	
	footer {
		background-color: white;
		padding-bottom: 6em;
	}
	
	.EUFooter {
		display: block;
		position: fixed;
		width: calc(100% - 2em);
	}
	
	.EUFooter * {
		margin: auto;
	}
	
	.EUFooter a img {
		height: 5em;
	}
	
	.DR-Container {
		width: 48%;
	}
	
}

/* Layout modifications for desktops */

@media only screen and (min-width: 1024px) {
	
	h1 {
		font-size: 1.5em;
	}
	
	header {
		padding-top: 1.5em;
		padding-bottom: 1.5em;
	}
	
	#DalejRazem {width: 58%;}
	#Generado {width: 38%;}
	
	#DalejRazem img,
	#Generado img,
	#PrzedszkoleDR img,
	#SzkolaDR img {
		height: 8.2em;
	}
	
	#WydrukujemyTo img,
	#DREdu img,
	#PaluszkiGryczane img,
	#ObyShop img {
		height: 6.5em;
	}
	
}

/* Scroll To Top button */

#scroll-to-top-button {
	cursor: pointer;
	display: none;
	position: fixed;
	bottom: 0em;
	left: 2em;
	z-index: 200;
	background-color: #d9374e;
	box-shadow: 0 0 1em grey;
	color: white;
	border: none;
	outline: none;
	padding: .7em .9em;
	transition: 0.3s;
}

#scroll-to-top-button:hover {
	background-color: white;
	color: #d9374e;
}