/*
 Theme Name:   Carnoustie Trinity
 Description:  Custom theme
 Author:       Carnoustie Creative
 Author URI:   https://www.carnoustiecreative.co.uk
 Template:     baseline
 Version:      1.1.9
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  baseline-child

.karla-<uniquifier> {
  font-family: "Karla", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.proza-libre-semibold {
  font-family: "Proza Libre", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.proza-libre-semibold-italic {
  font-family: "Proza Libre", sans-serif;
  font-weight: 600;
  font-style: italic;
}


*/

:root {
    --ct-prussian-blue: #003057;
    --ct-sandstone: #716A5C;
    --ct-linen: #F3EEE5;
    --ct-seagull: #5DB7DE;
    --ct-clementine: #F2770F;
}

.baseline {
    --cde-edge-padding: 5rem;
}

.baseline {
    --baseline-aos-distance: 100px;
    --baseline-aos-distance-negative: -100px;
}

.baseline .container {
    max-width: 1400px;
}

body.baseline {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.45;
    font-family: "Karla", sans-serif;
    font-size: clamp(1.6rem, 2.2vw, 1.9rem);
}

.header-wrap .container {
    max-width: 96%;
    width: 96%;
}

.baseline h1 {
    font-size: clamp(3.9rem, 3.3vw, 4.7rem);   
    font-family: "Proza Libre", sans-serif;
    font-weight: 600;     
    color: var(--ct-clementine)
}

.baseline h1 { 
    font-size: clamp(4.2rem, 3.6vw, 5.5rem);   
}

.baseline h2 {
    font-size: clamp(2.9rem, 2.7vw, 3.3rem);
    font-family: "Proza Libre", sans-serif;
    font-weight: 600;
    color: var(--ct-prussian-blue)
}

.baseline .inner h2 {
    margin-bottom: 2rem;
}

.baseline .inner h2:last-child {
    margin-bottom: 0;
}

.baseline h3 { 
    font-weight: bold;
    color: var(--ct-clementine);
}

.baseline footer {
    margin-top: 3rem;
    background: transparent;
    padding: 0;
}

.baseline footer .container {
    padding: 3rem;
    background-color: var(--ct-sandstone);
}

.baseline footer #footer-bottom-container.container {
    padding: 0 0 3rem 0;
}

.widget-area.footer-bottom {    
    margin-bottom: 0;
}

.widget-area.footer-bottom p {
    margin-bottom: 0.3rem;      
}

@media ( min-width: 1050px ) {

    .widget-area.footer-bottom .float-right {
        position: absolute;
        bottom: 3rem;
        right: 3rem;
    }

}

.baseline .header-wrap {
    background: transparent;
    border-bottom: none;
}

.absolute-header .header-wrap {
    width: 100%;
    background: transparent;
    top: 0;
    left: 0;
    z-index: 3;
}

.cde-image-header {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70vh;
    min-height: 57rem;
}

.cde-image-header .container, 
.cde-image-header .inner {
    height: 100%;
    width: 100%;
    max-width: 100%;
}

.cde-image-header .img {
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: 110%; 
    background-position: center;
    background-repeat: no-repeat;
    animation: zoomPan 14s ease-out forwards;
}

@media ( max-width: 800px ) {

    .cde-image-header .img {
        animation: unset;
        background-size: cover; 
        background-position: top left;        
    }

}

@keyframes zoomPan {
    0% {
      background-size: 100%;
      background-position: 50% 20%;
    }
    100% {
      background-size: 112%;
      background-position: top right;
    }
  }

  @keyframes zoomPanPort {
    0% {
      background-size: cover;
      background-position: center;
    }
    100% {
      background-size: cover;
      background-position: 50% 50%;
    }
  }


  .cde-wide-text.featured {
    margin-top: 6vw;
    margin-bottom: 5rem;
}

@media ( max-width: 1050px ) {

    .cde-wide-text.featured {
        margin-bottom: 4rem !important;
        height: 45rem;
    }

    .baseline.absolute-header header .logo a {
        position: absolute;
        z-index: 5;        
        top: -6rem;
    }

}

.cde-wide-text.featured .wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

@media ( max-width: 1150px ) {

    .cde-wide-text.featured h1 em {     
        padding: 0.7rem 1.6rem;        
    }

}

