/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

@font-face {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    /*	src: url(https://fonts.gstatic.com/s/lato/v23/S6u8w4BMUTPHjxsAXC-q.woff2) format('woff2');*/
    src: url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
}

@font-face {
    font-family: "trajan pro";
    src: url("fonts/trajan-pro-regular.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.underline {
text-decoration-line: underline;
}

.access-required {
    font-style: normal;
    padding-top: 8px !important;
    margin-left: 0 !important;
    color: #9F1E1E !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

.access-note {
    font-style: normal;
    text-align: center;
    margin-left: 0 !important;
    margin-bottom: 20px;
    font-size: 15px !important;
    font-weight: 400 !important;
}

.fwn {
  font-weight: normal;
}

.bold {
  font-weight: 700;
}

.fsn {
  font-style: normal;
}

.italic {
  font-style: italic;
}

.hidden {
    display: none !important;
}

.nolink {
    cursor:text !important; 
    Text-Decoration: None !important; 
    color: #555;
}
.va-b {
    vertical-align:bottom;
}

.mr-8 {
  margin-right: 8px;
}

.mt-8 {
  margin-top: 8px !important;
}

.mh-c1 {
    height: 400px;
    max-height: 400px;
    overflow: hidden;
}

.mh-c2 {
    height: 193px;
    max-height: 193px;
    overflow: hidden;
}

.mw-1 {
    width: 500px;
    max-width: 500px;
    overflow: hidden;
}


.page-section {
    padding: 16px 0;
}

.p-0 {
  padding: 0px !important;
}

.pt-10 {
  padding-top: 10px;
}

.m-pt-10 {
  padding-top: 10px !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-10 {
  padding-top: 10px;
}

.pt-14 {
  padding-top: 14px !important;
}


.pb-0 {
  padding-bottom: 0 !important;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-14 {
  padding-bottom: 14px !important;
}

.py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.px-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.m-0 {
    margin: 0px !important;
}

.mt-13 {
    margin-top: 13px !important;
}

.mt-16 {
    margin-top: 16px;
}

.mt-14 {
  margin-top: 14px !important;
}

.mb-14 {
  margin-bottom: 14px !important;
}

.mb-16 {
    margin-bottom: 16px !important;
}

.ml-16 {
    margin-left: 16px;
}

.mr-16 {
    margin-right: 16px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-26 {
  margin-left: 26px;
}

.ml-30 {
  margin-left: 30px;
}


.mx-8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.ta-c {
    text-align: center !important;
}

#mainLogo {
    height: 80px;
    width: auto;
    display: flex;
    justify-content: center
}

#mainLogo svg {
    height: 100%
}

#mainLogoLink {
    text-decoration: none
}

.site {
    font-size: 14px;
    font-size: .875rem;
    line-height: 128%;
}

#content {
    max-width: 976px;
    margin: 0 auto 0px !important;
    position: relative;
}

#hero-image {
    /* height: 320px; */
    height: 300px;
    width: 100%; 
    position: relative; 
    display: block; 
}

.pf-responsive #platform-canvas {
    box-sizing: border-box;
    max-width: 976px;
    width: auto;
    background: #fff;
}

.pf-canvas-wrapper {
    background: #fff;
}

#top-bar {
    border-top: 1px solid #DDD !important;
    border-bottom: 1px solid #DDD !important;
    margin-bottom: 4px !important;
}

.teaser__title {
    font-size: 18px;
    line-height: 29px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    text-shadow: rgb(0 0 0 / 15%) 1px 0 20px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    display: inline-block;
    width: 100%;
    color: #FFFFFF;
}

