/*--------Max width of content area---------*/

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




.frontend .poweredBy {
    text-align: center;
    background: #9AB1BC;
    padding: 0px;
  max-width: 950px;
     margin: 0 auto;
  border-left: 2px solid #000 !important;
  border-right: 2px solid #000 !important;
  border-bottom: 2px solid #000 !important;
}

.frontend .poweredBy a {
    color:#fff !important;
  font-size:75%;
    text-decoration: none;
}

.frontend .poweredBy a:hover {
    color: #666;
  font-size:85%;
    text-decoration: underline;
}

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


main .grid__container{
  border-left: 5px #000;
}

h1 {
 font-weight: 600 !Important; 
  font-size: 16pt;
  line-height: 1.3; 
  color: #771E13;
  font-family: Verdana, Arial, Helvetica, sans-serif;; 
}

h2 {
 font-weight: 600; 
 font-size: 28px; 
 line-height: 20px; 
 color: rgb(0, 0, 0); 
 font-family: Arial; 
}

h3 {
 font-weight: 600; 
 font-size: 26px; 
 line-height: 40px;
 color: rgb(0, 0, 0); 
 font-family: Arial; 
}

h4 {
 font-weight: 600; 
 font-size: 24px; 
 line-height: 20px; 
 color: rgb(0, 0, 0); 
 font-family: Arial; 
}

p {
	font-family: Trebuchet MS;
    font-size: 16px;
    line-height: 1.3;
    color: #808080;
      margin-right: 25px;
}

button, .button {
 font-weight: 300; 
 font-size: 18px; 
 line-height: 16px; 
 padding: 10px; 
 color: rgb(255, 255, 255); 
 background-color: rgb(0, 0, 0); 
 font-family: Arial; 
}

button:hover, .button:hover {
 background-color: rgb(221, 221, 221); 
 color: rgb(0, 0, 0); 
}

/* a:not(.button .sideBarHeader) {
    font-weight: 300;
    line-height: 16px;
    color: #7e89b2 !important;
    font-family: Trebuchet MS;
} */


a:not(.breadcrumbClass) {
    font-weight: 300;
    line-height: 16px;
    color: #7e89b2 !important;
    font-family: Trebuchet MS;
}

a:not(.button):hover {
 color: rgb(34, 34, 34); 
}

/*
        @media (max-width: 576px) {


            h1 {
                font-size: calc(30px - 100%)
            }


            h2 {
                font-size: calc(28px - 100%)
            }


            h3 {
                font-size: calc(26px - 100%)
            }


            h4 {
                font-size: calc(24px - 100%)
            }


            h5 {
                font-size: calc(22px - 100%)
            }


            h6 {
                font-size: calc(20px - 100%)
            }



            button {
                font-size: calc(18px - 100%)
            }


            p {
                font-size: calc(18px - 100%)
            }


            a {
                font-size: calc(18px - 100%)
            }


        }


        @media (max-width: 768px) {


            h1 {
                font-size: calc(30px - 100%)
            }


            h2 {
                font-size: calc(28px - 100%)
            }


            h3 {
                font-size: calc(26px - 100%)
            }


            h4 {
                font-size: calc(24px - 100%)
            }


            h5 {
                font-size: calc(22px - 100%)
            }


            h6 {
                font-size: calc(20px - 100%)
            }


            button {
                font-size: calc(18px - 100%)
            }


            p {
                font-size: calc(18px - 100%)
            }


            a {
                font-size: calc(18px - 100%)
            }


        }
*/

.fc-daygrid-day-number {

}

.fc-daygrid-day {}

.fc-day-today {}

.fc-col-header-cell-cushion {}

.fc-col-header-cell {}

.fc button {}

.fc-toolbar {}

.fc-theme-standard {}

.fc .fc-scrollgrid-section > td {}

.fc-daygrid-dot-event {}

.fc-h-event {}

.fc-daygrid-event-dot {}


    .widget__content__menu .desktop-menu>ul {
        justify-content: center;
        margin: 0px;
    }



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

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

#burger-menu svg {
    fill: #fff;
}
}




/* fixes image header max-hight on mobile */


header div.grid__container:first-of-type {
    height: 100%;
    min-height: 20px !important;
}


header div.image-widget:first-of-type {
    height: 100%;
    min-height: 230px !important;
}





@media (max-width: 548px){
header div.image-widget:first-of-type {
    height: 100%;
    min-height: 150px !important;

}
}



@media (max-width: 500px){
header div.image-widget:first-of-type {
    height: 100%;
    min-height: 120px !important;

}
}



/*--------Max width of content area---------*/

