@charset "UTF-8"; /* Theme Name: ORE 2025 Theme URI: Author: Merlo Marketing Studio Author URI: Description: Requires at least: WordPress 6.8.2 Version: 1.0 License: License URI: Text Domain: ore Tags: */ @import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap'); * {margin: 0; padding: 0;} html {overflow-y: scroll;} /* Reset styles */ html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, /* sup, */ tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {vertical-align: baseline; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0;} body {line-height: 1; color: #000;} strong {font-weight:700} /* General styles */ body {width:100%; height:100vh; margin:0; padding:0; background-color: #fff; padding-top: 135px;} /*body.admin-bar {padding-top: 175px;}*/ body, p {color:#000; font-family:'Raleway', arial, tahoma, verdana; font-weight: 400; font-size:16px; line-height:140%; margin: 15px 0;} h1, h2, h3, h4, h5, h6 {font-family:'Raleway', arial, tahoma, verdana;} input, select, textarea, button {font-family:'Raleway', arial, tahoma, verdana;} img {border:0px;} ul, ol {list-style-position: inside;} *::before, *::after {box-sizing: border-box;} :focus-visible, input:focus, select:focus, button:focus {outline: 3px dashed black; outline-offset: 2px; background-color: var(--red)!important; color: #fff!important;} a {text-decoration:none; color:var(--red); font-size:16px; font-weight:700;} a[target="_blank"]::after {content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75011 8.75003V5.25003M8.75011 5.25003H5.25011M8.75011 5.25003L5.25011 8.74997M4.55 12.25H9.45C10.4301 12.25 10.9201 12.25 11.2945 12.0593C11.6238 11.8915 11.8915 11.6238 12.0593 11.2945C12.25 10.9201 12.25 10.4301 12.25 9.45V4.55C12.25 3.56991 12.25 3.07986 12.0593 2.70552C11.8915 2.37623 11.6238 2.10852 11.2945 1.94074C10.9201 1.75 10.4301 1.75 9.45 1.75H4.55C3.56991 1.75 3.07986 1.75 2.70552 1.94074C2.37623 2.10852 2.10852 2.37623 1.94074 2.70552C1.75 3.07986 1.75 3.56991 1.75 4.55V9.45C1.75 10.4301 1.75 10.9201 1.94074 11.2945C2.10852 11.6238 2.37623 11.8915 2.70552 12.0593C3.07986 12.25 3.56991 12.25 4.55 12.25Z' stroke='%231E1E1E' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin-left: 5px; transition: stroke 0.5s ease; line-height: 14px;} #article a[target="_blank"]::after {content: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M12.5002%2012.5V7.50004M12.5002%207.50004H7.50015M12.5002%207.50004L7.50016%2012.5M6.5%2017.5H13.5C14.9001%2017.5%2015.6002%2017.5%2016.135%2017.2275C16.6054%2016.9878%2016.9878%2016.6054%2017.2275%2016.135C17.5%2015.6002%2017.5%2014.9001%2017.5%2013.5V6.5C17.5%205.09987%2017.5%204.3998%2017.2275%203.86502C16.9878%203.39462%2016.6054%203.01217%2016.135%202.77248C15.6002%202.5%2014.9001%202.5%2013.5%202.5H6.5C5.09987%202.5%204.3998%202.5%203.86502%202.77248C3.39462%203.01217%203.01217%203.39462%202.77248%203.86502C2.5%204.3998%202.5%205.09987%202.5%206.5V13.5C2.5%2014.9001%202.5%2015.6002%202.77248%2016.135C3.01217%2016.6054%203.39462%2016.9878%203.86502%2017.2275C4.3998%2017.5%205.09987%2017.5%206.5%2017.5Z%22%20stroke%3D%22%23C00022%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3C/svg%3E%0A"); display: inline-block; width: 14px; height: auto; vertical-align: middle; margin-left: 5px; margin-right: 5px; transition: stroke 0.5s ease; line-height: 14px;} a[target="_blank"]:hover::after {stroke: #C00022;} a[target="_blank"].socialIcon::after {content: ""; margin: 0px; width: 0px; height: 0px;} /* Ignoruj ikonę nowego okna */ /*a[href$=".pdf"]::before {content: ""; display: inline-block; width: 30px; height: 30px; background-image: url('..//images/icon_pdf.svg'); background-size: contain; background-repeat: no-repeat; margin-right: 5px;}*/ a, a span, a strong, li, a img, button {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} a:hover {color:var(--dark);} h1 {margin: 0px; padding: 0px;} h2 {font-size: 30px; font-weight: 700; line-height: 110%;} h3 {font-size: 30px; font-weight: 700; line-height: 110%;} h4 {font-size: 24px; font-weight: 700; line-height: 110%;} /* General fixes */ .admin-bar .site-header, .admin-bar .site-navigation {top: 0px !important;} #wpadminbar {top: 0px !important;} .cookie-info {display: none;} /* General classes */ .skip-link {display: none;} .center {margin: 0 auto; display: block; max-width: 1280px; box-sizing: border-box; padding-left: 20px; padding-right: 20px;} .mw {max-width: 1600px; margin: 0 auto;} .flex {display: flex;} .space-between {justify-content: space-between;} .justifyCenter {justify-content: center;} .alignCenter {align-items: center;} .column {flex-direction: column;} .row {flex-direction: row;} .hidden {display: none;} .visually-hidden {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;} .contrast {display: none;} .halfPage {display: inline-block; width: 50%;} .img100perc {width: 100%;} .mTop20px {margin-top: 20px!important;} .mTop40px {margin-top: 40px!important;} .mTop100px {margin-top: 100px;} .mBottom20px {margin-bottom: 20px;} .mBottom40px {margin-bottom: 40px;} .mBottom80px {margin-bottom: 80px;} .mBottom100px {margin-bottom: 100px;} /* Components */ .redButton {display: flex; height: 44px; width: fit-content; color: #fff; background-color: var(--red); border-radius: 4px; padding: 0 20px; text-align: center; align-items:center; box-sizing: border-box;} .redButton:hover {background-color: var(--dark); color: #fff;} .darkButton {display: flex; height: 44px; width: fit-content; color: #fff; background-color: var(--dark); border-radius: 4px; padding: 0 20px; text-align: center; align-items:center; box-sizing: border-box;} .darkButton:hover {background-color: var(--red); color: #fff;} .date {display: flex; font-size: 14px; font-weight: 300; color: #000; width: 100%; gap: 5px; align-items: center;} .date > img {width: auto;} /* Color variables */ .white {color: #fff;} .red {color: var(--red);} .dark {color: var(--dark);} .project {color: var(--project);} /* Colors */ :root { /* Kolory defaultowe, gdyby nie mogły zostać pobrane z panelu */ /*--wrsd: #1EABDA; --wrs: #3CC583; --wew: #92BD39; --wpzpw: #E0CB15; --wkokc: #DE8431; --wkzdz: #E55753; --wkjwm: #DE58A9; --wwuzp: #BA5DE5; --wpow: #B22F45; --ckscwew: #C19717; --wnp: #15AABF;*/ --red: #C00022; --dark: #1E1E1E; --project: #EC6607; } /* Main styles */ #top {display: block; background-color: #fff; width: 100%; position: fixed; top: 0px; left: 0; right: 0; z-index: 90000;} .admin-bar #top {top: 32px;} #logo {display: block; height: 84px;} #logo img {float: left;} #logo:focus {background-color: transparent!important;} .top-holder {display: flex; align-items: center;} #top-navigation {width: auto;} #mobile-top-navigation {display: none;} /* Ukryj na desktop */ #top-navigation ul {display: inline-block; list-style: none; padding: 0px; margin: 0px;} #top-navigation ul li {display: inline-block;} #top-navigation ul li a {display: inline-block; color: var(--dark); font-size: 12px; font-weight: 700; margin: 0 7px;} #top-navigation ul li a:hover {color: var(--red);} #site-navigation #mobile-top-navigation ul {display: flex; flex-direction: column; list-style: none; padding: 0px; margin: 0px;} #site-navigation #mobile-top-navigation ul li {display: inline-block;} #site-navigation #mobile-top-navigation ul li a {display: inline-block; color: #fff; font-size: 12px; font-weight: 700; margin: 0 7px; line-height: 34px;} #site-navigation #mobile-top-navigation ul li a:hover {color: var(--dark);} #site-navigation #mobile-top-navigation ul li a[target="_blank"]::after {content: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M8.75011%208.75003V5.25003M8.75011%205.25003H5.25011M8.75011%205.25003L5.25011%208.74997M4.55%2012.25H9.45C10.4301%2012.25%2010.9201%2012.25%2011.2945%2012.0593C11.6238%2011.8915%2011.8915%2011.6238%2012.0593%2011.2945C12.25%2010.9201%2012.25%2010.4301%2012.25%209.45V4.55C12.25%203.56991%2012.25%203.07986%2012.0593%202.70552C11.8915%202.37623%2011.6238%202.10852%2011.2945%201.94074C10.9201%201.75%2010.4301%201.75%209.45%201.75H4.55C3.56991%201.75%203.07986%201.75%202.70552%201.94074C2.37623%202.10852%202.10852%202.37623%201.94074%202.70552C1.75%203.07986%201.75%203.56991%201.75%204.55V9.45C1.75%2010.4301%201.75%2010.9201%201.94074%2011.2945C2.10852%2011.6238%202.37623%2011.8915%202.70552%2012.0593C3.07986%2012.25%203.56991%2012.25%204.55%2012.25Z%22%20stroke%3D%22white%22%20stroke-width%3D%221.16667%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3C/svg%3E%0A"); display: inline-block; width: 14px; height: 16px; vertical-align: middle; margin-left: 5px; transition: stroke 0.5s ease; line-height: 14px;} .top-social-icons {display: flex; align-items: center; margin-left: 20px;} .mobile-social-icons {display: none;} /* Ukryj na desktop */ .top-social-icons a {display: flex; margin:0 10px;} .socialIcon svg path {transition: fill 0.5s ease;} .socialIcon:hover svg path.hoverIcon {fill: var(--red);} #contrastBtn {display: flex; margin-left: 20px; color: var(--dark); font-size: 12px; font-weight: 700; cursor: pointer; border: 0px; background: transparent; gap: 5px;} #contrastBtn:hover {color: var(--red);} #contrastBtn img {margin-right: 5px;} #contrast-text {line-height: 26px;} .euflag {display: block; width: 36px; height: 24px; background: transparent url(images/euflag.svg) no-repeat center center; text-indent:-99999px; margin-left:30px;} #euflag-partial { position: relative; display: inline-block; } #euflag-partial > .customize-partial-edit-shortcut {position: absolute !important; top: -8px; right: -8px; left: auto !important; transform: none !important;} body.customize-preview .top-holder { transform: none !important; } /* Search input top nav */ #search-top-holder {display: flex; align-items: center; border-radius: 7px; background-color: #fff; box-sizing: border-box;} #search-top-holder {max-width: 0; transition: max-width 0.2s ease-in-out, padding 0.2s ease-in-out, opacity 0.2s ease-in-out; white-space: nowrap; opacity: 0;} #search-top-holder.visible {max-width: 325px; border: 1px solid #9C9D9F; padding: 2px; margin-left:30px; opacity: 1;} .search-top-icon {display: flex; margin-left: 10px;} .search-top-input {flex: 1; border: none; outline: none; font-size: 12px; line-height: 44px; color: #555555; font-weight: 300; padding: 0 5px 0 10px;} .search-top-button {background-color: var(--red); color: #fff; border: none; padding: 0px 20px; font-size: 12px; font-weight: 700; cursor: pointer; border-radius: 4px; height: 44px;} .search-top-button:hover {background-color: var(--dark);color: #fff;} #search-mobile-wrapper {display: none; opacity: 0;} /* Widoczny tylko na mobile */ #search-top-holder.visible {animation: fadeInAnim 0.3s ease-in-out forwards; /* Definiuje animację */} @keyframes fadeInAnim { from {opacity: 0;} to {opacity: 1;} } /* Main navigation styles */ #site-navigation {width: 100%; display: flex; background-color: var(--red); border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; justify-content:center;} #site-navigation ul {width: 100%; list-style: none; padding: 0px; margin: 0px; max-width: 1280px; position: relative;} #site-navigation ul li {display: inline-block; /*position: relative;*/} #site-navigation ul li a {display: inline-block; line-height: 64px; padding: 0 15px; color: #fff; font-size: 16px; font-weight: 800; box-sizing: border-box; cursor: pointer;} #site-navigation ul li.current-menu-item a {background-color: #fff; color: var(--dark); box-sizing: border-box; -webkit-box-shadow: inset 0px -3px 0px 0px var(--dark); -moz-box-shadow: inset 0px -3px 0px 0px var(--dark); box-shadow: inset 0px -3px 0px 0px var(--dark);} /*#site-navigation ul li.current-menu-parent a, #site-navigation ul li.current_page_ancestor a, #site-navigation ul li.current-menu-ancestor a {background-color: #fff; color: var(--dark); box-sizing: border-box; -webkit-box-shadow: inset 0px -3px 0px 0px var(--dark); -moz-box-shadow: inset 0px -3px 0px 0px var(--dark); box-shadow: inset 0px -3px 0px 0px var(--dark);}*/ #site-navigation ul li.current-menu-parent a, #site-navigation ul li.current-menu-ancestor a {background-color: #fff; color: var(--dark); box-sizing: border-box; -webkit-box-shadow: inset 0px -3px 0px 0px var(--dark); -moz-box-shadow: inset 0px -3px 0px 0px var(--dark); box-shadow: inset 0px -3px 0px 0px var(--dark);} #site-navigation ul li a:hover {background-color: #fff; color: var(--dark); box-sizing: border-box;} #site-navigation ul li a:hover {-webkit-box-shadow: inset 0px -3px 0px 0px var(--dark); -moz-box-shadow: inset 0px -3px 0px 0px var(--dark); box-shadow: inset 0px -3px 0px 0px var(--dark);} #site-navigation ul > li a.menuShow {background-color: #fff; color: var(--dark); box-sizing: border-box;} #site-navigation ul > li a.menuShow {-webkit-box-shadow: inset 0px -3px 0px 0px var(--dark); -moz-box-shadow: inset 0px -3px 0px 0px var(--dark); box-shadow: inset 0px -3px 0px 0px var(--dark);} .sub-menu {display: none;} #article .sub-menu {display: block;} /* Nazwy klas się pokrywają!! */ /* Megamenu desktop */ .megamenu {position: absolute; top: 64px; left: 0; width: 100%; /*width: 750px;*/ background: #fff; display: none; padding: 0; z-index: 9000; max-height: 500px; overflow: hidden;} .megamenu {-webkit-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);} .submenu-left .tNav {display: none;} .megamenu.open {display: flex!important;} #site-navigation ul > li .submenu-container {display: flex; width: 100%; background: #fff url(images/megamenuBg.jpg) no-repeat top right;} #site-navigation ul > li .submenu-left {width: 40%; max-width: 380px; background-color: #fff; padding: 20px 0; max-height: 500px; overflow-y: auto;} #site-navigation ul > li .submenu-right {width: 60%; background-color: #F1F1F1; padding: 20px; max-height: 500px; overflow-y: auto; flex: 1;} #site-navigation ul > li .submenu-empty {background: #fff url(images/megamenuBg.jpg) no-repeat top right; padding: 20px; max-height: 500px; overflow-y: auto; flex: 1;} #site-navigation ul > li .submenu-left ul, #site-navigation ul > li .submenu-right ul {list-style: none;} #site-navigation ul > li .submenu-left ul li, #site-navigation ul > li .submenu-right ul li {display: block;} #site-navigation ul > li .submenu-left li a {width: 100%; padding: 10px 20px; color: var(--red); font-size: 16px; font-weight: 700; line-height: 24px;} #site-navigation ul > li .submenu-left li a, #site-navigation ul > li.menuShow .submenu-right li a {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none} #site-navigation ul > li .submenu-left li a {background-color: #fff; color: var(--dark); display: flex; justify-content: space-between;} #site-navigation ul > li .submenu-left li.visibleNav a {background-color: #f1f1f1;} #site-navigation ul > li .submenu-right ul li a {color: var(--dark); font-size: 16px; line-height: 24px; font-weight: 600; background: transparent; padding: 10px 0; box-shadow: none;} #site-navigation ul > li .submenu-right ul li a:hover {color: var(--red); font-weight: 700; box-shadow: none;} #site-navigation ul > li .submenu-right ul li.current-menu-item a {color: var(--red); font-weight: 700; box-shadow: none;} /* Zagnieżdżenia submenu-right ========================= */ #site-navigation ul > li .submenu-right ul.tNav {margin-left: 0; padding-left: 0;} #site-navigation ul > li .submenu-right ul.tNav ul.tNav {margin-left: 1.5rem;} #site-navigation ul > li .submenu-right ul.tNav ul.tNav a {font-weight: 500; padding: 5px 0;} #site-navigation ul > li .submenu-right ul.tNav ul.tNav ul.tNav {margin-left: 3rem;} #site-navigation ul > li .submenu-right ul.tNav ul.tNav ul.tNav ul.tNav {margin-left: 4.5rem;} .close-btn {position: absolute; top: 0px; right: 0px; background: var(--dark) url(images/icon_close.svg) no-repeat center center; border: none; cursor: pointer; width: 44px; height: 44px; text-indent: -99999px; z-index:90001;} .close-btn:hover {background-color: var(--red);} #menu-toggle {display: none;} .primary-menu > li > a .submenu-arrow {display: none;} #site-navigation ul > li .submenu-right .submenu-arrow {display: none;} /* Stylizacja off-canvas menu */ @media (max-width: 1280px) { #top-navigation {display: none;} #site-navigation {position: fixed; top: 84px; right: -400px; width: 400px; max-width: 100%; max-height: 100vh; height: 100vh; background: white; transition: right 0.3s ease-in-out; overflow-y: auto; z-index: 1000;} #site-navigation.offcanvas-open {right: 0;} #site-navigation .primary-menu {display: block;} #site-navigation .primary-menu > li {display: block;} #site-navigation .primary-menu > li > a {background-color: var(--red); width: 100%; display: flex; padding: 0px 20px; border-bottom: 1px solid #BB5B6C;} #site-navigation ul > li .submenu-left {max-width: none; max-height: none; width: 100%; padding: 0px;} #site-navigation ul > li .submenu-left li a {width: 100%; padding: 10px 20px; color: var(--red); font-size: 16px; font-weight: 700; line-height: 24px; display: flex; justify-content: space-between;} #site-navigation ul > li .submenu-container {background: #fff;} #site-navigation ul li.current-menu-item a {box-shadow: none;} #site-navigation ul li a:hover {box-shadow: none; background-color: var(--red); color: #fff!important;} #site-navigation ul > li .submenu-left ul li a {padding: 15px 20px 15px 30px; border-bottom: 1px solid #DBDBDB;} /* Trzeci poziom akordeon */ #site-navigation ul > li .submenu-left ul.tNav {background-color: #F1F1F1;} #site-navigation ul > li .submenu-left ul.tNav li a {padding: 13px 20px 13px 40px; border-bottom: 1px solid #DBDBDB; font-size: 16px; font-weight: 500; box-sizing: border-box; color: var(--dark);} #site-navigation ul > li .submenu-left ul li.current-menu-item > a {border-left: 2px solid var(--red); background-color: #F1F1F1; color: var(--red); font-weight: 700;} /* Czwarty poziom akordeon */ #site-navigation ul > li .submenu-left ul.tNav ul.tNav {background-color: #F2F2F2;} #site-navigation ul > li .submenu-left ul.tNav ul.tNav li a {padding: 13px 20px 13px 50px; border-bottom: 1px solid #DBDBDB; font-size: 16px; font-weight: 500; box-sizing: border-box; color: var(--dark);} /* Piąty poziom akordeon */ #site-navigation ul > li .submenu-left ul.tNav ul.tNav ul.tNav {background-color: #f3f3f3;} #site-navigation ul > li .submenu-left ul.tNav ul.tNav ul.tNav li a {padding: 13px 20px 13px 60px; border-bottom: 1px solid #DBDBDB; font-size: 16px; font-weight: 500; box-sizing: border-box; color: var(--dark);} /* Szosty poziom akordeon */ #site-navigation ul > li .submenu-left ul.tNav ul.tNav ul.tNav ul.tNav {background-color: #f4f4f4;} #site-navigation ul > li .submenu-left ul.tNav ul.tNav ul.tNav ul.tNav li a {padding: 13px 20px 13px 70px; border-bottom: 1px solid #DBDBDB; font-size: 16px; font-weight: 500; box-sizing: border-box; color: var(--dark);} .close-btn {display: none;} .submenu-right {display: none;} .megamenu {display: none; position: static; max-height: none; overflow: auto; width: 100%;} .menu-item-has-children.open .megamenu {display: block;} /*.menu-item-has-children > a::after {content: '▼'; font-size: 12px; margin-left: auto;}*/ /*.menu-item-has-children.open > a::after {content: '▲';}*/ .menu-item-has-children ul {display: none; padding-left: 15px;} .menu-item-has-children.open ul {display: block;} .menu-item-has-children.open > ul {display: block;} .menu-item-has-children.open .tNav {display: none;} #menu-toggle {position: static; top: 15px; right: 15px; background: none!important; border: none; cursor: pointer; z-index: 1100; margin-left: 30px;} .submenu-arrow.rotated {transform: rotate(90deg);} .submenu-arrow {margin-left: auto; font-size: 12px; transition: transform 0.3s ease;} #site-navigation.offcanvas-open .primary-menu > li > a .submenu-arrow {display: block;} /*#site-navigation.offcanvas-open .submenu-container .open a {border-left: 2px solid var(--red);} #site-navigation.offcanvas-open .submenu-container .open ul li a {border-left: 4px solid var(--red);} #site-navigation.offcanvas-open .submenu-container .open ul li ul li a {border-left: 6px solid var(--red);} #site-navigation.offcanvas-open .submenu-container .open ul li ul li ul li a {border-left: 8px solid var(--red);} #site-navigation.offcanvas-open .submenu-container .open ul li ul li ul li ul li a {border-left: 10px solid var(--red);} #site-navigation.offcanvas-open .submenu-container .open ul li ul li ul li ul li ul li a {border-left: 12px solid var(--red);}*/ #site-navigation.offcanvas-open .submenu-container .open a {background-color: #f2f2f2;} #site-navigation.offcanvas-open .submenu-container .open ul li a {background-color: #E9E9E9;} #site-navigation.offcanvas-open .submenu-container .open ul li ul li a {background-color: #E2E2E2;} #site-navigation.offcanvas-open .submenu-container .open ul li ul li ul li a {background-color: #DFDFDF;} #site-navigation.offcanvas-open .submenu-container .open ul li ul li ul li ul li a {background-color: #D7D7D7;} #site-navigation.offcanvas-open .submenu-container .open ul li ul li ul li ul li ul li a {background-color: #D1D1D1;} #site-navigation ul li .submenu-left ul li a {color: var(--red);} #site-navigation ul li .submenu-left ul li a:hover {color: var(--red)!important;} #site-navigation.offcanvas-open ul li.current-menu-parent a, #site-navigation.offcanvas-open ul li.current-menu-ancestor a {box-shadow: none;} /*#site-navigation.offcanvas-open .submenu-container .open a:hover {color: var(--red);}*/ } #searchHP {display: block; width: 100%; background: #F1F1F1 url(images/searchBg.jpg) no-repeat top center; padding: 60px 0;} #searchHP h4 {color: var(--red); text-align: center;} #searchHP p {color: var(--dark); text-align: center;} #searchHP .center {align-items: center;} /* Search input HP */ .search-container {display: flex; align-items: center; border: 1px solid #9C9D9F; border-radius: 7px; max-width: 800px; width: 100%; background-color: #fff; margin: 40px 0 30px 0; padding: 2px; box-sizing: border-box;} .search-icon {display: flex; margin-left: 20px;} .search-input {flex: 1; border: none; outline: none; font-size: 16px; line-height: 50px; color: #555555; font-weight: 300; padding: 0 15px; background-color: #ffffff;} .search-select {border: none; font-size: 16px; line-height: 60px; color: #3F3F3F; outline: none; background: transparent; margin-right: 30px; padding: 0 8px; height: 50px; font-weight: 600;} .search-button {background-color: var(--red); color: #fff; border: none; padding: 0px 40px; font-size: 16px; font-weight: 700; cursor: pointer; border-radius: 4px; height: 54px;} .search-button:hover {background-color: var(--dark);color: #fff;} input::-webkit-input-placeholder {color: #555555;} input::-moz-placeholder {color: #555555;} input:-ms-input-placeholder {color: #555555;} input::placeholder {color:#555555;} input:focus::-webkit-input-placeholder {color: #ffffff;} input:focus::-moz-placeholder {color:#ffffff;} input:focus:-ms-input-placeholder {color: #ffffff;} input:focus::placeholder {color: #ffffff;} #najczesciejSzukane {display: flex; gap: 20px;} #najczesciejSzukane span {color: var(--dark); font-weight: 300;} #najczesciejSzukane a {color: var(--dark); font-weight: 700;} #najczesciejSzukane a:hover {color: var(--red);} .search-term {margin-top: 10px;} .search-highlight, mark {background: #fff3a3; padding: 0 .12em; border-radius: .2em;} /* Ukryj natywne X WebKit, żeby się nie dublowało */ input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none;} .search-field { position: relative; } .search-input, .search-top-input { padding-right: 40px; } /* miejsce na X */ .search-clear {inline-size: 2rem; block-size: 2rem; border: 0; background: transparent; font-size: 26px; line-height: 1; cursor: pointer; border-radius: 4px;} .search-clear:focus-visible {outline: 2px solid currentColor; outline-offset: 2px;} #conowego {display: inline-block; width: 100%; margin: 50px 0;} #conowego > div > .flex {gap:20px; margin-top: 30px;} #bigNewsSlider {width: 65%; box-sizing: border-box; background-color: #F1F1F1; border-radius: 4px; overflow: hidden; position: relative;} .bigNewsslider {display: flex; transition: transform 0.5s ease-in-out;} .bigNewsSlide {width: 100%; height: 100%; display: block; border: 3px solid #F1F1F1; box-sizing: border-box; flex: 0 0 100%;} /*.bigNewsSlide:focus {outline: 3px dashed black; outline-offset: -2px; background-color: #fff!important; color: #fff!important;}*/ /*.bigNewsSlide:focus {border: 3px dashed black; outline: none; background-color: #fff!important; color: #fff!important;}*/ .bigNewsSlide[target="_blank"]::after {content: none;} .bigNewsSlide .bigNewsImg {width: 100%; border-radius: 4px; margin-bottom: 20px;} .bigNewsSlide .date {margin-left: 30px; margin-bottom: 5px; display: flex; align-items: center;} .bigNewsSlide h4 {margin-left: 30px; margin-bottom: 10px; width: 90%;} .bigNewsSlide p {margin-left: 30px; width: 90%;} .bigNewsSlide .redButton {margin-left: 30px; margin-top: 30px; margin-bottom: 30px;} .bigNewsSlide:hover .redButton {background-color: var(--dark);} .bigNewspagination {position: absolute; bottom: 20px; right: 20px; display: flex; align-items: center;} /*.bigNewspagination span, */.bigNewspagination button {cursor: pointer; margin: 0 5px; font-size: 18px; border: 0px; background: transparent;} .bigNewspagination .bigNewsdot {height: 18px; width: 18px; margin: 3px 7px 0 7px; background-color: #898A8C; border-radius: 4px; display: inline-block; transition: background-color 0.5s ease; cursor: pointer; border: 0px; text-indent:-9999px;} .bigNewspagination .bigNewsdot.bigNewsactive {background: var(--red);} .pause-btn img {width: 22px; height: 22px;} #preloader {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); display: flex; justify-content: center; align-items: center; z-index: 9999;} .loader {border: 8px solid #f3f3f3; border-top: 8px solid #3498db; border-radius: 50%; width: 60px; height: 60px; animation: spin 2s linear infinite;} @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*nie fokusuje na dotach big news popraw to*/ /*nie fokusuje na dotach big news popraw to*/ /*nie fokusuje na dotach big news popraw to*/ /*nie fokusuje na dotach big news popraw to*/ #kalendarium {width: 35%; background-color: var(--red); padding: 25px 20px; border-radius: 4px;} #kalendarium h3 {text-align: center;} .kalendariumHolder {width: 100%; margin-top: 30px; display: flex; flex-direction: column; gap: 3px;} .kalendariumHolder > a {width: 100%; height: 90px; background-color: #fff; border-radius: 4px; display: flex;} .kalendariumHolder > a .dateHolder {display: flex; min-width: 80px; background-color: #F1F1F1; border-left: 3px solid #000; border-right: 1px solid var(--red); text-align: center; flex-direction: column;} .kalendariumHolder > a .dateHolder {-webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;} .kalendariumHolder > a .dateDay {color: var(--dark); font-size: 40px; line-height: 40px; font-weight: 700; text-align: center; margin-top: 5px;} .kalendariumHolder > a .dateMonth, .kalendariumHolder > a .dateYear {color: var(--dark); font-size: 14px; line-height: 16px; font-weight: 400; text-align: center;} .kalendariumHolder > a .kalendariumTitle {padding: 0 20px; color: #3F3F3F; font-size: 16px; line-height: 20px; font-weight: 700; display: flex; align-items: center;} .kalendariumHolder > a:hover {background-color: var(--dark);} .kalendariumHolder > a:hover .dateHolder {background-color: var(--dark); border-left: 3px solid #fff;} .kalendariumHolder > a:hover .dateDay {color: #fff;} .kalendariumHolder > a:hover .dateMonth {color: #fff;} .kalendariumHolder > a:hover .dateYear {color: #fff;} .kalendariumHolder > a:hover .kalendariumTitle {color: #fff;} .kalendariumHolder > a:focus {background-color: var(--red);} .kalendariumHolder > a:focus .dateHolder {background-color: var(--red);} .kalendariumHolder > a:focus .dateDay {color: #fff;} .kalendariumHolder > a:focus .dateMonth {color: #fff;} .kalendariumHolder > a:focus .dateYear {color: #fff;} .kalendariumHolder > a:focus .kalendariumTitle {color: #fff;} .kalendariumHolder > a::after {content: ""; margin: 0px; width: 0px; height: 0px; display: none;} /* Ignoruj ikonę nowego okna */ #kalendarium .darkButton {margin-top: 20px; width: 100%; text-align: center; justify-content: center;} #kalendarium .darkButton:hover {background-color: #fff; color: var(--red);} #aktualnosci, #publikacje {display: inline-block; width: 100%; margin: 0 0 100px 0;} main#aktualnosci {margin-top: 80px;} #aktualnosci > .center {position: relative;} /* Slider wrapper */ .slider-track::-webkit-scrollbar {display: none; /* Chrome/Safari */} .slider-wrapper {position: relative;/*moze relative usun?*/ margin: 30px 0;} .slider-wrapper[data-items="6"] .slider-track {grid-auto-columns: calc((100% - 100px) / 6);} .slider-wrapper[data-items="4"] .slider-track {grid-auto-columns: calc((100% - 60px) / 4);} .slider-track {display: grid; grid-auto-flow: column; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; padding-bottom: 10px; scrollbar-width: none;} .arrow {display: none; border: none; cursor: pointer; width: 24px; height: 24px; position: absolute; top: 50%; transform: translateY(-50%); text-indent:-9999px;} .arrow.left {background: transparent url(images/icon_arrow_left.svg) no-repeat center center; left: -30px;} .arrow.right {background: transparent url(images/icon_arrow_right.svg) no-repeat center center; right: -30px;} /* Aktualnosci (main styles) ---------------------------- */ .slider-track a {scroll-snap-align: start; display: flex; flex-direction: column; background: #f1f1f1; border-radius: 4px; overflow: hidden; padding-bottom: 30px; text-decoration: none; color: var(--dark); position: relative;} .slider-track a:hover {background-color: #fff;} .slider-track a[target="_blank"]::after {content: none;} .slider-track a img {display: block; width: 100%; height: auto; max-height: 173px; overflow: hidden; border: 3px solid #F1F1F1; margin-bottom: 20px; box-sizing: border-box;} .newsLabel {display: flex; position: absolute; top: 0px; left: 0px; background-color: #F1F1F1; font-size: 14px; line-height: 18px; font-weight: 700; color: var(--red); padding: 5px;} .newsLabel {-webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px;} .newsLabel::before {content: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.2027%207.20841C10.7659%205.44045%208.97759%204.36022%207.20912%204.79634C5.43977%205.23316%204.35989%207.02145%204.79671%208.79097C5.23387%2010.5607%207.02216%2011.6397%208.79063%2011.2025C10.5591%2010.7662%2011.64%208.97741%2011.2027%207.20841ZM2.33964%202.33997C0.0712125%204.60826%20-0.547058%207.90935%200.482122%2010.7422C0.718432%2011.3927%201.0416%2012.0185%201.45158%2012.6014L3.04109%2011.0112C1.6858%208.78019%201.97111%205.82358%203.89736%203.89716C5.8243%201.97074%208.77934%201.68613%2011.0114%203.04194L12.6014%201.45191C12.0186%201.04189%2011.3929%200.718684%2010.7426%200.482331C7.90959%20-0.54722%204.60801%200.0711839%202.33964%202.33997ZM15.5177%205.25808C16.5469%208.09083%2015.9287%2011.3918%2013.6608%2013.6601C11.392%2015.9288%208.09097%2016.5471%205.25783%2015.5178C4.60747%2015.2815%203.98176%2014.9584%203.39885%2014.5485L4.98836%2012.9585C7.22042%2014.3139%2010.176%2014.0292%2012.1029%2012.1022C14.0299%2010.1758%2014.3136%207.22022%2012.9587%204.98817L14.5483%203.39918C14.9583%203.98203%2015.2814%204.60772%2015.5177%205.25808Z%22%20fill%3D%22%23C00022%22/%3E%0A%3C/svg%3E%0A");} .newsLabel::before {display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-right: 5px; transition: stroke 0.5s ease; line-height: 14px;} .slider-track a:hover .newsLabel {background-color: #fff;} .slider-track a .date {margin-left: 30px;} .slider-track a .newsTitle {display: block; font-size: 24px; line-height: 30px; color: var(--dark); font-weight: 700; padding: 5px 30px; box-sizing: border-box;} .slider-track a:hover .newsTitle {color: var(--red);} .slider-track a .newsDesc {display: block; font-size: 16px; line-height: 24px; color: var(--dark); font-weight: 400; padding: 5px 30px; box-sizing: border-box;} .slider-track a .newsBtn {display: flex; margin-top: 30px; margin-left: 30px; height: 44px; width: fit-content; color: #fff; background-color: var(--red); border-radius: 4px; padding: 0 20px; text-align: center; align-items:center; box-sizing: border-box;} .slider-track a:hover .newsBtn {background-color: var(--dark); color: #fff;} .slider-track a:focus {background-color: var(--red);} .slider-track a:focus .date, .slider-track a:focus .newsTitle, .slider-track a:focus .newsDesc {color: #fff;} .slider-track a:focus .date svg path {stroke: #ffffff;} .slider-track a:focus .newsBtn {background-color: #fff; color: #000;} #aktualnosci .darkButton {margin-top: 30px; margin-left: auto; margin-right: auto;} #aktualnosci .darkButton:hover {color: #fff;} /* Publikacje ---------------------------- */ #publikacje .slider-track a {background: transparent; display: flex; overflow: auto; justify-content: space-between;} #publikacje .slider-track a img {width: fit-content; height: 200px; max-height: none; display: block; border-radius: 4px; border: 1px solid #9C9D9F; margin-bottom: 15px;} /*#publikacje .slider-track a img {-webkit-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.13); -moz-box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.13); box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.13);}*/ #publikacje .slider-track a .date {margin-left: 0px;} .publikacjaDesc {display: block; color: var(--dark); font-size: 16px; line-height: 24px; font-weight: 700; margin: 5px 0 10px 0;} #publikacje .slider-track a:hover .publikacjaDesc {color: var(--red);} .publikacjaBtn {display: flex; margin-top: 10px; height: 44px; width: fit-content; color: #fff; background-color: var(--red); border-radius: 4px; padding: 0 20px; text-align: center; align-items:center; box-sizing: border-box;} #publikacje .slider-track a:hover .publikacjaBtn {background-color: var(--dark); color: #fff;} #publikacje .darkButton {margin-top: 30px; margin-left: auto; margin-right: auto;} #publikacje .darkButton:hover {color: #fff;} @media (max-width: 1280px) { .slider-wrapper[data-items="6"] .slider-track {grid-auto-columns: calc((100% - 100px) / 5);} .slider-wrapper[data-items="4"] .slider-track {grid-auto-columns: calc((100% - 60px) / 3);} } @media (max-width: 960px) { .slider-wrapper[data-items="6"] .slider-track {grid-auto-columns: calc((100% - 60px) / 4);} .slider-wrapper[data-items="4"] .slider-track {grid-auto-columns: calc((100% - 20px) / 2);} } @media (max-width: 640px) { .slider-wrapper[data-items="6"] .slider-track {grid-auto-columns: calc((100% - 20px) / 2);} .slider-wrapper[data-items="4"] .slider-track {grid-auto-columns: 100%; gap: 0;} } #zpe {display: block; width: 100%; margin: 0 0 100px 0;} #zpe .center {gap:30px;} #zpe .redButton {margin-top: 30px;} #zpe h4 {margin-top: 10px;} #kompetencje {display: inline-block; width: 100%; margin: 0 0 100px 0; padding: 100px 0; background: #F1F1F1 url(images/kompetencjeBg.jpg) no-repeat top right;} #kompetencje > div > .flex {gap:20px;} #kalendarz {width: 35%; background-color: var(--dark); padding: 25px 20px; border-radius: 4px;} #kalendarz h3 {text-align: center;} .kalendarzHolder {width: 100%; margin-top: 30px; display: flex; flex-direction: column; gap: 3px;} .kalendarzHolder > a {width: 100%; height: 90px; background-color: #fff; border-radius: 4px; display: flex;} .kalendarzHolder > a .dateHolder {display: flex; min-width: 80px; background-color: #F1F1F1; border-left: 3px solid var(--red); border-right: 1px solid var(--dark); text-align: center; flex-direction: column;} .kalendarzHolder > a .dateHolder {-webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;} .kalendarzHolder > a .dateDay {color: var(--red); font-size: 40px; line-height: 40px; font-weight: 700; text-align: center; margin-top: 5px;} .kalendarzHolder > a .dateMonth, .kalendarzHolder > a .dateYear {color: var(--dark); font-size: 14px; line-height: 16px; font-weight: 400; text-align: center;} .kalendarzHolder > a .kalendarzTitle {padding: 0 20px; color: #3F3F3F; font-size: 16px; line-height: 20px; font-weight: 700; display: flex; align-items: center;} .kalendarzHolder > p {color: #fff; text-align: center; padding: 0 20px;} .kalendarzHolder > a:hover {background-color: var(--red);} .kalendarzHolder > a:hover .dateHolder {background-color: var(--red); border-left: 3px solid #fff;} .kalendarzHolder > a:hover .dateDay {color: #fff;} .kalendarzHolder > a:hover .dateMonth {color: #fff;} .kalendarzHolder > a:hover .dateYear {color: #fff;} .kalendarzHolder > a:hover .kalendarzTitle {color: #fff;} .kalendarzHolder > a:focus {background-color: var(--red);} .kalendarzHolder > a:focus .dateHolder {background-color: var(--red);} .kalendarzHolder > a:focus .dateDay {color: #fff;} .kalendarzHolder > a:focus .dateMonth {color: #fff;} .kalendarzHolder > a:focus .dateYear {color: #fff;} .kalendarzHolder > a:focus .kalendarzTitle {color: #fff;} .kalendarzHolder > a::after {content: ""; margin: 0px; width: 0px; height: 0px;} /* Ignoruj ikonę nowego okna */ #kalendarz .redButton {margin-top: 20px; width: 100%; text-align: center; justify-content: center;} #kalendarz .redButton:hover {background-color: #fff; color: var(--red);} #kompetencjeDetails {width: 65%; box-sizing: border-box; padding-left: 60px;} .dlaczegoWarto {margin-top: 50px;} .dlaczegoWarto h4 {margin-bottom: 20px;} .checkIcon {margin-bottom: 10px; width: 40px; height: 40px; content: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cellipse%20opacity%3D%220.04%22%20cx%3D%2219.6958%22%20cy%3D%2220%22%20rx%3D%2219.6958%22%20ry%3D%2220%22%20fill%3D%22%23C00022%22/%3E%0A%3Cellipse%20opacity%3D%220.07%22%20cx%3D%2219.6958%22%20cy%3D%2220%22%20rx%3D%2214.7719%22%20ry%3D%2215%22%20fill%3D%22%23C00022%22/%3E%0A%3Cpath%20d%3D%22M15.2643%2020L18.2186%2023L24.1274%2017M29.5437%2020C29.5437%2025.5228%2025.1347%2030%2019.6958%2030C14.257%2030%209.8479%2025.5228%209.8479%2020C9.8479%2014.4772%2014.257%2010%2019.6958%2010C25.1347%2010%2029.5437%2014.4772%2029.5437%2020Z%22%20stroke%3D%22%23C00022%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3C/svg%3E%0A);} .dlaczegoWartoHolder {display: flex; flex-direction: row; gap: 20px;} .dlaczegoWartoBox {display: flex; flex-direction: column;} .dlaczegoWartoBox img {width: auto;} .dlaczegoWartoBox p {margin: 5px 0;} #szkoleniaSwitch {display: block; width: 100%; margin: 0 0 130px 0;} #szkoleniaSwitch .flex {align-items: flex-start; justify-content: space-between;} /*#szkoleniaButtons {display: grid; grid-template-columns: 1fr 1fr; gap: 10px; width: 50%;}*/ #szkoleniaButtons {display: grid; grid-template-columns: 1fr; gap: 10px; width: 30%;} #szkoleniaButtons > a {color: #000; font-size: 16px; font-weight: 400; border: 1px solid #F1F1F1; padding: 20px 30px; border-radius: 4px; background-color: #fff; box-sizing: border-box;} #szkoleniaButtons > a:hover {background-color: #F1F1F1;} .szkolenieActive {background-color: #F1F1F1!important; border-left: 2px solid var(--red)!important;} .szkoleniaTitle {color: #000; font-size: 16px; font-weight: 700; display: block; margin-bottom: 5px;} .szkolenieActive .szkoleniaTitle {color: var(--red);} .szkolenieActive:focus {color: var(--dark)!important;} /*#szkoleniaInfo {width: 45%; position: relative;}*/ #szkoleniaInfo {width: 65%; position: relative;} .szkoleniaOpis {position: absolute; left: 0; bottom: -30px; background-color: var(--red); border-radius: 4px; padding: 30px; width: 60%;} /*.szkoleniaOpis {margin-top: 20px; background-color: var(--red); border-radius: 4px; padding: 30px; width: 90%;}*/ .szkoleniaOpis h3, .szkoleniaOpis p, .szkoleniaOpis a {color: #fff;} .szkoleniaOpis p, .szkoleniaOpis a {display: inline-block;} .szkoleniaOpis p {font-weight: 300; margin-bottom: 20px;} .szkoleniaOpis a {margin: 4px 0;} .szkoleniaOpis h3 {line-height: 110%;} .szkolenieContent {display: none; height: auto; display: none; opacity: 0; transition: opacity 0.4s ease;} .szkolenieContent.visibleOn {opacity: 1; display: block;} .szkolenieContent img {display: block; border-radius: 4px; width: 90%; float: right;} #wydzialy {display: block; width: 100%; margin: 100px 0;} #wydzialyBoxes {display: grid; gap:20px; grid-template-columns: repeat(4, 1fr); margin-top: 30px;} #wydzialyBoxes a {display: flex; padding: 30px; border-radius: 4px; flex-direction: column; justify-content: space-between;} #wydzialyBoxes a .wydzialInfo {display: flex; flex-direction: column;} #wydzialyBoxes a .wydzialTitle {font-size: 16px; line-height: 24px; color: var(--dark); font-weight: 700;} #wydzialyBoxes a .wydzialDesc {font-size: 16px; line-height: 24px; color: var(--dark); font-weight: 400;} #wydzialyBoxes a .wydzialBtn {display: flex; margin-top: 30px; height: 44px; width: fit-content; color: #fff; background-color: var(--dark); border-radius: 4px; padding: 0 20px; text-align: center; align-items:center; box-sizing: border-box;} #wydzialyBoxes a:hover .wydzialBtn {background-color: var(--red);} .wydzial-empty {display: block; background: transparent url(images/wydzial-empty.jpg) no-repeat bottom left;} img.dept-hero {border: 0px; width: 100%; height: auto; max-width: 1200px; margin-bottom: 10px; border-radius: 4px;} .wrsd {border: 1px solid var(--wrsd); -webkit-box-shadow: inset 0px 4px 0px 0px var(--wrsd); -moz-box-shadow: inset 0px 4px 0px 0px var(--wrsd); box-shadow: inset 0px 4px 0px 0px var(--wrsd);} .wrs {border: 1px solid var(--wrs); -webkit-box-shadow: inset 0px 4px 0px 0px var(--wrs); -moz-box-shadow: inset 0px 4px 0px 0px var(--wrs); box-shadow: inset 0px 4px 0px 0px var(--wrs);} .wew {border: 1px solid var(--wew); -webkit-box-shadow: inset 0px 4px 0px 0px var(--wew); -moz-box-shadow: inset 0px 4px 0px 0px var(--wew); box-shadow: inset 0px 4px 0px 0px var(--wew);} .wpzpw {border: 1px solid var(--wpzpw); -webkit-box-shadow: inset 0px 4px 0px 0px var(--wpzpw); -moz-box-shadow: inset 0px 4px 0px 0px var(--wpzpw); box-shadow: inset 0px 4px 0px 0px var(--wpzpw);} .wkokc {border: 1px solid var(--wkokc); -webkit-box-shadow: inset 0px 4px 0px 0px var(--wkokc); -moz-box-shadow: inset 0px 4px 0px 0px var(--wkokc); box-shadow: inset 0px 4px 0px 0px var(--wkokc);} .wkzdz {border: 1px solid var(--wkzdz); -webkit-box-shadow: inset 0px 4px 0px 0px var(--wkzdz); -moz-box-shadow: inset 0px 4px 0px 0px var(--wkzdz); box-shadow: inset 0px 4px 0px 0px var(--wkzdz);} .wkjwm {border: 1px solid var(--wkjwm); -webkit-box-shadow: inset 0px 4px 0px 0px var(--wkjwm); -moz-box-shadow: inset 0px 4px 0px 0px var(--wkjwm); box-shadow: inset 0px 4px 0px 0px var(--wkjwm);} .wwuzp {border: 1px solid var(--wwuzp); -webkit-box-shadow: inset 0px 4px 0px 0px var(--wwuzp); -moz-box-shadow: inset 0px 4px 0px 0px var(--wwuzp); box-shadow: inset 0px 4px 0px 0px var(--wwuzp);} .wpow {border: 1px solid var(--wpow); -webkit-box-shadow: inset 0px 4px 0px 0px var(--wpow); -moz-box-shadow: inset 0px 4px 0px 0px var(--wpow); box-shadow: inset 0px 4px 0px 0px var(--wpow);} .ckscwew {border: 1px solid var(--ckscwew); -webkit-box-shadow: inset 0px 4px 0px 0px var(--ckscwew); -moz-box-shadow: inset 0px 4px 0px 0px var(--ckscwew); box-shadow: inset 0px 4px 0px 0px var(--ckscwew);} .wnp {border: 1px solid var(--wnp); -webkit-box-shadow: inset 0px 4px 0px 0px var(--wnp); -moz-box-shadow: inset 0px 4px 0px 0px var(--wnp); box-shadow: inset 0px 4px 0px 0px var(--wnp);} body.dept-wrsd #sideNav {border-top: 5px solid var(--wrsd);} body.dept-wrs #sideNav {border-top: 5px solid var(--wrs);} body.dept-wew #sideNav {border-top: 5px solid var(--wew);} body.dept-wpzpw #sideNav {border-top: 5px solid var(--wpzpw);} body.dept-wkokc #sideNav {border-top: 5px solid var(--wkokc);} body.dept-wkzdz #sideNav {border-top: 5px solid var(--wkzdz);} body.dept-wkjwm #sideNav {border-top: 5px solid var(--wkjwm);} body.dept-wwuzp #sideNav {border-top: 5px solid var(--wwuzp);} body.dept-wpow #sideNav {border-top: 5px solid var(--wpow);} body.dept-ckscwew #sideNav {border-top: 5px solid var(--ckscwew);} body.dept-wnp #sideNav {border-top: 5px solid var(--wnp);} #orepoleca {display: block; width: 100%; background: var(--red) url(images/orepolecaBg.jpg) no-repeat top right; padding: 60px 0;} #menu-ore-poleca {list-style: none; margin-top: 30px; width: 100%; display: grid; gap:10px; grid-template-columns: repeat(3, 1fr); flex-wrap: wrap; box-sizing: border-box;} #menu-ore-poleca li a {display: flex; flex: 1; background-color: #fff; border-radius: 4px; padding: 10px 20px; color: var(--dark); font-size: 16px; font-weight: 700; cursor: pointer; align-items: center; line-height: 20px; box-sizing: border-box; height: 100%;} #menu-ore-poleca li a::before {content: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.7755%202.75071C13.9071%201.65776%2015.4227%201.05299%2016.9959%201.06666C18.5691%201.08033%2020.074%201.71135%2021.1864%202.8238C22.2988%203.93625%2022.9299%205.44112%2022.9435%207.0143C22.9572%208.58748%2022.3524%2010.1031%2021.2595%2011.2347L21.2473%2011.2471L18.2474%2014.247C17.6392%2014.8555%2016.9072%2015.326%2016.101%2015.6267C15.2949%2015.9274%2014.4336%2016.0512%2013.5754%2015.9898C12.7172%2015.9283%2011.8823%2015.683%2011.1273%2015.2705C10.3723%2014.858%209.71478%2014.2879%209.19943%2013.599C8.86863%2013.1567%208.95897%2012.53%209.40122%2012.1992C9.84347%2011.8684%2010.4702%2011.9588%2010.801%2012.401C11.1445%2012.8603%2011.5829%2013.2404%2012.0862%2013.5154C12.5896%2013.7904%2013.1462%2013.9539%2013.7183%2013.9949C14.2904%2014.0359%2014.8646%2013.9533%2015.402%2013.7528C15.9394%2013.5524%2016.4275%2013.2387%2016.833%2012.833L19.8266%209.83937C20.5516%209.0856%2020.9527%208.07773%2020.9436%207.03168C20.9345%205.98289%2020.5138%204.97964%2019.7722%204.23801C19.0306%203.49638%2018.0273%203.0757%2016.9785%203.06659C15.932%203.05749%2014.9237%203.4589%2014.1698%204.18453L12.4552%205.88916C12.0636%206.27855%2011.4304%206.2767%2011.041%205.88504C10.6516%205.49338%2010.6535%204.86021%2011.0452%204.47083L12.7652%202.76083L12.7755%202.75071Z%22%20fill%3D%22%23C00022%22/%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.89935%208.37328C8.70546%208.07258%209.56681%207.94876%2010.425%208.01022C11.2832%208.07168%2012.1181%208.31698%2012.8731%208.72949C13.6281%209.142%2014.2856%209.71206%2014.801%2010.401C15.1318%2010.8433%2015.0414%2011.47%2014.5992%2011.8008C14.1569%2012.1316%2013.5302%2012.0412%2013.1994%2011.599C12.8559%2011.1397%2012.4175%2010.7596%2011.9142%2010.4846C11.4108%2010.2096%2010.8542%2010.0461%2010.2821%2010.0051C9.71%209.96413%209.13577%2010.0467%208.59836%2010.2471C8.06095%2010.4476%207.57294%2010.7613%207.16743%2011.167L4.17379%2014.1606C3.44875%2014.9144%203.0477%2015.9223%203.05679%2016.9683C3.06591%2018.0171%203.48658%2019.0203%204.22821%2019.762C4.96985%2020.5036%205.9731%2020.9243%207.02188%2020.9334C8.06793%2020.9425%209.0758%2020.5414%209.82957%2019.8164L11.5331%2018.1129C11.9236%2017.7224%2012.5568%2017.7224%2012.9473%2018.1129C13.3378%2018.5034%2013.3378%2019.1366%2012.9473%2019.5271L11.2373%2021.2371L11.2249%2021.2493C10.0933%2022.3422%208.57768%2022.947%207.0045%2022.9333C5.43132%2022.9197%203.92645%2022.2886%202.814%2021.1762C1.70155%2020.0637%201.07054%2018.5589%201.05687%2016.9857C1.0432%2015.4125%201.64796%2013.8969%202.74091%2012.7653L2.75309%2012.7529L5.75296%209.75302C5.75301%209.75297%205.75292%209.75306%205.75296%209.75302C6.3612%209.1446%207.0933%208.67396%207.89935%208.37328Z%22%20fill%3D%22%23C00022%22/%3E%0A%3C/svg%3E%0A");} #menu-ore-poleca li a::before {display: inline-block; width: 24px; height: 24px; vertical-align: middle; margin-right: 10px; transition: stroke 0.5s ease; line-height: 14px;} #menu-ore-poleca li a:hover {background-color: var(--dark); color: #fff;} #orepoleca .darkButton {margin-top: 30px; margin-left: auto; margin-right: auto;} #orepoleca .darkButton:hover {background-color: #fff; color: var(--red);} #content {display: block; width: 100%;} #content > div > .flex {gap: 40px; margin-top: 30px;} #sideNav {width: 320px; background-color: #F1F1F1; border-radius: 4px; padding: 20px 0; height: fit-content; flex-grow: 0; margin-bottom: 50px;} #sideNav ul {width: 100%; padding: 0px; margin: 0px; list-style: none;} #sideNav ul li {width: 100%; display: block;} #sideNav ul li a {display: block; width: 100%; padding: 10px 20px; color: var(--dark); font-size: 16px; line-height: 20px; /*border-bottom: 1px solid #D4D4D4;*/ box-sizing: border-box;} #sideNav ul li a:hover {color: var(--red);} #sideNav ul li:last-child a {border: none;} #sideNav ul li.current-menu-item a, #sideNav ul li.current-menu-parent a {color: var(--red); border-left: 2px solid var(--red);} #sideNav ul .menu-item.sideNav__item.current-menu-item ul li.current-menu-item a {color: var(--red); border-left: 2px solid var(--red); font-weight: 700;} /* Subnav 3rd level */ #sideNav ul li.current-menu-parent ul {/*border-bottom: 1px solid #D4D4D4; padding: 10px 0;*/ border-left: 1px solid var(--dark);} #sideNav ul li.menu-item-has-children ul {/*border-bottom: 1px solid #D4D4D4; padding: 10px 0;*/ border-left: 1px solid var(--dark);} #sideNav ul li.current-menu-item ul li a, #sideNav ul li.current-menu-item ul li a {display: block; width: 100%; /*padding: 5px 30px;*/ color: var(--dark); font-size: 16px; font-weight: 500; line-height: 18px; border: none; box-sizing: border-box;} #sideNav ul li.current-menu-parent ul li a {display: block; width: 100%; /*padding: 5px 30px;*/ color: var(--dark); font-size: 16px; font-weight: 500; line-height: 18px; border: none; box-sizing: border-box;} #sideNav ul li.current-menu-parent ul li.sideNav__item a {display: block; width: 100%; /*padding: 5px 30px;*/ color: var(--dark); font-size: 16px; font-weight: 500; line-height: 18px; border: none; box-sizing: border-box;} #sideNav ul li.current-menu-parent ul li a:hover {color: var(--red);} #sideNav ul li.current-menu-parent ul li.current-menu-item > a {color: var(--red); border-left: 2px solid var(--red); font-weight: 700;} #sideNav .current-menu-item > .sideNav__row > .sideNav__link {color: var(--red); border-left: 2px solid var(--red); font-weight: 700;} #sideNav .sideNav__list--lv1 li a {padding-left: 20px; font-weight: 700;} #sideNav .sideNav__list--lv2 li a {padding-left: 30px; font-weight: 600;} #sideNav .sideNav__list--lv3 li a {padding-left: 40px; font-weight: 500;} #sideNav .sideNav__list--lv4 li a {padding-left: 50px; font-weight: 500; font-size: 15px;} #sideNav .sideNav__list--lv5 li a {padding-left: 60px; font-weight: 400; font-size: 15px;} #sideNav ul { list-style: none; margin: 0; padding-left: 0; } #sideNav .sideNav__heading {display: none;} /*#sideNav .sideNav__heading {padding: 0px 20px 15px 20px; display: block; box-sizing: border-box; font-size: 20px; line-height: 140%; border-bottom: 1px solid #D4D4D4; color: var(--dark); font-weight: 400;}*/ #sideNav .sideNav__heading a {padding: 0px 20px 15px 20px; display: block; box-sizing: border-box; font-size: 20px; line-height: 140%; border-bottom: 1px solid #D4D4D4; color: var(--dark); font-weight: 400;} #sideNav .sideNav__item { margin: .125rem 0; } #sideNav .sideNav__row { display: flex; align-items: center; gap: .5rem; border-bottom: 1px solid #D4D4D4;} #sideNav .sideNav__link { flex: 1 1 auto; text-decoration: none; } #sideNav .sideNav__toggle { border: 0; background: transparent; cursor: pointer; padding: 0 10px 0 0;} #sideNav .sideNav__toggle svg { transition: transform .2s ease; } #sideNav .sideNav__toggle[aria-expanded="true"] svg { transform: rotate(180deg); } #sideNav .sideNav__sub { padding-left: 1rem; margin-top: .25rem; } #sideNav [hidden] { display: none !important; } #sideNav .current-menu-parent > .sideNav__row > .sideNav__link { font-weight: 600; } #sideNav .current-menu-item > .sideNav__row > .sideNav__link { /*text-decoration: underline; */} .sideNav__toggleIcon {display: inline-block; transition: transform 0.2s ease; transform-origin: center;} .sideNav__toggle[aria-expanded="true"] .sideNav__toggleIcon {transform: rotate(90deg);} #sideNav .sideNav__summary {cursor: pointer; padding: 10px 20px; font-weight: 700;} #sideNav .sideNav__summary.current-menu-parent, #sideNav .sideNav__summary.current-menu-ancestor {color: var(--red); border-left: 2px solid var(--red);} /*#sideNav .sideNav__item.current-menu-parent .sideNav__summary .sideNav__summary, #sideNav .sideNav__item.current-menu-ancestor .sideNav__summary .sideNav__summary {padding-left: 40px;}*/ /* ukryj natywne znaczniki summary */ .sideNav .sideNav__summary::-webkit-details-marker { display: none; } .sideNav .sideNav__summary::marker { content: ""; } .sideNav details > summary { list-style: none; } /* layout wiersza: etykieta + strzałka na końcu */ .sideNav .sideNav__summary {display: flex; align-items: center; gap: .5rem; cursor: pointer; padding: 10px 20px; box-sizing: border-box; font-weight: 700;} /* chevron rysowany w CSS */ .sideNav .sideNav__summary .sideNav__chevron {margin-left: auto; width: 1em; height: 1em;} .sideNav .sideNav__summary .sideNav__chevron::before {content: ""; display: block; width: .55em; height: .55em; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); transform-origin: 50% 50%; opacity: .75; transition: transform .18s ease, opacity .18s linear;} /* OBRÓT: tylko strzałka w summary BEZPOŚREDNIO należącym do otwartego details */ .sideNav .sideNav__group[open] > .sideNav__summary .sideNav__chevron::before {transform: rotate(45deg); opacity: 1;} /* delikatny feedback */ .sideNav .sideNav__summary:hover .sideNav__chevron::before, .sideNav .sideNav__summary:focus-visible .sideNav__chevron::before { opacity: .9; } /* WCAG – ogranicz animacje jeśli użytkownik tak woli */ @media (prefers-reduced-motion: reduce) { .sideNav .sideNav__summary .sideNav__chevron::before { transition: none; } } /* (opcjonalnie) wyrównaj wygląd summary do linków z Twojego stylu */ #sideNav .sideNav__group > .sideNav__summary { border-bottom: 1px solid #D4D4D4; color: var(--dark);} #sideNav .sideNav__group:last-child > .sideNav__summary { border-bottom: none; } #sideNav .sideNav__summary.current-menu-parent, #sideNav .sideNav__summary.current-menu-ancestor {color: var(--red); border-left: 2px solid var(--red);} #article {display: block; flex: 1;} #article h2 {margin: 10px 0;} #article h3 {font-size: 24px; line-height: 30px; margin: 30px 0 10px 0;} #article h4 {font-size: 20px; line-height: 26px; margin: 30px 0 10px 0;} #article ul {margin: 10px 0;} #article ul li {margin: 10px 0;} #article li {list-style-position: inside; padding-left: 1.5em;} /*#article ul li {display: flex; align-items: flex-start;} #article ul li::before {content: "•"; margin-right: 8px; font-size: 26px;}*/ .da-attachments-list {list-style: none;} /* Klasa CSS dla tekstu widocznego tylko dla czytników ekranu */ .screen-reader-text {display: none;} .screen-reader-text {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;} #article .prettyphoto img {width: 100%; height: auto; max-width: 800px; border-radius: 4px;} #article .images .description {width: 100%; display: block;} #article .images.shortcode.images-large {margin-top: 50px;} #article .images.shortcode.images-large .group {display: flex; gap: 5px; flex-wrap: wrap;} #article .images.shortcode.images-large .prettyphoto img {width: 150px; height: auto;} .wp-block-quote {border-left: 2px solid var(--red); margin: 20px 0; font-size: 24px; line-height: 32px; font-style: italic; font-weight: 300;} .wp-block-quote p {font-size: 24px; line-height: 32px; font-style: italic; font-weight: 300;} /*#breadcrumbs {display: flex; width: 100%; gap: 0px 10px; margin-bottom: 20px; align-items: center; flex-wrap: wrap;} #breadcrumbs .breadArrow {display: block; background: transparent url(images/icon_breadcrumb.svg) no-repeat top center; width: 16px; height: 16px;} #breadcrumbs a {color: var(--dark); font-size: 12px; font-weight: 700;} #breadcrumbs a:hover {color: var(--red);} #breadcrumbs span {color: var(--dark); font-size: 12px; font-weight: 400;}*/ #breadcrumbs{display:flex; flex-wrap:wrap; column-gap:10px; row-gap:1px; align-items:center;} #breadcrumbs .breadArrow{ display:none; } #breadcrumbs a, #breadcrumbs .current{ display:inline-flex; align-items:center; min-width:0; font-size:12px; color:var(--dark);} #breadcrumbs a{font-weight:700; text-decoration:none; overflow-wrap:anywhere;} #breadcrumbs a:hover{ color:var(--red); } #breadcrumbs .current{font-weight:400; overflow-wrap:anywhere;} #breadcrumbs a::after{content:""; display:inline-block; width:16px; height:16px; margin-left:10px; background:url(images/icon_breadcrumb.svg) no-repeat center/contain; flex:0 0 16px;} /*#breadcrumbs a:last-of-type::after{ display:none; }*/ #articleFooter {display: flex; justify-content: space-between; width: 100%; margin: 50px 0;} .articleShare a {display: flex; color: var(--dark); font-size: 16px; font-weight: 700;} .articleShare a:hover {color: var(--red);} .articleShare a svg {margin-left: 10px;} .oreShareModal {position: absolute;} .oreShare__open {display:inline-flex; gap:.5rem; align-items:center; background:transparent; border:1px solid currentColor; padding:.5rem .75rem; cursor:pointer;} .oreShare__open:focus-visible, .oreShareModal__close:focus-visible, .oreShareModal__btn:focus-visible, .oreShareModal__input:focus-visible {outline: 3px dashed black; outline-offset: 2px; background-color: var(--red)!important; color: #fff!important;} .oreShareModal[hidden] { display:none!important; } .oreShareModal__backdrop {position: fixed !important; inset: 0 !important; background: rgba(0,0,0,.5); z-index: 9998 !important;} .oreShareModal__dialog {position: fixed !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; box-sizing: border-box; max-width: 560px; max-height: calc(100vh - 20vh); overflow: auto; background: #fff; color: #111; border-radius: 12px; padding: 1rem; box-shadow: 0 10px 30px rgba(0,0,0,.3); z-index: 9999 !important;} .oreShareModal__header {display:flex; justify-content:space-between; align-items:center; gap:1rem;} .oreShareModal__title { font-size:1.25rem; margin:0; } .oreShareModal__close { background:none; border:none; font-size:1.75rem; line-height:1; cursor:pointer; padding: 0 10px;} .oreShareModal__desc { margin:.5rem 0 1rem; } .oreShareModal__actions { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1rem; } .oreShareModal__btn {border:1px solid #333; background:#f9f9f9; padding:.5rem .75rem; text-decoration:none; cursor:pointer;} .oreShareModal__actions .oreShareModal__btn::after {content: ""!important; margin: 0px!important; width: 0px!important; height: 0px!important;} .oreShareModal__copy { display:flex; gap:.5rem; align-items:center; } .oreShareModal__input { flex:1; padding:.5rem; border:1px solid #aaa;} .oreVisuallyHidden {position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;} /* Blokada przewijania, gdy modal otwarty (dodawana/ściągana przez JS) */ body.ore-no-scroll { overflow: hidden !important; } .oreShare, .oreShareModal, .oreShareModal__dialog, .oreShareModal__backdrop {isolation: isolate;} html.ore-modal-open, body.ore-modal-open {transform: none !important; filter: none !important; perspective: none !important;} .btnBack {color: var(--dark); font-size: 16px; font-weight: 700; display: flex; gap: 3px; margin: 10px 0;} .btnBack:hover {color: var(--red);} .btnBack span {display: flex; align-items: center;} /* Banerki */ /* Wersja 2.0 */ .banner {display: block; width: 100%;} .banner a {display: block;} .banner a img {width: 100%; border-radius: 4px;} .grid-slider-wrapper {position: relative; width: 100%; margin: 50px auto 100px auto; display: block; max-width: 1280px; box-sizing: border-box;} .grid-slider-track {grid-auto-columns: 100%; display: grid; grid-auto-flow: column; overflow-x: auto; gap:20px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; padding-bottom: 10px; scrollbar-width: none;} .grid-slider-track::-webkit-scrollbar {display: none;} .grid-slider-track a {scroll-snap-align: start; overflow: hidden; text-decoration: none;} .grid-slider-track a img {width: 100%; height: auto; border-radius: 4px;} .grid-slider-track a::after {content: ""; margin: 0px; width: 0px; height: 0px; display: none;} /* Ignoruj ikonę nowego okna */ .grid-arrow {border: none; cursor: pointer; width: 24px; height: 24px; position: absolute; top: 50%; transform: translateY(-50%); text-indent:-9999px;} .grid-arrow.left {background: transparent url(images/icon_arrow_left.svg) no-repeat center center; left: -30px;} .grid-arrow.right {background: transparent url(images/icon_arrow_right.svg) no-repeat center center; right: -30px;} .grid-pagination {bottom: -50px; top: auto; display: flex; justify-content: center; width: 100%;} .grid-pagination .dot {height: 18px; width: 18px; margin: 0 7px; color: #000; background-color: #898A8C; border-radius: 4px; display: inline-block; transition: background-color 0.5s ease; cursor: pointer; border: 0px; text-indent:-9999px;} .grid-pagination .dot.active {background-color: var(--red);} /* Footer banners*/ #footer-banners {display: block; width: 100%; box-sizing: border-box;} #footer-banners .flex {gap:5px;} #footer-banners .flex a {width: 100%; max-width: 313px;} #footer-banners .flex a::after {content: ""; margin: 0px; width: 0px; height: 0px; display: none;} /* Ignoruj ikonę nowego okna */ #footer-banners .flex a img {width: 100%; border-radius: 4px;} /* Footer */ #footer {display: block; width: 100%; margin-top: 30px; border-top: 2px solid var(--red); padding: 20px 0 40px 0;} #footerLogo:focus {background-color: transparent!important;} #footerLogo img {height: 60px; width: auto;} #gotop {display: flex; align-items: center; color: #3F3F3F; font-size: 12px; font-weight: 600; position: relative; height: 40px; overflow: hidden; padding-right: 20px; cursor: pointer; gap: 6px; text-decoration: none;} #gotop:hover {color: var(--red);} #gotop svg {position: absolute; bottom: 0; right: 0; top: 12px; transition: transform 500ms ease-in-out; fill: currentColor; width: 16px; height: 17px;} #gotop:hover svg {animation: fly-in-out 500ms ease-in-out;} @keyframes fly-in-out { 0% { transform: translateY(0); } 25% { transform: translateY(-100%); visibility: hidden; /* Obrazek niewidoczny */} 75% { transform: translateY(100%); visibility: hidden; /* Obrazek niewidoczny */} 100% { transform: translateY(0); visibility: visible; /* Obrazek widoczny */} } #footer-nav-holder {display: flex; gap:100px;} #footer-navigation, #footer-navigation-2 {width: auto;} #footer-navigation ul, #footer-navigation-2 ul {display: inline-block; list-style: none; padding: 0px; margin: 0px;} #footer-navigation ul li, #footer-navigation-2 ul li {display: block;} #footer-navigation ul li a, #footer-navigation-2 ul li a {display: inline-block; color: var(--dark); font-size: 12px; line-height: 30px; font-weight: 600;} #footer-navigation ul li a:hover, #footer-navigation-2 ul li a:hover {color: var(--red);} #footer-navigation-3 {width: 100%; display: block; margin-top: 30px; padding-bottom: 20px; border-bottom: 1px solid #CDCECF;} #footer-navigation-3 ul {display: flex; list-style: none; padding: 0px; margin: 0px; flex-direction: row; gap: 40px;} #footer-navigation-3 ul li {display: inline-block;} #footer-navigation-3 ul li a {display: inline-block; color: var(--dark); font-size: 12px; font-weight: 400; margin: 0px;} #footer-navigation-3 ul li a:hover {color: var(--red);} .footer-social-icons {display: inline-block; display: flex; align-items: self-start; margin-left: 20px;} .footer-social-icons a {display: flex; margin:0 10px;} .socialIcon svg path {transition: fill 0.5s ease;} .socialIcon:hover svg path.hoverIcon {fill: var(--red);} .footerAddress {display: inline-block; color: var(--dark); font-size: 12px; line-height: 30px; font-weight: 600; margin: 0px;} .footer-flags {margin-top: 10px; display: flex; flex-direction: column;} .footer-flags img {width: fit-content;} .footer-flags p {display: inline-block; color: var(--dark); font-size: 12px; line-height: 16px; font-weight: 300; margin: 0px; max-width: 600px; margin-top: 10px;} /* Podstrony ======================================== */ /* ================================================== */ .newsBox {} .newsBox a {position: relative; padding: 40px 0; display: flex; gap: 40px; flex-direction: row;} .newsBox a[target="_blank"]::after {content: none;} .newsBox a h2 {margin-top: 10px;} .newsBox a .newsLabel {top: 40px;} .newsBox a .newsDesc {display: block; font-size: 16px; line-height: 24px; color: var(--dark); font-weight: 400; margin-top: 10px; box-sizing: border-box;} .newsBox a .newsBtn {display: flex; margin-top: 30px; height: 44px; width: fit-content; color: #fff; background-color: var(--red); border-radius: 4px; padding: 0 20px; text-align: center; align-items:center; box-sizing: border-box;} .newsBox a:hover .newsBtn {background-color: var(--dark); color: #fff;} .newsBox a:focus {background-color: var(--red);} .newsBox a:focus .date, .newsBox a:focus .newsTitle, .newsBox a:focus .newsDesc {color: #fff;} .newsBox a:focus .date svg path {stroke: #ffffff;} .newsBox a:focus .newsBtn {background-color: #fff; color: #000;} .news-thumb {width:380px; height:214px; overflow:hidden;} .news-thumb-img {width:100%; height:100%; object-fit:cover; display:block; border-radius: 4px;} .articlesPagination {margin-top: 40px; display: flex; justify-content: center; align-items: center;} .articlesPagination ul {list-style: none; padding: 0; margin: 0; display: flex; gap: 10px; flex-wrap: wrap; justify-content: center;} .articlesPagination ul li {display: flex; align-items: center;} .articlesPagination a, .articlesPagination .page-numbers.current {display: flex; justify-content: center; align-items: center; min-width: 40px; height: 40px; padding: 0 10px; border: 1px solid #ddd; border-radius: 5px; text-decoration: none; color: #333; font-size: 16px; font-weight: 500; transition: background-color 0.3s, color 0.3s, border-color 0.3s;} .articlesPagination .page-numbers.current {background-color: var(--red); color: #fff; border-color: var(--red); pointer-events: none;} .articlesPagination a:hover, .articlesPagination a:focus {background-color: #f0f0f0; border-color: #aaa; color: #000;} .articlesPagination .arrow {border: none; cursor: pointer; width: 24px; height: 24px; position: static; top:auto; transform:none; text-indent:inherit;} .articlesPagination .arrow.left {background: transparent url(images/icon_arrow_left.svg) no-repeat center center;} .articlesPagination .arrow.right {background: transparent url(images/icon_arrow_right.svg) no-repeat center center;} /* Styl dla ukrytego tekstu (dla czytników ekranu) */ .screen-reader-text {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;} #publikacjeLista {display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 80px 20px; margin-top: 40px;} .publikacjaBox {display: block; height: 100%;} .publikacjaBox > a {display: flex; flex-direction: column; height: 100%; text-decoration: none; overflow: hidden;} .publikacjaBox > a img {height: 200px; width: fit-content; border-radius: 4px;} .publikacjaBox .halfpage { display: block; } .publikacjaBox .news-thumb { position: relative; width: 100%; } .publikacjaBox .news-thumb-img {display: block; width: 100%; height: auto; object-fit: cover;} .publikacjaBox .newsLabel { margin-top: 8px; display: inline-block; } .publikacjaBox .date { display: inline-flex; align-items: center; gap: 6px; margin: 10px 0 6px; } .publikacjaBox .fileSize {font-size: 14px; font-weight: 500; margin-top: 5px;} .publikacjaBox .publikacjaDesc { display: block; margin-bottom: 10px; } .publikacjaBox .publikacjaBtn { margin-top: auto; } /* guzik dokleja się do dołu kafelka */ /* Single publication */ .publication-single {margin: 40px 0;} .publication-single .pub-layout {display: flex; flex-direction: row; gap: 40px;} .publication-single .pub-layout .pub-left {flex: 0 0 40%;} .publication-single .pub-layout .pub-left > img {width: 100%; height: auto; border-radius: 4px;} .pub-tags-list {margin-top: 10px; list-style: none; padding: 0px; display: flex; gap: 2px; flex-wrap: wrap;} .pub-tags-list .pub-tag {color: var(--dark); font-size: 14px; padding: 5px; border: 1px solid #aaa; border-radius: 4px; display: flex; gap: 5px; font-weight: 400;} .pub-tags-list .pub-tag {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .pub-tags-list .pub-tag:hover {background-color: #eee;} .publication-single .pub-layout .pub-right {flex: 1;} .pub-desc > .images-thumbnail {display: none;} .pub-tags .tags-holder-all[hidden] {display: none !important;} .pub-download {margin: 30px 0;} /* Filtrowanie publikacji */ .pub-filters {display: flex; width: 100%; flex-direction: row; justify-content: space-between; align-items: flex-start; gap:30px;} .pub-tags legend {font-size: 16px; font-weight: 700; margin-bottom: 10px; width: 100%;} .tags-holder {display: flex; flex-wrap: wrap; gap: 2px;} .pub-label {color: var(--dark); font-size: 14px; padding: 5px; border: 1px solid #aaa; border-radius: 4px; display: flex; gap: 5px; cursor: pointer;} .pub-label {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .pub-label:hover {background-color: #eee;} .pub-sortowanie {display: flex; flex-direction: row; gap: 5px; margin-top: 30px;} .pub-sortowanie #pub-sort {padding: 0 10px;} #publikacje .pub-sortowanie .darkButton {margin: 0px; border: 0px; cursor: pointer; font-weight: 700;} .pub-tags-actions {margin: 10px 0;} .pub-tags-actions button {cursor: pointer; background-color: var(--dark); color: #fff; border: 0px; border-radius: 4px; padding: 6px 20px;} .pub-tags-actions button:hover {background-color: var(--red);} @media (max-width: 1280px){ #publikacjeLista { grid-template-columns: repeat(4, minmax(0, 1fr)); } /* 4 kolumny */ } @media (max-width: 960px){ #publikacjeLista { grid-template-columns: repeat(3, minmax(0, 1fr)); } /* 3 kolumny */ } @media (max-width: 640px){ #publikacjeLista { grid-template-columns: repeat(2, minmax(0, 1fr)); } /* 2 kolumny */ } /* Projekt page */ img.projekt-hero {border: 0px; width: 100%; height: auto; max-width: 1200px; margin-bottom: 10px; border-radius: 4px;} body.page-template-projekty #sideNav {border-top: 5px solid var(--project);} /* Modal EN */ body.modal-open {overflow: hidden;} .modal {display: none; position: fixed; z-index: 99002; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4);} .modal-content {margin: 10% auto; padding: 80px 160px 50px 50px; width: 80%; background: #fff url(images/enBg.jpg) no-repeat top right; position: relative; box-sizing: border-box;} .close {position: absolute; top: 0px; right: 0px; background: var(--dark) url(images/icon_close.svg) no-repeat center center; border: none; cursor: pointer; width: 44px; height: 44px; text-indent: -99999px; z-index:90001;} .close:hover {background-color: var(--red);} #modal-scroll-top{margin-top:20px;} .modal-overlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 0;} .modal-active :focus {/* Style :focus tylko dla elementów wewnątrz aktywnego modala */ outline: 3px dashed black; outline-offset: 2px; background-color: var(--red)!important; color: #fff!important;} .modal .date {margin-bottom: 10px;} /* Linkowanie w panelu admina */ .ore-linkpicker { display:block; gap:8px; } .ore-linkpicker .regular-text { width:100%; max-width:100%; } .ore-linkpicker-target { margin-top:8px; display:block; } .ore-linkpicker-modal[hidden] { display:none!important; } .ore-linkpicker-modal { position:relative; z-index:9999; margin-top:8px; border:1px solid #ccd0d4; border-radius:4px; background:#fff; } .ore-linkpicker-modal__inner { padding:8px; } .ore-linkpicker-modal__head { display:flex; gap:8px; align-items:center; } .ore-linkpicker-search { flex:1; padding:6px 8px; } .ore-linkpicker-results { max-height:220px; overflow:auto; margin-top:8px; border-top:1px solid #eee; } .ore-linkpicker-result { display:block; width:100%; text-align:left; padding:8px; border:0; border-bottom:1px solid #f0f0f0; background:#fff; cursor:pointer; } .ore-linkpicker-result:hover { background:#f6f7f7; } .ore-linkpicker-result__title { display:block; font-weight:600; } .ore-linkpicker-result__meta { opacity:.7; font-size:12px; margin-right:6px; } .ore-linkpicker-result__url { display:block; font-size:11px; opacity:.8; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .ore-linkpicker-empty { padding:10px; opacity:.7; } .ore-linkpicker-modal__foot { margin-top:8px; display:flex; justify-content:flex-end; } /* Media queries */ @media all and (max-width: 1280px) { body {padding-top: 71px;} .grid-arrow.left, .grid-arrow.right, .arrow.left, .arrow.right {background-color: #fff; width: 34px; height: 34px; z-index: 9000;} .grid-arrow.right {right: -20px;} .grid-arrow.left {left: -20px;} .arrow.right {right: -20px;} .arrow.left {left: -20px;} #sideNav {display: none;} #site-navigation {background-color: var(--red); height: calc(100% - 70px); flex-direction: column; justify-content: flex-start;} #mobile-top-navigation {display: flex; flex-direction: column; margin: 20px 0 40px 0; gap:20px;} body.dept-wrsd #top {border-bottom: 3px solid var(--wrsd);} body.dept-wrs #top {border-bottom: 3px solid var(--wrs);} body.dept-wew #top {border-bottom: 3px solid var(--wew);} body.dept-wpzpw #top {border-bottom: 3px solid var(--wpzpw);} body.dept-wkokc #top {border-bottom: 3px solid var(--wkokc);} body.dept-wkzdz #top {border-bottom: 3px solid var(--wkzdz);} body.dept-wkjwm #top {border-bottom: 3px solid var(--wkjwm);} body.dept-wwuzp #top {border-bottom: 3px solid var(--wwuzp);} body.dept-wpow #top {border-bottom: 3px solid var(--wpow);} body.dept-ckscwew #top {border-bottom: 3px solid var(--ckscwew);} body.dept-wnp #top {border-bottom: 3px solid var(--wnp);} } @media all and (max-width: 1024px) { #conowego > div > .flex {flex-direction: column;} #kompetencje > div > .flex {flex-direction: column-reverse;} #bigNewsSlider {padding-bottom: 50px;} #bigNewsSlider, #kalendarium, #kalendarz, #kompetencjeDetails {width: 100%; box-sizing: border-box;} .bigNewsslider {padding-bottom: 30px;} #kompetencjeDetails {padding-left: 0px; margin-bottom: 80px;} #szkoleniaButtons {grid-template-columns: 1fr; width: 35%; min-width: 300px;} #szkoleniaInfo {width: 60%;} .szkoleniaOpis {bottom: -100px;} #wydzialyBoxes {grid-template-columns: repeat(3, 1fr);} #menu-ore-poleca {grid-template-columns: repeat(2, 1fr);} #footer-navigation-3 ul {display: grid; grid-template-columns: 1fr 1fr; gap:0px;} .modal-content {padding: 80px 60px 50px 50px;} } @media all and (max-width: 960px) { .barScrolled .euflag, .barScrolled .top-social-icons {display: none;} body:not(.homepage) .euflag {display: none;} body:not(.homepage) .top-social-icons {display: none;} #footer-nav-holder {gap:60px;} .news-thumb {width: 30vw; height: auto;} } @media all and (max-width: 800px) { .search-container {display: grid; gap: 0px; /* Odstępy między elementami */ grid-template-columns: auto 1fr; /* Dwie kolumny dla label i input */ grid-template-rows: auto auto auto; /* Trzy wiersze dla pozostałych elementów */ padding-top: 10px;} .search-icon {grid-row: 1; grid-column: 1; align-self: center; /* Wyśrodkowanie ikony w pionie */} .search-clear {grid-row: 1;} .search-input {grid-row: 1; grid-column: 2; padding: 0 15px;} .search-select {grid-row: 3; grid-column: 1 / 4; /* Zajmuje obie kolumny */ margin: 0 20px 5px 10px;} .search-button {grid-row: 4; grid-column: 1 / 4; /* Zajmuje obie kolumny */} #najczesciejSzukane {display: flex; gap: 15px; flex-direction: column; align-items: center;} #searchHP {padding: 60px 0 40px 0;} #zpe .center, .dlaczegoWartoHolder, #szkoleniaSwitch .flex {flex-direction: column;} .halfPage, #szkoleniaInfo, .szkolenieContent img {width: 100%;} .szkoleniaOpis {width: 50%; bottom: auto; top: 0px;} #szkoleniaButtons {grid-template-columns: 1fr 1fr; width: 100%; margin-bottom: 30px;} #wydzialyBoxes {grid-template-columns: repeat(2, 1fr);} #footer-nav-holder {display: block; width: 100%;} #footer-navigation, #footer-navigation-2 {width: 45%; display: inline-block; vertical-align: top;} .footerAddress {display: block; margin-top: 40px;} .footer-flags img {width: 100%;} #contrast-text {display: none;} #article, #article video, #article iframe {width: 100%;} .newsBox a {flex-direction: column; gap: 10px;} .newsBox a img {width: 100%; height: auto;} .news-thumb {width: 60vw;} .publication-single .pub-layout .pub-left > img {width: 60%;} .publication-single .pub-layout {flex-direction: column; gap: 20px;} .pub-filters {flex-direction: column; align-items: flex-start; gap:0px;} .pub-sortowanie {margin-top: 20px;} .modal-content {width: 95%; padding: 80px 40px 30px 40px;} } @media screen and (max-width: 782px) { .admin-bar .site-header, .admin-bar .site-navigation {top: 46px !important;} #wpadminbar {top: 46px !important;} } @media all and (max-width: 640px) { body.home {padding-top: 56px;} body {padding-top: 120px;} #wydzialyBoxes, #szkoleniaButtons, #menu-ore-poleca {grid-template-columns: repeat(1, 1fr);} #menu-toggle, #search-top-holder.visible, .euflag {margin-left: 15px;} #site-navigation {width: 100%; right: -100%; background-color: var(--red); height: calc(100% - 70px); flex-direction: column; justify-content: flex-start; top:70px;} #breadcrumbs {gap:2px; flex-wrap: wrap;} .euflag {display: none;} #logo img {height: 70px;} #contrast-icon {transform: scale(1.2); margin-right: 10px;} .top-social-icons {display: none;} .barScrolled #search-mobile-wrapper {display: block; background-color: #F1F1F1; padding: 5px 20px; box-sizing: border-box; border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; opacity: 1;} .barScrolled #search-mobile-wrapper #search-top-holder.visible {border: 0px; max-width: none; margin: 0px; background-color: transparent; width: 100%;} .barScrolled #search-mobile-wrapper #search-top-holder.visible .search-top-input {background-color: transparent; font-size: 16px; width: inherit;} .barScrolled #search-mobile-wrapper #search-top-holder.visible .search-top-button {font-size: 16px; padding: 0px 30px;} .barScrolled #search-mobile-wrapper #search-top-holder.visible .search-top-icon {margin: 0 10px 0 0;} .mobile-social-icons {display: flex; margin: 40px 0 40px 20px; gap:30px;} .mobile-social-icons a svg {transform: scale(1.5);} .mobile-social-icons .socialIcon svg path {transition: fill 0.5s ease; fill: var(--red);} .mobile-social-icons .socialIcon svg path.hoverIcon {fill: #fff;} /*.mobile-social-icons .socialIcon:hover svg path.hoverIcon {fill: #fff;}*/ .mobileColumn {flex-direction: column;} .footer-social-icons {margin: 30px 0 0 0;} #footer-navigation, #footer-navigation-2 {width: 100%; margin-top: 10px;} .footerAddress {margin-top: 10px;} #footer-navigation-3 ul {display: flex; flex-direction: column; gap:5px;} .footer-social-icons a {margin: 0 20px 0 0;} #footer-banners .flex {display: grid; grid-template-columns: repeat(2, 1fr);} .slider-track a img {max-height: none;} #publikacje .slider-track a {display: flex; align-items: center;} #publikacje .slider-track a .date {justify-content: center;} .publikacjaDesc {text-align: center; width: 90%;} .szkoleniaOpis {position: static; box-sizing: border-box; width: 100%;} .szkoleniaImg {height: 300px; overflow: hidden;} .szkolenieContent img {float: none;} .modal-content {padding: 100px 30px 30px 30px;} .oreShareModal__dialog {top: 30%!important; transform: translate(-50%, 0)!important; max-height: calc(100vh - 20%); width: 85%;} .oreShareModal__actions {flex-direction: column;} .oreShareModal__actions a {text-align: center;} .news-thumb {width: 100%;} .publication-single .pub-layout .pub-left > img {width: 90%;} .publikacjaBox > a {align-items: center;} .publikacjaBox .date {justify-content: center;} .pub-sortowanie {flex-direction: column; width: 100%;} .pub-sortowanie #pub-sort {width: 100%; height: 44px;} .pub-sortowanie .darkButton {width: 100%; justify-content: center;} }