/*
Pilot - vlastní stylování na stránce
============================================ */
/*
============================================ */
        footer {
            background-color: #179ddb !important;
            color: white !important
        }

        footer a {
            color: white !important
        }

        footer a:hover {
            color: white !important;
        }

        footer img.logo {
            width: 100% !important;
            max-width: unset !important;
        }

        ratio {
            display: block;
            position: relative;
            padding-bottom: 56.25%;
            height: 0;
            overflow: hidden;
        }

        ratio iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        color[red] {
            color: red;
        }

        main p {
            margin: 16px 0 !important;
        }

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

        ul li {
            margin: 0 !important;
            padding: 0 !important;
        }

        .my-16 {
            margin: 16px 0;
        }

        .text-blue {
            color: #179ddb;
        }

        h1,
        h2 {
            text-align: left !important;
            margin: 0 !important;
            padding: 0 !important;
        }
        
        ul {
            position: relative;
            list-style-type: disc !important;
            padding-left: 48px !important;
        }

        ul.no-padding {
            padding-left: 0 !important;
        }

        ul.type-none,
        ul.type-box,
        ul.type-circle,
        ul.type-triangle {
            list-style-type: none !important;
        }

        ul.type-decimal {
            list-style-type: decimal !important;
        }

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

        .flex-1 {
            flex: 1;
        }

        ul.type-box > li:before,
        ul.type-circle > li:before {
            content: "";
            position: absolute;
            left: 24px;
            width: 16px;
            height: 16px;
            margin-top: 7px;
            display: block;
            background-color: black;
        }

        ul.type-circle > li:before {
            border-radius: 8px;
        }

        ul.type-triangle > li:before {
            content: "";
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 16px solid black;
            margin-top: 6px;
            position: absolute;
            left: 24px;
        }

        ul[color="blue"].type-box > li:before,
        ul[color="blue"].type-circle > li:before {
            background-color: #179ddb;
        }

        ul[color="blue"].type-triangle > li:before {
            border-bottom-color: #179ddb;
        }

        ul[color="red"].type-box > li:before,
        ul[color="red"].type-circle > li:before {
            background-color: #f44336;
        }

        ul[color="red"].type-triangle > li:before {
            border-bottom-color: #f44336;
        }

        ul[color="green"].type-box > li:before,
        ul[color="green"].type-circle > li:before {
            background-color: #4caf50;
        }

        ul[color="green"].type-triangle > li:before {
            border-bottom-color: #4caf50;
        }

        ul[color="yellow"].type-box > li:before,
        ul[color="yellow"].type-circle > li:before {
            background-color: #ffc107;
        }

        ul[color="yellow"].type-triangle > li:before {
            border-bottom-color: #ffc107;
        }

        [text="small"] {
            font-size: 80%;
            line-height: 20px;
        }

        .lh-20 {
            line-height: 20px;
        }

        ul {
            margin: 8px 0;
        }

        div.social a {
            display: inline-flex;
            max-width: 56px;
            max-height: 56px;
            margin: 0 8px;
        }

        div.social a img {
            width: 100%;
            height: auto;
        }

        .show-modal {
            position: unset;
            opacity: 1 !important;
            display: unset;
        }
        .show-modal > .modal-dialog {
            max-width: unset !important;
            width: 100% !important;
            margin: 0px !important;
        }

        .w-80 {
            width: 80% !important;
            height: auto !important;
        }

        .w-25 {
            width: 25% !important;
            height: auto !important;
        }

        .w-50 {
            width: 50% !important;
            height: auto !important;
        }

        .w-100 {
            width: 100% !important;
            height: auto !important;
        }

        [zarovnani="levo"] {
            margin-right: auto;
        }

        [zarovnani="pravo"] {
            margin-left: auto;
        }

        [zarovnani="stred"] {
            margin-right: auto;
            margin-left: auto;
        }



        .text-blue {
            color: #179ddb;
        }

        .text-red {
            color: #f44336;
        }

        .text-green {
            color: #4caf50;
        }

        .text-yellow {
            color: #ffc107;
        }

        .background-blue {
            background-color: #179ddb;
        }

        .background-red {
            background-color: #f44336;
        }

        .background-green {
            background-color: #4caf50;
        }

        .background-yellow {
            background-color: #ffc107;
        }

        body {
            color: rgba(0, 0, 0, 0.87) !important;
        }

        @media (max-width: 768px) {
            .w-phone-80 {
                width: 80% !important;
                height: auto !important;
            }
    
            .w-phone-25 {
                width: 25% !important;
                height: auto !important;
            }

            .w-phone-50 {
                width: 50% !important;
                height: auto !important;
            }
    
            .w-phone-100 {
                width: 100% !important;
                height: auto !important;
            }
        }

        .carousel-cell {
            width: 100%;
            height: auto;
            position: relative;
        }

        .btn-carousel {
            position: absolute;
            padding: 4px 16px;
            margin: 0;
            border: none;
            outline: none;
            /* background-color: white; */
            color: white !important;
            text-decoration: none !important;
            box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.34);
            font-size: 16px;
            /* line-height: 20px; */
        }

        .row {
            margin-right: 0px !important;
            margin-left: 0px !important;
        }

        .small-header {
            padding-top: 2rem;
            padding-bottom: 2rem;
        }

        .main-carousel {
            visibility: hidden;
        }
        .flickity-enabled {
            visibility: visible;
        }

        .btn-carousel:hover {
            filter: brightness(0.9);
        }

        #generate_SponsoreCode {
            font-size: 82%;
            margin-top: 16px !important;
        }

        .carousel-cell img {
            display: block;
            width: 100%;
            height: auto;
        }