.breadcrumb{margin-bottom:.6em}
.breadcrumb a{color:#2c687b}
/*.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 #2c687b;
  border-width:0 1px;
  color:#666;
  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 #2c687b;
  border-width:0 1px;
  color:#666;
  padding: .75em
}
.grid_head, .grid_mid {height:2.4em;background:#a0b3ba;border:1px solid #2c687b;text-transform: uppercase}
.grid_mid{padding:.3em 1.2em}
.grid_mid h3{color: #fff;font-size:1.4em}
.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}
.post-container h3{text-transform:unset}
.post-container a{text-decoration:underline}

.spacer{height:1em}

table{margin:0;width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #2c687b}
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:#a0b3ba;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_grey.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}

/* Force all uploaded images inside the editor and your final output to be responsive 
.note-editable img, .final-webpage-output img {
    max-width: 100% !important;
    height: auto !important;
}*/

.error{margin-bottom:2em;border:2px solid #ab0006;padding:8px}
#add_photos{padding:.6em;color:#0d638f;font-weight:600}
#add_photos img{vertical-align:sub}
#upload{display:none;padding:.6em}

@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';
}
}