h1 {
 font-weight: 700; 
 font-size: 36px; 
 line-height: 42px; 
 color: #206771; 
 font-family: Merriweather;
 }

.widget__content__data h1:not(.page-content h1) {
	display: none;
}


h2 {
 font-weight: 600; 
 font-size: 30px; 
 line-height: 40px; 
 color: #206771; 
 font-family: Merriweather; 
}

h3 {
 font-weight: 600; 
 font-size: 26px; 
 line-height: 32px; 
 color: #206771; 
 font-family: Merriweather;
}

h4 {
 font-weight: 700; 
 font-size: 20px; 
 line-height: 30px; 
 color: #206771; 
 font-family: Merriweather;
 margin: 30px 0px 30px 0px 
}

h5 {
 font-weight: 400; 
 font-size: 30px; 
 line-height: 24px; 
 color: #000000; 
 font-family: Fira Sans;
 margin: 30px 0px 15px 0px 
}


h6 {
 font-weight: 400; 
 font-size: 18px; 
 line-height: 22px; 
 color: #206771;  
 font-family: Fira Sans;
}

p {
 font-weight: 400; 
 font-size: 18px; 
 line-height: 28px; 
 color: #2b2b2b; 
 font-family: Fira Sans;	 
}

ul {
 font-weight: 400; 
 font-size: 18px; 
 line-height: 32px; 
 color: #2b2b2b; 
 font-family: Fira Sans;
}


button, .button {
 color: #000000;
 border-bottom: 1px solid #000000;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
 border-top: 1px solid #000000;
 font-weight: 600;
 font-family: Source Sans Pro, Tahoma, Verdana, Segoe, sans-serif;
 font-size: 17px; 
 line-height: 200%; 
 padding: 5px 30px; 
 background-color:#ffffff;  
 font-family: Fira sans;
 border-radius: 5px;
 width: auto
}

button:hover, .button:hover {
 background-color: #000000; 
 color: #ffffff; 
}

a:not(.button) {
 font-size: 18px; 
 font-weight:600;
 line-height: 28px; 
 color: #206771; 
 font-family: Fira Sans; 
 text-decoration:underline; 
 text-decoration-style: dotted; 
 text-decoration-thickness: .08em; 
 text-underline-offset: 1.5px; 
 }

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

a.one:link {
  font-weight:normal;
  font-size: 16px;
  line-height: 24px; 
  color: #ffffff; 
  font-family: Fira sans;
 text-decoration:none; 
}  

a.one:hover {
  text-decoration:underline;
  text-decoration-color: #ffffff;
}
    

.livestreamcontainer {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=50); /* For IE8 and earlier */

}

.mobile-text {
  text-align: left;
}

.mobile-hide {
  display: block;
}

 p.hometext1{
 font-weight: 700; 
 font-size: 120px; 
 line-height: 24px; 
 color: #ffffff; 
 text-shadow: 4px 4px 6px #000000;  
 font-family: Fira sans; 
 text-align:center; 
 margin: 120px 0px 60px 0px;  
}

 p.hometext2{
 font-weight: 700; 
 font-size: 80px; 
 line-height: 36px; 
 color: #ffffff; 
 text-shadow: 4px 4px 6px #000000;  
 font-family: Fira sans; 
 text-align:center;  
}

 p.hometext3{
 font-weight: 400; 
 font-size: 32px; 
 line-height: 40px; 
 color: #ffffff; 
 text-shadow: 4px 4px 6px #000000;  
 font-family: Fira Sans;
 text-align:center;  
}

.eventscontainer {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 1620px;
}

