#webcontent {
    padding: 0 20px;
}

.sticky-title{top: 0;
  text-align: center;
  height: calc(10vw + 20px);
  transition: all 0.2s ease-in;}

.navbar-nav>li {
    margin: 0 .8375em;
}

.site-header.headroom {
    width: 100%;
    z-index: 1000;
    position: initial;
    top: 0
}

.site-header.headroom--not-top {
    position: initial;
    top: 0;
    border: none
}
.header-logo-wrapper img{scale:100%;}

.header-text-width{max-width: 400px; 
    max-width: 400px;
    margin-left: 0px !important;
    margin-right: auto !important;
		    padding-top: 10vh;
    padding-bottom: 10vh;
}
.header-text-width-right{max-width: 400px; 
    max-width: 400px;
    margin-left: auto !important;
    margin-right: 0px !important;
		    padding-top: 10vh;
    padding-bottom: 10vh;
}
.header-text-background{background-color:rgb(0 0 0 / 85%); padding: 50px !important;    min-height: 300px;}

		.header-cover-home{padding: 0px;height: 1300px;   max-width: 1920px; aspect-ratio: 3 / 2;}


		.header-cover{padding: 0px; }


.home-header-align .wp-block-cover
 {
    align-items: normal;margin: auto;
}

.sow-blog-layout-grid .sow-blog-posts article .sow-entry-header .sow-entry-title {    line-height: 30px;}

.section-title span:after {
    content: " ";
}
.single .entry-cover-image .entry-header .entry-title {    max-width: 500px;background-color: rgb(0 0 0 / 85%);
    padding: 40px !important;
    min-height: 240px;}
span.entry-date:before {
    content: "Posted ";
}

.entry-meta span+span:before{    display: none;}
span.entry-author {
    display: none;
}
span.entry-comments {
    display: none;
}
.entry-comments {
    display: none;
}

/******* defaults *********/
h1,h2,h3,h4,h5,h6 {color:#1f3864; font-weight: 400;padding-top: 5px;}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {
    padding-top: 5px;
}

h1::after { content: ' ';
    border-bottom: 5px solid #c5a746;
    width: 60%;/*margin: auto;*/
    display: block;}

/*h2::after { content: ' ';
    border-bottom: 5px solid #c5a746;
    width: 20%;margin: auto;
    display: block;}
*/
h1{font-size: 3.5em; }
h2{font-size: 3em;}
h3{font-size: 2em;}
h4{font-size: 1.8em;}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    margin-bottom: 20px;
    line-height: 0.7;
    font-weight: 400;
}

