/* =========================================================
   WARSAW ARRHYTHMIA COURSE
   GŁÓWNY ARKUSZ STYLÓW
   ========================================================= */


/* ---------- 1. TYPOGRAFIA ---------- */

body,
button,
input,
select,
textarea {
    font-family: "Lato", Arial, sans-serif !important;
    color: #333333;
}

body {
    background-image: url("/conf-data/ArrhythmiaCourse/images/Serce%20Warszawy%20na%20tle%20EKG%20(1).png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


/* ---------- 2. MENU GŁÓWNE ---------- */

.navbar-menu-widthfix.navbar {
    background: #0E4968 !important;
    min-height: 20px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;

    border-radius: 0 0 20px 20px;

    -webkit-box-shadow: 0 7px 24px -19px rgba(66, 68, 90, 1);
    -moz-box-shadow: 0 7px 24px -19px rgba(66, 68, 90, 1);
    box-shadow: 0 7px 24px -19px rgba(66, 68, 90, 1);
}

.navbar-inverse {
    background: #0E4968 !important;
    border-color: #0E4968 !important;

    border-radius: 0 0 20px 20px;

    width: 90% !important;
    margin-left: auto;
    margin-right: auto;

    -webkit-box-shadow: 0 7px 24px -19px rgba(66, 68, 90, 1);
    -moz-box-shadow: 0 7px 24px -19px rgba(66, 68, 90, 1);
    box-shadow: 0 7px 24px -19px rgba(66, 68, 90, 1);
}

.navbar-right {
    padding-top: 20px;
    padding-bottom: 20px;
}

.navbar-menu-widthfix .navbar-nav > li > a,
.navbar-menu-widthfix .navbar-brand {
    color: #ffffff !important;
}

.nav > li > a {
    position: relative;
    display: block;

    padding-left: 10px !important;
    padding-right: 10px !important;

    font-size: 13px !important;
    font-weight: 600;
    color: #ffffff !important;
}


/* Efekt po najechaniu na pozycję menu */

.navbar-menu-widthfix .navbar-nav > li > a:hover,
.navbar-menu-widthfix .navbar-nav > li > a:focus {
    color: #9EDCEC !important;
}


/* Aktywna pozycja menu */

.navbar-menu-widthfix .navbar-nav > .active > a,
.navbar-menu-widthfix .navbar-nav > .active > a:hover,
.navbar-menu-widthfix .navbar-nav > .active > a:focus {
    color: #ffffff !important;
    background: #1B92BA !important;
    border-radius: 8px;
}


/* ---------- 3. SZEROKOŚĆ STRONY ---------- */

.container-fluid--max-width {
    max-width: 1100px;
}

@media (min-width: 1200px) {

    .navbar > .container {
        width: 1366px !important;
    }

}

.navbar > .container .container {
    padding-left: 10% !important;
}


/* ---------- 4. GŁÓWNA BIAŁA KARTA ---------- */

.glowna {
    margin-top: -100px;
    margin-bottom: 90px;

    padding: 60px;

    background: #ffffff;
    border-radius: 30px;

    -webkit-box-shadow: 1px 1px 24px 0 rgba(66, 68, 90, 0.20);
    -moz-box-shadow: 1px 1px 24px 0 rgba(66, 68, 90, 0.20);
    box-shadow: 1px 1px 24px 0 rgba(66, 68, 90, 0.20);
}


/* ---------- 5. NAGŁÓWKI ---------- */

h1,
h2,
h3,
h4,
h5,
h6,
.section-header {
    font-family: "Lato", Arial, sans-serif !important;
    color: #0E4968;
}

.glowna .section-header {
    margin-bottom: 50px !important;
}


/* ---------- 6. ORGANIZATORZY ---------- */

.glowna .row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.glowna .speaker {
    text-align: center;
}

.glowna .speaker img {
    width: 200px !important;
    height: 200px !important;
    object-fit: cover !important;
    object-position: center 20% !important;
    border-radius: 50% !important;
    display: block;
    margin: 0 auto;
}
.glowna .speaker.farkowski img {
    object-position: center 27% !important;
}


/* ---------- 7. BANER KONFERENCJI ---------- */

img.baner-konferencji {
    display: block !important;

    width: calc(100% - 30px) !important;
    max-width: 1140px !important;
    height: auto !important;

    margin: 30px auto 0 auto !important;

    border-radius: 30px !important;
}


/* ---------- 8. RAMKA ABSTRAKTÓW ---------- */

.abstract-box {
    width: 1140px !important;
    max-width: none !important;

    position: relative;
    left: 50%;
    transform: translateX(-50%);

    margin: 50px 0 90px 0 !important;

    padding: 55px 60px !important;
    box-sizing: border-box !important;

    background: #ffffff;
    border-radius: 30px;
    box-shadow: 1px 1px 24px 0
        rgba(66, 68, 90, 0.20);
}


/* ---------- 9. NIEBIESKA SEKCJA ZE STATYSTYKAMI ---------- */

.rounded-stats {
    width: calc(100% - 30px) !important;
    max-width: 1140px !important;

    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    margin: 10px 0 !important;
 background-color: #0E4968 !important;
    border-radius: 30px !important;
    overflow: hidden;
}

.fullwidth-section__tint {
    padding-bottom: 50px;
    background-color: #0E4968 !important;
}


/* ---------- 10. PRZYCISKI ---------- */

.btn {
    display: block;

    width: 180px;

    margin-left: auto;
    margin-right: auto;

    background: #146F8E !important;
    border: 0 !important;
    border-radius: 8px;

    color: #ffffff !important;
    font-family: "Lato", Arial, sans-serif !important;
    font-weight: 600;
}

.btn:hover,
.btn:focus {
    background: #0E4968 !important;
}

.navbar-item-register {
    border: 0;
}


/* ---------- 11. UKŁAD KOLUMN ---------- */

.ukladaniekolumn {
    display: flex;
}

.lewa {
    width: 30%;
    display: block;
}

.prawa {
    width: 70%;
    display: block;

    padding-left: 50px;
    padding-right: 50px;
}

.columns {
    column-count: 2;
    column-gap: 80px;
    column-rule: 1px dashed #ffffff;
}


/* ---------- 12. PATRONAT ---------- */

.patronat a img {
    width: 80%;
}


/* ---------- 13. ODLICZANIE ---------- */

.banner__countdown-wrapper {
    text-align: center !important;
}


/* ---------- 14. STARE LOGO ---------- */

object[data$="logo2.svg"] {
    display: none !important;
    visibility: hidden !important;

    width: 0 !important;
    height: 0 !important;

    padding: 0 !important;
    margin: 0 !important;
}


/* ---------- 15. STOPKA ---------- */

.footer {
    display: none;
}


/* =========================================================
   TABLETY / MNIEJSZE KOMPUTERY
   ========================================================= */

@media only screen and (min-width: 769px) and (max-width: 1366px) {

    .has-collapsed-aside-menu {
        padding-top: 55px !important;
    }

}


/* =========================================================
   TELEFONY
   ========================================================= */

@media only screen and (max-width: 768px) {

    .has-collapsed-aside-menu {
        padding-top: 160px !important;
    }

    .navbar-menu-widthfix.navbar,
    .navbar-inverse {
        width: 100% !important;
    }

    .navbar-header {
        background: #0E4968;
    }

    .glowna {
        margin-top: -10px;
        margin-bottom: 40px;

        padding: 30px 20px;

        border-radius: 20px;
    }

    .abstract-box {
        width: calc(100% - 30px);

        margin: 25px auto 40px auto;
        padding: 30px 20px;

        border-radius: 20px;
    }

    .baner-konferencji {
        width: 90%;
        max-width: 90%;
        height: auto;
    }

    .baner {
        height: 320px;
        margin-top: -20px;
    }

    .columns {
        column-count: 1;
        column-gap: 0;
    }

    .ukladaniekolumn {
        display: flex;
        flex-direction: column;
    }

    .lewa {
        width: 100% !important;
        margin-left: 0;
    }

    .prawa {
        width: 100% !important;

        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .glowna .speaker img {
        width: 180px !important;
        height: 180px !important;
    }

}
  /* Tekst powitalny w dwóch równych kolumnach */

.tekst-powitalny {
    column-count: 2;
    column-gap: 60px;
    column-fill: balance;

    text-align: justify;
    line-height: 1.55;
}


/* Nagłówek nad tekstem */

.powitanie {
    margin-bottom: 35px;

    font-size: 24px;
    font-weight: 400;
    font-style: italic;
    color: #0E4968;
}


/* Zdjęcie pod tekstem */

.organizator-glowna {
    margin-top: 40px;
    text-align: center;
}

.organizator-glowna img {
    display: block;

    width: 260px;
    height: 260px;

    margin: 0 auto 15px auto;

    object-fit: cover;
    border-radius: 50%;
}

.organizator-glowna p {
    margin: 0;
    text-align: center;
    font-weight: 600;
}


/* Telefon */

@media only screen and (max-width: 768px) {

    .tekst-powitalny {
        column-count: 1;
        text-align: left;
    }

    .organizator-glowna img {
        width: 200px;
        height: 200px;
    }
}
/* Kolor tła sekcji ze statystykami */

.fullwidth-section__tint {
    background-color: #092958 !important;
}
  /* ==========================================
   ODSTĘPY MIĘDZY SEKCJAMI
   ========================================== */

/* Biała ramka z tekstem */
.glowna {
    margin-bottom: 25px !important;
}

/* Niebieska ramka ze statystykami */
.rounded-stats {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
}

/* Wnętrze niebieskiej ramki */
.rounded-stats .fullwidth-section__tint {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.rounded-stats .container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* Mniejsza przestrzeń pod licznikami */
.rounded-stats .counter {
    margin-bottom: 0 !important;
}


  /* ---------- LOGO ORGANIZATORA ---------- */

.glowna.organizator-glowny .logo-organizatora {
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

.glowna.organizator-glowny .logo-organizatora img {
    width: 220px !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}
  /* ---------- ODSTĘP POD ORGANIZATOREM ---------- */

.glowna.organizator-glowny {
    margin-bottom: 130px !important;
}