.events-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1620px;
  border: none;
}




        @media (max-width: 576px) {


          /*
            h1 {
                font-size: calc(36px - 100%)
            }


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


            h3 {
                font-size: calc(28px - 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%)
            }
          */
          
           h1 {
                font-size: 1.75rem;
               line-height: 34px;
            }
          
          h2 {
                font-size: 1.5rem;
               line-height: 30px;
            }
             
          h4 {
                font-size: 1.25rem;
               line-height: 30px;
            }
          
          .mobile-text {
   		 		text-align: center;
  			}
          
          .mobile-hide {
          		display: none;
        	}
          
          .news img {
 				width: 100% !important;
  				height: auto !important;
			}
          
		   .page-image{
  				width: 100% !important;
             	text-align:center;
			}
          
           p.hometext1{
 				font-weight: 700; 
                font-size: 60px; 
                line-height: 30px; 
                color: #ffffff; 
                text-shadow: 2px 2px 4px #333333;  
                font-family: Fira sans; 
                text-align:center;  
            }

			p.hometext2{
               font-weight: 700; 
               font-size: 36px; 
               line-height: 36px; 
               color: #ffffff; 
               text-shadow: 2px 4px 6px #333333;  
               font-family: Fira sans; 
               text-align:center;  
			}
           p.hometext3{
				font-weight: 400; 
 				font-size: 26px; 
 				line-height: 36px; 
 				color: #ffffff; 
 				text-shadow: 2px 4px 6px #333333;  
 				font-family: Fira Sans;
 				text-align:center;  
}
          .eventscontainer {
                position: relative;
                width: 100%;
                overflow: hidden;
                height: 4500px;
}

          .events-iframe {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 4500px;
            border: none;
}
          iframe {
            height: 2200px;
        
          }            


        }


        @media (max-width: 768px) {


            /* h1 {
                font-size: calc(36px - 100%)
            }


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


            h3 {
                font-size: calc(28px - 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%)
            }
          */
          
          h1 {
                font-size: 1.75rem;
               line-height: 34px;
            }
          
          h2 {
                font-size: 1.5rem;
               line-height: 30px;
            }
             
          h4 {
                font-size: 1.25rem;
               line-height: 30px;
            }

         	.mobile-text {
    	  		text-align: center;
  			}
          
            .mobile-hide {
          		display: none;
        	}
           
          	.news img {
 				width: 100% !important;
  				height: auto !important;
			}
          
          .page-image{
  				width: 100% !important;
          }
          
            p.hometext1{
 				font-weight: 700; 
                font-size: 60px; 
                line-height: 36px; 
                color: #ffffff; 
                text-shadow: 2px 2px 4px #333333;  
                font-family: Fira sans; 
                text-align:center;  
            }

			p.hometext2{
               font-weight: 700; 
               font-size: 36px; 
               line-height: 36px; 
               color: #ffffff; 
               text-shadow: 2px 4px 6px #333333;  
               font-family: Fira sans; 
               text-align:center;  
			}
          
            p.hometext3{
				font-weight: 400; 
 				font-size: 26px; 
 				line-height: 30px; 
 				color: #ffffff; 
 				text-shadow: 2px 4px 6px #333333;  
 				font-family:Fira Sans;
 				text-align:center;  
}

        }

       
.fc-daygrid-day-number {

font-weight: 400;  font-size: 18px;  line-height: 22px;  color: rgb(149, 193, 205);  font-family: Lato; }

.fc-daygrid-day {background-color: rgb(255, 255, 255); }

.fc-day-today {background-color: rgb(255, 255, 255) !important; }

.fc-col-header-cell-cushion {font-weight: 400;  font-size: 18px;  line-height: 22px;  text-transform: capitalize;  color: rgb(149, 193, 205);  font-family: Lato; }

.fc-col-header-cell {background-color: rgb(255, 255, 255); }

.fc button {font-weight: 400 !important;  font-size: 18px !important;  line-height: 16px !important;  padding: 20px !important;  text-transform: capitalize !important;  color: rgb(255, 255, 255) !important;  background-color: rgb(44, 143, 157) !important;  border-color: rgb(0, 0, 0) !important;  font-family: Anton !important; }

.fc-toolbar {text-transform: capitalize;  color: rgb(0, 0, 0);  background-color: rgb(255, 255, 255);  font-family: Anton; }

.fc-theme-standard {}

.fc .fc-scrollgrid-section > td {border-color: rgb(0, 0, 0); }

.fc-daygrid-dot-event {font-weight: 400;  font-size: 18px;  line-height: 22px;  padding: 0px;  text-transform: capitalize;  color: rgb(149, 193, 205);  background-color: rgb(255, 255, 255);  font-family: Lato; }

.fc-h-event {font-weight: 400;  font-size: 18px;  line-height: 22px;  padding: 0px;  text-transform: capitalize;  color: rgb(149, 193, 205);  background-color: rgb(46, 162, 179);  border-color: rgb(255, 255, 255);  font-family: Lato; }

.fc-daygrid-event-dot {display: block; }

/* Level 2 & Level 3 Menu width */

ul.level-2, ul.level-3 {
   /* max-width: 38.5rem;*/
  	width: 15rem;
}

/*ul.level-3 {
    width: 8rem;
}*/

