/* removes red bar from calendar component, since we're not using in on the /intranet/calendar page - caj - 2/5/26 
.page-node-37801 .paragraph--type--calendar-view-block h2.title, .page-node-37801 .paragraph--type--calendar-view-block h2.title::before {
	display: none;
} */

.block-body-field {
	width: 98vw;
	margin: auto;
}
.intranet-main-flex {
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  width: 95vw;
  gap: 1em;
}
@media screen and (min-width: 720px) {
.intranet-main-flex {
  flex-wrap: wrap;
  align-items: flex-start;
	}
}
@media screen and (min-width: 1280px) {
.intranet-main-flex {
  width: 75vw;
  gap: 2em
	}
}
@media screen and (min-width: 1500px) {
.intranet-main-flex {
  width: 70vw;
	}
}
@media screen and (min-width: 1550px) {
.intranet-main-flex {
  width: 65vw;
	}
}
.intranet-main-flex .intranet-main-flex-left { 
	width: 100%;
}
.intranet-main-flex .intranet-main-flex-right {
	width: 100%;
}
@media screen and (min-width: 720px) {
	.intranet-main-flex .intranet-main-flex-left { 
		flex: 1;
		width: unset;
	}
	.intranet-main-flex .intranet-main-flex-right {
		flex: 1;
		width: unset;
	}
}
.cal-secondary-topic {
	font-weight: 200;
	font-size: smaller;
}
.fullcalendar-dom-css {
	display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap-reverse;
  width: 100%;
}

.fullcalendar-dom-css .view-filters { 
	margin: 0 .5em;
	width: 100%;
}
.fullcalendar-dom-css .view-content {
	margin: 0 .5em;
	width: 100%;
}
@media screen and (min-width: 620px) {
	.fullcalendar-dom-css .view-filters { 
		margin: 0 0 0 1em;
		width: 25%;
	}
	.fullcalendar-dom-css .view-content {
		margin: 0;
		width: 70%;
	}
}
.moderated-calendar-block {
	margin-left: 0;
	font-size: small;
}
/* Submitter / Editor Moderation View */
.header-left {
	text-align: left;
}
.header-left h3 {
	font-size: medium!important;
	font-weight: 700;
}
@media screen and (min-width: 720px) {
	.moderated-calendar-block {
	margin-left: 2vw;
	font-size: inherit;
	}
.header-left h3 {
	font-size: larger!important;
}
}
.fullcalendar-dom-css .form-actions {
	margin-left: auto;
	margin-right: auto;
}

.block-views-exposed-filter-blockcalendar-view-block-3 .form-actions {
	display: flex;
	justify-content: center;
}
.region-sidebar-second .calendar-sidebar {
	display:none;
}
.region-sidebar-second nav button.sidebar-sections {
    display: none;
}
.cp-to-clip .copy_to_clipboard {
	margin: 0 0 0 .75em!important;
	float: unset!important;
}
.add-event-button {
	text-align: center;
	margin-left: 0;
}
@media screen and (min-width: 1301px) {
.add-event-button {
	text-align: center;
	margin-left: 22em!important;
}
}
/*** Filter by Calendar colors ***/
.bef-exposed-form .form--inline > .form-item {
	margin-right: unset;
}
@media screen and (min-width: 1301px) {
	.bef-exposed-form .form--inline > .form-item {
	margin-right: 3em;
}
}
.bef-checkboxes {
	font-size: small;
}
@media screen and (min-width: 600px) {
.bef-checkboxes {
	font-size: 5pt;
}
}
@media screen and (min-width: 650px) {
.bef-checkboxes {
	font-size: small;
}
} 
@media screen and (min-width: 740px) {
.bef-checkboxes {
	font-size: initial;
}
} 
.bef-checkboxes .form-item-field-calendar-category-target-id-819::after {
	float: left;
  height: 15px;
  width: 15px;
  margin: 4px .35em 0 0;
  clear: both;
  border: 1px solid black;
  background-color: #5E05C580;
  content: "";
}
.bef-checkboxes .form-item-field-calendar-category-target-id-820::after {
	float: left;
  height: 15px;
  width: 15px;
  margin: 4px .35em 0 0;
  clear: both;
  border: 1px solid black;
  background-color: #c5050c80;
  content: "";
}
.bef-checkboxes .form-item-field-calendar-category-target-id-821::after {
	float: left;
  height: 15px;
  width: 15px;
  margin: 4px .35em 0 0;
  clear: both;
  border: 1px solid black;
  background-color: #617c3680;
  content: "";
}
.bef-checkboxes .form-item-field-calendar-category-target-id-878::after {
	float: left;
  height: 15px;
  width: 15px;
  margin: 4px .35em 0 0;
  clear: both;
  border: 1px solid black;
  background-color: #a9611480;
  /*background-color: #F3C89B80;*/
  content: "";
}
.bef-checkboxes .form-item-field-calendar-category-target-id-879::after {
	float: left;
  height: 15px;
  width: 15px;
  margin: 4px .35em 0 0;
  clear: both;
  border: 1px solid black;
  background-color: #51587C80;
  /*background-color: #00196480;*/
  content: "";
}
@media screen and (min-width: 1281px) {
.bef-checkboxes .form-item-field-calendar-category-target-id-819::after {
  height: 20px;
  width: 20px;
  margin: 1px .35em 0 0;
}
.bef-checkboxes .form-item-field-calendar-category-target-id-820::after {
  height: 20px;
  width: 20px;
  margin: 1px .5em 0 0;
}
.bef-checkboxes .form-item-field-calendar-category-target-id-821::after {
  height: 20px;
  width: 20px;
  margin: 1px .5em 0 0;
}
.bef-checkboxes .form-item-field-calendar-category-target-id-878::after {
  height: 20px;
  width: 20px;
  margin: 1px .5em 0 0;
}
.bef-checkboxes .form-item-field-calendar-category-target-id-879::after {
  height: 20px;
  width: 20px;
  margin: 1px .5em 0 0;
}
}
.calendar-footer {
	  width: max-content;
    height: max-content;
    overflow: hidden;
    border-radius: 25px;
    border-width: 1px;
    border-style: solid;
    padding: 2em;
    border-color: #dadfe1;
}