.baseline header .logotitle.row {
    padding: 0;
}

.cde-wide-text.featured .inner {
    margin-bottom: -5rem;
}

.baseline header .logo a {
    background-color: var(--ct-linen);
    max-width: 27rem;
    padding: 2vw;
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.baseline header .logo img {
    width: 12vw !important;
    max-width: 15rem;
}

@media ( max-width: 1150px ) {

    .baseline header .logo { 
        margin: 0 auto;
        max-width: 15rem;
        padding: 2rem;
    }

    .baseline header .logo img {
        width: 10rem !important;        
    }

    .baseline header .logo a {
        padding: 2rem;
    }

}

footer .row .four.columns {
    position: relative;
}

footer .menu li {
    line-height: 1.3;
}

footer .menu li a {
    font-size: clamp(1.5rem, 2vw, 1.6rem);
}

.baseline footer .menu > li {
    margin-bottom: 1rem;
}

footer .menu .sub-menu {
    display: block;
    margin-left: 2rem;
}

@media ( max-width: 800px ) {

    footer .menu .sub-menu {
        margin-left: 0;
    }

    footer .menu .sub-menu li a {
        font-size: 1.4rem;
    }

    .baseline footer .menu > li {
        margin-bottom: 1rem;
    }

}

footer .row .four.columns:nth-child(1) {
    padding-right: 3rem; 
}

footer .row .four.columns:nth-child(2) {
    padding-left: 3rem;
    padding-right: 3rem; 
}

footer .row .four.columns:nth-child(3) {
    padding-left: 5rem; 
}

@media ( max-width: 800px ) {

    footer .row .four.columns:nth-child(3) {
        padding-left: 0; 
        padding-top: 3rem;
    }

    footer .row .four.columns:nth-child(2) { 
        padding-top: 4rem;
        padding-bottom: 1rem;
    }

    .baseline .grid-list.cols-2 {
        grid-gap: 4rem;
    }

}

footer .row .four.columns:nth-child(1):after,
footer .row .four.columns:nth-child(3):before {
    position: absolute;
    content: "";
    background-color: rgba(255, 255, 255, 0.2); 
    height: 100%;
    width: 0.1rem;
    display: block;
    right: -2%;
    top: 0;
    z-index: 2;
}

@media ( max-width: 800px ) {

    footer .row .four.columns:nth-child(1):after,
    footer .row .four.columns:nth-child(3):before {
        height: 0.1rem;
        width: 100%;
        right: unset;
    }

    footer .row .four.columns:nth-child(1):after {
        bottom: -2%;     
        top: unset;
    }

}

footer .row .four.columns .widget-area {
    margin-top: 1rem;
}

footer .row .four.columns:nth-child(3):before {
    left: -3%;
    right: unset;
}

.footer_ministers,
.footer_address {
    font-size: 1.6rem;
    line-height: 1.3;
    margin-bottom: 1.5rem;
}

footer p {
    margin-bottom: 0;
}

footer .social p {
    margin-bottom: 1rem;
}

footer p.footer_label {
    margin-bottom: 0.5rem;
    font-size: 1.4rem;
}

footer .fa-solid,
footer .fa-brands,
footer .fa-light {
    color: var(--ct-clementine);
}

.footer_biglink {
    margin-bottom: 2.5rem;
    padding-left: 2rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.footer_biglink i {
    margin-right: 1rem;
    font-size: 2.5rem;
}

.featured .inner p {
    font-family: "Proza Libre", sans-serif;
    margin-bottom: 0;
}

.featured .inner {
    padding: 3rem 4rem;
    background-color: var(--ct-sandstone);
    color: #fff;
    width: 29vw;
    max-width: 40rem;
}

@media ( max-width: 800px ) {

    .featured .inner {
        width: unset;
        padding: 3rem 2rem;
    }

}

.featured .inner h1 {
    color: #fff;
    line-height: 1.1;
    margin-bottom: 0;
}

footer img {
    max-width: 80%;
    margin: 2rem auto;
    height: auto;
}

.center-text {
    text-align: center;
}

header .first .menu {    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: var(--ct-prussian-blue);
}

.baseline header .first .menu li {
    padding: 2.5rem 1.8vw 2.5rem 0;
    margin-left: 0;
    background-color: var(--ct-prussian-blue);
}

.baseline header .first .menu .sub-menu {
    padding-top: 2rem;
}

.baseline header .first .menu .sub-menu li {        
    padding: 0;
    border-bottom-color: rgba(255, 255, 255, 0.3);
}

.baseline header .first .menu .sub-menu li a {
    padding: 2rem;
}

.baseline header .first .menu > li:first-child {
    padding-left: 2vw;
}

.baseline header .first .menu li.button {
    padding-left: 2.1vw;
    background-color: var(--ct-clementine);
}

.baseline header .first .menu li.button:hover {    
    background-color: var(--ct-seagull);
}

.baseline header .first .menu li.button:hover a {
    color: #000;
}

.baseline header .first .menu li a {
    color: #fff;
    font-size: clamp(1.5rem, 2vw, 1.7rem);
}

.baseline header .first .menu .sub-menu li a {
    font-size: clamp(1.35rem, 1.7vw, 1.55rem);
}

.baseline header .first .menu li.current-menu-item > a {
    font-weight: 700;
}

.baseline header .first .menu li.button a {
    font-size: 1.7rem;
}

.baseline header .first .menu li.menu-item-has-children a {
    white-space: nowrap;
}

@media ( min-width: 1150px ) {

    header .eight.columns.right {
        margin-left: 0;
        width: 69.3333333333%;
    }

}

@media ( max-width: 1150px ) {

    header .eight.columns.right {
        display: none;
    }

}

.baseline nav .full.top ul.menu > li.menu-item-has-children > a:after, 
.baseline header .widget ul.menu > li.menu-item-has-children > a:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='8' height='13' viewBox='0 0 8 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.063 11.375l5.25-5.063-5.25-4.875' stroke='%23AAAAAA' stroke-width='2' fill='none'/%3E%3C/svg%3E")
}

.baseline #menu-choices ul.menu > li.menu-item-has-children > .menu-toggle-label {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='8' height='13' viewBox='0 0 8 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.063 11.375l5.25-5.063-5.25-4.875' stroke='%23FFFFFF' stroke-width='2' fill='none'/%3E%3C/svg%3E")
}

