.breadcrumb{margin-bottom:.6em}
.breadcrumb a{color:#5c2018}
/*.flex.flex-2 .col2 img{max-width:100%;width:auto;height:auto;}*/
input.button{margin:.6em 0}


.item1 { grid-area: col1; }
.item2 { grid-area: col2; }
.item3 { grid-area: col3; }
.item4 { grid-area: col4; }
.grid-container {
  display: grid;
  grid-template-columns:10% auto minmax(60px,10%) 20%;
  grid-template-areas:'col1 col2 col3 col4';
  column-gap: 10px;
  border:1px solid #5c2018;
  border-width:0 1px;
  color:#999;
  padding: .75em
}

.postitem1 { grid-area: pcol1; }
.postitem2 { grid-area: pcol2;padding-top:1.2em }
.postitem1, .postitem2{vertical-align:top}
.postitem3 { grid-area: pcol3; }
.post-container {
  display: grid;
  grid-template-columns:10% minmax(80px,12%) auto;
  grid-template-areas:'pcol1 pcol2 pcol3';
  column-gap: 10px;
  border:1px solid #5c2018;
  border-width:0 1px;
  color:#999;
  padding: .75em
}
.grid-container:nth-child(2n + 1), .post-container:nth-child(2n + 1){background-color:rgba(0,0,0,0.075)}
.grid-container a, .post-container a{color:inherit;font-weight:400 !important;cursor:pointer}
.grid-container a.mainlink, .post-container a.mainlink{text-decoration:none}
.grid-container > div, .grid-container form > div , .post-container > div, .post-container form > div {
  padding: .75em
}

table{margin:0;width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #5c2018}
table td{border:solid 1px rgba(0,0,0,0.1);border-left:0;border-right:0}
table tr:nth-child(2n + 1){background-color:rgba(0,0,0,0.075)}
table td{padding:.75em}
td{text-align:left;vertical-align:top;cursor:pointer}
td h5{font-size:1.2em;font-weight:600;line-height: 1.3}

table.arrows{width:280px;border:0;margin-left:1em}
table.arrows td{background-color:#bc4639;text-align:center;padding:0;border:0;color:#fff;cursor:default}
table.arrows td a img,table.arrows td img{margin-top:1.1em;background-image:url(/images/arrows_sprite_mod.png)}
td a img.first{background-position:0 0;width:18px;height:13px;margin-right:8px}
td a img.previous{background-position:-18px 0;width:14px;height:13px}
td a img.next{background-position:-32px 0;width:14px;height:13px}
td a img.last{background-position:-46px 0;width:18px;height:13px;margin-left:8px}
td img.firstno{background-position:-64px 0;width:18px;height:13px;margin-right:8px}
td img.previousno{background-position:-82px 0;width:14px;height:13px}
td img.nextno{background-position:-96px 0;width:14px;height:13px}
td img.lastno{background-position:-110px 0;width:18px;height:13px;margin-left:8px}

@media screen and (max-width: 1100px) {
.grid-container {
  grid-template-columns:10% auto minmax(60px,10%) 30%;
}
}

@media screen and (max-width: 900px) {
.grid-container {
  grid-template-columns:auto minmax(60px,10%) 30%;
  grid-template-areas:'col2 col3 col4';
}
.post-container {
  grid-template-columns:minmax(100px,15%) auto;
  grid-template-areas:'pcol2 pcol3';
}
.item1, .postitem1{display:none}
}

@media screen and (max-width: 480px) {
.item2 { grid-area: col2; }
.item3 { grid-area: col3; }
.item4 { grid-area: row2 / col2 / row2 / col3;padding-top:0 !important}
.grid-container {
  grid-template-columns:auto 20%;
  grid-template-areas:'col2 col3';
}
.postitem3{padding-top:0 !important}
.post-container {
  grid-template-columns:auto;
  grid-template-areas:'pcol2' 'pcol3';
}
}