@font-face {
  font-family: 'logo';
  src: url('font/logo.woff2') format('woff2'),
       url('font/logo.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ui';
  src: url('font/ui.woff2') format('woff2'),
       url('font/ui.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
html, body { 
  position: relative;
  margin:0; padding:0;
	background: #171717; color: #503a3a;
  font-family: Times,'Times New Roman',serif;
  height: 100%; min-height: 100%;
  scroll-behavior: smooth;
}

* {box-sizing: border-box;}

body {
  color: #e0f7d9;
  font: normal 12px "ui","DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: .95rem;
}
body::after{
  position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
  /* content:url(img1.png) url(img2.png) url(img3.gif) url(img4.jpg); */
  content:url(../img/loader.svg);
}

a { color: #226492; }
i { padding: 0 8px; }
img.home_section_icon, img.home_section_icon_loader { 
  margin: 6px 10px; padding: 0; 
  width: 72px; height: auto;
  display: inline; opacity: .6;
}
img.home_section_icon:hover, img.home_section_icon:focus, img.home_section_icon_loader:hover, img.home_section_icon_loader:focus { opacity: 1; transition: opacity 1s; }
.home_section_icon_loading, home_section_icon_loader:active { 
  margin: 6px 10px; padding: 0; 
  width: 72px; height: auto;
  display: inline; opacity: .92;
  content: url(../img/loader.svg); 
}

h1,h2,h3,h4,h5,h6,a,button,img {
  font-family: 'Helvetica Neue','Arial Nova',Helvetica,Arial,sans-serif;
  color: #226492;
}
h4 { color: #5c8bad; }

.plugin-label { margin-top:8px; font-size: 16px; padding: 3px;}
.plugin-content { margin-top:5px; font-size: 14px;}
ul,li {
  list-style-type: none;
  padding: 3px;
  margin: 0px; 
}
.smalles {font-size: 18px;}

.siteHeader {
  position: relative;
  margin:0; padding:0;
  min-height: 8vh;
  overflow: hidden;
  background: #333131;
  color: #f2f6e7;
}

.home_gutter {
  margin:0; padding: .6em 2vw .6em 1.3vw; width:96.7vw;
  color:#9c927f;
  font-family: 'ui';
}

.siteContainer { 
  margin:0; padding:0;
  min-height: 84vh;
  overflow: hidden;
  background-color: #171717; 
  color: #f2f6e7;
  position: relative;
}

.siteContainer a { color: #bdb9b1; }
.main_content { 
  margin: 2vw 2vw 2vw 1vw; padding: 0; width: 97vw;
  overflow-wrap: break-word;
}

.main_content p { width: 860px; max-width: 100%; }

.footer { margin: 0; padding: 6px; width: 100%; display: block; position: absolute; bottom: 6px; }
.footer.col1 { margin: 0; padding: 0 14px 0 0; text-align: right; }
p.brief { margin: 0; padding: 0; padding-right: 6px; border-right: 4px solid #8ace0c; }

/* cms page */
.bcrumb { margin: 10px; color: #fff; font-size: 12.5px; }
.card, .postinfo { display: block; }

/* post */
.post-wrap { width: 850px; max-width: 100%; margin: 0 auto; padding: 1em; background: #d4cece; }
.post-wrap a { color: steelblue; }
.post-body, hr { color: #202022; }
.post-body li { margin: 1px 0; color: #25252b; font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: .95rem; }
.post-body li a, .post-body table a { color: rgb(86, 155, 86); }
.post-body a { color: steelblue; }
img.coverimage { width: 500px; height: auto; max-width: 90%; }
.post-wrap table td { border-bottom: 1px solid #bbaeae; padding: 9px 10px 5px 0; }

/* drop-in style classes for post (light) */
.link-to-anchor { display:inline-block; margin: 0 8px; }
#bottom-right { margin-top: 12px; display: block; width: 100%; text-align: right; }

.pp{ width:320px; margin: 0 auto;font-size: 14px;}
input[type=submit]{ font-size: 16px;}

.siteFooter {
  display: none;
  clear: both;
  margin:0; padding:0;
  min-height: 8vh;
  overflow: hidden;
  color: #555555;
  text-align: right;
}

.siteHeader {
margin: 0; padding: 0;
background: url(../img/wood2.webp) repeat top center;
}

.siteHeader a.logo {
  margin: 0;
  background-color: #272323;
  border-right: 4px solid #211f1f;
  height: 8vh; min-height: 72px;
}
.siteHeader a.logo:hover {
  background-color: #292929;
}

.siteHeader a {
  float: left;
  display: block;
  border-right: 1px solid #503a3a;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  height: 8vh; min-height: 50px;
}

.siteHeader a:hover {
  background-color: #292727;
  color: #bbbeb2;
}

.siteHeader a.active {
  background-color: #1f180d;
}

.Header-logo img,.Header-logo span { vertical-align: middle; padding-top: 8px; }
.Header-logo span { 
  margin: 0 6px 0 4px; 
  font: normal 32px 'logo';
font-weight: bolder;
  letter-spacing: 1px;
  text-shadow: 0px 1px 0px #1f180d, 0px -1px 0px #1f180d;
  color: #bbbeb2;
}

.Header-item a { 
  font: normal 18px 'ui';
  text-transform: uppercase;
  letter-spacing: -.5px;
}
a.ui-title { padding-top: 2.6vh; }

.siteHeader input[type=text] {
  float: right;
  padding: 6px;
  margin-top: 8px;
  margin-right: 16px;
  border: none;
  font-size: 17px;
}

.flexcontainer {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  margin: 12px 0 0 0; padding: 0;
}
.flexitem {
  flex: 1;
  align-self: start;
  margin: 0; padding: 1px 0 0 12px; 
  width: 30%;
  text-wrap: wrap;
  border: 0px solid #211f1f;
  color: #6f654e;
}
.flexitem li a { color: #f1eada; text-decoration: 4px underline #dcec4d;
  transition: text-decoration 300ms ease; text-underline-offset: 5px;
}
.flexitem li a:hover { color: #dcec4d; text-decoration: 1px underline transparent; }

@media screen and (max-width: 600px) {
  .siteHeader a, .siteHeader input[type=text] {
    float: none;
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 14px;
  }
  
  .siteHeader input[type=text] {
    border: 1px solid #1f180d; 
  }

  .siteContainer { 
    min-height: 76vh;
  }

  img.home_section_icon, img.home_section_icon_loader { 
    margin: 5px 8px; padding: 0; 
    width: 60px; height: auto;
    display: inline; opacity: .6;
  }
  .home_section_icon_loading, home_section_icon_loader:active { 
    margin: 5px 8px; padding: 0; 
    width: 60px; height: auto;
    display: inline; opacity: .92;
    content: url(../img/loader.svg); 
  }

  p.brief { margin: 0 0 0 15px; padding-left: 8px; width: 320px; max-width: 96%; }
}