.bg-overlay .portfolio-desc h3 {
  font-size: 28px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.bg-overlay .portfolio-desc h4 {
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.bg-overlay .portfolio-desc h5 {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.bg-overlay .portfolio-desc span {
  margin-top: 0px;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: 200;
}

.teaser__text {
    text-align: center;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
    font-size: 28px;
    line-height: 32.2px;
    color: #FFFFFF;
}

.teaser__text {
    font-weight: 200;
    font-size: 2.4rem;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    /* font-style: italic; */
    margin-top: 10px;
}

.teaser__text {
    display: block;
    line-height: 1.3;
}

.bg-overlay-image-text {
    display: flex !important;  
    align-items: left !important;
    justify-content: left !important;
}


.bg-overlay-link-text {
  text-transform: none !important;
  display: flex !important;  
  align-items: left !important;
  justify-content: left !important;

}

.strata .links {
    width: 23%;
}
.linklist h2, .strata h2, .teasers h2 {
    margin-bottom: 10px;
    font-weight: 700;
    color: #231F20;
    background: #fff;
    display: inline-block;
    position: relative;
    top: -10px;
    left: -10px;
    padding-left: 15px;
    padding-right: 20px;
    font-size: 16px;
    line-height: 16px;
}
@media screen and (min-width: 400px)
.linklist h2, .strata h2, .teasers h2 {
    left: -15px;
}

.strata {
    border-top: 1px solid rgba(35,31,32,.45);
    margin-bottom: 50px;
    clear: both;

    text-align: left;
    margin: 0;

    box-sizing: border-box;
    display: block;
    font-size: 16px;
    line-height: 16px;
}

.links {
    float: left;
    width: 100%;
}

a:link, a:visited, ins {
    text-decoration: none;
    color: #000;
}

.links__list a:link, .links__list a:visited {
    color: #177c9c;
}

.strata--linklist {
    float: none;
    width: auto;
}

.strata li {
    text-align: left;
}
.links__list li {
    width: 100%;
}
@media screen and (min-width: 401px)
{
    .strata--linklist li {
        margin-bottom: 6px;
    }
}

.strata--linklist .links__list {
    display: block;
}

@media screen and (min-width: 701px)
{
    .strata--linklist .links__list:nth-of-type(1) {
        -ms-flex-order: 1;
        order: 1;
        -ms-flex: 0 1 23%;
        flex: 0 1 23%;
        -ms-flex-item-align: auto;
        align-self: auto;
        margin-right: 2.66%;
    }
}
@media screen and (min-width: 701px)
{
    .strata--linklist .links__wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

ul {
  display: block;
  list-style-type: disc;
  /* margin-block-start: 1em; */
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

ul.social {
  margin: .5em 0;
  padding-inline-start: 1em;
  margin-inline-end: 1em;
}

.image_title {
    font-size: 18px;
    line-height: 18px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    text-shadow: 2px 2px 4px #000000;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    display: inline-block;
    width: 100%;
    color: #FFFFFF;
}

.image_text {
    text-align: left;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
    font-size: 18px;
    line-height: 18px;
    color: #F0F;
    font-weight: 200;
    font-size: 2.4rem;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    text-shadow: 2px 2px 4px #000000;
    /* font-style: italic; */
    margin-top: 10px;
    display: block;
    line-height: 1.3;
}

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

.portfolio-desc span,
.portfolio-desc span a {
    color: #FFF;
}

.scw-switcher-wrap,
.scw-trigger-icon {
    position: fixed;
    left: auto;
    background-color: #fff
}

.scw-trigger-icon {
    width: 44px;
    height: 44px;
    top: 156px;
    right: 20px;
    border: 0;
    padding: 0;
    text-align: center;
    z-index: 5;
    cursor: pointer
}

.scw-trigger-icon i {
    font-size: 18px
}

.scw-switcher-wrap.scw-switcher-open i:nth-of-type(1),
.scw-switcher-wrap:not(.scw-switcher-open) i:nth-of-type(2) {
    display: none
}

.scw-switcher-wrap {
    top: 155px;
    right: 19px;
    padding: 23px;
    width: 0;
    height: 0;
    border: 1px solid rgba(0, 0, 0, .09);
    border-radius: 3px;
    box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);
    z-index: 9999;
    overflow: hidden;
    -webkit-transition: all .45s ease;
    -o-transition: all .45s ease;
    transition: all .45s ease
}

.scw-switcher-wrap.scw-switcher-open {
    width: 360px;
    height: 65%;
    padding: 35px 25px;
    overflow-y: scroll
}

.scw-switcher-wrap .widget {
    margin: 0
}

.scw-switcher-wrap .line,
.scw-switcher-wrap .widget {
    opacity: 0;
    -webkit-transition: opacity 0s ease;
    -o-transition: opacity 0s ease;
    transition: opacity 0s ease
}

.scw-switcher-wrap.scw-switcher-open .line,
.scw-switcher-wrap.scw-switcher-open .widget {
    opacity: 1;
    -webkit-transition: opacity .3s .4s ease;
    -o-transition: opacity .3s .4s ease;
    transition: opacity .3s .4s ease
}

.scw-switcher-wrap .widget h4 {
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 15px
}

.scw-switcher-wrap .btn-container {
    margin: 0 -5px -5px 0
}

.scw-switcher-wrap .btn {
    margin: 0 5px 5px 0
}

.scw-switcher-wrap .row {
    margin: 0 -5px
}

.scw-switcher-wrap .col-6 {
    padding: 5px
}

body:not(.has-plugin-isotope) .portfolio-reveal .portfolio-desc {
    display: none
}

.overlay-trigger-icon:hover {
    opacity: .9 !important;
    color: #1abc9c !important
}

#copyrights {
    padding: 40px 0;
    font-size: 0.875rem;
    line-height: 1.8;
    background-color: #F1F1F3;
}

#PFfooterLegal a, #PFfooterLegal a:active, #PFfooterLegal a:link, #PFfooterLegal a:visited {
    margin: 4px 3px;
    text-decoration: none;
    color: #000 !important;
    display: inline-block;
    font-weight: 300;
}

#PFfooterLegal {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: left;
    line-height: 1.4;
    position: relative;
    text-align: left;
    font-weight: 300;
    grid-area: links;
    max-height: 40px;
}

#hero-img {  
    height: 193px;
    width:100%;
    background-size: 100% 100%;
    border:1px solid #000;
    background-image: url("images/bradshaw.jpg");
} 