.sidebarBody ul.level-2, .sidebarBody ul.level-3 {
	width: 100%;
}

/*.desktop-menu .level-2 {
  	width: 8rem;
}*/
.sidebarBody ul.level-1 > li > a{font-family: Lato}
.sidebarBody ul.level-1 > li > a{font-size: 18px}
.sidebarBody ul.level-1 > li > a{font-weight: 600}
.sidebarBody ul.level-1 > li > a{text-transform: uppercase}
.sidebarBody ul.level-1 > li > a{color: rgb(255, 255, 255)}
.sidebarBody ul.level-1{background-color: rgb(105, 156, 169)}
.sidebarBody ul.level-1 > li:hover > a{color: rgb(149, 193, 205)}
.sidebarBody ul.level-1 > li:hover{background-color: rgb(231, 231, 231)}
.sidebarBody ul.level-1.selected > li {background-color: rgb(231, 231, 231)}
.sidebarBody ul.level-1.selected > li > a{color: rgb(149, 193, 205)}
.sidebarBody ul.level-1 > li > a{padding-left: 25px !important; padding-right: 25px !important}
.sidebarBody ul.level-1 > li > a{padding-top: 25px !important; padding-bottom: 25px !important}
.sidebarBody ul.level-2 > li > a{font-family: Lato}
.sidebarBody ul.level-2 > li > a{font-size: 18px}
.sidebarBody ul.level-2 > li > a{font-weight: 600}
.sidebarBody ul.level-2 > li > a{text-transform: capitalize}
.sidebarBody ul.level-2 > li > a{color: rgb(80, 115, 118)}
.sidebarBody ul.level-2{background-color: rgb(242, 242, 242)}
.sidebarBody ul.level-2 > li:hover > a{color: rgb(149, 193, 205)}
.sidebarBody ul.level-2 > li:hover{background-color: rgb(231, 231, 231)}
.sidebarBody ul.level-2.selected > li {background-color: rgb(231, 231, 231)}
.sidebarBody ul.level-2.selected > li > a{color: rgb(149, 193, 205)}
.sidebarBody ul.level-2 > li > a{padding-left: 25px !important; padding-right: 25px !important}
.sidebarBody ul.level-2 > li > a{padding-top: 25px !important; padding-bottom: 25px !important}
.sidebarBody ul.level-3 > li{text-align: left}
.sidebarBody ul.level-3 > li > a{font-family: Lato}
.sidebarBody ul.level-3 > li > a{font-size: 18px}
.sidebarBody ul.level-3 > li > a{font-weight: 400}
.sidebarBody ul.level-3 > li > a{text-transform: capitalize}
.sidebarBody ul.level-3 > li > a{color: rgb(80, 115, 118)}
.sidebarBody ul.level-3{background-color: rgb(242, 242, 242)}
.sidebarBody ul.level-3 > li:hover > a{color: rgb(149, 193, 205)}
.sidebarBody ul.level-3 > li:hover{background-color: rgb(231, 231, 231)}
.sidebarBody ul.level-3.selected > li {background-color: rgb(231, 231, 231)}
.sidebarBody ul.level-3.selected > li > a{color: rgb(149, 193, 205)}
.sidebarBody ul.level-3 > li > a{padding-left: 25px !important; padding-right: 25px !important}
.sidebarBody ul.level-3 > li > a{padding-top: 25px !important; padding-bottom: 25px !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: rgb(0, 0, 0)}
.sidebarBody ul.level-4{background-color: rgb(242, 242, 242)}
.sidebarBody ul.level-4 > li:hover > a{color: rgb(195, 95, 92)}
.sidebarBody ul.level-4 > li:hover{background-color: rgb(231, 231, 231)}
.sidebarBody ul.level-4.selected > li {background-color: rgb(231, 231, 231)}
.sidebarBody ul.level-4.selected > li > a{color: rgb(195, 95, 92)}
.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: rgb(0, 0, 0)}
.sidebarBody ul.level-5{background-color: rgb(242, 242, 242)}
.sidebarBody ul.level-5 > li:hover > a{color: rgb(195, 95, 92)}
.sidebarBody ul.level-5 > li:hover{background-color: rgb(231, 231, 231)}
.sidebarBody ul.level-5.selected > li {background-color: rgb(231, 231, 231)}
.sidebarBody ul.level-5.selected > li > a{color: rgb(195, 95, 92)}
.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}