.frontend .poweredBy {
    text-align: center;
    background: #9767ab;
    padding: 7px
}

.frontend .poweredBy a {
     font-size: 0.75rem;
    color: #fff;
}

 
html {
 	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; 
   font-size: 16px;
}


H1, H2, H3, H4, H5, H6 {
	font-family:  'PT Serif', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #0F0176;
}
H1, header{
	font-size: 3rem;
	margin-top: 0;
	font-weight: 400;
	margin-bottom: 0.5em !important;
  	color: #4B505F;
}
H2 {
	font-size: 2rem;
	margin: 0;
	padding: 0.7rem 0;
	color: #0F0176;
  	line-height: 1.3em;	
}

main H2 {
    padding: 1rem 0 1rem;
    color: #9767AB;
    font-size: 2rem;
}


H3 {
	font-size: 1.35rem;
	margin: 0;
	padding: 0.5rem 0;
}


H4 {
	font-size: 1.35rem;
	margin: 0;
	padding: 0.5rem 0;
	  color: #9767AB;
}


}
H6 {
	font-size: 1.1rem;
	margin: 0.5rem 0;
}

P, .page-content li {
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 400;
	margin-top: 0.8rem;
	color: #000;
  font-family:  'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-size: 1.125rem;
}

blockquote {
	margin: 1em 0em;
  	background-color: #E9E1ED;
 	padding: 1.5em;
  
}



button, .button {
padding: 4px 20px;
color: #fff !important;
font-weight: 400;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background-color: #0F0176;
}



button:hover, .button:hover {
 background-color: rgb(151, 103, 171); 
 color: rgb(255, 255, 255); 
}

.button:hover,button:hover {
    -webkit-filter: brightness(100%);
    filter: brightness(100%)
}


a:not(.button) { 

 color: #9767AB; 
	text-decoration: none;
}

a:not(.button):hover {
color:#666;
	text-decoration: underline;
}


a:not(.button):hover {
}



h1, .page-content {
    max-width: 960px;
    margin: 0 auto;
	
}
.page-content {
	padding: 10px;
}
header .grid__container {
    -webkit-box-shadow: 0px 2px 5px 1px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 5px 5px 1px rgb(0 0 0 / 15%);
}

/* --header navigation ------------------*/
header .widget__content__menu{
    background-image: url(https://dioceseofleeds7260.mychurchedit.co.uk/content/pages/uploaded_images/1668073441-vkhJkCSN.png );
    background-repeat: repeat-x;
    background-position: center top;
    background-size: 100% 3px;
}

header #full-menu .level-1 a{
		/*padding: 0.4em 0.5em 0.4em 1.5em;*/
		font-size:  1.75rem; !important;
		font-weight: 400 !important;
		letter-spacing: 0px;
	padding: 0.8rem 0.5rem 1rem 1.3rem;
    margin: 10px 10px 10px 5px;
  marg
}

header #full-menu .level-1 a:hover {
 	text-decoration: none; 
}


header #full-menu .level-1 li:hover {
	border-top: #9767AB 3px solid;
	background: transparent;
  	background: #E3DAE8;
}


header #full-menu .level-2 a {
padding: 0em 0.6em !important;
     white-space: normal !important;
  width: 90%
    line-height: 1.1rem;
}


header #full-menu .level-2 a {
    padding: 4px 10px 5px !important;
    margin: 0em !important;
    font-weight: 400 !important;
    white-space: normal !important;
    line-height: 1.1rem;
    color: #0F0176 !important;
   font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif !important;
    }

header #full-menu .level-2 li {
	border-top: transparent 0px solid;
	text-align:left !important;
	width: 9em;	
	border-top: 1px #eee solid;
	font-size: 21px;
}

header #full-menu .level-2 li:hover {
	border-top: transparent 0px solid;
	text-align:left !important;
	width: 9em;	
	border-top: 1px #eee solid;
	font-size: 21px;
}

header #full-menu .level-2 a:hover {
	color: #9767AB !important;
}

