/*
	Styleesheet of Escaperoom by Euphoria.BG
	Author: Web Arts Corporation LTD

	VISUAL CONSISTENCY
	Dark background: 1f2f3f;

		
*/

/* --- Reset settings --- */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
table { border-collapse: collapse; border-spacing: 0;}
* a, * a:hover, * a:active, * a:focus, * a:visited , 
* img, * img:hover, * img:active, * img:focus, * img:visited {outline: none;}


/* --- Generall settings --- */
html, body { min-height: 100%;}
body { width: 100%; padding: 0px; margin: 0px auto; position: relative; font-family: 'Montserrat', sans-serif; background: #24262e; color: #fff;}

h1 {font: 900 2.4em 'Montserrat', sans-serif; margin: 0 0 0.17em 0;}
h2 {font: 700 1.0em 'Montserrat', sans-serif; margin: 0; text-transform: uppercase; color: #00b31e;}
 
p{font: 300 1em 'Montserrat', sans-serif; text-decoration: none; word-spacing: 1.2px; letter-spacing: 0.3px; line-height: 1.3em; }
pre{font-size: 16px !important;}

a{margin: 0; font-size: 1em; line-height: 1em; color: #fe5000; text-decoration: none; font-family: "Montserrat"; z-index: 3;}

/* --- General classes and animations --- */
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


#main{max-width: 1024px; width: 96%; margin: 75px auto;}
#main .protector{position: fixed; top: 0; left: 0; bottom: 0; right: 0; display: flex; justify-content: center; align-items: center; z-index: 100; background: rgba(5, 10, 20, 0.8); opacity: 0;}
#main .protector .child{ text-align: center; width: 260px; padding: 12px 20px; font-size: 1.1em; font-family: inherit; border: 0; box-shadow: 0 0 3px -1px #000; border-radius: 10px;}
#main .protector .input{ outline: none;}
#main .protector .button{ background: #00b31e; color: #fff; margin-top: 10px; cursor: pointer;}
#main .blur{filter: blur(5px); transition: all 0.5s ease-out;}
#main .blur.clear{filter: blur(0);}
#main .grid{display: grid; grid-gap: 20px; grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); direction: rtl;}
#main .meta{text-align: left;}
#main .video{text-align: left;}
#main .video iframe{width: 100%; max-height: 260px;}

/* --- Responsive design --- */

@media screen and (max-width:620px){
	
}