.month-selection {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 5rem);
  grid-gap: 1rem;
  align-items: stretch;
  justify-items: stretch;
}
.month-selection .month {
  /* grid styles */
  display: block;
  grid-column-start: span 1;
  grid-column-end: span 1;
  grid-row-start: span 1;
  grid-row-end: span 1;
  list-style-type: none;
  background-color: #027ab6;
}
.month-selection .month:hover {
  background-color: #144056;
}
.month-selection .month .month-link {
  color: #fff;
  text-decoration: none;
  font-size: 1.3rem;
  font-weight: bold;
  display: block;
  text-align: center;
  height: 100%;
  width: 100%;
  line-height: 5rem;
  transition: background-color 0.3s;
}

.btmContainer
{
   float: left;
    width: 100%;
    border: 12px blue solid;
}

/*  .resource-wrapper {
  	float: left;
    width: 60%;
    margin: 0 0 0 1em;
    border: 1px #c4c4c4 solid;
    text-align: center;
}*/

#node-2305{
		border-bottom: #b8b8b8 2px solid !important;
	}

.resourceTxt a
{
  color: #00838F;
  /*text-decoration: none;*/
  font-size: 1.25em;
  font-weight: 600;
}

.resourceTxt a:hover
{
  color: #002d74;
  /*text-decoration: none;*/
}

.resource-wrapper {
  	float: left;
    width: 40%;
    margin: 0 0 0 0;
    border: 1px #c4c4c4 solid;
    text-align: center;
    text-transform: uppercase;
}

.resource-wrapper .topics-title {
    background-color: #00838F;
    border: none;
    line-height: 1.2em;
    color: #fff;/*--#002D74--*/
    font-size: 1.75rem;
    font-weight: bold;
    text-align: center;
    padding: 3% 0px 3% 0px;
    margin: 0;
    text-transform: uppercase;
}


.spacer {
  	float: left;
    width: 8%;
    margin: 0 0 0 0;
    border: 0px #c4c4c4 solid;
    text-align: center;
}

/* GW calendar */

#gw-calendar > li.month
{
  border: red 0px solid;
}

#gw-calendar > li:nth-child(n + 2):nth-child(-n + 8)
{
	border: #999 1px solid;
	margin: 6% 0 0 0;
	padding: auto 0 auto 0;
}
/* wrapper styles */
  .gw-calendar-wrapper {
    float: left;
    width: 48%;
    border: 0px red solid;
    margin: 0;
    padding: 0;
  }
  /* grid styles */
  .gw-calendar {
    display: grid;
    margin:  0 4% 0 4%;
     /*background-color: red;*/
    padding: 0 4% 0 4%;
    grid-template-columns: repeat(7, 14%);
    grid-template-rows: repeat(8, 2.5rem);
  }
  
  /* grid styles */
  .gw-calendar li {
    display: block;
    grid-column-start: span 1;
    grid-column-end: span 1;
    grid-row-start: span 1;
    grid-row-end: span 1;

    /* general styling needed */
    border: 1px solid #ccc;
    text-align: center;
    padding-top: 0.7rem;

    /* removing border overlap */
    margin-right: -1px;
    margin-top: -1px;
  }
  
  
  /* month name label -- first row */
  .gw-calendar li.month {
    background-color: #00838F;
    border: none;
    color: #fff;
    padding: 2% 0 3% 0;
    height: 1.4em;
    font-size: 1.3rem;
    font-weight: bold;
	margin: 0 0 3% 0;
	text-transform: uppercase;

    /* grid styles */
    grid-column-start: span 7;
    grid-column-end: span 7;
  }
  .gw-calendar li.weekday {
    background-color: #828282;
    border: 1px solid #00838F;
    color: #fff;
  }
  .gw-calendar li.active {
    background-color: #b8b8b8;
  }
  .safetycalendar-wrapper .topics {
    margin-top: 0;
  }
  .topics .topic.active {
    background-color: #b8b8b8;
  }
  .safetycalendar-wrapper .topics p:not(.topics-title),
  .safetycalendar-wrapper .topics p:last-child,
  .safetycalendar-wrapper .emergency-drill p:not(.topics-title),
  .safetycalendar-wrapper .emergency-drill p:last-child,
  .safetycalendar-wrapper .resources p:not(.topic-title),
  .safetycalendar-wrapper .resources p:last-child {
    border: 1px solid #999999;
    border-bottom: 1px solid #999999;
    margin-top: -1px;
    cursor: default;
    padding: .5rem 1rem;
  }
  
		.flex-container {
		  display: flex;
		  flex-direction: row;
		  background-color: white;
		    border: 0px red solid;
		    margin: -1% 0 0 0;
		}

		.flex-container > div {
		  background-color: #ffffff;
		  width: 50%;
		  margin: 1%;
		  text-align: center;
		  border: 2px #c4c4c4 solid;
		  font-size: 1.8em;
		}

		.flex-container .nav {
		  background-color: #ffffff;
		  width: 6%;
		  padding: 12% 0 12% 0;
		  border: 0px solid red;
		  text-align: center;
		  font-size: 1.6em;
		}
  


