Files
idpan.poznan.pl/templates/instytut_dendrologii_/css/arboretum.css
2026-02-08 21:16:11 +01:00

1138 lines
20 KiB
CSS

.itemid-1007 .jt-cs .jtcs-author-date{
display:none !important;
}
.itemid-1007 .slide:hover .jtcs-author-date{
display:flex !important;
}
.itemid-504 .jt-cs .jtcs-author-date{
display:none !important;
}
.itemid-504 .slide:hover .jtcs-author-date{
display:flex !important;
}
.menu-arbo ul:first-child:after {
margin-left: -13px;
}
.menu-arbo ul {
column-gap: 140px !important;
}
.menu-arbo ul li:nth-child(1) {
/* max-width: 180px; */
}
.menu-arbo ul li a ,.menu-arbo ul li span{
font-size: 16px !important;
position: relative;
}
.menu-arbo ul li:hover ul {
top: -20px;
z-index: -1;
/* height: 314px; */
justify-content: end;
align-items: center;
}
.menu-arbo ul li:hover ul li ul {
left: unset !important;
right: 0;
transform: translateX(100%);
top: -6px;
}
arboretumgodziny-otwarciabuttons .custom {
flex-wrap: wrap;
}
.menu-arbo ul li:nth-child(1):hover ul,
.menu-arbo ul li:nth-child(1):hover ul li {
width: 341px;
}
.arboretum-kafle {
max-width: 100%;
}
.menu-arbo li:hover {
color: #0A7535;
}
.menu-arbo ul .parent:hover a::after {
content: '';
width: 100%;
border-bottom: 1px solid black;
position: absolute;
margin-top: 12px;
display: block;
top: 20px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
body .menu-arbo ul li ul li a::after {
text-decoration: none !important;
border-bottom: 1px solid white !important;
}
.menu-arbo .parent:hover img {
margin-top: 0;
}
.menu-instytut {
position: relative;
z-index: 10000 !important;
}
.grid-arboretum {
display: flex;
justify-content: space-between;
margin-top: 73px;
}
.up-arcenter {
display: flex;
justify-content: center;
}
.arboretum-nappodzd .custom {
display: flex;
column-gap: 43px;
}
.arboretum-nappod p,
.imprezy-edukacyjno-przyrodnicze-header,
.formy-zwiedzaniatekst-header {
font-family: Palatino Linotype !important;
font-size: 96px;
font-weight: 400;
line-height: 99px;
letter-spacing: -0.04em;
text-align: left;
text-transform: uppercase;
}
.arboretum-nappod {
width: 742px;
;
}
.arboretum-nappod1 {
width: 663px;
font-family: Poppins;
font-size: 19px;
line-height: 29px;
letter-spacing: 0.025em;
text-align: left;
font-family: Poppins;
font-size: 19px;
font-weight: 300;
line-height: 29px;
letter-spacing: 0.025em;
text-align: left;
}
.arboretum-nappod1 p:last-child {
font-weight: 600;
}
.arboretum-nappodzd p:nth-child(1) {
margin-top: 114px;
}
.arboretumgodziny-otwarcia tr span {
text-transform: uppercase;
color: #109846;
font-family: Poppins !important;
font-size: 20px;
font-weight: 400;
line-height: 23px;
letter-spacing: -0.04em;
text-align: left;
display: block;
text-align: center;
width: 284px;
}
.arboretumgodziny-otwarcia tr {
height: 103px;
width: 568px;
border-radius: 0px;
}
.arboretumgodziny-otwarcia tr td {
height: 103px;
width: 284px;
}
.arboretumgodziny-otwarcia table {
border: 1px solid black;
width: 568px;
}
.arboretumgodziny-otwarcia tr:not(:last-child) td {
border-bottom: 1px solid black;
}
.arboretumgodziny-otwarcia tr:first-child td:first-child span {
font-family: Poppins;
font-size: 24px;
font-weight: 600;
line-height: 28px;
letter-spacing: -0.04em;
text-align: center;
}
.down-center {
margin-top: 137px;
display: flex;
}
.arboretumgodziny-otwarciaobok {
height: 345px;
width: 759px;
border-radius: nullpx;
}
.arboretumgodziny-otwarciaobok p {
display: flex;
column-gap: 18px;
margin-left: 50px;
font-family: Poppins;
font-family: Poppins;
font-size: 18px;
font-weight: 400;
line-height: 23px;
letter-spacing: 0em;
text-align: left;
}
.arboretumgodziny-otwarciaobok p::before {
content: url(/images/Arboretum/iconkai.png);
position: relative;
top: -3px;
}
.arboretumgodziny-otwarciaobok p:first-child span {
color: #109846;
text-decoration: underline;
}
.arboretumgodziny-otwarciabuttons {
margin-top: 60px;
margin-left: 51px;
}
.arboretumgodziny-otwarciabuttons .custom {
display: flex;
column-gap: 30px;
}
.arboretumgodziny-otwarciabuttons .custom p:nth-child(1) {
font-family: Poppins;
font-size: 29px;
font-weight: 600;
line-height: 37px;
letter-spacing: 0em;
text-align: left;
text-transform: uppercase;
background-color: #0FA958;
color: white;
height: 108px;
width: 428px;
display: flex;
align-items: center;
justify-content: center;
}
.arboretumgodziny-otwarciabuttons .custom p:nth-child(2) {
font-family: Poppins;
font-size: 29px;
font-weight: 600;
line-height: 37px;
letter-spacing: 0em;
text-align: center;
color: #109846;
background-color: white;
text-transform: uppercase;
border: 1px solid black;
height: 108px;
width: 428px;
display: flex;
align-items: center;
justify-content: center;
}
.arboretumgodziny-otwarciabuttons .custom p:nth-child(2) span {
width: 251px;
}
.arboretumgodziny-otwarciabuttons p {
padding: 0;
margin: 0;
}
.formy-zwiedzania-header {
font-family: Poppins;
font-size: 24px;
font-weight: 500;
line-height: 28px;
letter-spacing: -0.015em;
text-align: left;
}
.formy-zwiedzaniatekstm p:hover,
.formy-zwiedzaniatekstm p:visited {
cursor: pointer;
font-weight: 600;
}
.grid-kafarbo .custom div::after {
/* content: url(/images/Arboretum/formyzwesza.png) !important;
position: absolute;
top: 0;
left: 0; */
}
.grid-kafarbo {
width: 1417px;
max-width: 100%;
}
.grid-kafarbo .custom div {
position: relative;
width: 429px;
}
.grid-kafarbo .custom div a {
display: flex;
flex-direction: column;
text-decoration: none;
}
.grid-kafarbo .custom div span {
/* position: absolute;
left: 0;
right: 0;
bottom: 16px; */
margin-left: auto;
margin-right: auto;
z-index: 2;
color: white !important;
display: inline-block;
padding: 5px;
box-sizing: border-box;
background-color: #075F2A;
width: 100%;
}
.grid-kafarbo .custom {
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: 65px;
row-gap: 72px;
font-family: Poppins;
font-size: 24px;
font-weight: 500;
line-height: 28px;
letter-spacing: -0.015em;
text-align: left;
color: white !important;
text-align: center;
}
.arboretum-kafle {
display: flex;
justify-content: center;
flex-direction: column;
width: 1417px;
margin: auto;
}
.formy-zwiedzania-header {
margin-top: 59px;
margin-bottom: 59px;
}
.krzywe-zdjecia .custom div:nth-child(1) {
position: relative;
width: 908px;
}
.krzywe-zdjecia .custom div:nth-child(1) img:nth-child(2) {
position: absolute;
bottom: 0;
right: 134px;
}
.krzywe-zdjecia {
margin-top: 111px;
padding-bottom: 50px;
}
.formy-zwiedzaniatekstm p {
font-family: Poppins;
font-size: 24px;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.015em;
text-align: left;
color: #0A7535;
}
.formy-zwiedzaniatekstm {
width: 1394px;
margin: auto;
max-width: 100%;
}
.formy-zwiedzaniatekstm p {
margin: 0;
padding: 0;
}
.formy-zwiedzaniatekst-header {
font-family: Poppins;
font-size: 24px;
font-weight: 500;
line-height: 28px;
letter-spacing: -0.015em;
text-align: left;
margin-top: 90px;
;
margin-bottom: 67px;
}
.formy-zwiedzaniatekstm p::after {
content: '';
width: 100%;
border-bottom: 1px solid #0A7535;
display: block;
margin: 13px 0 13px 0;
}
.zwiedzanie-z-audio-przewodnikiem {
width: 1394px;
margin: auto;
max-width: 100%;
}
.zwiedzanie-z-audio-przewodnikiem .custom {
display: flex;
flex-wrap: wrap;
}
.audio-tektoboktelefonu {
width: 878px;
}
.arboretum-kontakt-up,
.arboretum-kontakt-down {
max-width: 100%;
}
.grid-audioprzewodnik {
width: 1394px;
margin: auto;
display: flex;
column-gap: 70px;
max-width: 100%;
flex-wrap: wrap;
}
.grid-audioprzewodnik p {
padding: 0;
margin: 0;
}
.audio-telefon p {
margin-top: 0 !important;
}
.zwiedzanie-z-przewodnikiem,
.zwiedzanie-indywidualne,
.zwiedzanie-zgraterenowa,
.zajecia-edukacyjne {
width: 1394px;
margin: auto;
display: none;
max-width: 100%;
}
.menu-instytut ul li ul li {
width: 100%;
}
.imprezy-edukacyjno-przyrodnicze-grid {
width: 1395px;
margin: auto;
max-width: 100%;
}
.imprezy-edukacyjno-przyrodnicze-header {
font-family: Poppins;
font-size: 24px;
font-weight: 500;
line-height: 28px;
letter-spacing: -0.015em;
text-align: left;
margin-top: 90px;
margin-bottom: 66px;
}
.imprezy-tekstpodmenu p,
.imprezy-tekstpodmenu1 p,
.imprezy-tekstpodmenu2 p,
.imprezy-tekstpodmenu3 p,
.imprezy-tekstpodmenu4 p,
.imprezy-tekstpodmenu5 p,
.imprezy-edukacyjno-przyrodnicze-grid:first-child div.custom p:not(span) {
font-family: Poppins;
font-size: 24px;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.015em;
text-align: left;
color: #0A7535;
position: relative;
padding: 0;
}
.imprezy-tekstpodmenu p::after,
.imprezy-tekstpodmenu1 p::after,
.imprezy-tekstpodmenu2 p::after,
.imprezy-tekstpodmenu3 p::after,
.imprezy-tekstpodmenu4 p::after,
.imprezy-tekstpodmenu5 p::after {
content: '';
border-bottom: 1px solid black;
width: 100%;
display: block;
margin: 13px 0 13px 0;
}
.imprezy-tekstpodmenu p::before,
.imprezy-tekstpodmenu1 p::before,
.imprezy-tekstpodmenu2 p::before,
.imprezy-tekstpodmenu3 p::before,
.imprezy-tekstpodmenu4 p::before,
.imprezy-tekstpodmenu5 p::before {
content: url(/images/Arboretum/ptaszekimp.png);
position: absolute;
right: 0;
top: 9px;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
}
.imprezy-zawartosc,
.imprezy-zawartosc1,
.imprezy-zawartosc2,
.imprezy-zawartosc3,
.imprezy-zawartosc4,
.imprezy-zawartosc5 {
margin-top: 30px;
width: 1370px;
max-width: 100%;
}
.imprezy-zawartosc p:nth-child(1) {
font-family: Poppins;
font-size: 24px;
font-weight: 600;
line-height: 28px;
letter-spacing: -0.015em;
text-align: left;
color: #0A7535;
}
.imprezy-zawartosc p:nth-child(2) {
font-family: Poppins;
font-size: 20px;
font-weight: 400;
line-height: 23px;
letter-spacing: -0.015em;
text-align: left;
}
.imprezy-zawartosc article {
font-family: Poppins;
font-size: 20px;
font-weight: 300;
line-height: 26px;
letter-spacing: 0.055em;
text-align: left;
}
.imprezy-zawartosc p,
.imprezy-zawartoscbarwyjesieni p,
.imprezy-zawartosdniazili p,
.imprezy-zawartosbialebzy p,
.imprezy-zawartosumajonearboretum p,
.imprezy-zawartosczwiastunywiosny p,
.imprezy-zawartosczwiastunywiosny1,
.imprezy-umajonearboretumgaleria,
.imprezy-dniaziligaleria,
.imprezy-barwyjesienigaleria,
.imprezy-zawartosbialebzygaleria {
font-family: Poppins;
font-size: 20px;
font-weight: 300;
line-height: 26px;
letter-spacing: 0.055em;
text-align: left;
display: none;
cursor: pointer;
}
.imprezy-tekstpodmenu5 p:hover,
.imprezy-tekstpodmenu4 p:hover,
.imprezy-tekstpodmenu3 p:hover,
.imprezy-tekstpodmenu2 p:hover,
.imprezy-tekstpodmenu1 p:hover,
.imprezy-tekstpodmenu p:hover {
cursor: pointer;
}
.imprezy-pokazslajdow {
margin-top: 130px;
}
.h49 {
height: 49px;
}
.cwhite {
color: white;
}
.arboretum-kontakt label {
color: white !important;
font-family: Poppins !important;
font-size: 15px;
font-weight: 275;
line-height: 18px;
letter-spacing: -0.015em;
text-align: left;
}
.arboretum-kontakt .convertforms .cf-input,
.rodzaj-zajec,
.wiek {
height: 49px !important;
}
.arboretum-kontakt h6 {
font-weight: 600;
padding: 0;
margin: 0;
text-align: center;
margin-top: 56px;
margin-bottom: 36px;
}
.arboretum-kontakt .convertforms .cf-label .cf-required-label {
color: white !important;
}
.arboretum-kontakt .convertforms {
height: 808px;
}
.arboretum-kontakt .convertforms .cf-control-group {
padding-top: 15px;
}
.arboretum-kontakt h5 {
font-family: Poppins;
font-size: 20px;
font-weight: 400;
line-height: 23px;
letter-spacing: -0.015em;
text-align: left;
color: white;
padding: 0;
margin: 0;
}
.arboretum-kontakt .date,
.arboretum-kontakt .hour,
.rodzaj-zajec option,
.rodzaj-zajec select,
.wiek option {
display: flex;
flex-direction: row-reverse;
column-gap: 16px;
font-size: 24px !important;
color: #109846 !important;
font-family: Poppins !important;
font-weight: 275 !important;
line-height: 28px !important;
letter-spacing: -0.015em !important;
text-align: left;
}
::-webkit-calendar-picker-indicator {
background-image: url(/images/Arboretum/calendra.png);
}
::-webkit-datetime-edit-month-field {
font-weight: 275 !important;
}
::-webkit-datetime-edit-day-field {
font-weight: 275 !important;
}
::-webkit-datetime-edit-year-field {
font-weight: 275 !important;
}
.arboretum-kontakt {
width: 1480px;
margin: auto;
max-width: 100%;
}
.arboretum-kontakt-up {
width: 1480px;
height: 380px;
background: rgba(159, 214, 181, 0.3);
font-family: Poppins;
font-size: 18px;
font-weight: 500;
line-height: 27px;
letter-spacing: -0.02em;
text-align: left;
color: black;
margin: auto;
position: relative;
z-index: 1;
}
.arboretum-kontakt-down {
width: 1480px;
height: 600px;
background: rgba(159, 214, 181, 0.3);
font-family: Poppins;
font-size: 18px;
font-weight: 500;
line-height: 27px;
letter-spacing: -0.02em;
text-align: left;
color: black;
margin: auto;
position: relative;
z-index: 1;
margin-bottom: -52px;
}
.arboretum-kontakt-up,
.arboretum-kontakt-down {
position: relative;
z-index: 2;
color: black;
display: flex;
justify-content: center;
align-items: center;
}
.arboretum-kontakt-up1 {
height: 81px;
width: 1180px;
margin: auto;
border-radius: nullpx;
}
.arboretum-kontakt-down1 {
width: 1180px;
align-items: center;
display: flex;
}
.kontakt-background {
background: url(/images/Arboretum/kontaktback.webp);
background-size: 1920px 808px;
}
.arboretum-kontakt-up,
arboretum-kontakt-down {
z-index: -2;
position: relative;
}
.kontakt-background {
z-index: 2;
}
.menu-arbo ul li:first-child ul {
left: -2% !important;
}
.sigFreeContainer {
display: flex;
flex-wrap: wrap;
justify-content: center;
row-gap: 5px;
column-gap: 5px;
}
.arboretum-fotoaktualnosci-filtry {
height: 166px;
width: 1920px;
max-width: 100%;
justify-content: center;
align-items: center;
display: flex;
background: #109846;
}
.arboretum-fotoaktualnosci-filtry select {
height: 45px;
width: 153px;
border-radius: 0px;
}
ul.sigFreeClassic {
display: none;
}
.imprezy-edukacyjno-przyrodnicze-grid ul.sigFreeClassic {
display: flex;
}
.arboretum-fotoaktualnosci1 {
display: flex;
justify-content: start;
align-items: center;
margin: auto;
column-gap: 32px;
width: 1296px;
}
.arbo-rok,
.arbo-miesiac {
display: flex;
flex-direction: column;
row-gap: 11px;
color: white;
font-family: Poppins;
font-size: 20px;
font-weight: 600;
line-height: 23px;
letter-spacing: -0.015em;
text-align: left;
text-transform: uppercase;
}
.arbo-rok select:hover option,
.arbo-miesiac select:hover option {
text-decoration: underline;
}
.arbo-rok select,
.arbo-miesiac select {
-moz-appearance: none !important;-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 17px;
letter-spacing: 0em;
color: black;
text-transform: uppercase;
text-align: center;
text-align-last: center;
-moz-text-align-last: center;
-moz-appearance: none;
}
.arbo-miesiac select {
/* padding-left: 20%; */
}
.arbo-miesiac select option:nth-child(2) {
left: -20%;
position: relative;
}
.arbo-rok select {
/* padding-left: 32%; */
}
.arbo-rok select,
.arbo-miesiac select {
position: relative;
}
.arbo-rok select option,
.arbo-miesiac select option {
position: absolute;
left: 0;
right: 0;
margin: auto;
text-align: center;
}
.arbo-szukaj {
height: 45px;
width: 274px;
display: flex;
justify-content: center;
align-items: center;
color: white;
border-radius: 0px;
font-family: Poppins;
font-size: 20px;
font-weight: 600;
line-height: 23px;
letter-spacing: -0.015em;
text-align: left;
background-color: #27ED76;
align-self: flex-end;
position: relative;
}
.arbo-rok select,
.arbo-miesiac select {
-moz-appearance: none !important;-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(/images/Arboretum/selar.png);
background-repeat: no-repeat;
background-position: top right;
background-color: white;
font-size: 14px;
font-weight: 400;
line-height: 17px;
letter-spacing: 0em;
text-align-last: center;
display: flex;
justify-content: center;
padding-right: 1.5em;
}
/* For IE10 */
.arbo-rok select::-ms-expand,
.arbo-miesiac select::-ms-expand {
display: none;
}
.arbo-rok select,
.arbo-miesiac select {
/* for Firefox */
-moz-appearance: none;
/* for Chrome */
-webkit-appearance: none;
}
.fancybox-image {
width: 135%;
height: auto;
margin-top: -25% !important;
margin-left: -20% !important;
display: block;
margin: auto;
}
.pathos {
font-size: 20px;
color: white;
position: absolute;
/* left: 0; */
right: -112%;
top: 104%;
}
table {
border-collapse: collapse;
}
td,
th {
border: 1px solid #ddd;
}
.owl-stage-outer td,
.owl-stage-outer th,
.owl-stage-outer table {
border: none !important;
}
.arbo-szukaj:hover {
cursor: pointer;
}
.docxz {
display: none;
}
body .control-group {
/* display: none !important; */
}
.vbox-container img {
width: 1000px;
}
.random_image_extended_single {
display: inline-block;
padding: 4px;
height: 200px;
overflow: hidden;
}
.zwiedzanie-indywidualne span,
.zwiedzanie-indywidualne a,
.zajecia-edukacyjne p,
.zajecia-edukacyjne a,
.zwiedzanie-z-przewodnikiem span,
.zwiedzanie-z-przewodnikiem a,
.zajecia-edukacyjne li span,
.zwiedzanie-zgraterenowa p,
.zwiedzanie-zgraterenowa span {
font-family: Poppins;
font-size: 20px;
font-weight: 300;
line-height: 28px;
letter-spacing: 0.015em;
text-align: left;
color: black
}
body .menu-instytut ul li ul li ul {
visibility: hidden;
/* margin-left: 425px; */
}
body .menu-instytut ul li ul li:hover ul {
visibility: visible;
display: flex;
}
.arboretumgodziny-otwarciabuttons a {
color: white;
text-decoration: none;
}
.arboretumgodziny-otwarciabuttons .custom p:nth-child(2) span {
color: #0FA958;
}
.menu-arbo ul li ul li:hover,
.menu-arbo ul li ul li:hover a {
color: white;
background: #0FA958 !important;
}
.menu-arbo ul li ul li:hover ul li a,
.menu-arbo ul li ul li:hover ul li a {
color: black;
background: unset !important;
}
.menu-arbo ul li ul li ul li:hover a {
color: white;
background: unset !important;
}
.com-content-article__body li,
.com-content-article__body p,
.com-content-article__body a,
.com-content-article__body span,
.com-content-article__body div {
font-family: Poppins;
font-size: 18px;
font-weight: 300;
line-height: 31px;
letter-spacing: -0.015em;
text-align: left;
color: black;
}
.menu-arbo ul li ul li {
width: 100% !important;
}
.wtext {
display: flex;
flex-direction: column-reverse;
}
.wtext p,
.wtext a,
.wtext span,
.wtext em,
.wtext1 p,
.wtext1 a,
.wtext1 span,
.wtext1 em {
font-size: 16px !important;
}
.wmap {
display: flex;
justify-content: space-between;
}