a:link{color:#837135;    text-decoration: underline;}
a:hover{color:#c5a746;    text-decoration: underline;}

[aria-current] {
    font-weight: bold;

		color:#112952;
  }
[aria-current]:hover { color:#112952;}

.target {
	position: absolute;
	position-anchor: --my-anchor;

	position-area: top right;
}
.wp-block-pullquote {
    border-bottom: 4px solid;
    border-top: 4px solid;
    color: currentColor;
    margin-bottom: 1.75em;padding: 0em 0;
}
.wp-block-pullquote blockquote{
    margin-top: 40px; font-style: initial;
		margin-bottom: 40px;}
.wp-block-pullquote blockquote:after, .wp-block-pullquote  blockquote:before{display:none;}

.entry-content blockquote:after, .entry-content blockquote:before{    width: 20%;    background:  #c5a746;}
.entry-content blockquote{border-left:none;}

.entry-content blockquote {    font-size: 24px;
    line-height: 25px;    font-family: 'Tenali Ramakrishna', sans-serif;}

.wp-block-footnotes {
    font-size: 0.8em;
    font-style: italic;
}

.wp-block-footnotes br{content:' '; display: none;}
.wp-block-footnotes br:after{content:' ';}
.entry-content li {
    list-style-position: outside;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width: 40vh;
margin: 25px auto 30px;
padding: 0;
border: 0;
border-top: solid 3px #c5a746;
text-align: center;
}

hr:after {
content: "\f654";
display: inline-block;
position: relative;
top: -1.7rem;
padding: 0 1rem;
font-family: FontAwesome;
font-size: 1.7rem; color:#c5a746;
background-color: #f1ead4; /* Must Match Page Background*/
}
pre {
    background: #c5a746;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
    color: #fff;
}
.scroll-target{    height: 10px;}

.sow-contact-form {
    border-radius: 20px;
}

/*** Table ***/

thead {
    background-color: #d9bf6b; 
}
th {
    text-align: center;
}

tr td:first-child:before{content:" ";    padding: 0 10px 0 0;}

/******* header *********/
.has-global-padding {
    overflow: hidden !important;
    padding-left: 0;
    padding-right: 0;
}
.site-content-contain .site-content {
    padding-top: 0px;
}
.custom-logo-link img {
    display: inline-block;
    max-height: 120px;
    width: auto;
}
div#site-navigation {
    height: 100px;
}
.headroom--not-top .navbar {
  
    padding: 0px 0;
}
.navbar {padding: 0px 0;}
.navbar .header-logo-wrapper {
    margin-right: .625em;
    max-width: 100%;
		    margin-left: 1em;    padding: 12px 10px 8px 10px;
}
.navbar .header-inner a:link{color:#fff;    text-decoration: none;   font-weight: 700;}
.navbar .header-inner a:hover{color:#c5a746;    text-decoration: none;}
.navbar-nav>li>ul:before {
    /*content: "/f654";*/
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-bottom: 8px solid #c5a746;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
.current-menu-item{color:#c5a746;} 

.hero-scroll {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    animation: bounce 2s infinite;
		    position: absolute;
    top: 85vh;

    left: 0;
    right: 0;
	/*	display:none;*/
}

.hero-scroll span {
    margin-bottom: 10px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #fff; font-weight:600;
	text-shadow: -1px -1px 7px #000000, 1px -1px 7px #000000, 1px 1px 7px #000000, 1px 1px 7px #000000;
}
.hero-scroll 	i.fa-solid.fa-down-long{color:#fff;     text-shadow: -1px -1px 2px #000000, 1px -1px 0px #000000, 1px 1px 0px #000000, 1px 1px 2px #000000;}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-15px);}
    60% {transform: translateY(-7px);}
}


/******* Body *********/

.has-header-image .navbar, .has-header-video .navbar{    background-color: #1f3864;background-image: none;}

.background-church{background-image: url(https://stmichaelscamden.org.uk/wp-content/uploads/2025/04/church-bg.webp);
    background-position: center center;
    background-size: cover;}

.wp-block-media-text>.wp-block-media-text__content {
    padding: 0 0%;
}

.entry-summary .link-more {
    margin-bottom: 70px;
}

/******** list items *********/

.box ul {
  position: relative;
  /*background: #fff; */   margin: 0 0 1.5em 0em;
}
.box ul:hover li {
 /* opacity: 0.2;*/
}
.box ul li {
  list-style: none;
  padding: 10px;
  width: 100%;
   /* background: #fff;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);*/
  transition: transform 0.5s;    transform-origin: left;
}
.box ul li:hover {
  transform: scale(1.2);
  z-index: 5;
 /* background: #c5a746;  color: #fff;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);*/
    transform-origin: left;
  opacity: 1;
}

/*
.box ul li:hover  a {  color: #fff;}
.box ul li:hover  a:link {  color: #fff;}
.box ul li:hover  a:visited {  color: #fff;}*/

.box ul li span {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background: #25bcff;
  color: #fff;
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
  font-size: 12px;
  font-weight: 600;
  transform: translateY(-2px);
}
.box ul li:hover span {
  background: #fff;
  color: #25bcff;
}



/*** Blog and News **/
.epta-title-date {
    text-align: center;
}
.tribe-events-single-section-title{text-align:center;}
.full-screen-width {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  width: 100vw;
}
/******* Footer *********/
footer h3{color: #C5A746;font-size: 2em;}
footer a:link{color:#fff;    text-decoration: none;}
footer a:hover{color:#c5a746;    text-decoration: underline;}


.designed-by,
#footer-copy .wpzoom,
#footer .wpzoom,
.site-info .designed-by,
.site-info p.right,
.footer-info .designed,
.site-info .copyright span:nth-child(2) {
    display: none;
}

.widget, .widget_block {
    margin-bottom: 20px;
}
/***************************/
@media screen and (max-width: 1259px) {
    .navbar-collapse {
        display: none;
    }
}
@media screen and (min-width: 1259px) {
    .inspiro--with-page-nav .navbar-toggle {
        display: none;
    }
}

@media (min-width: 64.0625em) {
   .navbar-nav ul {
     
        width: 220px;  border-top: 0px;
 /*     left: 50%;     margin-top: 15px; transform: translate(0%, 0);
        border-top: 2px solid #c5a746;
        background: #112952;
     transform: translate(-50%, 0);*/
    }
    .navbar-nav ul li {
        border-top: 1px solid rgb(255 205 0 / 49%);
    }
}
@media screen and (max-width: 64em) {
    .navbar-nav li a {
        font-family: 'Montserrat', sans-serif;
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 1.8;
    }
}
@media screen and (max-width:1259px) {

/***/
		 .side-nav .navbar-nav {
        display:block;
        margin-left: 0;
        position: relative
    }

    .side-nav .navbar-nav ul {
        display: none;
        margin-left: 20px
    }

    .side-nav .navbar-nav li a:active,.side-nav .navbar-nav li a:hover {
        color: #fff
    }

    .side-nav .navbar-nav li.menu-item-has-children>a .svg-icon {
        float: right;
        fill: #999;
        height: 26px;
        width: 26px;
        margin: 4px 0 0 10px;
        transition: .1s ease color,.5s ease transform
    }

    .side-nav .navbar-nav li.menu-item-has-children>a .svg-icon:active,.side-nav .navbar-nav li.menu-item-has-children>a .svg-icon:hover {
        fill: #fff
    }

    .side-nav .navbar-nav li.menu-item-has-children.open>a .svg-icon {
        transform: rotate(180deg)
    }

    .navbar-toggle {
        display: block
    }

    .navbar-collapse {
        display: none
    }

    .navbar-nav {
        float: none
    }
    .navbar-nav a {
        font-size: 18px;
        line-height: 1.8;
    }
    .navbar-nav a:hover,.navbar-nav>li>a:hover {
        border: none
    }

    .navbar-nav>li>a.sf-with-ul:hover {
        border-bottom: none
    }

    .navbar-nav>li.current-menu-item>a,.navbar-nav>li.current-menu-parent>a,.navbar-nav>li.current_page_item>a {
        color: var(--inspiro-primary-color)
    }

    .navbar-nav li {
        display: block;
        position: relative;
        float: none;
        margin: 10px 0;
        padding: 0 0 5px;
        border-bottom: 1px solid rgba(255,255,255,.1)
    }

    .navbar-nav li a {
        border: none!important;
        padding: 4px 0;
        margin: 7px 0;
        color: #fff;
        font-weight: 600;
        text-transform: uppercase;
						        font-family: 'Montserrat', sans-serif;
    }

    .navbar-nav li li a {
        color: #ccc
    }

    .navbar-nav ul:before {
        display: none
    }

    .navbar-nav ul li {
        border: none;
        padding: 0;
        margin: 7px 0
    }

    .navbar-nav ul li a {
        text-transform: none;
        font-weight: 400;
        font-size: 14px
    }

    .navbar-nav ul ul {
        left: 0
    }

}
.entry-content ul li {
    list-style-type: none;
}

/************ 404 *********/

#notfound {
    margin: 50px 0;
/*  height: 50vh;*/
}

#notfound .notfound {
  position: relative;margin: 0 auto;
 /*  left: 50%;
  top: 50%;
 -webkit-transform: translate(-50%, -50%);position: absolute;
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);*/
}

.notfound {
		position: relative;
  max-width: 520px;
  width: 100%;
  line-height: 1.4;
  text-align: center;
}

.notfound .notfound-404 {
position: relative;
  height: 200px;
  margin: 0px auto 20px;
  z-index: -1;
}

.notfound .notfound-404 h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 236px;
  font-weight: 200;
  margin: 0px;
  color: #1f3864;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.notfound .notfound-404 h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 28px;
  font-weight: 400;
  /*text-transform: uppercase;*/
  color: #211b19;
  background: #f1ebd4;
  padding: 10px 5px;
  margin: auto;
  display: inline-block;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;    line-height: 30px;
}

.notfound a {
  font-family: 'Montserrat', sans-serif;
  display: inline-block;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  padding: 13px 23px;
  background: #C5A746;
  font-size: 18px;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}
.notfound a:link{  color: #fff;}
.notfound a:hover {
  color: #ff6300;
  background: #211b19;
}

@media only screen and (max-width: 767px) {
  .notfound .notfound-404 h1 {
    font-size: 148px;
  }
}

@media only screen and (max-width: 480px) {
  .notfound .notfound-404 {
    height: 148px;
    margin: 0px auto 10px;
  }
  .notfound .notfound-404 h1 {
    font-size: 86px;
  }
  .notfound .notfound-404 h2 {
    font-size: 16px;
  }
  .notfound a {
    padding: 7px 15px;
    font-size: 14px;
  }
}


/******************/
/***** mobile *****/
/******************/
@media screen and (max-width: 40em) {
		div#site-navigation {
    height: 70px;
}
 .page .entry-content,.single .entry-content {
        margin-top: 0px;padding:0;
    }
		.entry-content .alignfull .wp-block-cover__inner-container, .entry-content .alignfull .wp-block-group__inner-container{    padding-left: 0em;
    padding-right: 0em;}
		.header-logo-wrapper img{scale:100%}
		.navbar .header-logo-wrapper {
    max-width: 70%;
}
		.header-cover{padding:0; margin:0;}
		
.header-text-width{
    width: 99%; padding:20px;
		    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
}
.header-text-background{background-color: color(srgb 0 0 0 / 0.8);padding: 30px;}
}