/* BASE TEXT */

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v16-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v16-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v16-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v16-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v16-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v16-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v16-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
  
/* open-sans-700 (bold) - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v16-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic (bold) - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v16-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/open-sans-v16-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v16-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v16-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v16-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v16-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
  

/* HEADINGS */
/* cormorant-garamond-regular - latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cormorant-garamond-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Cormorant Garamond Regular'), local('CormorantGaramond-Regular'),
       url('../fonts/cormorant-garamond-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cormorant-garamond-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cormorant-garamond-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cormorant-garamond-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cormorant-garamond-v6-latin-regular.svg#CormorantGaramond') format('svg'); /* Legacy iOS */
}

/* cormorant-garamond-italic - latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/cormorant-garamond-v6-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Cormorant Garamond Italic'), local('CormorantGaramond-Italic'),
       url('../fonts/cormorant-garamond-v6-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cormorant-garamond-v6-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cormorant-garamond-v6-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cormorant-garamond-v6-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cormorant-garamond-v6-latin-italic.svg#CormorantGaramond') format('svg'); /* Legacy iOS */
}


/* PAGE CONTENT RULES */

html, body { height: 100%; width: 100%; }

body {
  margin: 0 ;
  background-color: #00384E;
  border: none ;
  font-family: 'Open Sans', Helvetica, sans-serif;
}

a.block, a.block:visited, a.block:hover {
  color: transparent ;
  display: block;
  height: 100%;
  width: 100%;
}

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  margin: 0 auto;
  width: 940px ;
  padding: 5px ;
  background-color: #560502 ;
}

#header {
  flex-grow: 0;
}

.banner {
  height: 150px ;
  width: 940px ;
  margin: auto ;
  background-color: #FFD5A9 ;
  background-image: url(img/logo_banner_tawny.jpg) ;
  background-position: center center ;
  background-repeat: no-repeat ;
}

.topnav {
  width: 100% ;
  height: 1.75em ;
  margin: 2px 0 1px 0 ;
  padding: 0 ;
  list-style: none ;
  background-color: #C28748 ;
}

.topnav a, a:visited {
  text-decoration: none;
  color: #FFD5A9 ;
  display:block;
}

.topnav li {
  float: left;
  width: 7.5em;
  margin: 0.1em;
  text-align: center ;
  background-color: #7B200F ;
  color: #FFD5A9 ;
  border: 1px solid #7B200F;
}

.topnav ul.sub-menu {
  position: absolute;
  margin-left: -1px;
  margin-top: 1px;
  padding: 0 1px 0 0;
  width: 7.5em;
  left: -999em ;
  list-style: none;
  background-color: #563402 ;
  border-bottom: 1px solid #7B200F;
}

.topnav li ul li {
  margin: 0;
  border-left: 1px solid #7B200F;
  border-right: 1px solid #7B200F;
}

.topnav li:hover ul.sub-menu, #topnav li.sfhover ul.sub-menu {
  left: auto;
}

.topnav li:hover {
  background-color: #330800 ;
  /* border: 1px solid #FFB4A7 ; */
  border: 1px solid #82B3C3;
}

.main-content {
  flex-grow: 1;
  display: flex;
  align-content: stretch;
  background-color: #FFD5A9 ;
}

.main-content a {
  color: #7B200F;
  padding-left: 2px;
  padding-right: 2px;
}

.main-content a:visited {
  color: #00250D;
/*  color: #0B5A26; */
}

.main-content a:hover {
/*   background-color: #C28748; */
  color: #C25B48 ;
}

.main-content a.button {
	margin: 0.5em;
	padding: 5px;
	background-color: #7B200F;
	color: #FFD4A7;
	border: 1px solid #30677A;
}

.main-content a.button:hover {
	background-color: #330800;
	border: 1px solid #82B3C3;
}

.main-content .buttonblock {
  display: block;
  margin: 4px;
  width: 12em;
  background-color: #0C3D4D;
  color: #FFD4A7;
  border: 2px solid #7B200F;
  border-radius: 5px;
  line-height: 300%;
  text-align: center;
}

.main-content a.buttonblock {
  font-weight: bold;
}

.main-content a.buttonblock:hover {
  background-color: #330800;
  border-color: #82B3C3;
  color: #FFD4A7;
}

.main-content a.buttonblock:visited {
  color: #FFD4A7;
}


.main-content div.flexcenter {
  display:flex; 
  flex-wrap: wrap; 
  justify-content: center; 
  align-items:center;
}

.main-content hr {
  border-top: 1px solid #30677A;
  border-bottom: none;
}

.sidenav {
/*  float: right;
  height: 100%; */
  order: 2;
  width: 210px;
  padding: 5px;
}

.page-content {
  order: 1;
  width: 700px;
  min-height: 500px;
  padding: 10px;
  border-right:2px solid #563402;
}

.page-content h1,h2,h3, div.page-title, div.post-title, div.post-subtitle {
  font-family: 'Cormorant Garamond', 'Times New Roman', serif;
  color: #7B200F; 
}

.page-content div.page-title {
	width: 100%;
	border-bottom: 1px solid #563402;
	font-size: 200%;
	font-weight: bold;
}

.page-content div.post-title {
	width: 100%;
	margin-top: 1em;
/* 	border-bottom: 1px solid #563402; */
	font-size: 175%;
	font-weight: bold;
}

.page-content div.post-subtitle {
	width: 100%;
	margin-top: 1em;
	font-size: 125%;
	font-weight: bold;
}

.page-content .breadcrumbs {
  /*margin-top: -1em;*/
  margin-left: 0.5em;
  font-size: 90%;
  font-style: italic;
}

.content {
	margin: auto 0.5em;
}

.content p.headline {
}

.content p.article-info {
	margin: -0.75em 0 1em 2em;
}

.post-timestamp {
	margin-left: 2em;
	font-style: italic; 
	font-size:90%;
}

.post-tags {
	margin-left: 2em;
	font-style: italic; 
}

.post-content {
	border-bottom: 1px solid #0C3D4D; 
}

.footer {
  flex-grow: 0;
  margin: 2px 0 0 0 ;
  /* height: 40px; */
}

.copyright {
  height: 1.5em;
  background-color: #C28748 ;
  vertical-align: center;
  text-align: center;
  font-size: 90% ;
}


/* CONTACT FORM 7 RULES */

input[type=submit] {
	margin: 0.5em;
	padding: 5px;
	background-color: #7B200F;
	color: #FFD4A7;
	border: 1px solid #30677A;
}

input[type=submit]:hover, input[type=submit]:active {
	background-color: #330800;
	border: 1px solid #82B3C3;
}

div.wpcf7-validation-errors {
	border-color: #C25B48;
}

/* POPUP MAKER RULES */

.pum-content hr {
  border-top: 1px solid #30677A;
  border-bottom: none;
}