.baseline .button,
.baseline .woocommerce #respond input#submit,
.baseline .woocommerce a.button,
.baseline .woocommerce button.button,
.baseline .woocommerce input.button,
.baseline button,
.baseline input[type=button],
.baseline input[type=reset],
.baseline input[type=submit] {
    padding: 2rem;
    font-size: 1.7rem;
}

.baseline .mobile-nav {
    background-color: var(--ct-prussian-blue);
}

.baseline .mobile-nav .container {
    width: 96%;
}

.baseline .mobile-nav .menu-label {
    color: #fff;
}

.flex-elm.has-bgcolor.col-linen h2,
.flex-elm.has-bgcolor.col-linen .col-none h2 {
    color: var(--ct-sandstone);
}

#times-worship .inner {
    grid-row-gap: 3rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

#times-worship .inner {
    text-align: center;
}

#times-worship .fa-church {
    font-size: 3rem;
    color: var(--ct-sandstone);
    margin-bottom: 1.5rem;
}

.baseline #times-worship h3 {
    color: var(--ct-clementine);
}

.baseline #times-worship strong {
    font-size: 2.2rem;
}

.baseline #times-worship a {
    display: block;
    text-align: left;
    font-size: 1.7rem;
    padding-left: 4rem;
    margin: 0 auto;
    width: 18rem;
    border-bottom: none;
    position: relative;
}

.baseline #times-worship a:hover {
    text-decoration: underline;
}

.baseline #times-worship a:before {
    content: "\f3c5";
    font-size: 2.5rem;
    font-family: "Font Awesome 6 Pro";
    font-weight: 700;
    color: var(--ct-seagull);
    display: block;
    position: absolute;
    left: 1rem;    
    top: 0.5rem;
}

#times-worship .left-col,
#times-worship .middle-col {
    position: relative;
    overflow-x: visible;
}

#times-worship .left-col:after,
#times-worship .middle-col:after {
    position: absolute;
    z-index: 2;
    right: -4rem;
    top: 0;
    content: "";
    display: block;
    height: 100%;
    width: 0.1rem;
    background-color: #fff;
}

