/**
 * 8426152
 * 11/13/15
 * Chris Batt
 * Making the thumbnails visible in compose mode and mimicking the styles of the live page. 
 */

.fsDraftMode .parent-tabs .fsNews .fsThumbnail img {
     visibility: inherit; 
}
.fsDraftMode .parent-tabs .fsNews .fsThumbnail {
  position: relative;
  height: 70px;
  width: 100px;
  overflow: hidden;
}
.fsDraftMode .parent-tabs .fsNews .fsThumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

/* End Section */

/**
 * 8426262
 * 11/16/15
 * Pauline Chin
 * Calendar events overlapping on Grid Calendar
 */
.fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div {
    max-height: 100%;}
/* End Section */

/* ----- WR - 8425589: Strange Oval Appears on some Forms ----- */
#form_288 .ui-datepicker { border: none !important; }
/* ---------- END ---------- */


/*
.fsCalendarEventGrid .fsCalendarDaybox {
    min-height: 2000px;
    overflow: hidden !important;
}
*/

/**
*
*	Ticket 3870-8427829
*	Author: Kosha Burnett
*	Description: reduce font size on calendar events
*/

.fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo {
    font-size: 14px;
}

/* End Section */


/**
 * 8427231
 * 12/15/15
 * Chris Batt
 * Styling the calendar page in Page Manager
 */

@media (min-width:700px) {
  .layout_26.hasRightbanner.pagetype_calendar #midcontainer{
    background: #ffffff
  }
  .layout_26.hasRightbanner.pagetype_calendar #mainmiddle{
    max-width: 1220px;
    margin: 0 auto;
  }
  .layout_26.hasRightbanner.pagetype_calendar #contentdiv{
    width: calc(100% - 266px);
    float: left;
  }
  .layout_26.hasRightbanner.pagetype_calendar #rightbanner{
    float: left;
    margin-left: 16px
  }
}
.layout_26.hasRightbanner.pagetype_calendar #rightbanner .yui-calendar a.calnav {
    color: #ffffff;
    font-size: 15px;
    display: block;
    padding-bottom: 10px
}
.layout_26.hasRightbanner.pagetype_calendar #rightbanner .yui-calendar a.calnav:hover {
    color: #ffffff;
}
.layout_26.hasRightbanner.pagetype_calendar #calendar_buttons > span:nth-child(4) > a {
  display: none;
}

/* End Section */


/**
 * 8432170
 * 1/13/16
 * Chris Norman
 * News & Events dropdown
 */

.news-events-drop .dropdown-news .fsListItems article:nth-child(n+5) {
    display: none;
}

/* End Section */

/**
 *
 * Ticket: 8432955
 * Author: Joel C.
 * Add lock icon before Parent Portal link in main nav
 *
 */

.fsSection90 .nav-horiz a[href*="parent-portal"]:before {
  content: '\f023';
  font-family: FontAwesome;
  color: #fff;
  padding: 0 10px 0px 4px;
  font-weight: 400;
  -webkit-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
}

.fsSection90 .nav-horiz a[href*="parent-portal"]:hover:before {
  color: #fcb515;
}

/* End Section */

/**
 *
 * Ticket: 8436210
 * Author: Joel C.
 * New custom classes for secondary navigation. These classes are hooks for JS
 * when creating mobile navigation
 *
 */

.util-summer,
.util-trustees,
.util-students {
  background: rgba(9, 27, 46, 0.91);
}

.util-trustees a:hover,
.util-students a:hover {
  color: #fcb515;
}

.nav-util > ul > li.util-summer a {
  color: #ffdeb0;
}

.nav-util > ul > li.util-summer a:hover {
  color: #fcb515;
}

@media screen and (max-width: 899px) {
  .nav-util-container .nav-util > ul > li.util-students,
  .nav-util-container .nav-util > ul > li.util-trustees {
    display: none;
  }
}

/* End Section */

/**
*
*	Date: 05/25/2016
*	Ticket 3870-8445321
*	Author: Kosha Burnett
*	Description: stop directory element from wrapping
*/

.fsConstituentItem {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

/* End Section */