header #full-menu .level-2 li {
	border-top: transparent 0px solid;
	text-align:left !important;
	width: 9em;	
	border-top: 1px #eee solid;
	font-size: 21px;
}

header .widget__content__menu .menu>ul>li>ul,
header .widget__content__menu .menu>ul>li>ul>li>ul,
header .widget__content__menu .menu>ul>li>ul>li>ul>li>ul{
    box-shadow: 1px solid #333;
    -webkit-box-shadow: 3px 3px 3px -1px rgb(0 0 0 / 19%);
    box-shadow: 3px 3px 3px -1px rgb(0 0 0 / 19%);
}

header .level-1 {
	margin: 0 !important;
}
header .level-1 li {
border-top: transparent 3px solid;
}
header .level-1 li a{
	
	display: inline-block;
    	max-width: initial !important;

}

header #full-menu >ul.level-1 {
     background-color: transparent;
}

header #full-menu .level-1 a.expand {
 font-size: 0em !important;
 padding: initial;
  padding-right: 0rem;
  margin: 0px
}

header #full-menu .level-1 a.expand {
 font-size: 0.4rem !important;
	padding: 0px !important;
}


header #full-menu .level-2 a.expand {
    padding-top: 0.5em !important;
  width: 10%;
  }

.widget__content__menu .desktop-menu>ul>li {
    position: relative;
   padding: 0rem; 
}

/* --------------Removes gap from dropdown to header  -------------------------------*/

     .widget__content__menu .desktop-menu>ul>li>ul {
        margin-top: -0.5rem;
    }

/* --layout - there are no controls in Design builder to manage max-width of content other than padding- these styles can be used for this -----------*/

header .grid__container > div, 
main .grid__container > div, 
footer .grid__container > div
{
 max-width: 1200px !important;
 margin: 0 auto;
}

main .grid__container:first-of-type > div{
 max-width: 100% !important;
}
 
/* -------hover state for first image widget in header (logo)----------*/

header:hover .image-widget:first-of-type:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);

}
/* --homepage cards---------------------------------------------------------------------*/
.footer-text a{
  width: 100%;
  padding: 1em;
  display:block;
  
}
.footer-text p{
 margin: 0;
}
/*
div.image-widget:hover, .footer-text a:hover {
    opacity: 70%;
  background: black;
}*/


/* --rotator captions ------------------------*/
.rotator-title--text {
    margin-bottom: 10px;
    font-weight: 300;
}

.rotator-caption {
    position: absolute;
    bottom: calc(30% - 70px);
    width: 100%;
    left: 0;
    padding: 1em 4%;
    line-height: 1.6em;
	font-family: Source Sans Pro, Arial, Helvetica, sans-serif !important;
}
.rotator-title--text {	
    display: inline-block;
 	padding: 0.5em 1em;
	font-size: calc(3vw + 0.5em)!important;
	line-height: 1em !important;
	
	font-family: Source Sans Pro, Arial, Helvetica, sans-serif !important;
}
.rotator-caption--text{

	font-size: calc(0.8em + 0.5vw)!important;
  padding: 0.5em 0vw;
	line-height: 1.15em !important;
	 font-family: Source Sans Pro, Arial, Helvetica, sans-serif !important;
     display: inline-block;
  color:#fff !important;
  position: relative;
 	/*padding: 0.5em 1.5em;-*/
}

/* -- brings text forward over cast and creates drop shadow ------------------------*/

.rotator-title--text, .rotator-caption--text {
    text-shadow: 0px 0px 10px #000000;
    position: relative;
  font-weight: 500 !important;
}
.swiper-wrapper {
 position: relative;
}

/* --blocks on homepage ------------------------

 main .grid__container:nth-of-type(3) .widget:nth-of-type(1):hover { 
   background-color: #753590 !important;
   transition: .5s;
}

 main .grid__container:nth-of-type(3) .widget:nth-of-type(2):hover { 
   background-color: #753590 !important;
   transition: .5s;
}

 main .grid__container:nth-of-type(3) .widget:nth-of-type(3):hover { 
   background-color: #753590 !important;
   transition: .5s;
}
 main .grid__container:nth-of-type(3) .widget:nth-of-type(4):hover { 
   background-color: #753590 !important;
   transition: .5s;
}

/* -------------------------*/