@media ( max-width: 800px ) {

    #times-worship .left-col,
    #times-worship .middle-col {           
        border-bottom: 0.1rem solid #fff;
        padding-bottom: 3rem;
    }

}

footer .label {
    font-size: 1.4rem;
    line-height: 1.8;
}

.footer-address {
    margin: 2.5rem 0;
}

.footer-contact {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

@media ( max-width: 800px ) {

    .footer-contact {
        justify-content: center;
    }
    
}


.footer-contact p:first-child {
    margin-right: 2rem;
}

.widget .footer-contact a {
    text-decoration: none;
    margin-bottom: 0.5rem;
}

.widget .footer-contact a:hover {
    text-decoration: underline;
}

footer .four.columns {
    height: 100%;
}

footer .footer-col-3 {
    height: 100%;
    line-height: 1.2;
    padding-top: 1rem;
    padding-bottom: 4rem;
}

footer .social {
    margin-bottom: 2rem;
}

.button i {
    color: #fff;
    opacity: 0.4;
    width: 1.7rem;
    display: inline-block;
}

.widget-area.footer-col-1 .menu {    
    padding: 1rem 2rem;
}

.menu li.divider-before:before {
    margin: 1.5rem 0 2rem 0;
    display: block;
    content: "";
    width: 10rem;
    height: 0.1rem;
    background-color: rgba(255, 255, 255, 0.3);
}

@media ( max-width: 600px ) {

    .menu li.divider-before:before {
        margin-left: auto;
        margin-right: auto;
    }

}

.quick-links .inner {
    display: grid;
    grid-template-columns: 1fr 30%;
    grid-column-gap: 8rem;
    grid-row-gap: 4rem;
}

@media ( max-width: 800px ) {

    .quick-links .inner {
        grid-template-columns: 1fr;
    }

}

.quick-links i {
    color: rgba(255, 255, 255, 0.4);
    margin-right: 0.7rem;
    position: absolute;
    font-size: 1.9rem;
    left: 2rem;
    top: 2.1rem;
}

.quick-links .item-label {
    color: #fff;
    padding: 2rem 7rem 2rem 5rem;    
    font-size: 1.7rem;
    position: relative;
}

.quick-links .item-label:after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    color: #fff;
    background-color: var(--ct-clementine);
    display: flex;
    position: absolute;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 6rem;    
    font-size: 2.2rem;
    right: 0;
    top: 0;
    height: 100%;
}

.quick-links .grid-list.cols-1 {
    grid-gap: 1rem;
}

.quick-links .grid-list li {
    margin-bottom: 0;
}

.quick-links .cde-grid-item-inner {
    background-color: var(--ct-sandstone);
    position: relative;
    transition-duration: 0.3s;
}

.quick-links .cde-grid-item-inner:hover {
    background-color: var(--ct-prussian-blue);
}

.inner p:last-child {
    margin-bottom: 0;
}

.baseline .cde-image-left-text-right .left.img, 
.baseline .cde-text-left-image-right .right.img {
    min-height: 48rem;
}

.baseline .cde-image-left-text-right.min-height .left.img, 
.baseline .cde-text-left-image-right.min-height .right.img {
    min-height: 58rem;
}

/* People */
.person_photo img {
    width: 20rem;
    height: 27rem;
    object-fit: cover;
    margin-bottom: 0;
}

.person_photo {
    margin-bottom: -10rem;
}

.person {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8rem;
}

.person_top {
    display: grid;
    grid-template-columns: 20rem 1fr;
    grid-column-gap: 0;
}

@media ( max-width: 800px ) {

    .person_top {
        display: block;
    }

    .person_photo {
        margin-bottom: -5rem;
    }
    

}

