/*
Theme Name: hh2
Theme URI: 
Author: Lester Carpenter
Author URI: https://lsystemworks.com/
Description: Holistic Harmonies practice v2.
Requires at least: WordPress 4.9.6
Version: 0.2.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hh2
Tags: enter some tags when ready...

This theme, like WordPress, is licensed under the GPL.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

colors: bg blue: #839fb8
*/

/* reset / normaliz */
body {
	margin: 0;
	font-family: 'Istok Web', sans-serif;
}
ul li {
	list-style: none;
}
a {
	text-decoration: none;
}



#page, #content {
	max-width: 1000px;
	margin: 0 auto;
	background-color: white;
}

/*header*/
.custom-header {
	max-width: 906px;
	margin: 0 auto;
}

#wp-custom-header {
	padding-top: 20px;
}
div#wp-custom-header img {
	max-width: 100%;
	height: auto;
}
div#masthead {
  display: flex;
}
nav#main-menu {
  margin: 0 50px;
}
ul#menu-primary {
  display: flex;
  /* flex-start flex-end center space-between space-around space-evenly */
  justify-content: space-evenly;
  /*background: rgba(0, 0, 0, 0.4);*/
}
ul li {
  /*background: rgba(0, 0, 0, -0.6);*/
  /*background: #ecf4f5;*/
  /*padding: 10px;*/
  /*border: solid 1px black;*/
}
ul li a {
  color: linen;
  padding: 15px 40px;
  border: solid 1px black;
  text-transform: uppercase;
}

h1 a {
	font-family: 'Nunito', sans-serif;
	font-size: 50px;
	color: yellow;
}

div.site-branding {
  margin-top: -160px;
}
h1.site-title, p.site-description {
  margin: 0;
  text-align: center;
}
p.site-description{
  margin-bottom: 35px;
}
article {
  padding: 20px 200px;
}






















/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  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: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}