/* fix scrolling on list pages */
#cod-bodyContainer {
  position: relative;
}

/* hide body scrolling (SharePoint will handle) */
body {
  height: max-content;
  width: 100%;
}

/* popout breadcrumb menu needs background color for firefox */
.s4-breadcrumb-menu {
  background: #F2F2F2;
}

/* if you want to change the left nav width, change this and the margin-left in .s4-ca */
body #cod-leftpanel {
  /* width:155px; */
}

/* body area normally has a white background */
.s4-ca {
  background: transparent none repeat scroll 0 0;
  /* margin-left:155px; */
}

div#s4-ribbonrow, .s4-skipribbonshortcut, .show-mobile {
  display: none;
}

.ctl00_PlaceHolderMain_WebPartZoneTop_0 {
  border-color: Black;
  border-width: 1px;
  border-style: Solid;
}

.ctl00_PlaceHolderMain_WebPartZoneLeft_0 {
  border-color: Black;
  border-width: 1px;
  border-style: Solid;
}

.ctl00_PlaceHolderMain_WebPartZoneCenter_0 {
  border-color: Black;
  border-width: 1px;
  border-style: Solid;
}

.ctl00_PlaceHolderMain_WebPartZoneRight_0 {
  border-color: Black;
  border-width: 1px;
  border-style: Solid;
}

.ctl00_wpz_0 {
  border-color: Black;
  border-width: 1px;
  border-style: Solid;
}

a.offscreen {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 1px;
  height: 1px;
  text-align: left;
  overflow: hidden;
}

a.offscreen:focus,
a.offscreen:active,
a.offscreen:hover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  overflow: visible;
  background-color: #FF3;
  color: #a30e22;
  border: 1px dotted #000;
  font-size: 1.2em;
  padding-left: 10px;
}

.style1 {
  margin-left: 80px;
  display: none;
}

@font-face {
  font-family: "FontAwesome";
  src: url("/_resources/fonts/fontawesome-webfont.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}

.power-button {
  font-family: "FontAwesome";
  color: rgb(37, 93, 46);
  text-shadow: 0px 1px 1px rgba(250, 250, 250, 0.1);
  font-size: 32pt;
  display: block;
  position: absolute;
  top: 30px;
  left: 10px;
  text-decoration: none;
  background: #89c541;
  background: -moz-radial-gradient(center, ellipse cover, #89c541 59%, #255d2e 87%);
  background: -webkit-radial-gradient(center, ellipse cover, #89c541 59%, #255d2e 87%);
  background: radial-gradient(ellipse at center, #89c541 59%, #255d2e 87%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c541', endColorstr='#255d2e', GradientType=1);
  box-shadow: 0px 3px 0px 0px rgb(34, 34, 34),
    /* 1st Shadow */
    0px 7px 10px 0px rgb(17, 17, 17),
    /* 1nd Shadow */
    inset 0px 1px 1px 0px rgba(255, 255, 255, .5),
    /* 3rd Shadow */
    inset 0px -12px 35px 0px rgba(0, 0, 0, .5);
  /* 4th Shadow */
  width: 70px;
  height: 70px;
  border: 0;
  border-radius: 35px;
  text-align: center;
  line-height: 75px;
  transition: color 350ms, text-shadow 350ms;
  -o-transition: color 350ms, text-shadow 350ms;
  -moz-transition: color 350ms, text-shadow 350ms;
  -webkit-transition: color 350ms, text-shadow 350ms;


}

.power-button:before {
  content: "";
  width: 80px;
  height: 80px;
  display: block;
  z-index: -2;
  position: absolute;
  background-color: rgb(162, 162, 162);
  left: -5px;
  top: -32px;
  border-radius: 40px;
  box-shadow: 0px 1px 0px 0px rgba(250, 250, 250, 0.1),
    inset 0px 1px 1px 0px rgba(255, 255, 255, .5),
    inset 0px 1px 2px rgba(0, 0, 0, 0.5);
}

a:hover .power-button,
a:focus .power-button {
  box-shadow: 0px 0px 0px 0px rgb(34, 34, 34),
    /* 1st Shadow */
    0px 3px 7px 0px rgb(17, 17, 17),
    /* 2nd Shadow */
    inset 0px 1px 1px 0px rgba(250, 250, 250, .2),
    /* 3rd Shadow */
    inset 0px -10px 35px 5px rgba(0, 0, 0, .5);
  /* 4th Shadow */
  background-color: rgb(83, 87, 93);
  top: 27px;
  color: #fff;
  text-shadow: 0px 0px 3px rgb(250, 250, 250);
}

a:hover .board-mtg-text,
a:focus .board-mtg-text {
  color: #ffc423;
}

.board-mtg-box {
  position: relative;
  width: 998px;
  height: 187px;
}

.board-mtg-background {
  position: absolute;
  width: 998px;
  height: 187px;
  background-image: url("./images/CampusNight.png");
}

.board-mtg-fade {
  position: absolute;
  background: -moz-linear-gradient(left, rgba(163, 14, 34, 1) 44%, rgba(147, 30, 61, 1) 53%, rgba(79, 96, 177, 0.54) 91%, rgba(63, 112, 205, 0.54) 100%);
  background: -webkit-linear-gradient(left, rgba(163, 14, 34, 1) 44%, rgba(147, 30, 61, 1) 53%, rgba(79, 96, 177, 0.54) 91%, rgba(63, 112, 205, 0.54) 100%);
  background: linear-gradient(to right, rgba(163, 14, 34, 1) 44%, rgba(147, 30, 61, 1) 47%, rgba(79, 96, 177, 0.3) 57%, rgba(63, 112, 205, 0) 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a30e22', endColorstr='#8a3f70cd', GradientType=1);
  width: 100%;
  height: 90px;
  top: 20px;
}

.board-mtg-text {
  position: absolute;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 2em;
  font-weight: bold;
  text-shadow: -2px 2px 3px #000;
  line-height: 1.5em;
  top: 30px;
  left: 90px;
  color: #fff;
  z-index: 2;
}
.board-mtg-mobile-text {
  position: absolute;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  text-shadow: -2px 2px 3px #000;
  line-height: 1.5em;
  color: #fff;
  z-index: 2;
}
@media screen and (max-width: 768px) {
	.board-mtg-box {
		width: 320px;
	}
	.board-mtg-fade {
		background: linear-gradient(to right, rgba(163, 14, 34, 1) 93%, rgba(79, 96, 177, 0.3) 96%, rgba(63, 112, 205, 0) 98%);
	}
	.board-mtg-text {
		font-size: 1em;
		top: 28px !important;
	}
}
.tabslinks {
  position: relative;
  letter-spacing: 0px;
  line-height: 15px;
}

#codWebPart .ms-viewheadertr {
  display: none;
}

#codWebPart .ms-alternating {
  background-color: #ceeaf8;
}

#codWebPart .ms-vb2:first-of-type {
  color: #000;
  width: 30%
}

#codWebPart .ms-vb2:last-of-type {
  color: #000;
  font-size: 9pt;
  font-weight: bold;
}

.hide-mobile, .bg-blur-hidden, .mobile-nav-hidden {
  display: none;
}

.cod-element-H2 a {
  font-weight: bold;
  text-decoration: initial;
}