/*.events-main {
	float: left;
}*/
/* Events content type display */

.events-right {
	float: none;
	border-left: none;
	display: none;
}
@media screen and (min-width: 701px) {
.events-right {
	float: right;
	border-left: solid #999;
	padding-left: 1em;
	margin-left: 1em;
	margin-bottom: .5em;
	display: block;
}
}
.events-bottom {
	display: block;
	margin-top: 2em;
}
@media screen and (min-width: 701px) {
	.events-bottom {
	display: none;
}
}

.event-online-calendar-category { 
		text-align: right;
}

.event-online-calendar-category .Administration {
    font-size: large;
    width: 7em;
    height: 5em;
    text-align: center;
    margin: 0 0 1em 0;
    overflow: hidden;
    font-weight: bold;
    color: #5E05C5;
}
.event-online-calendar-category .Administration::after {
	  content: " ";
    background: url(/sites/default/files/assets/uw/icons_people.png) center no-repeat;
    width: auto;
    height: 3.5em;
    background-size: contain;
    display: block;
    /* margin: 10px auto 0; */
    text-align: center;
    transition: all 0.25s ease-in;
}

.event-online-calendar-category .Education {
    font-size: large;
    width: 7em;
    height: 5em;
    text-align: center;
    margin: 0 0 1em -1.1em;
    overflow: hidden;
    font-weight: bold;
    color: #c5050c;
}
.event-online-calendar-category .Education::after {
	  content: " ";
    background: url(/sites/default/files/assets/uw/icons_grad-cap.png) center no-repeat;
    width: auto;
    height: 3.5em;
    background-size: contain;
    display: block;
    /* margin: 10px auto 0; */
    text-align: center;
    transition: all 0.25s ease-in;
}

.event-online-calendar-category .Research {
    font-size: large;
    width: 7em;
    height: 5em;
    text-align: center;
    margin: 0 0 1em -1.3em;
    overflow: hidden;
    font-weight: bold;
    color: #617c36;
}
.event-online-calendar-category .Research::after {
	  content: " ";
    background: url(/sites/default/files/assets/uw/icons_microscope.png) center no-repeat;
    width: auto;
    height: 3.5em;
    background-size: contain;
    display: block;
    /* margin: 10px auto 0; */
    text-align: center;
    transition: all 0.25s ease-in;
}

