* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
  }

html {
	height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }

body {
	background-color: #f4f6f8 !important;
	height: 100%;
	font: bold 14px 'Public Sans', sans-serif;;
	}

#container {
		min-height: 100%;
		overflow: auto;
		position: relative;
}



  /***** Footer Css *******/
 
  #root{
	  padding-bottom: 250px;
  }
  
  a {
	text-decoration: underline;
    color: #ffc20e;
  }
a:hover {
    text-decoration: underline;
    }
  
  #footer {
	  bottom: 0;
	  color: #707070;
	  line-height: 2em;
	  padding: 0.5em 0;
	  position: absolute;
	  font-size: small;
	  width:100%;
  }
  
  .footer-distributed{
	  background-color: #002a54;
	  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	  box-sizing: border-box;
	  width: 100%;
	  text-align: left;
	  font:  16px 'Barlow Semi Condensed''Public Sans', sans-serif;;;
	  padding: 10px 10px;
	  margin-top: 50px;
  }
  
  .footer-distributed .footer-left,
  .footer-distributed .footer-center,
  .footer-distributed .footer-right{
	  display: inline-block;
	  vertical-align: top;
  }
  
  .footer-distributed .footer-left{
	  width: 40%;
	  padding: 10px 10px 10px 24px;
  }
  
  .footer-distributed h3{
	  color:  #ffffff;
	  font: bold 32px 'Barlow Semi Condensed','Public Sans', sans-serif;;
	  margin: 0;
  }
  
  .footer-distributed h3 span{
	  color:  #ffffff;
  }
  
  
  .footer-distributed .footer-links{
	  color:  #ffffff;
	  margin: 20px 0 10px;
	  padding: 0;
  }
  
  .footer-distributed .footer-links a{
	  display:inline-block;
	  line-height: 1.8;
	  text-decoration: none;
	  color:  inherit;
  }
  
  .footer-distributed .footer-company-name{
	  color:  #ffffff;
	  font-size: 14px;
	  font-weight: normal;
	  margin: 0;
  }
  
  
  .footer-distributed .footer-center{
	  width: 35%;
	  padding: 10px 10px 10px 10px;
  }
  
  .footer-distributed .footer-center p{
	  display: inline-block;
	  color: #ffffff;
	  vertical-align: middle;
	  margin:0;
  }
  
  .footer-distributed .footer-center p span{
	  display:block;
	  font-weight: normal;
	  font-size:14px;
	  line-height:2;
  }
  
  .footer-distributed .footer-center p a{
	  color:  #ffffff;
	  text-decoration: none;;
  }
  
  .footer-distributed .footer-right{
	  width: 20%;
	  padding: 10px 24px 10px 10px;
  }
  
  .footer-distributed .footer-company-about{
	  line-height: 20px;
	  color:  #ffffff;
	  font-size: 13px;
	  font-weight: normal;
	  margin: 0;
  }
  
  .footer-distributed .footer-company-about span{
	  display: block;
	  color:  #ffc20e;
	  font-size: 16px;
	  font-weight: bold;
	  margin-bottom: 20px;
  }
  
  .footer-distributed .footer-icons{
	  margin-top: 25px;
  }
  
  .footer-distributed .footer-icons a span{
	  display: inline-block;
	  width: 35px;
	  height: 35px;
	  cursor: pointer;
	  font-size: 3em;
	  color: white;
	  text-align: center;
	  line-height: 35px;
	  margin-right: 6px;
	  margin-bottom: 5px;
  }
  
  @media (max-width: 900px) {
  
	  .footer-distributed{
		  font: bold 14px 'Barlow Semi Condensed','Public Sans', sans-serif;;	
	  }
  
	  .footer-distributed .footer-left,
	  .footer-distributed .footer-center,
	  .footer-distributed .footer-right{
		  display: block;
		  width: 100%;
		  margin-bottom: 40px;
		  text-align: center;
	  }
	  .main {
		  line-height: normal;
		  font-size: auto;
	  }
	  
	  #root{
		  padding-bottom: 550px;
	  }
  
  }
  
    /***** End Footer Css *******/

  /***** Calendar Css *******/
  
  .CalenderWrapper .rbc-event {
	  background-color: transparent;
	  color: black;
	  font-weight: bold;
	  border-radius: 0px;
  }
  
  .CalenderWrapper .rbc-today {
	  background-color: transparent;
  }
  
  .CalenderWrapper .rbc-off-range-bg {
	  background-color: rgb(201, 199, 197);
  }
  
   .CalenderWrapper .rbc-row-segment {
	  padding: 0px 1px 0px 1px;
  } 
  
  .rbc-events-container .rbc-event-label{
	  display: none;
  }

   .rbc-day-slot .rbc-event-content
  {
	  font-size: 10px;
  } 

   .rbc-event-content{
	font-size: 14px;
    font-family: 'Barlow Semi Condensed', sans-serif; !important;
  } 

   .rbc-date-cell { padding-right: 0.5em !important; padding-top: 0.375em; padding-bottom: 0.375em; }
  
   .rbc-toolbar .rbc-toolbar-label { font-size: 2em; }
   .rbc-event { padding: 4px !important; padding-bottom: 0 !important; }

   .rbc-toolbar-label{ font-family: 'Barlow Semi Condensed', sans-serif;;}
   .rbc-header {font-family: 'Barlow Semi Condensed', sans-serif;;}
   .rbc-row {font-family: 'Barlow Semi Condensed', sans-serif;; text-align: center;}
   .MuiCardHeader-content {text-align: center;}
   .MuiCardContent-root {text-align: center;}
   .rbc-btn-group {font-family: 'Barlow Semi Condensed', sans-serif; !important; }
   .rbc-label {font-family: 'Barlow Semi Condensed', sans-serif; !important;}
   .rbc-date-cell {font-size: 18px !important;}
   .MuiButton-containedPrimary {
    color: ##000 !important;
    background-color: #ffc20e !important;
    font-family: 'Lato', sans-serif !important
   }
    .MuiButton-root {border-radius: 20px !important;
    	font-family: 'Barlow Semi Condensed', sans-serif !important;}
    
   .jss283 {
    color: #FFFFFF;
    background-color: #2567b3 !important;
}