/* --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: 950px !important;
 margin: 0 auto;
}


  .main .grid__row {
    gap: 0px;
    border-right: 2px solid #333;
    border-left: 2px solid #333;
}

  main .grid__row {
    gap: 0px;
    border-right: 2px solid #333;
    border-left: 2px solid #333;
    padding-left: 2px;
}



header .grid__row:first-of-type {
    gap: 0px;
  border-right: 2px solid #333;
  border-left: 2px solid #333;
}


header .image-widget:first-of-type { 
    border-top: 2px solid #333;
}
 




New CSS Sidebar


  .main .grid__row {
    gap: 0px;
    border-right: 2px solid #333;
    border-left: 2px solid #333;
}



header .grid__row:first-of-type {
    gap: 0px;
  border-right: 2px solid #333;
  border-left: 2px solid #333;
}


header .image-widget:first-of-type { 
    border-top: 2px solid #333;
}
 




New CSS Sidebar

/*------Sidebar navigation on content pages —------*/
/* --restrict width of sidebar nav ------------------*/
.sidebarBody {
    width: 170px !important;
  padding-left: 2px !important;
}

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



/*-----LEVEL-1------*/

 .sidebarBody ul.level-1 > li > a{
   	font-size:13.2pt;
   	font-weight: 300;
    color: #fff ! IMPORTANT;
   	text-decoration:none;
   	border-bottom: 0px solid #DDDDDD !important;
   	background-color: #7e8dad;
   	display: block;
   	padding: 6px 10px;
    line-height: 19px !Important;
}

 .sidebarBody ul.level-1 > li:hover > a{
   	color:#fff;
	text-decoration:none;
  	background-color: #B78F8F;
  	border-bottom: 0px solid #000 !important;
}


 .sidebarBody ul.level-1.selected >  li > a{
	font-size:13.2pt;
	font-weight: 400;
	color:#333;
	text-decoration:none;
	display: block;
	color: #999;
	background-color:#7e8dad;!important;
}


/*-----LEVEL-2------*/

 .sidebarBody ul.level-2 > li > a{
   	font-size:13.2pt;
   	font-weight: 300;
   	color: #fff !important;
   	text-decoration:none;
   	border-bottom: 0px solid #DDDDDD !important;
   	background-color: #7e8dad;
   	display: block;
   	padding: 6px 10px;
       line-height: 19px !Important;
}

 .sidebarBody ul.level-2 > li:hover > a{
   	color:#999;
	text-decoration:none;
  	background-color:#B78F8F;
  	border-bottom: 0px solid #000 !important;
}

 .sidebarBody ul.level-2.selected >  li > a{
	font-size:13.2pt;
	font-weight: 400;
	color:#333;
	text-decoration:none;
	display: block;
	color: #999;
	background-color:#7e8dad;
}


/*-----LEVEL-3------*/


 .sidebarBody ul.level-3 > li > a{
   	font-size:13.2pt;
   	font-weight: 300;
   	color: #fff;
   	text-decoration:none;
   	border-bottom: 0px solid #DDDDDD !important;
   	background-color: #7e8dad;
   	display: block;
   	padding: 6px 10px;
       line-height: 19px !Important;
}


 .sidebarBody ul.level-3 > li:hover > a{
   	color:#999;
	text-decoration:none;
  	background-color:#B78F8F;
  	border-bottom: 0px solid #000 !important;
}

 .sidebarBody ul.level-3.selected > li {
	font-size:13.2pt;
	font-weight: 400;
	color:#333;
	text-decoration:none;
	display: block;
	color: #999;
	background-color:#7e8dad;
    padding: 0px !important;
}



/*-----LEVEL-4------*/


 .sidebarBody ul.level-4 > li > a{
   	font-size:13.2pt;
   	font-weight: 300;
   	color: #fff;
   	text-decoration:none;
   	border-bottom: 0px solid #DDDDDD !important;
   	background-color: #7e8dad;
   	display: block;
   	padding: 6px 10px;
       line-height: 19px !Important;
}

 .sidebarBody ul.level-4 > li:hover > a{
   	color:#999;
	text-decoration:none;
  	background-color:#B78F8F;
  	border-bottom: 0px solid #000 !important;
}

 .sidebarBody ul.level-4.selected > li {
	font-size:13.2pt;
	font-weight: 400;
	color:#333;
	text-decoration:none;
	display: block;
	color: #999;
	background-color:#7e8dad;
}


/*-----LEVEL-5------*/


 .sidebarBody ul.level-5 > li > a{
   	font-size:13.2pt;
   	font-weight: 300;
   	color: #fff;
      line-height: 19px !Important;
   	text-decoration:none;
   	border-bottom: 0px solid #DDDDDD !important;
   	background-color: #7e8dad;
   	display: block;
   	padding: 6px 10px;
}

 .sidebarBody ul.level-5 > li:hover > a{
   	color:#999;
	text-decoration:none;
  	background-color:#B78F8F;
  	border-bottom: 0px solid #000 !important;
}

 .sidebarBody ul.level-5.selected > li {
	font-size:13.2pt;
	font-weight: 400;
	color:#333;
	text-decoration:none;
	display: block;
	color: #999;
	background-color:#7e8dad;
}


.selected {
    background-color: #d2eafb;
    border-color: #2493d9;
    color: #2493d9;
    padding: 0px;
}

*, :after, :before {
    box-sizing: border-box;
    padding: 0px;
}