.event-online-calendar-category .Faculty {
    font-size: large;
    width: 7em;
    height: 5em;
    text-align: center;
    margin: 0 0 1em -1.1em; /* caj - 1-13-26 changed left margin to -1.1em so text didn't abut the left border line */
    overflow: hidden;
    font-weight: bold;
    color: #a96114;
    /*color: #F3C89B;*/
}
.event-online-calendar-category .Faculty::after {
	  content: " ";
    background: url(/sites/default/files/assets/uw/Faculty-Affairs-icon.png) center no-repeat;
    width: auto;
    height: 3.5em;
    background-size: contain;
    display: block;
    /* margin: 10px auto 0; */
    text-align: center;
    transition: all 0.25s ease-in;
}

.event-online-calendar-category .Wellness {
    font-size: large;
    width: 7em;
    height: 5em;
    text-align: center;
    margin: 0 0 1em -1.3em;
    overflow: hidden;
    font-weight: bold;
    color: #51587C;
    /*color: #001964;*/
}
.event-online-calendar-category .Wellness::after {
	  content: " ";
    background: url(/sites/default/files/assets/uw/Wellness-icon.png) center no-repeat;
    width: auto;
    height: 3.5em;
    background-size: contain;
    display: block;
    /* margin: 10px auto 0; */
    text-align: center;
    transition: all 0.25s ease-in;
}

/* Intranet landing page calendar */

.cal-cat #taxonomy-term-819 h2 {
	display: none;
}
.cal-cat #taxonomy-term-819::after {
	float: left;
  height: 10px;
  width: 10px;
  margin: .6em .25em 0 0;
  clear: both;
  border-radius: 5px;
  background-color: #5E05C580;
  content: "";
}

.cal-cat #taxonomy-term-820 h2 {
	display: none;
}
.cal-cat #taxonomy-term-820::after {
	float: left;
  height: 10px;
  width: 10px;
  margin: .6em .25em 0 0;
  clear: both;
  border-radius: 5px;
  background-color: #c5050c80;
  content: "";
}

.cal-cat #taxonomy-term-821 h2 {
	display: none;
}
.cal-cat #taxonomy-term-821::after {
	float: left;
  height: 10px;
  width: 10px;
  margin: .6em .25em 0 0;
  clear: both;
  border-radius: 5px;
  background-color: #617c3680;
  content: "";
}
.cal-cat #taxonomy-term-878 h2 {
	display: none;
}
.cal-cat #taxonomy-term-878::after {
	float: left;
  height: 10px;
  width: 10px;
  margin: .6em .25em 0 0;
  clear: both;
  border-radius: 5px;
  background-color: #a9611480;
  /*background-color: #F3C89B80;*/
  content: "";
}
.cal-cat #taxonomy-term-879 h2 {
	display: none;
}
.cal-cat #taxonomy-term-879::after {
	float: left;
  height: 10px;
  width: 10px;
  margin: .6em .25em 0 0;
  clear: both;
  border-radius: 5px;
  background-color: #51587C80;
  /*background-color: #00196480;*/
  content: "";
}
.calendar-key, .block-views-exposed-filter-blockcalendar-view-block-3 {
	margin: 0 1em;
	/*padding-right: 1em;*/
}
.calendar-key-list {
  display: flex;
  flex-wrap: wrap;
  height: inherit;
  align-content: space-between;
  margin-bottom: .75em;
}
/*** Main Intranet event key  ***/