@media (max-width: 600px) { 


  header .grid__container:nth-of-type(1) .widget:first-of-type .image-widget {
        min-height: 70px !important;
  }
  header .grid__container:nth-of-type(1) .widget:nth-of-type(2) .image-widget{ 
  min-height: 30px!important;
}

header div.image-widget {
    height: 100%;
    padding: 10px;
}
  
  html {
   	font-size: 14px; 
}
.rotator-caption {
    bottom: calc(50% - 70px);
  }
  
  .widget__content__menu .mobile-menu-toggle ul li a {
    padding: 0.4em 5%;
}


/* centre align hamburger on mobile and control colour */
@media (max-width: 580px){
.widget__content__menu {
    text-align: center;
}

header .grid__container:first-of-type .image-widget{
 background-position: center !important;
}

#burger-menu svg {
    fill: #9767AB;
}
}


@media (max-width: 750px) { 
.rotator-title--text {
    margin-bottom: 1px;
    font-weight: 300;
    font-size: 16px !important;
    line-height: 17px;
	font-weight: 500;
}

.rotator-caption--text {
	 font-size: 14px !important;
	line-height: 16px;
	padding-left: 10px;
	padding-right: 10px;
}
}




/* -------hover state for images that are links in the design ----------*/
a img {
	opacity: 1.0;
	filter: alpha(opacity=100);
}
a img:hover {
	opacity: 0.7;
	filter: alpha(opacity=60);
}