.person_name {    
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.person_name h3 {
    padding: 4rem 4rem 3rem 4rem;
    background-color: var(--ct-linen);
    font-size: 3rem;
    margin-bottom: 0;
}

@media ( max-width: 800px ) {

    .person_name {
        margin-left: 4rem;
    }

}

.person_bottom {
    margin-left: 16rem;
    background-color: var(--ct-linen);
    padding: 0 4rem 4rem 8rem;
}

@media ( max-width: 800px ) {

    .person_bottom {
        margin-left: 4rem;
        padding: 0 4rem 4rem 4rem;
    }

}

.baseline .person h3 {
    color: var(--ct-prussian-blue);
}

.link-boxes .cde-grid-item-inner {
    background-color: var(--ct-seagull);    
}

.link-boxes .item-label {
    font-family: "Proza Libre", sans-serif;
    font-size: 3.2rem;
    font-weight: 600;
    padding: 2rem 2.3rem;
    color: #fff;
}

.link-boxes .item-image {
    aspect-ratio: 1.3/1;
}

.link-boxes .item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.link-boxes .cde-grid-item-inner a {
    display: block;
    padding-right: 7rem;
    position: relative;
}

.link-boxes .cde-grid-item-inner a,
.link-boxes .cde-grid-item-inner a:hover {
    border-bottom: none;
}

.link-boxes .cde-grid-item-inner a:after {
    content: "\f324";
    font-family: "Font Awesome 6 Pro";
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    font-size: 4rem;
    position: absolute;
    right: 0;
    top: 0;    
    width: 7rem;
    padding-bottom: 2.5rem;
    box-sizing: border-box;
    height: 100%;
    background-color: var(--ct-prussian-blue);
    color: rgba(255, 255, 255, 0.4);
    transition-duration: 0.3s;
}

.link-boxes .cde-grid-item-inner a:hover:after { 
    background-color: var(--ct-clementine);
}

.simple-boxes .item-label {
    text-align: center;
    font-size: clamp(2.1rem, 2vw, 2.3rem);
    line-height: 1.2;
    margin-bottom: 2rem;
    font-weight: 700;
}

.flex-elm .col-linen .item-label {
    color: var(--ct-sandstone);
}

.baseline .cde-box-menu.style-3 li {
    background-color: var(--ct-seagull);
}

.baseline .cde-box-menu.style-3 a {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;    
    min-height: 13rem;
    position: relative;
}

.baseline .cde-box-menu.style-3 a:after {
    content: "\f324";
    font-family: "Font Awesome 6 Pro";
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    font-size: 4rem;
    position: absolute;
    right: 0;
    top: 0;    
    width: 7rem;
    padding-bottom: 2.5rem;
    box-sizing: border-box;
    height: 100%;
    background-color: var(--ct-prussian-blue);
    color: rgba(255, 255, 255, 0.4);
    transition-duration: 0.3s;
}

.baseline .cde-box-menu.style-3 a:hover:after { 
    background-color: var(--ct-clementine);
}

.baseline .cde-box-menu.style-3 p {
    display: none;
}

.baseline .items-per-row-1, 
.baseline .items-per-row-2, 
.baseline .items-per-row-3, 
.baseline .items-per-row-4, 
.baseline .items-per-row-5, 
.baseline .items-per-row-6, 
.baseline .items-per-row-7, 
.baseline .items-per-row-8 {
    grid-gap: 4rem;
}
 
.baseline .cde-text-left-image-right.textimage-head .right.img {
    min-height: 30rem;
}

@media ( max-width: 720px ) {

    .baseline .cde-text-left-image-right.textimage-head .left {
        text-align: center;
    }

    .baseline .cde-text-left-image-right.textimage-head .right.img {
        margin-bottom: 0;
    }

}


.narrow .inner {
    max-width: 80rem;
    margin: 0 auto;
}

.gallery-border li {
    border: 1rem solid var(--ct-linen);
    box-sizing: border-box;
}

.widget-area.footer-col-1 {
    padding-bottom: 3rem;
}

.baseline.social .flex-elm .img.cde-crop-nocrop {
    background-color: var(--ct-prussian-blue);
    background-size: 70%;
}

.baseline .tribe-events .tribe-events-c-search__button, 
.baseline .tribe-events button.tribe-events-c-search__button {
    border-radius: 0;
    background-color: var(--ct-clementine);
}

div.main {
    --tec-font-family-sans-serif: "Karla", sans-serif;
}

.cde-events-container {
    padding-left: var(--tec-grid-gutter-page);
    padding-right: var(--tec-grid-gutter-page);
    margin-left: auto;
    margin-right: auto;
}

.tribe-events h1 {
    text-align: center;
    width: 100%;
}

.tribe-events h1.xl {
    margin-bottom: 3rem;
}

.tribe-events h1.xl + .tribe-events-header__title {
    margin-top: -2rem;
}

.baseline.tribe-events-page-template .content.container {
    padding: 0 0 5rem 0;
}

.baseline .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

/* Magazine */

#shared-previous-issues-of-magazine .cde-box-menu li:first-child {
    display: none;
}