/* line 45, ../sass/components/_safety-calendar.scss */
.topic-wrapper {
  display: block;
  border: 2px #c4c4c4 solid;
  margin: 0 3.2rem 1rem 3.2rem;
  padding: 0 0 0 0;

}

.topicTxt
{
	color: black;
	font-size: 1.4em;
	padding: 1rem 0rem 0rem 0rem;
	margin: 0 4em 1em 3em;
	text-align: center;
}
 p.topicTxt
{
	color: black;
	font-size: .82em;
	line-height: 1.56em;
	padding: .5rem 2rem 0rem 2rem;
	margin: .2em 0em 1em 0em;
	text-align: center;
	font-weight: 200;
}

.flex-container
  {
	   /*background-color: blue; --#002D74--*/
	   height: auto;
  }
  
  .flex-container .topics p.topics-title,
  .flex-container p.topics-title,
  .flex-container .test p.topics-title,
  .flex-container .resources p.topics-title {
    background-color: #00838F;
    border: none;
    line-height: 1.2em;
    color: #fff;/*--#002D74--*/
    font-size: 1.0em;
    font-weight: bold;
    text-align: center;
    height: 3.em;/*3.6rem*/
    padding: 4% 0px 4% 0px;
    margin: 0 0rem 0 0rem;
    text-transform: uppercase;
  }
  
 
	#oneLine
	{
		line-height: 1.2em;
		height: 3.em;/*3.6rem*/
		padding: 7% 0px 7% 0px;
	}

  .topic-wrapper .topics p.topics-title,
  .topic-wrapper p.topics-title,
  .topic-wrapper .emergency-drill p.topics-title,
  .topic-wrapper .resources p.topics-title {
    background-color: #d7d7d7;
    border: none;
    color: #002D74;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    height: 1.6rem;
    padding: 0.4rem 0px 0.4rem 0px;
    margin: 0 0rem 0 0rem;
    text-transform: uppercase;
  }
  
  .btmContainer .topics p.topics-title,
  .btmContainer p.topics-title,{
    background-color: #002D74;
    border: none;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    height: 1.6rem;
    padding: 0.4rem 0px 0.4rem 0px;
    margin: 0 0rem 0 0rem;
    text-transform: uppercase;
  }
  
  .safetycalendar-wrapper .topics p.topics-title,
  .safetycalendar-wrapper p.topics-title,
  .safetycalendar-wrapper .emergency-drill p.topics-title,
  .safetycalendar-wrapper .resources p.topics-title {
    background-color: #00838F;
    border: none;
    color: #fff;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    height: 1.6rem;
    padding: 0.4rem 0px 0.4rem 0px;
    margin: 0 0rem 0 0rem;
    text-transform: uppercase;
  }
  

@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  font-size: 44px;
  src: url(https://fonts.gstatic.com/icon/font?kit=kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsKTFowqbGXzks8uQq4_jucTWu3d3g&skey=b8dc2088854b122f&v=v226) format('woff2');
}

.material-symbols-outlined-lefter {
  color: #9f9f9f;
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 4vw;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.material-symbols-outlined-lefter:hover {
  color: #585858;
}
.material-symbols-outlined-righter {
  color: #9f9f9f;
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 4vw;
  transform: rotate(180deg);
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.material-symbols-outlined-righter:hover {
  color: #585858;
}
 

  .safetycalendar-wrapper .topics,
  .safetycalendar-wrapper .emergency-drill,
  .safetycalendar-wrapper .resources {
    border: none;
  }
  .safetycalendar-wrapper .emergency-drill,
  .safetycalendar-wrapper .resources {
    clear: both;
    position:relative; 
    top: 0rem;
    margin-bottom: 4rem;
  }

  .topic-spacer {
    border: none;
  }