/*
  Theme Name: Quattuor
  Description: Quattuor is a lightweight & easy to use wordpress theme. Includes with onepage starter pages.
  Theme URI: https://quattuor.net
  Author: J4
  Author URI: https://j4cob.net
  Version: 0.3
  Stable tag: 0.3
  Tested up to: 5.7
  Requires PHP: 5.6
  License: GNU General Public License v3 or later.
  License URI: https://www.gnu.org/licenses/gpl-3.0.html
  Text Domain: quattuor
  Tags: blog,custom-menu,translation-ready,one-column,e-commerce
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

a {
  background-color: transparent;
  text-decoration: none;
}

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
  width: 100%;
  height:auto;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input { /* 1 */
  overflow: visible;
}

button,
select { /* 1 */
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/* Quattuor Styles */

.container{
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

a{
  color:#000;
}
a:hover{
  text-decoration: underline;
}

.site-header{
  display: flex;
  position: relative;
  align-items: center;
  min-height: 100px;
  color: #000;
  border-bottom: 2px solid #000;
}

.site-header h1, .site-header a{
   color: inherit!important;
}

.site-title h1{
  margin: 0;
}

.nav{
  margin-left: auto;
}

.nav ul{
  list-style-type: none;
  display: flex;
  padding: 0;
}

.nav li {
  position: relative;
  margin-left: 1rem;
  line-height: 2rem;
}

.elementor-quattuor-menu-item{
   margin-left: 1.5rem!important;
}

.nav a{
  color: inherit;
}

.nav .sub-menu {
  display: none;
  position: absolute;
  left: 0;
  z-index: 999;
  min-width: 100px;
  padding: 1rem;
  background: #fff;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
  border-radius: 4px;
}

.nav .sub-menu li{
  margin-left: 0;
}

.nav .menu-item-has-children:hover > .sub-menu,
.nav .menu-item-has-children:focus > .sub-menu,
.nav .menu-item-has-children:focus-within > .sub-menu{
   display:block;
}

.post-header{
  margin-bottom: 50px;
}


@media (max-width:768px){
	.nav{
		display: none; 
	}
	.site-header{
		flex-direction:column;
	}
	.nav, .site-title{
		margin-right: auto;
		margin-left: 0;
	}
	.site-title{
		margin-top: 1rem;
	}
	.nav ul{
		flex-direction: column;
		margin-left: 0;
	}
	.nav li{
		margin-left: 0;
	}
	.nav-open{
	  	display: block;
	}
	.nav-toggle{
		position: absolute;
		right: 0;
		top: 2rem;
		cursor:pointer;
		display:block!important;
	}
	.nav .sub-menu {
		display:block;
		position:relative;
		background:transparent;
		box-shadow:none;
		padding:0 1rem;
	}
	.nav .sub-menu a{
		font-weight:normal;
	}
}

.nav-toggle{
	display:none;
}


#site-content{
  margin-top: 50px;
  margin-bottom: 50px;
}

.entry-post{
  margin-bottom: 100px;
}

figure{
  margin: 0;
}

figure img{
  width: 100%;
  border-radius: 3px;
}

.post-meta, .post-tags{
  margin-bottom: 1rem;
}

img.avatar{
	width: 2rem;
	border-radius: 2rem;
}

#comments{
  margin-top: 100px;
}

#comments .comment{
	margin-bottom:50px;
}

#comments .comment-author, #comments .comment-meta, .post-meta, .post-tags{
	color:#777;
}

.post-meta a, .post-tags a,
#comments .comment-author a, #comments .comment-meta a{
  color: inherit;
}

textarea, input{
	width: 100%;
	box-sizing:border-box;
	border: 1px solid #777;
	border-radius: 4px;
	padding: .5rem;
	margin-top: .5rem;
}

input[type=submit]{
	background: transparent;
	cursor: pointer;
}

[type="checkbox"], [type="radio"]{
	width:auto;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignright {
  float: right;
  margin-left: 1rem; }

.alignleft {
  float: left;
  margin-right: 1rem; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pagination {
  margin: 20px auto; }

.sticky {
  position: relative;
  display: block; }

.bypostauthor {
  font-size: inherit; }

.gallery-caption {
  display: block;
  font-size: 0.8125rem;
  line-height: 1.5;
  margin: 0;
  padding: 0.75rem; }

.wp-caption {
  margin-bottom: 1.25rem;
  max-width: 100%; }
.wp-caption.alignleft {
  margin: 5px 20px 20px 0; 
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px; 
}
.wp-caption img {
  display: block;
  margin-left: auto;
  margin-right: auto; 
}

.wp-caption-text {
  margin: 0; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ 
}

.screen-reader-text:focus {
  background-color: #eeeeee;
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #333333;
  display: block;
  font-size: 1rem;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ 
}