#shared-current-issue-of-magazine .cde-box-menu, 
#shared-previous-issues-of-magazine .cde-box-menu {
    margin-top: 3rem;
}

a.mag-inner {    
    display: grid;
    grid-template-columns: 1fr 20rem;    
    background-color: var(--ct-seagull);
    height: 100%;        
    min-height: 10rem;
}

.mag-inner .info-block {
    padding: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media ( max-width: 720px ) {

    .mag-inner .info-block {
        padding: 3rem;
    }

    a.mag-inner {    
        grid-template-columns: 1fr 6rem;    
    }

}

.mag-inner .desc {
    color:rgba(255, 255, 255, 0.7);
    line-height: 1.5;
    font-size: 1.6rem;
}

.mag-inner .icon-block {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--ct-clementine);    
}

.mag-inner .icon-block .fa-solid {
    color: #003057;    
    font-size: 5rem;
}

@media ( max-width: 720px ) {

    .mag-inner .icon-block .fa-solid {
        font-size: 3rem;
    }

}

.baseline .items-per-row-2 {
    grid-row-gap: 6rem;
    grid-column-gap: 6rem;
}

.baseline .info-block h2 {
    margin-bottom: 0;
}

.info-block .desc {
    display: none;
}

.cde-panel {
    padding: 3rem;
    background-color: var(--ct-linen);
}

.cde-panel p + p .button {
    margin-top: 2rem;
}

#halls .item-image,
#halls .item-content {
    text-align: center;
}

.fas.fa-church {
    color: var(--ct-sandstone);
    font-size: 3rem;
}

.two-links {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: 2rem;    
}

.two-links a {
    display: inline-block;
    font-size: clamp(1.5rem, 2vw, 1.6rem);    
    margin: 0 1rem 0 0;
}

.two-links div {
    white-space: nowrap;
}

.social p.center-text {
    opacity: 0.65;
    margin-bottom: 0.5rem;
}

footer .bftrust-logo {
    margin-top: -2rem;
}

footer .bftrust-logo img {
    max-width: 23rem;
    width: 70%;
    min-width: 11rem;
}

#footer-three-cols-container .row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1rem;
    margin-bottom: 1rem;
}

@media ( max-width: 1050px ) {

    #footer-three-cols-container .row {
        grid-template-columns: 1fr;
    }

}

#footer-three-cols-container .columns {
    float: none;
    width: unset;
}

.baseline .flex-elm ul.upcoming-event_list {    
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 4rem;
    list-style: none;
    margin: 5rem 0 4rem 0;
}

.baseline .flex-elm ul.upcoming-event_list.single-event {
    grid-template-columns: 1fr;
    margin-left: 25%;
    margin-right: 25%;
}

.inner .upcoming-event a,
.inner .upcoming-event a:hover {
    text-decoration: none;
    border-bottom: none;
}

.upcoming-event .event-cats {
    text-transform: uppercase;
    font-size: 1.5rem;
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.3);
    padding-bottom: 1rem;
    margin-bottom: 1rem;    
}

.inner .upcoming-event a {
    display: grid;
    grid-template-columns: 25rem 1fr;
    grid-column-gap: 0;
    background-color: var(--ct-prussian-blue);
}

@media ( max-width: 800px ) {

    .baseline .flex-elm ul.upcoming-event_list {    
        grid-template-columns: 1fr;
    }

    .inner .upcoming-event a {     
        grid-template-columns: 15rem 1fr;
    }

    .baseline .flex-elm ul.upcoming-event_list.single-event {     
        margin-left: 0;
        margin-right: 0;
    }

    .inner .upcoming-event a {
        grid-template-columns: 1fr;
    }

}

.inner .upcoming-event a {
    color: #fff;
}

.inner .upcoming-event h3 {
    color: var(--ct-clementine);
    text-align: center;
}

.upcoming-event_details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem;
}

.upcoming-event .event-date {
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
    text-align: center;
}