:root {
    --section-spacing--: 25px;
}

/*
 *---------------------------------------------
 */
.columns {
  --spacing--: var(--section-spacing--);
    margin: 0 calc(-1 * var(--spacing--))!important;
    max-width: none!important;
    *overflow: hidden;
}

.columns.columns > div {
    padding: 0 var(--spacing--);
    flex-basis: 0!important;
    margin: 0!important;
}

.columns > .sidebar {
    border-left: 1px dotted #ccc;
    flex-grow: 3!important;
    min-width: 250px;
}

.columns > .content {
    flex-grow: 7!important;
    min-width: 260px;
}

.main-title h2 {
    font-family: var(--global--font-0-serif);
    font-size: 30px;
}

/*
 *---------------------------------------------
 */
.categ-texts {
  --spacing--: var(--section-spacing--);
  --linecol--: #cccccc;
  --imgsize--: 160px;
  --metacol--: #5388a2;
    overflow: hidden;
}

.categ-texts .the-item {
    display: flex;
    flex-flow: row wrap;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 15px;
    margin-left: -15px;
}

.categ-texts .the-item > * {
    margin: 0 0 15px 15px;
}

.categ-texts.categ-texts .the-item img.thumb {
    width: 0%;
    flex-grow: 35;
    min-height: 100%;
    max-height: 140px;
    min-width: 100px;
    display: block;
    object-fit: cover;
    outline: 1px solid rgba(0,0,0,0.5);
    outline-offset: -1px;
}

.categ-texts .the-item .content {
    width: 0%;
    flex-grow: 65;
    height: 140px;
    min-width: 230px;
    min-height: 100px;
    overflow: hidden;
    position: relative;
}
.categ-texts .the-item .content:after {
    content: '';
    padding-right: 10px;
    position: absolute;
    background: linear-gradient(to bottom, transparent, white);
    left: 0; right: 0; bottom: 0;
    height: 40px;
    *border: 1px solid blue;
}

.categ-texts .the-item .title {
    font-size: 15px;
    font-family: var(--global--font-0-serif);
    font-weight: bolder;
    line-height: 1.35em;
    margin-bottom: 5px;
}

.categ-texts .the-item .excpt {
    font-size: 14px;
    height: 150px;
    line-height: 1.4em;
}
.categ-texts .the-item:last-of-type {
    border-bottom: 0;
}

.categ-texts .the-item > .list > .article:hover {
  --metacol--: #004a6d;
  --textcol--: #7D4202;
}

.categ-texts .the-item .meta {
    line-height: 1em;
    font-size: 10px;
    padding: 6px 0 8px 0;
}

.categ-texts .the-item .meta > span {
    text-transform: uppercase;
    line-height: 1em;
    font-weight: 400;
    color: var(--metacol--); /*#0a4158;*/
}

.categ-texts .the-item .meta > span:last-of-type {
    *float: right;
}

/*
 *---------------------------------------------
 */
.categ-books {
  --spacing--: var(--section-spacing--);
  --linecol--: #cccccc;
  --imgsize--: 200px;
  --metacol--: #5388a2;
    overflow: hidden;
    *border-right: 1px dotted #ccc;
}

.categ-books .the-item {
    display: flex;
    flex-flow: row wrap;
    border-bottom: 1px dotted var(--linecol--);
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    margin-left: -15px;
}

.categ-books .the-item > * {
    margin-bottom: 15px;
}

.categ-books.categ-books .the-item img.thumb {
    order: 1;
    flex-basis: 15%;
    min-width: 100px;
    display: block;
    object-fit: cover;
    outline: 1px solid rgba(0,0,0,0.5);
    outline-offset: -1px;
    margin-left: 15px;
}

.categ-books .the-item .details {
    order: 2;
    flex-basis: 0%;
    flex-grow: 20;
    min-width: 110px;
    overflow: hidden;
    color: #000;
    border: 1px solid #ccc;
    padding: 10px 15px;
    background-color: #f5f4f0;
}

