@font-face {
 		   font-family: 'NewYork';
    		src: url('NewYork.eot');
    		src: url('/modules/iqitthemeeditor/views/fonts/NewYork.eot?#iefix') format('embedded-opentype'),
        	url('/modules/iqitthemeeditor/views/fonts/NewYork.woff2') format('woff2'),
        	url('/modules/iqitthemeeditor/views/fonts/NewYork.woff') format('woff'),
        	url('/modules/iqitthemeeditor/views/fonts/NewYork.ttf') format('truetype'),
        	url('/modules/iqitthemeeditor/views/fonts/NewYork.svg#NewYork') format('svg');
    		font-weight: normal;
    		font-style: normal;
    		font-display: swap;
		}
		
		html, body {
            margin: 0;
            padding: 0;
            height: 100%;
           font-family: 'NewYork',sans-serif;
        }

        body {
            background-size: cover;
            background-position: top;
            background-repeat: no-repeat;
        	background-image: url('/img/cms/bg-desktop.jpg'); 
		}

        .container {
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .form-wrapper {
            padding: 2rem;
            max-width: 500px;
            width: 90%;
            text-align: center;
        }

        input[type="password"] {
            width: 100%;
            padding: 10px;
            margin-top: 10px;
            font-size: 1rem;
            background-color: rgba(255, 255, 255, 0.9); 
	 		opacity:0.9;
			border: 0;
  			text-align: center;
        }

        button[type="submit"] {
            margin-top: 15px;
            padding: 10px 20px;
            font-size: 1rem;
            background-color: white;
            color: black;
            border: none;
            cursor: pointer;
        }

        button[type="submit"]:hover { background-color: #000;color:#fff; }
        .error { color: red; margin-top: 10px; }
		@media (max-width:767px) {
            body {background-image: url('/img/cms/bg-mobile.jpg') !important; }
        }