@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root {
    --cassiopeia-color-primary: rgb(0, 102, 0);
    --cassiopeia-color-hover: rgb(127, 127, 3);
    --cassiopeia-color-link: #3f0172;
    --stpetersgreen: rgb(0, 102, 0);
    --stpeterslightgreen: rgb(127, 127, 3);
    --complimentarycolorone: #04968f;
    --complimentarycolortwo: #3f0172;
    --complimentarycolorthree: #9dcf32;
    --complimentarycolorfour: #F7E3CE;
    --heading-color:#3f0172;
  }

.container-header {background-color: #fff;background-image: none;}
.brand-logo img {height: 75px;}
.header .container-nav {background: #000;}
.page-header {margin-bottom:30px;}
h1 {font-family: 'Playfair Display', sans-serif;font-weight: 600;text-decoration: none;}
.blog-item h2 {border-bottom: solid 1px #ccc;}
h2 a {font-family: 'Playfair Display', sans-serif;color: var(--stpetersgreen);font-size: 1.5rem;}
.com-content-category-blog__items {margin-top: 30px;}
.btn {border-radius: 0;}
.btn-secondary {background-color: var(--stpeterslightgreen);border-color: var(--stpeterslightgreen);color: #fff;}
a:not([class]) {text-decoration: none;}
.published {font-style: italic;color: #bbb;}
.blog-item {border-bottom: solid 2px var(--complimentarycolorthree);}
.left.item-image {min-width: 30%;width: 30%;}
.left.item-image img {width: 100%;}
@supports (display:grid) {
    .blog-items .blog-item {
      padding: 50px;
      display: flex;
      column-gap: 30px;
      flex-direction: row;
    }
  }

  .container-sidebar-right .moduletable {border: solid 1px #dfe3e7;padding: 20px;background: rgb(204,204,204);
    background: -moz-linear-gradient(180deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    background: linear-gradient(180deg, rgba(204,204,204,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc",endColorstr="#ffffff",GradientType=1); }
    .container-sidebar-right .moduletable h3 {font-family: 'Playfair Display', sans-serif;font-weight: 600;text-decoration: none;}
    .tag {}
    .tag a {background-color: var(--stpeterslightgreen);
        color: #ffffff;
        padding: 5px 10px;
        display: block;text-decoration: none;}