.categ-books .the-item .details > div {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1.3em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.categ-books .the-item .details > div > span {
    display: block;
    font-weight: bold;
}


.categ-books .the-item .content {
    order: 3;
    flex-basis: 0%;
    min-width: 200px;
    min-height: 100px;
    flex-grow: 65;
    *flex-shrink: 0;
    padding: 0px 15px;
    overflow: hidden;
    position: relative;
}

.categ-books .the-item .content:after {
    content: '';
    padding-right: 10px;
    position: absolute;
    background: linear-gradient(to bottom, transparent, white);
    left: 0; right: 0; bottom: 0;
    height: 40px;
    *border: 1px solid blue;
}
.categ-books .the-item .title {
    font-size: 15px;
    font-family: var(--global--font-0-serif);
    font-weight: bolder;
    line-height: 1.35em;
    margin-bottom: 5px;
}

.categ-books .the-item .excpt {
    color: #000;
    font-size: 14px;
    line-height: 1.4em;
    position: absolute;
    *margin-bottom: 5px;
    *position: relative;
    min-height: 50px;
    *left: 0;
    *top: 0;
    float: left;
}
.categ-books .the-item:last-of-type {
    border-bottom: 0;
}

.categ-books .the-item:hover img.thumb {
    opacity: 0.7;
}

.categ-books .the-item .meta {
    line-height: 1em;
    font-size: 10px;
    padding: 6px 0 8px 0;
}

.categ-books .the-item .meta > span {
    text-transform: uppercase;
    line-height: 1em;
    font-weight: 400;
    color: var(--metacol--); /*#0a4158;*/
}

.categ-books .the-item .meta > span:last-of-type {
    *float: right;
}

/*
 *---------------------------------------------
 */
.list-entry {
  --spacing--: var(--section-spacing--);
  --linecol--: #cccccc;
  --imgsize--: 200px;
  --metacol--: #5388a2;
    overflow: hidden;
    *border-right: 1px dotted #ccc;
    display: flex;
    flex-flow: row wrap;
    border-bottom: 1px dotted var(--linecol--);
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    margin-left: -15px;
}

.list-entry > * {
    margin: 0 0 15px 15px;
}

.list-entry .sidebar {
    order: 2;
    flex-basis: 0%;
    flex-grow: 35;
    min-width: 200px;
    overflow: hidden;
    color: #000;
    border: 1px solid #ccc;
    background-color: #f5f4f0;
    position: relative;
}

.list-entry .sidebar img.thumb {
    width: 100%;
    height: 150px;
    object-fit: cover;
    outline: 1px solid rgba(0,0,0,0.5);
    outline-offset: -1px;
}

.list-entry .sidebar.book {
    display: flex;
    flex-flow: row nowrap;
}

.list-entry .sidebar.book img.thumb {
    width: 100px;
    height: auto;
    margin-right: 15px;
}

.list-entry .sidebar.book > .extra > div {
    margin: 5px 0px;
    font-size: 12px;
    line-height: 1.3em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.list-entry .sidebar.book > .extra > div > span {
    display: block;
    font-weight: bold;
}


.list-entry .content {
    order: 3;
    flex-basis: 0%;
    min-width: 200px;
    min-height: 100px;
    flex-grow: 65;
    overflow: hidden;
    position: relative;
}

.list-entry .content:after {
    content: '';
    padding-right: 10px;
    position: absolute;
    background: linear-gradient(to bottom, transparent, white);
    left: 0; right: 0; bottom: 0;
    height: 40px;
    *border: 1px solid blue;
}
.list-entry .content .title {
    font-size: 15px;
    font-family: var(--global--font-0-serif);
    font-weight: bolder;
    line-height: 1.35em;
    margin-bottom: 5px;
}

.list-entry .content .excpt {
    color: #000;
    font-size: 14px;
    line-height: 1.4em;
    position: absolute;
    *margin-bottom: 5px;
    *position: relative;
    min-height: 50px;
    *left: 0;
    *top: 0;
    float: left;
}
.list-entry:last-of-type {
    border-bottom: 0;
}

.list-entry:hover img {
    opacity: 0.7;
}

.list-entry .meta {
    line-height: 1em;
    font-size: 10px;
    padding: 6px 0 8px 0;
}

.list-entry .meta > span {
    text-transform: uppercase;
    line-height: 1em;
    font-weight: 400;
    color: var(--metacol--); /*#0a4158;*/
}

.list-entry .meta > span:last-of-type {
    *float: right;
}

/*
 *---------------------------------------------
 */
#articles {
    --spacing--: 20px;
    --setmarg--: -1;
}