.italic_quote {
  font-style: italic;
  font-weight: 400;
  color: #444;/*888;*/
}

.bold_quote {
  /* font-style: italic; */
  font-weight: 400;
  color: #444;/*888;*/
}

.zoom-link {
  font-family: 'Roboto', sans-serif !important;
  display: block;
  margin: 10px 0;
  font-size: 14px;
  font-family: 'PT Serif', serif;
  font-style: italic;
  font-weight: 400;
  color: #444;/*888;*/
}

.no-zoom-link {
  margin: 20px 0;
  font-style: unset;
}

.zoom-container {
    padding: 8 !important;
    margin-bottom: 20px !important;
    background-color: #FCFCFC !important;
}

.top-links-container {
    /* clear ul overrides */
    margin-block-start: unset !important;
    margin-block-end: unset !important;
    margin-inline-start: unset !important;
    margin-inline-end: unset !important;
    padding-inline-start: unset !important;
}


#top-bar-title {
    font-family: "trajan pro";
    font-size: 33px;
    font-weight: 500;;
    margin-top: 10px;
    margin-bottom: 10px;
}

#top-bar-title-church {
    font-family: "trajan pro";
    font-size: 14px;
    font-weight: 200;;
    margin-top: -10px;
    margin-bottom: 10px;
}

.top-links-item > a {
    font-size: 14px;
    display: block;
    padding: 12px;
    line-height: 14px;
    font-weight: 400;
    text-transform: unset;
    color: #000 !important;
}

.desktop-img {
    display: block !important;
}
.mobile-img {
    display: none !important;
}

.grid-inner {
    align-items: flex-start !important;
}

.align-small {
}

.entry-image-small {
    display: none !important;
}

.link-image {
    display: block !important;
}

@media(max-width:550px) { /*991.98px) {*/
    .sub-menu-trigger {
        color: #2a3035
    }
}

 @media screen and (min-width: 850px) {
    .teaser__text {
        font-size: 40px;
        line-height: 50px;
    }
}

@media screen and (min-width: 650px) {
    .teaser__text {
        font-size: 44px;
        line-height: 50.6px;
    }
}

@media screen and (min-width: 766px) {
 
    /* .mw-1 {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    } */
    
}