.key {
	color: black;
	margin-right: .5em;
	font-size: inherit;
}
.administration-key {
	color: black;
	margin-right: 1rem;
	font-size: inherit;
}
.administration-key::after {
	float: left;
  height: 12px;
  width: 12px;
  margin: 6px .25em 0 0;
  clear: both;
  border: 1px solid black;
  background-color: #5E05C5;
  content: "";
}
.education-key {
	color: black;
	margin-right: 1rem;
	font-size: inherit;
}
.education-key::after {
	float: left;
  height: 12px;
  width: 12px;
  margin: 6px .25em 0 0;
  clear: both;
  border: 1px solid black;
  background-color: #c5050c;
  content: "";
}
.research-key {
	color: black;
	margin-right: 0;
	font-size: inherit;
}
.research-key::after {
	float: left;
  height: 12px;
  width: 12px;
  margin: 6px .25em 0 0;
  clear: both;
  border: 1px solid black;
  background-color: #617c36;
  content: "";
}
@media screen and (min-width: 720px) {
	.key {
	margin-right: .5em;
	font-size: 1.5rem;
}
.administration-key {
	margin-right: 1rem;
	font-size: 1.5rem;
}
.administration-key::after {
  height: 12px;
  width: 12px;
  margin: 5px .25em 0 0;
}
.education-key {
	margin-right: 1rem;
	font-size: 1.5rem;
}
.education-key::after {
  height: 12px;
  width: 12px;
  margin: 5px .25em 0 0;
}
.research-key {
	margin-right: 0;
	font-size: 1.5rem;
}
.research-key::after {
  height: 12px;
  width: 12px;
  margin: 5px .25em 0 0;
}
}
@media screen and (min-width: 980px) {
	.key {
	margin-right: .5em;
	font-size: 1.65rem;
}
.administration-key {
	margin-right: 1rem;
	font-size: 1.65rem;
}
.administration-key::after {
  height: 15px;
  width: 15px;
  margin: 5px .25em 0 0;
}
.education-key {
	margin-right: 1rem;
	font-size: 1.65rem;
}
.education-key::after {
  height: 15px;
  width: 15px;
  margin: 5px .25em 0 0;
}
.research-key {
	margin-right: 0;
	font-size: 1.65rem;
}
.research-key::after {
  height: 15px;
  width: 15px;
  margin: 5px .25em 0 0;
}
}
@media screen and (min-width: 1301px) {
	.key {
	margin-right: .5em;
	font-size: inherit;
}
.administration-key {
	margin-right: 1.5em;
	font-size: inherit;
}
.administration-key::after {
  height: 20px;
  width: 20px;
  margin: 5px .25em 0 0;
}
.education-key {
	margin-right: 1.5em;
	font-size: inherit;
}
.education-key::after {
  height: 20px;
  width: 20px;
  margin: 5px .25em 0 0;
}
.research-key {
	margin-right: 0;
	font-size: inherit;
}
.research-key::after {
  height: 20px;
  width: 20px;
  margin: 5px .25em 0 0;
}
}
.calendar-key-box {
  float: left;
  height: 20px;
  width: 20px;
  margin: 7px 1em 0 0;
  clear: both;
}
.calendar-key-black {
  background-color: #5E05C5;
}
.calendar-key-red {
  background-color: #c5050c;
}
.calendar-key-green {
  background-color: #617c36;
}

.intranet-upcoming-calendar-block {
	margin: 0;
}
.intranet-upcoming-calendar-block .view-content h3 {
  color: #c5050c;
  /*text-transform: none;
  font-size: 1.25rem; */
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 0.5rem;
  /*display: block; */
}
.intranet-upcoming-calendar-block .view-content h3:nth-child(1) {
	margin-top: 0;
}
.intranet-event {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #cfcfcf;
}
.intranet-event .intranet-event-date {
  -webkit-font-smoothing: auto;
  font-size: xx-large;
  /* line-height: .9;
  text-align: right; */
  color: #c5050c;
  /* min-width: 3rem; */
  min-width: max-content;
  padding-top: 1rem;
  padding-right: 2rem;
}
/*.show-for-sr, .show-on-focus {
    position: absolute!important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
}*/
.intranet-event .intranet-event-listing {
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    padding-right: 0;
    padding-left: 0;
    min-width: initial;
    line-height: 1.3;
}
.calendar-buttons-flex
{
	display: flex;
}
.calendar-buttons-flex > div {
	padding: 0 1em;
}
.calendar-title {
  font-weight: bold;
  margin: 0.5em 0;
  font-size: 1.25em;
  width: 80vw; /* caj - 8/12/24 was 80rem, then 100% */
}
@media screen and (min-width: 720px) {
.calendar-title {
  font-weight: bold;
  margin: 0.5em 0;
  font-size: 1.25em;
  width: 30rem; /* caj - 8/12/24 was 50rem, then 100% */
}
}
@media screen and (min-width: 820px) {
.calendar-title {
  font-weight: bold;
  margin: 0.5em 0;
  font-size: 1.25em;
  width: 40rem;
}
}
@media screen and (min-width: 1024px) {
.calendar-title {
  font-weight: bold;
  margin: 0.5em 0;
  font-size: 1.25em;
  width: 55rem; /* caj - 8/12/24 was 50rem, then 100% */
}
}
/*** Full Calendar View Overrides ***/
/* fc-scroller makes the calendar display at 100% rather than the 714 px set by the fullcalendar view module */
.fc-scroller {
	height: 100%!important;
  min-height: 200px!important;
}
.fc-dayGridMonth-button:after, .fc-listMonth-button:after {
	content: ' view ';
}