html, body { margin: 0; padding: 0; font-size: 16px; color: #212121; /*color: red;*/ font-family: "Muli", sans-serif; background-color: #014421; } #nr1 { display: flex; align-items: center; justify-content: center; min-height: 800px; text-align: center; min-width: 0; margin-top: 0; /* background: url("../img/b1.png") no-repeat center center fixed; */ background: url("../img/mbum-gdansk-2025.png") no-repeat center center fixed; background-size: cover; color: #FFFFFF; } #nr1 .col-xs-12 { display: flex; flex-direction: column; align-items: center; } #nr1 #titleMbum { font-size: 5em; letter-spacing: 5px; } #logoImgP { width: 100%; margin: 0 auto 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; } #logoImg { display: block; max-width: min(90%, 420px); padding-bottom: 36px; margin: 0 auto 15px; } #nr1 #dateMbum { font-size: 2.5em; letter-spacing: 2px; } #miastoMbum { font-size: 1.8em; } #nr1 #subtitleMbum { font-size: 1.6em; letter-spacing: 1px; } #nr2TitleDescription { color: #E37B40; } .descriptionConference p { color: #FFFFFF; } .descriptionConference strong { color: #E37B40; } .descriptionConference ul, .descriptionConference li, .descriptionConference h3 { color: #FFFFFF; } .sectionShell { width: 100%; max-width: 1080px; margin: 0 auto; } .participationBox { width: 100%; max-width: 980px; margin: 34px auto 30px; padding: 30px 30px 24px; background: linear-gradient(145deg, rgba(31, 92, 77, 0.92), rgba(1, 68, 33, 0.88)), radial-gradient(circle at top right, rgba(227, 123, 64, 0.18), transparent 42%); border: 1px solid rgba(227, 123, 64, 0.26); border-left: 4px solid #E37B40; border-radius: 12px; box-shadow: 0 20px 44px rgba(0, 0, 0, 0.18); } .participationTitle { margin: 0 0 24px; font-size: 2em; letter-spacing: 0.08em; text-align: center; color: #FFFFFF; font-weight: 700; text-transform: uppercase; } .participationList { list-style: none; margin: 0; padding: 0; display: grid; gap: 18px; } .participationList li { display: grid; grid-template-columns: minmax(120px, 150px) minmax(0, 1fr) minmax(200px, 240px); gap: 18px; align-items: start; padding: 22px 22px 20px; background: rgba(1, 68, 33, 0.28); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 12px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04); } .participationList li:first-child { padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, 0.08); } .participationLabel { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 8px 16px; border-radius: 999px; background: rgb(227, 123, 64); color: #FFFFFF !important; font-weight: 700; letter-spacing: 0.04em; box-shadow: 0 8px 20px rgba(227, 123, 64, 0.24); } .participationText { display: block; padding-top: 2px; color: #FFFFFF; line-height: 1.75; } .participationPrice { display: inline-flex; align-items: center; justify-content: center; min-width: 132px; padding: 8px 14px; border-radius: 999px; background: rgb(227, 123, 64); border: 1px solid rgb(227, 123, 64); color: #FFFFFF; font-weight: 700; white-space: nowrap; } .participationPriceRow:first-child .participationPrice, .participationPriceRowCurrent .participationPrice { min-width: 172px; padding: 12px 18px; font-size: 1.3em; font-weight: 800; } .participationPriceRowArchived { cursor: default; } .participationPriceRowArchived .participationPrice { min-width: 132px; padding: 8px 14px; background: rgba(197, 205, 201, 0.16); border-color: rgba(197, 205, 201, 0.36); color: rgba(255, 255, 255, 0.68); font-size: 1em; font-weight: 700; text-decoration: line-through; box-shadow: none; } .participationPriceRowArchived .participationPriceNote { color: rgba(255, 255, 255, 0.56); } .participationPrices { display: flex; flex-direction: column; gap: 12px; align-items: stretch; } .participationPriceRow { display: flex; flex-direction: column; align-items: flex-end; gap: 7px; text-decoration: none; } .participationPriceNote { color: rgba(255, 255, 255, 0.78); font-size: 0.84em; line-height: 1.4; text-align: right; } .participationPriceRow:not(.participationPriceRowArchived):hover .participationPrice, .participationPriceRow:not(.participationPriceRowArchived):focus .participationPrice { border-color: #FFFFFF; filter: brightness(1.05); color: #FFFFFF; } .participationPriceRow:not(.participationPriceRowArchived):hover .participationPriceNote, .participationPriceRow:not(.participationPriceRowArchived):focus .participationPriceNote { color: #FFFFFF; } .participationNote { margin: 20px 0 0; padding: 20px 4px 0; border-top: 1px solid rgba(255, 255, 255, 0.08); color: #FFFFFF; line-height: 1.75; } #nr2 { display: flex; align-items: center; justify-content: center; min-height: 600px; /*text-align: center;*/ padding-left: max(24px, calc((100% - 1080px) / 2)); padding-right: max(24px, calc((100% - 1080px) / 2)); box-sizing: border-box; /* background-color: rgba(1, 128,136, 1); */ background-color: #014421; } #nr2 .descriptionConference { width: 100%; max-width: 1080px; margin: 0 auto; } #nr2 #nr2Title { display: inline; font-size: 1.1em; /*color: rgb(49,190,248);*/ color: #E37B40; padding-bottom: 30px; } #nr2 #nr2SubTitle { display: block; max-width: 980px; margin: 0 auto 34px; font-size: 2.35em; font-weight: 700; line-height: 1.2; /*color: rgb(49,190,248);*/ color: #FFFFFF; padding: 18px 24px 22px; background: linear-gradient(90deg, rgba(227, 123, 64, 0.16), rgba(227, 123, 64, 0.04)); border-left: 4px solid #E37B40; border-radius: 8px; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18); } #nr2 #nr2Opis, #nr2 #nr2Opis h2, #nr2 #nr2Opis p, #nr2 #nr2Opis strong, #nr2 #nr2Opis ul, #nr2 #nr2Opis li, #nr2 #nr2Opis h3 { color: #FFFFFF; } #nr2 #nr2Opis p, #nr2 #nr2Opis .participationText, #nr2 #nr2Opis .participationNote { text-align: justify; text-justify: inter-word; } #introText { width: 100%; max-width: 980px; margin: 0 auto 34px; padding: 26px 30px; color: #FFFFFF; font-size: 1.05em; line-height: 1.9; text-align: justify; text-justify: inter-word; background: linear-gradient(135deg, rgba(31, 92, 77, 0.92), rgba(1, 68, 33, 0.82)), radial-gradient(circle at top right, rgba(227, 123, 64, 0.14), transparent 40%); border: 1px solid rgba(227, 123, 64, 0.24); border-left: 4px solid #E37B40; border-radius: 12px; box-shadow: 0 20px 44px rgba(0, 0, 0, 0.18); } #introText::first-line { color: #FFFFFF; font-weight: 700; } #nr2 #nr2btnRejetracjaLink, #btnRejetracja { display: inline-block; background-color: transparent; border-radius: 5px; border: 2px solid #E37B40; padding: 15px 50px 15px 50px; margin-top: 20px; color: #E37B40; text-decoration: none; } #nr2 #nr2btnRejetracjaLink:hover, #btnRejetracja:hover { background-color: transparent; border-radius: 8px; border: 2px solid #FFFFFF; padding: 15px 50px 15px 50px; /*color: rgb(49,190,248);*/ color: #FFFFFF; text-decoration: none; } #btnRejetracja:hover, #btnRejetracja { width: 100%; } #nr3Top { min-height: 120px; text-align: center; padding-top: 60px; padding-bottom: 30px; color: #FFFFFF; /*background-color: rgb(229,230,231);*/ /*background-color: rgba(59, 103, 173, 1);*/ /* background-color: rgba(1, 128,136, .9); */ background-color: #1F5C4D; } #nr3Top .rowTitle, #nr4Top .rowTitle { display: block; width: 100%; margin: 0 auto; text-align: center; } #nr8Top .rowTitle, .partnerSectionTitle .rowTitle { display: block; width: 100%; margin: 0 auto; text-align: center; } #nr3 { display: flex; align-items: center; justify-content: center; min-height: 600px; padding-left: max(24px, calc((100% - 1080px) / 2)); padding-right: max(24px, calc((100% - 1080px) / 2)); padding-top: 32px; padding-bottom: 48px; box-sizing: border-box; color: #FFFFFF; /*background-color: rgb(229,230,231);*/ /*background-color: rgb(59, 103, 173);*/ /*background-color: rgba(59, 103, 173, 1);*/ /* background-color: rgba(1, 128,136, .9); */ background-color: #1F5C4D; } #nr3 .col-xs-12 { width: 100%; max-width: 1080px; margin: 0 auto; } #nr3 h3 { margin: 34px 0 18px !important; font-size: 1.5rem; letter-spacing: 0.04em; } #nr3 > .col-xs-12 > .agendaGodzina { display: inline-block; margin: 18px 0 8px; padding: 8px 16px; border-radius: 999px; background: rgba(1, 68, 33, 0.38); border: 1px solid rgba(227, 123, 64, 0.4); font-size: 1rem; font-weight: 700; } #nr3 .table { margin: 0 0 26px; background: rgba(1, 68, 33, 0.3); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 8px; overflow: hidden; } #nr3 .table tr + tr td { border-top: 1px solid rgba(255, 255, 255, 0.08); } #nr3 .table td:first-child { width: 140px; padding: 18px 20px; background: rgba(1, 68, 33, 0.32); } #nr3 .table td:last-child { padding: 18px 22px; } .agendaTyp { color: white; } #nr3 .agendaGodzina { display: inline-block; /*text-align: center;*/ font-size: 1.6em; /*color: rgb(49,190,248);*/ color: #E37B40; /*color: rgb(229,230,231)*/ } #nr3 .agendaDzien { display: inline; /*text-align: center;*/ /*color: rgb(45,45,47);*/ color: #FFFFFF; font-size: 0.7em; } #nr3 .agendaTemat { display: inline; font-weight: bold; /*color: rgb(59, 103, 173);*/ /*color: rgb(229,230,231);*/ color: #E37B40; font-size: 1.1em; } #nr3 .agendaTematOpis { display: block; color: #FFFFFF; font-size: 0.9em; padding-top: 10px; line-height: 1.65; } #nr3 .agendaPrelegent { display: inline-block; text-align: left; /*padding-right: 30px;*/ padding-top: 8px; padding-left: 0; font-size: 0.85em; color: #E37B40; } #nr4Top { min-height: 120px; text-align: center; padding-top: 70px; padding-bottom: 30px; /*background-color: rgb(11,32,54);*/ /*background-color: rgb(59, 103, 173);*/ /* background-color: rgb(1, 128, 136); */ background-color: #014421; } #nr4 { text-align: center; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 20px; align-items: stretch; min-height: 400px; padding-left: max(24px, calc((100% - 1080px) / 2)); padding-right: max(24px, calc((100% - 1080px) / 2)); padding-bottom: 50px; padding-top: 30px; box-sizing: border-box; /*background-color: rgb(11,32,54);*/ /*background-color: rgb(59, 103, 173);*/ /* background-color: rgb(1, 128, 136); */ background-color: #014421; justify-content: center; justify-items: center; } #prelegenciRow, .prelegenciRow3, #prelegenciRow2, #prelegenciRow4 { display: contents; } #nr4 .prelegentPhoto { width: 168px; height: 168px; object-fit: cover; border: 3px solid rgba(227, 123, 64, 0.4); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18); } #nr4 .prelegentImie { font-weight: bold; font-size: 1.15em; color: #FFFFFF; } #nr4 .prelegentInfo { font-style: italic; font-size: 0.92em; line-height: 1.7; color: rgba(255, 255, 255, 0.92); } #nr4 .prelegentKolumna { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; height: 100%; width: 100%; max-width: none; padding: 26px 24px 28px; background: linear-gradient(145deg, rgba(31, 92, 77, 0.84), rgba(1, 68, 33, 0.86)), radial-gradient(circle at top right, rgba(227, 123, 64, 0.12), transparent 42%); border: 1px solid rgba(227, 123, 64, 0.18); border-radius: 12px; box-shadow: 0 18px 36px rgba(0, 0, 0, 0.14); } #nr4 .prelegentKolumna p { margin: 0 0 18px; } #nr4 .prelegentInfo a { color: #E37B40; text-decoration: underline; } #nr4 .prelegentInfo a:hover { color: #FFFFFF; } #nr4 .cert { font-style: italic; font-size: 0.9em; color: #FFFFFF; } #nr5Top { /* min-height: 120px; */ text-align: center; padding-top: 60px; /*background-color: rgb(1, 128, 136);*/ /*background-color: rgba(59, 103, 173, 1);*/ /* background-color: rgba(1, 128,136, .9); */ background-color: #1F5C4D; padding-bottom: 50px; } #nr5Top .rowTitle { display: block; width: 100%; margin: 0 auto; text-align: center; } #nr5 { display: flex; align-items: center; justify-content: center; /* min-height: 400px; */ text-align: center; padding-bottom: 50px; padding-top: 18px; /*background-color: rgb(1, 128, 136);*/ /*background-color: rgba(59, 103, 173, 1);*/ /* background-color: rgba(1, 128,136, .9); */ background-color: #1F5C4D; } #nr5 .registrationShell { width: 100%; max-width: 1080px; margin: 0 auto; } #nr5 .registrationLead { width: 100%; max-width: 980px; margin: 0 auto 22px; padding: 24px 28px; background: linear-gradient(135deg, rgba(1, 68, 33, 0.82), rgba(31, 92, 77, 0.86)); border: 1px solid rgba(227, 123, 64, 0.22); border-left: 4px solid #E37B40; border-radius: 12px; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.16); box-sizing: border-box; } .registrationLeadTitle { margin: 0 0 10px; color: #FFFFFF; font-size: 1.6em; letter-spacing: 0.04em; } .registrationLeadText { margin: 0; color: rgba(255, 255, 255, 0.92); line-height: 1.75; } #nr5 .registrationCard { width: 100%; max-width: 980px; margin: 0 auto; padding: 28px 30px 26px; background: linear-gradient(145deg, rgba(31, 92, 77, 0.92), rgba(1, 68, 33, 0.9)), radial-gradient(circle at top right, rgba(227, 123, 64, 0.16), transparent 42%); border: 1px solid rgba(227, 123, 64, 0.24); border-radius: 12px; box-shadow: 0 22px 46px rgba(0, 0, 0, 0.18); box-sizing: border-box; } #nr5 .registrationGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 18px; align-items: start; } #nr5 .registrationGridSecondary { margin-top: 18px; } #nr5 .registrationField, #nr5 .form-group { text-align: left; } #nr5 .registrationFieldFull { margin-top: 18px; } #nr5 .registrationSwitch { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin: 18px 0 0; padding: 16px 18px; border: 1px solid rgba(227, 123, 64, 0.18); border-radius: 10px; background: rgba(1, 68, 33, 0.22); text-align: left; } #nr5 .registrationSwitchLabel { color: #FFFFFF; font-weight: 700; margin-right: 8px; } #nr5 .registrationSwitchOption { display: inline-flex; align-items: center; gap: 8px; margin: 0; color: #FFFFFF; font-weight: 400; cursor: pointer; } #nr5 .registrationSwitchOption input[type="radio"] { width: 18px; height: 18px; margin: 0; accent-color: #E37B40; } #nr5 .payerCompanyFields { grid-column: 1 / -1; } #nr5 label { display: block; margin-bottom: 8px; color: #FFFFFF; font-weight: 700; letter-spacing: 0.02em; } #nr5 p { margin: 0 auto; color: #fff; } #nr5 input, #nr5 select { background-color: transparent; border: none; border: 1px solid #E37B40; border-radius: 10px; width: 100%; height: auto; padding: 16px 18px; color: #FFFFFF; background: rgba(1, 68, 33, 0.26); box-sizing: border-box; /*text-align: center;*/ } #nr5 input:focus, #nr5 select:focus { outline: none; border-color: #FFFFFF; box-shadow: 0 0 0 3px rgba(227, 123, 64, 0.18); } #nr5 input::placeholder { color: #FFFFFF; /*color: rgb(49,190,248);*/ /*padding-left: 3%;*/ text-align: left; font-style: italic; } #nr5 select option { color: #212121; } #koszulkaSelect option { color: #333; } #lunchSelect option, #entranceSelect option { color: #333; } #nr5 .registrationHint { margin-top: 10px; color: rgba(255, 255, 255, 0.74); font-size: 0.92em; line-height: 1.5; } #zgodaDane { margin-top: 20px; color: #FFFFFF; line-height: 1.7; text-align: left; } #zgodaDane a { color: #E37B40; } #zgodaDane a:hover { color: #FFFFFF; } #nr5 .registrationActions { margin-top: 24px; text-align: left; } #nr5 #btnRejetracja { cursor: pointer; width: auto; min-width: 240px; background: transparent; } #nr5 #btnRejetracja:disabled { opacity: 0.65; cursor: wait; } #nrInfo { display: flex; align-items: center; justify-content: center; /* min-height: 400px; */ text-align: center; padding-bottom: 50px; padding-top: 18px; /*background-color: rgb(1, 128, 136);*/ /*background-color: rgba(59, 103, 173, 1);*/ /* background-color: rgba(1, 128,136, .9); */ background-color: #1F5C4D; } #nr6Top { min-height: 120px; text-align: center; padding-top: 80px; /*background-color: rgb(229,230,231);*/ /* background-color: rgba(1, 128,136, 1); */ background-color: #014421; color: #FFFFFF; } #nr6 { display: flex; align-items: center; justify-content: center; min-height: 500px; text-align: center; min-width: 0; padding-left: max(24px, calc((100% - 1320px) / 2)); padding-right: max(24px, calc((100% - 1320px) / 2)); padding-bottom: 40px; box-sizing: border-box; /*background-color: rgb(229,230,231);*/ /* background-color: rgba(1, 128,136, 1); */ background-color: #014421; } #rowTitleLokalizacja { padding-bottom: 20px; } #nr6 .col-xs-12 { display: flex; justify-content: center; width: 100%; } #mapaMBUM { width: min(100%, 1280px); height: 450px; border-radius: 12px; box-shadow: 0 22px 46px rgba(0, 0, 0, 0.2); margin: 0 auto; } #nr7 { display: flex; flex-wrap: wrap; align-items: center; min-height: 200px; text-align: center; padding-right: 10%; /*background-color: rgba(59, 103, 173, 1);*/ /* background-color: rgba(1, 128,136, .9); */ background-color: #1F5C4D; } #nr7 ul { list-style: none; border: 1px solid #E37B40; padding: 10px; border-radius: 5px; color: #FFFFFF; } #nr7 ul li { color: #FFFFFF; } #nr8 { display: block; background-color: #F4F4F4; padding-bottom: 40px; } #nr8Top { padding-bottom: 50px; min-height: 120px; text-align: center; padding-top: 70px; } #nr8Top .col-xs-12 { display: flex; justify-content: center; width: 100%; } .partnerSectionTitle { margin: 10px 0 12px; display: flex !important; justify-content: center !important; text-align: center; } .partnerSectionTitle, #nr8Top .col-xs-12 { align-items: center; } #rowTitle8 { text-align: center; padding-bottom: 20px; color: #FFFFFF; } #partnerzyLogos { width: 100%; max-width: 1120px; margin: 0 auto; padding-left: 6%; padding-right: 6%; background-color: white; } #partnerzyLogos > .col-xs-12 { display: grid; gap: 24px; margin-bottom: 24px; justify-content: center; } .partnerGroupOrganizers { grid-template-columns: repeat(2, minmax(260px, 320px)); align-items: center; justify-content: center; } .partnerGroup { grid-template-columns: repeat(4, minmax(180px, 220px)); align-items: center; justify-content: center; } #partnerzyLogos .partnerLogo { display: flex; align-items: center; justify-content: center; min-height: 120px; margin-top: 0; padding: 12px; } .partnerGroupOrganizers .partnerLogo { min-height: 220px; } .partnerGroupOrganizers .partnerLogo img { max-height: 160px !important; max-width: 480px !important; width: 100%; height: auto; } .organizerLogo { width: auto; margin: 0 auto; } #partnerzyLogos .partnerLogo img { max-height: 80px; max-width: 220px; width: auto; height: auto; margin: 0 auto; display: block; object-fit: contain; } .rowTitle { display: initial; font-size: 2.3em; letter-spacing: 3px; padding-bottom: 30px; color: #FFFFFF; } .rowTitlePartnerzy { color: #014421; font-size: 2.1em; letter-spacing: 0.08em; font-weight: 700; text-transform: uppercase; } #nr8Top .rowTitlePartnerzy, .partnerSectionTitle .rowTitlePartnerzy { display: inline-flex; align-items: center; justify-content: center; min-width: min(100%, 460px); padding: 12px 24px; border-radius: 999px; background: rgba(1, 68, 33, 0.08); border: 1px solid rgba(1, 68, 33, 0.14); } #wispLogo { margin-top: 0.85%; } #solarixLogo { margin-top: 10%; padding-left: 7%; } #stalflexLogo { padding: 2%; } #mtpgLogo { margin-top: 2.5%; } .logoLow { margin-top: 5%; } .logoWysokie img { max-width: 40%; margin-left: 16%; } .displayBlock { display: block; } .displayFlexCenter { display: flex; align-items: center; } .hideAlert { display: none; } .tcenter { text-align: center; } .bold { font-weight: bold; } .stext { font-size: 0.7em; font-style: italic; } .hide { display: none; } .bladFrom { display: none; color: #E37B40; font-size: 12px; margin-top: 5px; } #rejestracjaFormPlatne { margin-top: 7px; } #rejestracjaFormPlatne option { color: #333; } #koszulkaLabel { /* nie działa! */ text-align: left; font-weight: 400; } .prelegentNazwisko { font-size: 24px; padding-top: 35px; } #infoBoxRow { margin-top: 30px; margin-bottom: 15px; } #infoInfo { margin: 0 auto; } #infoBoxRow .alert { padding: 16px 18px; border: 1px solid transparent; border-radius: 10px; line-height: 1.7; text-align: left; background: rgba(1, 68, 33, 0.3); color: #F6F1E8; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16); } #infoBoxRow .alert-danger { color: #FFF4F1; background-color: #B94F42; border-color: #B94F42; } #infoBoxRow .alert-warning { color: #FFF7E8; background-color: #C47A22; border-color: #C47A22; } #infoBoxRow .alert-success { color: #F2FAF5; background-color: #1F5C4D; border-color: #1F5C4D; } #buttonReload { background-color: #018088; color: #fff; padding: 15px 30px; border-radius: 5px; /* margin-bottom: 35px; */ margin: 0 auto; } /* strona archiwum */ #archContainer { background-color: #014421; } #archContainer .row > .col-md-12 { width: 100%; flex: 0 0 100%; max-width: 100%; } #archRowGora { display: flex; align-items: center; justify-content: center; background-image: url("../img/mbum-gdansk-2025.png"); background-position: center; background-size: cover; min-height: 400px; margin-top: -50px; color: #FFFFFF; } #archMainTytul { color: #FFFFFF; padding: 0 30px; text-align: center; font-size: 2.5em; font-weight: bold; letter-spacing: 2px; z-index: 2; position: relative; } .archRowTytul { width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 40px 5% 40px 5%; margin-bottom: 60px; border-radius: 12px; box-sizing: border-box; } .archTytul, .archH2 { padding: 30px 5% 20px 5%; margin-bottom: 20px; } .archText, .wykladOpis { padding: 0 5% 20px 5%; } #arch10Row, #arch9Row, #arch8Row, #arch7Row, #arch6Row, #arch5Row, #arch3Row, #arch2Row, #arch1Row { width: 100%; max-width: 1320px; margin-left: auto; margin-right: auto; padding: 0 5% 40px 5%; margin-bottom: 60px; box-sizing: border-box; } #arch10Row, #arch9Row, #arch8Row, #arch7Row, #arch6Row, #arch5Row, #arch3Row, #arch2Row, #arch1Row { /* nie zmieniaj tła, tylko kolor tekstu */ color: #FFFFFF; } .archTytul, .archH2 { color: #E37B40; } .prelegentNazwisko { color: #E37B40; font-size: 24px; padding-top: 35px; } .archText, .wykladOpis { color: #FFFFFF; } #opisArch2, #opisArch1 { color: #FFFFFF; } #arch10Row a, #arch9Row a, #arch8Row a, #arch7Row a, #arch6Row a, #arch5Row a, #arch3Row a, #arch2Row a, #arch1Row a { color: #E37B40; text-decoration: underline; } #arch10Row a:hover, #arch9Row a:hover, #arch8Row a:hover, #arch7Row a:hover, #arch6Row a:hover, #arch5Row a:hover, #arch3Row a:hover, #arch2Row a:hover, #arch1Row a:hover { color: #FFFFFF; background: #E37B40; text-decoration: none; } .galeriaArch { padding: 0; display: inline-block; vertical-align: top; width: 24%; margin: 0; } .galeriaArch img { width: 100%; height: auto; border: 2px solid #E37B40; display: block; } /* */ #mbum4ArchImg { background-image: url("../img/mbum4_arch/mbum-4-archiwum.png"); background-size: cover; min-height: 300px; background-position: center; } #mbum5rchImg { background-image: url("../img/mbum5_arch/mbum5archImg.png"); background-size: cover; min-height: 300px; background-position: center; } #mbum6rchImg { background-image: url("../img/mbum6_arch/mbum6archImg.png"); background-size: cover; min-height: 300px; background-position: center; } #mbum7rchImg { background-image: url("../img/mbum7_arch/mbum7archImg.png"); background-size: cover; min-height: 300px; background-position: left; } #mbum8rchImg { background-image: url("../img/mbum8_arch/mbum8ArchImg.png"); background-size: cover; min-height: 300px; background-position: left; } #mbum9rchImg { background-image: url("../img/mbum9_arch/mbum9ArchImg.png"); background-size: cover; min-height: 300px; background-position: left; } #mbum10rchImg { background-image: url("../img/mbum10_arch/mbum10ArchImg.png"); background-size: cover; min-height: 270px; background-position: left; } /* */ @media screen and (max-width: 768px) { #logoImg { padding-bottom: 2px; margin-bottom: 1px; } #logoImgP { margin-bottom: 30px; } #nr1 #titleMbum { font-size: 3.3em; letter-spacing: 2px; } #nr1 #dateMbum { margin-top: 15px; font-size: 2em; } #nr1 #miastoMbum { padding-top: 15px; font-size: 2em; } #nr2 #nr2SubTitle { font-size: 1.75em; padding: 16px 18px 18px; margin-bottom: 28px; } #introText { margin-bottom: 28px; padding: 20px 18px; font-size: 1em; line-height: 1.8; border-left-width: 3px; border-radius: 10px; } .participationBox { padding: 22px 18px 18px; } .participationTitle { margin-bottom: 24px; font-size: 1.7em; } .participationList li { grid-template-columns: 1fr; gap: 12px; padding: 18px 16px; } .participationText { padding-top: 0; } .participationPriceRow:first-child .participationPrice { min-width: 160px; font-size: 1.15em; } .participationPrices, .participationPriceRow { align-items: flex-start; } .participationPriceNote { text-align: left; } .participationNote { padding: 16px 0 0; } #nr2 p { padding: 0 5px; } #btnRejstracja { padding-left: 5px; } #nr5 .registrationLead, #nr5 .registrationCard { padding: 22px 18px; } #nr5 .registrationGrid { grid-template-columns: 1fr; gap: 16px; } #nr5 .registrationSwitch { align-items: flex-start; flex-direction: column; gap: 10px; } #nr5 #btnRejetracja { width: 100%; min-width: 0; } #nr2, #nr3, #nr4 { padding-top: 10%; padding-bottom: 10%; padding-left: 0; padding-right: 0; } #nr2 .descriptionConference { max-width: none; } #nr4 { grid-template-columns: 1fr; gap: 18px; } #nr4 .prelegentKolumna { padding: 22px 18px 24px; } #nr4 .prelegentPhoto { width: 144px; height: 144px; } #nr3 { padding-top: 24px; padding-bottom: 32px; } #nr3 .table { border-radius: 8px; } #nr3 .table td:first-child, #nr3 .table td:last-child { padding: 14px 16px; } #nr3 .table td:first-child { width: 100%; } .collapsing, .in { background-color: #f7f7f7; } .collapsing ul li a, .in ul li a { color: #555 !important; } .collapsing ul li a:hover, .in ul li a:hover { color: #f1f1f1 !important; } .navbar-toggle { margin-right: 25px; } .navbar-default { padding-top: 20px; padding-bottom: 10px; } .navbar-default .navbar-toggle .icon-bar { background-color: #999; } .m0a { margin: 0 auto; } .prelegentKolumna { padding-bottom: 0; } .m100 { width: 100%; } #nr4 { grid-template-columns: 1fr; gap: 20px; } .partnerGroupOrganizers, .partnerGroup { grid-template-columns: repeat(2, minmax(0, 1fr)); } .partnerGroupOrganizers { grid-template-columns: 1fr; } #partnerzyLogos { padding-left: 16px; padding-right: 16px; } #partnerzyLogos > .col-xs-12 { gap: 16px; } #partnerzyLogos .partnerLogo { min-height: 0; padding: 12px 8px; } .partnerGroupOrganizers .partnerLogo { min-height: 0; } .partnerGroupOrganizers .partnerLogo img, #partnerzyLogos .partnerLogo img, .organizerLogo { max-width: 100% !important; width: min(100%, 320px); height: auto; } #archMainTytul { margin-top: 50%; } } .inputPlatnik { color: white; list-style: none; } .spinner-container { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; background-color: rgba(0, 0, 0, 0.7); padding: 20px; border-radius: 10px; text-align: center; color: white; } .spinner { display: none; width: 50px; height: 50px; border: 5px solid #f3f3f3; border-top: 5px solid #E37B40; border-radius: 50%; animation: spin 1s linear infinite; margin: 20px auto; } .spinner-text { margin-top: 10px; font-size: 16px; color: white; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .forms-title { color: white; } .forms-list { list-style-type: none; color: white; } .forms-list li { margin-bottom: 10px; } .forms-list .highlight { color: #E37B40; font-weight: bold; }