/*   
Theme Name: Comingsoon
Theme URI: https://www.rose-paris.com/
Description: ...
Author: Fahd Idaghdour
Author URI: http://fahdos.com
Version: 1.2
*/

@import "WebFonts/pitchsans.css";

/* ==========================================================================
   Reset
   ========================================================================== */

* { padding: 0;margin: 0; box-sizing: border-box; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent; }
html {height: 100%;font-family: sans-serif;  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline; }

[hidden], template {display: none;}

a {background: transparent;text-decoration: none;color: #000;}
a:active, a:hover {outline: 0; outline:none}
ul {list-style: none;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
img {border: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"],  input[type="reset"], input[type="submit"] { -webkit-appearance: button;  cursor: pointer; }
button[disabled],
html input[disabled] {cursor: default;}
button::-moz-focus-inner,
input::-moz-focus-inner {border: 0; padding: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
textarea {overflow: auto;}
textarea, input { outline: none; }
table { border-collapse: collapse;border-spacing: 0;}
td, th {padding: 0;}
p { margin-bottom: 15px; line-height: 1.5;}
fieldset { border: none;}
button:focus {outline:0;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
body.overflow {overflow: hidden; }

h1, h2, h3, h4, h5, h6 { font-weight: 500; font-style: normal;}

.no-up {text-transform: none !important; }

/* ==========================================================================
  General 
   ========================================================================== */
body {font-family: 'Pitch Sans', sans-serif; font-weight:500; font-style: normal; font-size: 12px; color: #000; height: 100%;}
section { width: 100%; float: left; padding: 20px;}
.row {width: 100%;  margin: 0 auto;  max-width: 1200px;  padding: 0;}

.logo {display: block;}
.logo img {width: 40px; height: 40px; position: absolute; top: 20px; left: 20px; }
header { padding: 20px; font-size: 12px;  height: 100vh; z-index: 9998; position: fixed; left: 0; top: 0; width: auto; float: left;}
header .navigation {height: 100%; position: fixed; top: 0; left: 20px; }
header .elm {position: absolute; top: 50%; transform: translateY(-50%); width: max-content;}
header.visiblebio .elm { top: 80px; }

header nav {}
header nav h2 { font-size: 12px; margin-bottom: 2px; }
header h1 {font-size: 12px; margin-bottom: 20px; text-transform: uppercase;}
header ul {margin-bottom: 20px;}
header li {margin-bottom: 2px;}
header .control {text-transform: uppercase;}
header .control:last-child {margin-bottom: 0;}
header .menu li {text-transform: uppercase;}

header h1.title {margin:0;}
header h3 {font-size: 12px; margin-bottom: 20px;}

@media only screen and (max-width: 768px) { 
 .logo img {width: 60px; height: 60px; }

}