/*
Theme Name: ess
Theme URI: 
Author: msx
Author URI: 
Description: 
Version: 1.0
License: 
License URI: 
Text Domain: mss
Tags: 


*/


*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

body {
    font: 20px/1.5 "Source Sans Pro", sans-serif;
    background: #030211;
    color: #f1f1f1;
	
}

h1, h2, h3, h4 {
	font-weight:300;
	font-family: 'Lora', serif;
	color: #f1f1f1;
}


.h1, h1 { font-size: 5rem;
color: inherit;
}

.h3, h3 {
    font-size: 1.45rem;
}

h4 { 
	font-size: 0.9rem;

}




b, strong {
    font-weight: bold;
}


a:link, a:visited {
    text-decoration: underline;
  	color: inherit;
    transition: color .3s;
}

a:hover {
    text-decoration: none;
	color: inherit;
}

a:active {
    text-decoration: none;
	color: inherit;
} 

em {
	    font-family: 'Roboto Mono', monospace;
	font-size: 0.9em;
	letter-spacing: -0.5px;
}

#page {
	width: 100%;

}


.menu-item a {
	padding: 0 0 0 1rem;
}


.floor {
padding-top: 3rem;
padding-bottom: 3rem;	
}






hr {
   margin: 0;
}

.intro h1 { 
	font-size: 2.4em;

	letter-spacing: 1px;
}





.navbar {
	  background: transparent;
	 padding-top: 3rem;
	padding-bottom: 3rem;
}
  
.navbar.subpage {
padding-top: 1rem;
	padding-bottom: 1rem;
}

.navbar a {
	text-decoration:none;
}


 .navbar-brand {
    font-size: 3rem;

}

 .navbar.subpage .navbar-brand {
    font-size: 1rem;

}
 .navbar.subpage .navbar-brand:before {
content: "← ";
display: inline;
}

.navbar .navbar-toggler {
    color:inherit;
    border-color: transparent;
}


.navbar .navbar-toggler {
	opacity:1;
}


.navbar .navbar-toggler:hover, .navbar .navbar-toggler:focus {
	opacity:1;
    border-color: transparent;
	outline: none;
	box-shadow: none;
}

.navbar .navbar-toggler-icon {
   /*background-image: url(img/ico-menu.svg);*/
}

.navbar-nav {
	padding-right: 1rem;
    text-align: right;
    font-size: 2rem;
}

.navbar .navbar-brand {
     color: inherit;
}

.navbar .navbar-brand:focus, .navbar .navbar-brand:hover {
    color: inherit;
}






.centered {
	text-align: center;
    display: table;
    width: 100%;
    height: 100%;
}

.centered em {
	display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.card {
	background-color: transparent;
    background-clip: border-box;
    border: 0;
    border-radius: 0;
}

.card-body {
    padding: 0;
}

.card-img-top {
	height:auto;
	width:100%;
}

.project-nav ul {
list-style: none; 
margin: 0; 
padding: 0; 
}

.project-nav a {
text-decoration: none;
}

input, input:hover, input:focus, input:active {
	background: transparent;
	border: 1px solid #f1f1f1;
	color: inherit;
	outline: none;
}

textarea, textarea:hover, textarea:focus, textarea:active {
	background: transparent;
	border: 1px solid #f1f1f1;
	color: inherit;
	outline: none;
	width: 100%; 
}

form label {
	font-size: 75%;
}




::-webkit-input-placeholder {
    color:inherit;
}

::-moz-placeholder {
    color:inherit;
}

::-ms-placeholder {
    color:inherit;
}

::placeholder {
    color:inherit;
}


.wpcf7-not-valid-tip {
    color: inherit;
	font-style: oblique;
	font-style: italic;
}

.wpcf7 form .wpcf7-response-output {
	border: none;
	padding: 0;
	margin: 0;
	color: inherit;
	font-style: oblique;
	font-style: italic;
	font-size: 75%;
}







  /* Media Queries
-------------------------------------------------------------- */
@media only screen and (min-width: 768px) {
	
	
	
}


@media only screen and (min-width: 992px) {

	
	.navbar-nav {
	padding-right: 0;
    font-size: 1rem;
	}
	
    
    .floor {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
    
    
	}


@media only screen and (min-width: 1280px) {


	
    .floor {
    padding-top: 5rem;
    padding-bottom: 5rem;
    }
    
    
	}