@media(max-width:991.98px) {

    .desktop-img {
        display: none !important;
    }

    .mobile-img {
        display:block !important;        
    }

    #hero-image {
        height: 100%;
        width: 100%;
        /* height: 256px; */
    }
    
    .entry {
        padding: 0px !important;
    }

    .zoom-title {
        margin: 0 0 10px 0 !important;
    }

   .zoom-link {
        margin: 30px 0;
        font-size: 16px;
    }

    .zoom-card {
        margin-top: 0 !important;
    }

    .zoom-container {
        padding: 0 !important;
    }

    .bg-overlay-content, .teaser__text {
        justify-content: left !important;
        text-align: left;
    }
    .bg-overlay {
        margin-top: 0px;    
    }
    .subpage {
        margin-top: -30px;    
    }

    .image_text-hero {
        text-align: left;
    }
    
    .team-image {  
        height: 100%;
        width:100%;
    } 
    
    .text-overlay-mask {
        padding: 40px 15px 15px;
    }
    .zoom-container {
        border-bottom: 1px solid rgba(0,0,0,.2);
    }
    .row {
        margin: 0px;
        padding: 0px;
    }
    .row > * {
        margin: 0px;
        padding: 0px;
    
    }
    
    .align-small {
        align-self: center;
        padding-left: 10px;
    }

    .entry-image-small {
      width: 48px;
      height: 48px;
      border-radius: 50%;        
      display: flex  !important;
  }

  .entry-image-small img {
      border-radius: 15%;        
  }

  .entry-image-med {
    width: auto;
    height: 72px;
    border-radius: 50%;        
    display: flex  !important;
}

.entry-image-med img {
    border-radius: 15%;        
}

    .entry-title-label {
        display: flex  !important;
        /* margin-top: -10px; */
    }
 
    .entry-title-first {
        margin-top: 0px;
    }

    .link-image {
        display: none !important;
    }

    .link-card {
    }

    .mw-1 {
        width: 100%;
        height: 100%;
        max-width: unset !important;
        overflow: hidden;
        margin-bottom: 16px;
    }
    
    .mh-c1 {
        width: 100%;
        max-height: unset !important;
        /* height: 100%; */
        overflow: hidden;
        margin-bottom: 16px;
    }
    
    .mh-c2 {
        width: 100%;
        height: 100%;
        max-height: unset !important;
        /* max-height: 100%; */
        overflow: hidden;
    }
 
    #top-bar-title {
        margin-top: 18px;
        font-size: 24px;
        font-weight: 500;;
    }
    
    #top-bar-title-church {
        font-size: 11px;
        font-weight: 200;;
    }

    .access-note {
        text-align: center;
        margin-bottom: 10px;
        font-size: 16px !important;
    }

    .section {
        background-color: #F5F5F5;
    }
    
    h2 {
        font-size: 1.2rem;
    }
 
    .fslider {
        height: 236px !important;
    }
    .flexslider {
        height: 236px !important;
    }
 
    .m-pt-10 {
        padding-top: 0px !important;
    }
            
    .pr-4 {
      padding: 4px !important;
  }
  
    .p-0 {
        padding: 0px !important;
    }
    .m-0 {
        margin: 0px !important;
    }
        
}

.left {
  text-align: left !important;
}

.fc-red {
color: #FF0000 !important;
font-weight: 700;
}



.social-icon-link {
  padding-right: 8px;
  font-size: 1.75rem;
	line-height: 38px !important;
	color: #555;
	text-shadow: none;
	overflow: hidden;
  vertical-align: middle;
}

.no-bullet {
  list-style-type: none;
}

.frame {
    /* border-top: 1px solid #DDD !important; */
    border-right: 1px solid #DDD !important;
    border-bottom: 1px solid #DDD !important;
    border-left: 1px solid #DDD !important;
    /* margin-top: 14px !important; */
    margin-bottom: 4px !important;
    padding: 14px 8px 8px 8px !important;

    font-style: normal;
    /* color: #9F1E1E !important; */
    font-size: 16px !important;
    font-weight: 400 !important;
}