@font-face {
  font-family: 'Texturina';
  src: url('../fonts/Texturina.woff') format('woff');
  #font-weight: 400;
  #font-style: normal;
}

body {
            /*background-image: url('resources/img/background.jpg') !important;*/
            /*background-size: cover !important;*/
            /*background-position: center !important;*/
            background: url('../img/background.jpg') lightgray 50% / cover no-repeat !important;

        }

        .login-pf-page {
            width: 40%;
            height: 100%;
            background: rgba(14, 6, 6, 0.50);
            backdrop-filter: blur(2px);
        }


        .login-pf-page-header {
            color: #E3A924 !important;
            text-align: center;
            font-family: Texturina;
            font-size: 32px;
            font-style: normal;
            font-weight: 700;
            line-height: 140%; /* 44.8px */
        }

        .card-pf {
            padding: 40px !important;
            border: 1px solid #E3A924 !important;
            /*background: #0E0606 !important;*/
            backdrop-filter: blur(3px);

            /* 4 různé obrázky v rozích */
            background-image: url('../img/top_left_corner.svg'), /* levý horní roh */ url('../img/top_right_corner.svg'), /* pravý horní roh */ url('../img/bottom_left_corner.svg'), /* levý dolní roh */ url('../img/bottom_right_corner.svg') !important; /* pravý dolní roh */

            background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;

            background-position: left top,
            right top,
            left bottom,
            right bottom;

            /* volitelné – velikost ikonek */
            background-size: 27px 27px, 27px 27px, 27px 27px, 27px 27px;
            background-origin: border-box;
	    background-color: #0E0606 !important;
        }

        #kc-page-title {
            color: #FFF;
            text-align: center;
            font-variant-numeric: lining-nums proportional-nums;
            font-family: Texturina;
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 120%; /* 19.2px */
        }

        .pf-c-form-control {
            background-color: #0E0606;
            border-radius: 4px;
            border: 1px solid #A58F78;
            height: 50px !important;
            color: #A58F78;
        }

        .pf-c-form__label {
            color: #A58F78;
        }

        #kc-current-locale-link {
            color: #A58F78 !important;
        }

        #password {
            border: none;
            border-radius: 0;
        }

        .pf-c-input-group {
            border-radius: 4px;
            border: 1px solid #A58F78;
        }

        .pf-c-button {
            background-color: #0E0606 !important;
            border: none !important;
            color: #A58F78;
        }

        .pf-c-button:after {
            border: none;
        }

        #kc-login {
            border-radius: 40px !important;
            background: #3F8A7D !important;
            height: 36px;

            color: #FFF;
            font-variant-numeric: lining-nums proportional-nums;

            /* Body */
            font-family: var(--font-family-title, Raleway);
            font-size: var(--font-size-S, 14px);
            font-style: normal;
            font-weight: 500;
            line-height: 140%; /* 19.6px */
        }

        .kc-social-section hr {
            border-top: 1px solid #4C5654;
        }

        .kc-social-section h2 {
            color: var(--Foundation-DH---Grey-dh---grey-300, #9CA5A3);
            text-align: center;
            font-variant-numeric: lining-nums proportional-nums;
            font-family: Raleway;
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: 140%; /* 16.8px */
        }

        .kc-social-item {
            border-radius: 40px !important;
            border: 2px solid var(--DH---Emerald, #3F8A7D) !important;
            color: #FFF !important;
        }

        #kc-info {
            margin: 20px 0 20px 0 !important;
        }

        #kc-registration {
            color: var(--DH---Dark, #FFF);
            font-variant-numeric: lining-nums proportional-nums;
            font-family: Raleway;
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: 140%; /* 16.8px */
        }

	.fa-eye{
		color: #A58F78 !important;
	}

        a {
            color: var(--Foundation-DH---Gold-dh---gold-500, #E3A924) !important;
        }

        .checkbox {
            accent-color: #3F8A7D;
            color: var(--DH---Dark, #FFF);
            font-variant-numeric: lining-nums proportional-nums;
            font-family: Raleway;
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
         }

	 .pf-c-dropdown__menu{
		 background-color: #0E0606 !important;
		 border: 1px solid #E3A924;
	 }

	 .pf-c-dropdown__menu-item:hover{
		 background-color: #322222 !important;
		 border 0 solid black !important;
	 }
	#kc-info-wrapper{
		background-color: #0E0606 !important;
	}

        /* Mobil na výšku (do 576px) */
        @media (max-width: 576px) {
            .login-pf-page {
                width: 100%;
                height: auto;
                padding: 10px 10px 0 10px;
            }
        }

        /* Tablet (od 577px do 768px) */
        @media (min-width: 577px) and (max-width: 768px) {
            .login-pf-page {
                width: 100%;
            }
        }

        /* Menší notebook (769px až 992px) */
        @media (min-width: 769px) and (max-width: 992px) {
            .login-pf-page {
                width: 50%;
            }
        }

        /* Větší monitor (993px až 1200px) */
        @media (min-width: 993px) and (max-width: 1200px) {
            .login-pf-page {
                width: 40%;
            }
        }

        /* Velký desktop (nad 1200px) */
        @media (min-width: 1201px) {
            .login-pf-page {
                width: 40%;
            }
        }