/* --restrict width of sidebar nav -----------------
.sidebarBody {
    width: 210px;
}

/* -main css------------------*/

 .sidebarBody .menu>ul li a, .sidebarBody .menu ul li ul li a, .sidebarBody .menu ul li ul li ul li a {
     border-bottom:#ddd solid 1px !important;
}
 .sidebarBody .menu a:hover {
     text-decoration: none !important;
}
 .sidebarBody ul.level-1 > li > a{
    padding-top: 25px !important;
     padding-bottom: 25px !important;
    border-top: #9767AB solid 6px !important;
}
 .sidebarBody ul.level-1 > li > a{
    font-family: Lato !important;
}
 .sidebarBody ul.level-1 > li > a{
    font-size: 24px !important;
}
 .sidebarBody ul.level-1 > li > a{
    font-weight: 400 !important;
}
 .sidebarBody ul.level-1 > li > a{
    text-transform: none !important;
}
 .sidebarBody ul.level-1 > li > a{
    color: #adafb2 !important;
}
 .sidebarBody ul.level-1{
    background-color: #ffffff; !important;
     margin-top: 2em; !important;
}
 .sidebarBody ul.level-1 > li:hover > a{
    color: #282829 !important;
}
 .sidebarBody ul.level-1 > li:hover{
    background-color: #ffffff !important;
}
 .sidebarBody ul.level-1.selected > li {
    background-color: #ffffff !important;
}
 .sidebarBody ul.level-1.selected > li > a{
    color: #282829 !important;
}
 .sidebarBody ul.level-1 > li > a{
    padding-left: 10px !important;
     padding-right: 10px !important;
}
 .sidebarBody ul.level-1 > li > a{
    padding-top: 25px !important;
     padding-bottom: 25px !important;
}
 .sidebarBody ul.level-2 > li > a{
    font-family: Lato !important;
}
 .sidebarBody ul.level-2 > li > a{
    font-size: 16px !important;
}
 .sidebarBody ul.level-2 > li > a{
    font-weight: 400 !important;
}
 .sidebarBody ul.level-2 > li > a{
    text-transform: none !important;
}
 .sidebarBody ul.level-2 > li > a{
    color: #282829 !important;
}
 .sidebarBody ul.level-2{
    background-color: #ffffff !important;
}
 .sidebarBody ul.level-2 > li:hover > a{
    color: #282829 !important;
}
 .sidebarBody ul.level-2 > li:hover{
    background-color: #efefef !important;
}
 .sidebarBody ul.level-2.selected > li {
    background-color: #efefef !important;
}
 .sidebarBody ul.level-2.selected > li > a{
    color: #282829 !important;
}
 .sidebarBody ul.level-2 > li > a{
    padding-left: 10px !important;
     padding-right: 10px !important;

}
 .sidebarBody ul.level-2 > li > a{
    padding-top: 10px !important;
     padding-bottom: 10px !important;
}
 .sidebarBody ul.level-3 > li > a{
    font-family: Open Sans !important;
}
 .sidebarBody ul.level-3 > li > a{
    font-size: 16px !important;
}
 .sidebarBody ul.level-3 > li > a{
    font-weight: 400 !important;
}
 .sidebarBody ul.level-3 > li > a{
    text-transform: none !important;
}
 .sidebarBody ul.level-3 > li > a{
    color: #282829 !important;
}
 .sidebarBody ul.level-3{
    background-color: #ffffff !important;
}
 .sidebarBody ul.level-3 > li:hover > a{
    color: #282829 !important;
}
 .sidebarBody ul.level-3 > li:hover{
    background-color: #efefef !important;
}
 .sidebarBody ul.level-3.selected > li {
    background-color: #efefef !important;
}
 .sidebarBody ul.level-3.selected > li > a{
    color: #282829 !important;
}
 .sidebarBody ul.level-3 > li > a{
    padding-left: 10px !important;
     padding-right: 10px !important;
}
 .sidebarBody ul.level-3 > li > a{
    padding-top: 10px !important;
     padding-bottom: 10px !important;
}
 .sidebarBody ul.level-4 > li > a{
    font-family: Open Sans !important;
}
 .sidebarBody ul.level-4 > li > a{
    font-size: 16px !important;
}
 .sidebarBody ul.level-4 > li > a{
    font-weight: 400 !important;
}
 .sidebarBody ul.level-4 > li > a{
    text-transform: none;
}
 .sidebarBody ul.level-4 > li > a{
    color: #282829 !important;
}
 .sidebarBody ul.level-4{
    background-color: #ffffff !important;
}
 .sidebarBody ul.level-4 > li:hover > a{
    color: #282829 !important;
}
 .sidebarBody ul.level-4 > li:hover{
    background-color: #efefef !important;
}
 .sidebarBody ul.level-4.selected > li {
    background-color: #efefef !important;
}
 .sidebarBody ul.level-4.selected > li > a{
    color: #282829 !important;
}
 .sidebarBody ul.level-4 > li > a{
    padding-left: 10px !important;
     padding-right: 10px !important;
}
 .sidebarBody ul.level-4 > li > a{
    padding-top: 10px !important;
     padding-bottom: 10px !important;
}
 .sidebarBody ul.level-5 > li > a{
    font-family: Open Sans !important;
}
 .sidebarBody ul.level-5 > li > a{
    font-size: 16px !important;
}
 .sidebarBody ul.level-5 > li > a{
    font-weight: 400 !important;
}
 .sidebarBody ul.level-5 > li > a{
    text-transform: none !important;
}
 .sidebarBody ul.level-5 > li > a{
    color: #282829 !important;
}
 .sidebarBody ul.level-5{
    background-color: #ffffff !important;
}
 .sidebarBody ul.level-5 > li:hover > a{
    color: #282829 !important;
}
 .sidebarBody ul.level-5 > li:hover{
    background-color: #efefef !important;
}
 .sidebarBody ul.level-5.selected > li {
    background-color: #efefef !important;
}
 .sidebarBody ul.level-5.selected > li > a{
    color: #282829 !important;
}
 .sidebarBody ul.level-5 > li > a{
    padding-left: 10px !important;
     padding-right: 10px !important;
}
 .sidebarBody ul.level-5 > li > a{
    padding-top: 10px !important;
     padding-bottom: 10px !important;
}
/*
.sidebarBody ul.level-1 > li > a{font-family: Open Sans}
.sidebarBody ul.level-1 > li > a{font-size: 20px}
.sidebarBody ul.level-1 > li > a{font-weight: 700}
.sidebarBody ul.level-1 > li > a{text-transform: uppercase}
.sidebarBody ul.level-1 > li > a{color: rgb(90, 68, 101)}
.sidebarBody ul.level-1{background-color: rgb(254, 254, 254)}
.sidebarBody ul.level-1 > li:hover > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-1 > li:hover{background-color: rgb(133, 108, 142)}
.sidebarBody ul.level-1.selected > li {background-color: rgb(133, 108, 142)}
.sidebarBody ul.level-1.selected > li > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-1 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-1 > li > a{padding-top: 25px !important; padding-bottom: 25px !important}
.sidebarBody ul.level-2 > li > a{font-family: Open Sans}
.sidebarBody ul.level-2 > li > a{font-size: 16px}
.sidebarBody ul.level-2 > li > a{font-weight: 700}
.sidebarBody ul.level-2 > li > a{text-transform: uppercase}
.sidebarBody ul.level-2 > li > a{color: rgb(90, 68, 101)}
.sidebarBody ul.level-2{background-color: rgb(241, 241, 241)}
.sidebarBody ul.level-2 > li:hover > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-2 > li:hover{background-color: rgb(133, 108, 142)}
.sidebarBody ul.level-2.selected > li {background-color: rgb(133, 108, 142)}
.sidebarBody ul.level-2.selected > li > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-2 > li > a{padding-left: 25px !important; padding-right: 25px !important}
.sidebarBody ul.level-2 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}
.sidebarBody ul.level-3 > li > a{font-family: Open Sans}
.sidebarBody ul.level-3 > li > a{font-size: 16px}
.sidebarBody ul.level-3 > li > a{font-weight: 700}
.sidebarBody ul.level-3 > li > a{text-transform: uppercase}
.sidebarBody ul.level-3 > li > a{color: rgb(90, 68, 101)}
.sidebarBody ul.level-3{background-color: rgb(241, 241, 241)}
.sidebarBody ul.level-3 > li:hover > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-3 > li:hover{background-color: rgb(133, 108, 142)}
.sidebarBody ul.level-3.selected > li {background-color: rgb(133, 108, 142)}
.sidebarBody ul.level-3.selected > li > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-3 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-3 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}
.sidebarBody ul.level-4 > li > a{font-family: Open Sans}
.sidebarBody ul.level-4 > li > a{font-size: 16px}
.sidebarBody ul.level-4 > li > a{font-weight: 700}
.sidebarBody ul.level-4 > li > a{text-transform: uppercase}
.sidebarBody ul.level-4 > li > a{color: rgb(90, 68, 101)}
.sidebarBody ul.level-4{background-color: rgb(241, 241, 241)}
.sidebarBody ul.level-4 > li:hover > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-4 > li:hover{background-color: rgb(133, 108, 142)}
.sidebarBody ul.level-4.selected > li {background-color: rgb(133, 108, 142)}
.sidebarBody ul.level-4.selected > li > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-4 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-4 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}
.sidebarBody ul.level-5 > li > a{font-family: Open Sans}
.sidebarBody ul.level-5 > li > a{font-size: 16px}
.sidebarBody ul.level-5 > li > a{font-weight: 700}
.sidebarBody ul.level-5 > li > a{text-transform: uppercase}
.sidebarBody ul.level-5 > li > a{color: rgb(90, 68, 101)}
.sidebarBody ul.level-5{background-color: rgb(241, 241, 241)}
.sidebarBody ul.level-5 > li:hover > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-5 > li:hover{background-color: rgb(133, 108, 142)}
.sidebarBody ul.level-5.selected > li {background-color: rgb(133, 108, 142)}
.sidebarBody ul.level-5.selected > li > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-5 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-5 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}