.daily-message-widget {
    padding: 30px !important;
    text-align: center;
    border: 5px soild #000 !important;
}




main .grid__container:last-of-type .widget, .main .grid__row  .widget__content-container{
    /*margin: 2.2vw; */
}

.sidebarBody {
max-width: 150px;
}



/*--------Max width of content area---------*/

/* --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: 950px !important;
 margin: 0 auto;
}


header #full-menu .level-2 a {
   	width: 150%;
   border: 10px !important;
}



.widget__content__menu .menu>ul>li>a, .widget__content__menu .menu>ul>li div>a{
      color: var(--level-1_color, #fff)!important;
}
.widget__content__menu .menu>ul>li>ul>li>a, .widget__content__menu .menu>ul>li>ul>li>div>a{
      color: var(--level-1_color, #fff)!important;
  
}
.widget__content__menu .menu>ul>li>ul>li>ul>li>a, .widget__content__menu .menu>ul>li>ul>li>ul>li>div>a{
    color: var(--level-1_color, #fff)!important;
}
.widget__content__menu .menu>ul>li>ul>li>ul>li>ul>li>a, .widget__content__menu .menu>ul>li>ul>li>ul>li>ul>li>div>a{
    color: var(--level-1_color, #fff)!important;
}

.breadcrumbClass {
    font-family: Arial !important;
    font-size: 12px !important;
    color: #666666 !important;
     text-decoration: none;
}

a.breadcrumbClass:hover {
   text-decoration: underline;
}

{
.sidebarBody ul.level-1 > li > a{font-family: Arial}
.sidebarBody ul.level-1 > li > a{font-size: 28px}
.sidebarBody ul.level-1 > li > a{font-weight: 400}
.sidebarBody ul.level-1 > li > a{text-transform: none}
.sidebarBody ul.level-1 > li > a{color: #000000}
.sidebarBody ul.level-1{background-color: #f2f2f2}
.sidebarBody ul.level-1 > li:hover > a{color: #000000}
.sidebarBody ul.level-1 > li:hover{background-color: #e7e7e7}
.sidebarBody ul.level-1.selected > li {background-color: #e7e7e7}
.sidebarBody ul.level-1.selected > li > a{color: #000000}
.sidebarBody ul.level-1 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-1 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}
.sidebarBody ul.level-2 > li > a{font-family: Arial}
.sidebarBody ul.level-2 > li > a{font-size: 16px}
.sidebarBody ul.level-2 > li > a{font-weight: 400}
.sidebarBody ul.level-2 > li > a{text-transform: none}
.sidebarBody ul.level-2 > li > a{color: #000000}
.sidebarBody ul.level-2{background-color: #f2f2f2}
.sidebarBody ul.level-2 > li:hover > a{color: #000000}
.sidebarBody ul.level-2 > li:hover{background-color: #e7e7e7}
.sidebarBody ul.level-2.selected > li {background-color: #e7e7e7}
.sidebarBody ul.level-2.selected > li > a{color: #000000}
.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: Arial}
.sidebarBody ul.level-3 > li > a{font-size: 16px}
.sidebarBody ul.level-3 > li > a{font-weight: 400}
.sidebarBody ul.level-3 > li > a{text-transform: none}
.sidebarBody ul.level-3 > li > a{color: #000000}
.sidebarBody ul.level-3{background-color: #f2f2f2}
.sidebarBody ul.level-3 > li:hover > a{color: #000000}
.sidebarBody ul.level-3 > li:hover{background-color: #e7e7e7}
.sidebarBody ul.level-3.selected > li {background-color: #e7e7e7}
.sidebarBody ul.level-3.selected > li > a{color: #000000}
.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: Arial}
.sidebarBody ul.level-4 > li > a{font-size: 16px}
.sidebarBody ul.level-4 > li > a{font-weight: 400}
.sidebarBody ul.level-4 > li > a{text-transform: none}
.sidebarBody ul.level-4 > li > a{color: #000000}
.sidebarBody ul.level-4{background-color: #f2f2f2}
.sidebarBody ul.level-4 > li:hover > a{color: #000000}
.sidebarBody ul.level-4 > li:hover{background-color: #e7e7e7}
.sidebarBody ul.level-4.selected > li {background-color: #e7e7e7}
.sidebarBody ul.level-4.selected > li > a{color: #000000}
.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: Arial}
.sidebarBody ul.level-5 > li > a{font-size: 16px}
.sidebarBody ul.level-5 > li > a{font-weight: 400}
.sidebarBody ul.level-5 > li > a{text-transform: none}
.sidebarBody ul.level-5 > li > a{color: #000000}
.sidebarBody ul.level-5{background-color: #f2f2f2}
.sidebarBody ul.level-5 > li:hover > a{color: #000000}
.sidebarBody ul.level-5 > li:hover{background-color: #e7e7e7}
.sidebarBody ul.level-5.selected > li {background-color: #e7e7e7}
.sidebarBody ul.level-5.selected > li > a{color: #000000}
.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}