/*
Theme Name: 	HTML5 Blank
Theme URI: 	http://html5blank.com
Description: 	HTML5 Blank WordPress Theme
Version: 	1.2.6
Author: 	Todd Motto (@toddmotto)
Author URI: 	http://www.toddmotto.com
Tags: 		Blank, HTML5, CSS3

License:	MIT
License URI:	http://opensource.org/licenses/mit-license.php
*/

/* =============================================================================
   HTML5 Reset
   ========================================================================== */

	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;}
	audio, canvas, video {display:inline-block;*display:inline;*zoom:1;}
	audio:not([controls]) {display:none;}
	[hidden] {display:none;}
	
	html {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
	html, button, input, select, textarea {font-family:sans-serif;color:#222;}
	body {margin:0;font-size:1em;line-height:1;}
	p {padding:7px 0 0 0; color: #888; font-size: 16px; line-height: 25px;}
	
	h1,h2,h3,h4,h5,h6 {text-decoration:none;padding:0;color:#444;margin:0;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:700;}
	
	a {color:#266E9E;text-decoration:none;}
	a:focus {outline:0;}
	a:hover, a:active {outline:0;}
	
	abbr[title] {border-bottom:1px dotted;}
	b, strong {font-weight:bold;}
	.clear {clear:both;}
	dfn {font-style:italic;}
	hr {display:block;height:1px;border:0;border-top:1px solid #CCC;margin:1em 0;padding:0;}
	ins {background:#FF9;color:#000;text-decoration:none;}
	mark {background:#FF0;color:#000;font-style:italic;font-weight:bold;}
	pre, code, kbd, samp {font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}
	pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
	q {quotes:none;}
	q:before, q:after {content:"";content:none;}
	small {font-size:90%;}
	blockquote {background-color:#EEE;border:1px solid #DDD;margin:10px 0;padding:10px 30px;border-radius:3px;}
	
	sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
	sup {top:-0.5em;}
	sub {bottom:-0.25em;}
	
	ul {margin:0;padding:0;list-style:none;}
	ol {margin:15px;}
	
	dd {margin:0 0 0 40px;}
	nav ul, nav ol {list-style:none;list-style-image:none;margin:0;padding:0;}
	
	img {border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}
	
	svg:not(:root) {overflow:hidden;}
	
	figure {margin:0;}
	
	form {margin:0;}
	fieldset {border:0;margin:0;padding:0;}
	label {cursor:pointer;}
	legend {border:0;*margin-left:-7px;padding:0;white-space:normal;}
	button, input, select, textarea {font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
	button, input {line-height:normal;}
	button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;-webkit-appearance:none;*overflow:visible;}
	button[disabled], input[disabled] { cursor: default; }
	input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0;*width:13px;*height:13px;}
	input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
	input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}
	button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;}
	textarea {overflow:auto;vertical-align:top;resize:vertical;}
	input:valid, textarea:valid {}
	input:invalid, textarea:invalid {background-color:#F0DDDD;}
	
	table {border-collapse:collapse;border-spacing:0;}
	td {vertical-align:top;}

/* =============================================================================
   General Styles
   ========================================================================== */
   
   	/* Font Face Setup, add fonts to /fonts/ folder and link up below with filenames */
	@font-face {
		font-family:'Font-Name';
		src:url('fonts/font-name.eot');
		src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
	    	font-weight:normal;
	    	font-style:normal;
  	 }
	
   	body {
		font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; /* Serve Helvetica Neue, with Helvetica fallbacks to Arial */
		font-size:11px;
		font-weight:300; /* Better supported than 'lighter' attribute */
		line-height:18px;
		-webkit-font-smoothing:antialiased; /* Antialiased font for great smoothing */
		-moz-font-smoothing:antialiased;
		-o-font-smoothing:antialiased;
		font-smoothing:antialiased;
		text-rendering:optimizeLegibility; /* Optimise legibility for some CSS3 kerning */
		color:#444; /* Lighter on the eyes than #000 Black */
	}
	
/* =============================================================================
   Structure
   ========================================================================== */
   
   /* Add your site structure here */

/* =============================================================================
   Mobile First Media Queries
   ========================================================================== */

   /* 320px and greater */
   @media only screen and (min-width: 320px) {
	/* Styles here */
   }
   
   /* 480px and greater */
   @media only screen and (min-width: 480px) {
	/* Styles here */
   }
   
   /* 768px and greater */
   @media only screen and (min-width: 768px) {
	/* Styles here */
   }
   
   /* 1024px and greater */
   @media only screen and (min-width: 1024px) {
	/* Styles here */
   }
   
   /* Retina screens */
   @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
	/* Style adjustments for high resolution devices */
}

/* =============================================================================
   Non-Semantic Classes
   ========================================================================== */
   
   /* Custom Selection Styles */
   ::selection {background:#D31245;color:#FFF;text-shadow:none;}
   ::-webkit-selection {background:#D31245;color:#FFF;text-shadow:none;}
   ::-moz-selection {background:#D31245;color:#FFF;text-shadow:none;}
   
   /* Input focus styles */
   input:focus {outline:0;border:1px solid #0091BD;} /* Gets rid of blue glow on field focus, adds border color instead */
   
/* =============================================================================
   WordPress Core CSS Styles
   ========================================================================== */
   
   .alignnone {margin:5px 20px 20px 0;}
   .aligncenter,div.aligncenter {display:block;margin:5px auto 5px auto;}
   .alignright {float:right;margin:5px 0 20px 20px;}
   .alignleft {float:left;margin:5px 20px 20px 0;}
   .aligncenter {display:block;margin:5px auto 5px auto;}
   a img.alignright {float:right;margin:5px 0 20px 20px;}
   a img.alignnone {margin:5px 20px 20px 0;}
   a img.alignleft {float:left;margin:5px 20px 20px 0;}
   a img.aligncenter {display:block;margin-left:auto;margin-right:auto;}
   .wp-caption {background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center;}
   .wp-caption.alignnone {margin:5px 20px 20px 0;}
   .wp-caption.alignleft {margin:5px 20px 20px 0;}
   .wp-caption.alignright {margin:5px 0 20px 20px;}
   .wp-caption img {border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
   .wp-caption p.wp-caption-text,.gallery-caption {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
   .sticky {}
   .bypostauthor {}

/* ==========================================================================
   Print styles
   ========================================================================== */

   @media print {
	* {background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
	a,a:visited {text-decoration:underline;}
	a[href]:after {content:" (" attr(href) ")";}
	abbr[title]:after {content:" (" attr(title) ")";}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content:"";}
	pre,blockquote {border:1px solid #999;page-break-inside:avoid;}
	thead {display:table-header-group;}
	tr,img {page-break-inside:avoid;}
	img {max-width:100% !important;}
	@page {margin:0.5cm;}
	p,h2,h3 {orphans:3;widows:3;}
	h2,h3 {page-break-after:avoid;}
   }



body {
  margin: 0;
  font-family: Arial, sans-serif;
  background: #f6f6f6;
  color: #000;
}


.header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 30px;
}

.logo-title h1 {
  margin: 0;
  font: bold 25px Arial, Helvetica, sans-serif;
}

.logo-title span {
  font-size: 12px;
}

.logo-circle {
  color: black;
  padding: 10px 15px;
  border-radius: 50%;
  font-weight: bold;
  font-size: 18px;
}

.lang {
  font-size: 12px;
}

nav ul {
  list-style: none;
  display: flex;
  justify-content: center;
  padding: 10px 0;
  margin: 0;
  background-color: #111;
  flex-wrap: wrap;
}

nav li {
  margin: 0 15px;
}

nav a {
  color: white;
  text-decoration: none;
  padding: 8px 12px;
  display: inline-block;
  font-size: 16px;	
}

nav a:hover, .current-menu-item a {
  background: #444;
  border-radius: 4px;
}

#primary h1 {
	margin-top: 20px;
    color: #000;
    display: inline-block;
    position: relative;
    padding-bottom: 12px;
}

#primary h2 {
	margin-top: 20px;
}

#primary h1:after
 {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 40%;
    border-bottom: 4px solid #fbdf72;
}
.wp-block-list {
	list-style: circle;
	margin-left: 30px;
}

.wp-block-list li {
	color: #888;
    font-size: 16px;
    line-height: 28px;
}

.container {
  max-width: 1200px;
  margin: 0 auto 40px auto;
  padding: 0 20px;
}

.main-content {
  display: grid;
  grid-template-columns: 1.5fr 2fr 1fr;
  gap: 30px;
  background: white;
  padding: 30px;
  border-radius: 8px;
}

.conference-info h2 {
  color: teal;
  font-size: 1.8em;
  line-height: 1.3;
}

.keynotes h3 {
  border-bottom: 2px solid teal;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.keynotes ul {
  padding-left: 20px;
}

.keynotes li {
  margin-bottom: 6px;
}

.logos {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
}

.logos img {
  max-width: 100px;
  height: auto;
}

.sections {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 40px 0;
  gap: 30px;
}

.section-item {
  text-align: center;
}

.section-item img {

  margin-bottom: 10px;
}

.section-item h4 {
    margin-bottom: 10px;
	font-size: 23px;
    color: #000;
    font-weight: bold;
    line-height: 24px;
    padding: 5px 0px;
}

.section-item a {
    background: #fbdf72;
    color: #000;
    border: none;
    font-size: 14px;
	font-weight: bold;
    padding: 10px;
}

.section-item a:hover {
  background: orange;
}

.cfp {
  padding: 20px;
  margin-top: 20px;
  border-radius: 6px;
}

.info {
    position: fixed;
    color: #fff;
    font-size: 18px;
    padding: 5px 15px;
    right: -125px;
    top: 40%;
    background: #e86a0e;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    letter-spacing: 2px;
}

.en .info {
	right: -150px;
}

footer {
  background: #333;
  color: white;
  text-align: center;
  padding: 15px;
  font-size: 14px;
}

footer a {
  color: gold;
  margin-left: 15px;
}

#primary h3 {
	margin: 15px 0;
}

.logo-title a {
	color: #000;
}

h4.wp-block-heading {
	margin: 15px 0;
	font-size: 16px;
}

#primary h6 {
	font-size: 14px;
    line-height: 22px;
	margin-top: 20px;
}

#primary h5 {
		font-size: 12px;
    line-height: 22px;
}


/* General menu styling */
.main-nav {
    background: #f8f8f8;
}

.nav-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 1rem;
}

.menu li a {
    text-decoration: none;
    color: #333;
}

/* Hamburger button styles */
.hamburger {
    background: none;
    border: none;
    font-size: 2rem;
    cursor: pointer;
    display: none; /* Hidden by default, shown on mobile */
}
	.sekcja-pracy img {
		width: 70px !important;
	}
/* Responsive styles */
@media (max-width: 970px) {
    .hamburger {
        display: block;
		padding: 20px;
    }
	
	.header-top  {
		text-align: center;
		margin-bottom: 0;
	}
	
	nav ul {
		display: block ;
	}
	
		nav ul li a{
		width: 100% ;
		padding: 12px 5px;
		display: block ;
	}

    .nav-menu {
        display: none;
        flex-direction: column;
        gap: 1rem;
        margin-top: 1rem;
    }

    .nav-menu.active {
        display: flex;
    }
	


    .menu {
        flex-direction: column;
        gap: 1rem;
    }
}