.MuiCardHeader-content {
    font-family: 'Barlow Semi Condensed', serif !important;
}

p.headerExtraTxtDesktop {
	font-family: 'Barlow Semi Condensed','Lato', sans-serif !important;
	color: #000 !important;
}
	
	.MuiAppBar-colorPrimary {
    color: #000 !important;
    background-color: #FFF !important;
}
.MuiIconButton-label {
    color: #000 !important;
}
.MuiButton-label {
    text-transform: capitalize !important;
    font-weight: 700;
}
.MuiTypography-body1 {
    font-family: 'Barlow Semi Condensed', sans-serif !important;
}
.MuiButton-containedPrimary {
    color: #000 !important;
    text-transform: capitalize !important;
}

.MuiTypography-h4 {
     font-family: 'Barlow Semi Condensed', sans-serif !important;
}
.MuiTypography-colorPrimary {
    color: #2567b3;
}
.MuiTypography-h1 {
    font-family: 'Barlow Semi Condensed','Bitter', serif !important;
   }
   .MuiTypography-displayBlock {
    display: block;
    font-family:'Barlow Semi Condensed','Bitter', serif !important;
}
.jss3 {
    margin-bottom: 30px !important;
}

.jss10 {
    color: #000 !important;
}
.MuiCardActions-root {
    display: block !important;
    text-align: center !important;
}

/* Sub-Header Color*/
.MuiCardHeader-root {
    background-color: #002858 !important;
}

.MuiTypography-body2 {
    font-family:'Barlow Semi Condensed','Public Sans', sans-serif !important;
}
.jss431 {
    font-size: 20px !important;
    font-weight: 700 !important;
}

.MuiTypography-colorTextPrimary {
    color: #FFF !important;
}

.MuiTypography-root.MuiTypography-h4.MuiTypography-colorTextSecondary {
	font-family: 'Barlow Semi Condensed','Bitter', serif !important;
}

.MuiButton-containedPrimary {
    font-weight: 700 !important;
}

/* .MuiTypography-subtitle1 {
    color: #FFF !important;
   } */
   
  .MuiButtonGroup-groupedText:not(:last-child) { border: none !important;}
  
  .MuiButtonGroup-groupedTextPrimary:not(:last-child) {
    display: none !important;
}

/* Sub-Header Settings */
.MuiTypography-h5 {
    font-size: 16px;
    font-family:'Barlow Semi Condensed','Bitter', serif !important;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.05px;
}

.MuiButtonGroup-groupedOutlined:not(:last-child) {
    border-right-color: inherit !important;
   }
   
   .MuiTypography-h2 {
    font-family: 'Barlow Semi Condensed','Bitter', serif !important;
}

  /***** End Calendar Css *******/
  /* .MuiGrid-grid-sm-6 {
    display: none !important;
} */

#root > div > div:nth-of-type(1) > header > div > p {
     color: #000 !important;
}

#root > div > div:nth-of-type(1) > header > div > a > p {
    color: #000 !important;
}

/* Main header */

header.MuiAppBar-root {
    background-color: #1f73c8 !important;
}


#root > div > div > header > div > p {
font-family: 'Barlow Semi Condensed', serif !important ;
color : #000 !important;
}

/* Main header end here */

  /* 2. Apply it globally */
<style>

  body, html, * {
    font-family: 'Barlow Semi Condensed', sans-serif !important;
  }
</style>

.MuiButton-root {
    border-radius: 20px !important;
    font-family: 'Barlow Semi Condensed', sans-serif !important;
    font-size: 16px !important; /* Adjust 16px to your preferred size */
}

/* Change the color of Site Name "Spotsylvania, Virginia" */
#root .MuiToolbar-root p.jss7 {
    color: #FFFFFF !important; /* Replace #ff0000 with your desired color */
}