@media screen and (max-width: 480px) {
   .svg .site-info {
      background-size: contain !important;
      font-size: 12px !important;
   }
}

/**
 *
 *  Ticket 3870-8419276
 *  Author: Kosha Burnett
 *  Found this issue during unrelated inquiry in ticket
 *
 */

input[type="radio"] {
     -webkit-appearance:radio;
     -moz-appearance:radio;
     appearance:radio;
}

input[type="checkbox"] {
     -webkit-appearance:checkbox;
     -moz-appearance:checkbox;
     appearance:checkbox;
}

 /* End Section */

 /**
 *
 *  Ticket 3870-8419259: Radio Button's not really visible
 *  Jacob John
 *  Form updates
 *
 */

  .request-drawer {

    height: 100% !important;
    overflow: auto;

  }

  .request-drawer fieldset label {

    display: block;

  }

  .request-drawer fieldset label input {

    width: auto;

  }

 /* End Section */

 /**
 *
 *  Ticket 3870-8419824: Need to embed videos responsively
 *  Kosha Burnett
 *  iFrame wrapper code
 *
 */

/*
.studentStories {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  max-height:374px;
}
*/

/* End Section */


/* Ticket 8421093
*   Hide visibility of homepage profiles paging.
*   Author: James Brettschneider
*/

/*
.page_1 .story-control {
    visibility: hidden;
}

*/


/* End Section */

/* 8400457 ME inverted version of button style */
.fs_style_10, .inverted_button {
  -webkit-transition: background 0.3s, border 0.3s, color 0.3s;
  transition: background 0.3s, border 0.3s, color 0.3s;
  cursor: pointer;
  display: inline-block;
  max-width: 21.53846em;
  width: 100%;
  margin-bottom: 0.57143em;
  padding: 0.84615em;
  font-family: "Montserrat";
  font-size: 0.92857em;
  font-weight: 700;
  text-align: center;
  text-shadow: none;
  text-transform: uppercase;
  /*background: transparent;*/
  background: #ebb700;
  border: 0.23077em solid #ebb700;
  border-radius: 0;
  /*color: #808080;*/
    color: #fff;
}

.fs_style_10:hover, .inverted_button:hover{
  /*background: #ebb700;*/
  background: transparent;
  /*border-color: #ebb700;
  color: #fff;*/
  color: #808080;
  border-color: #ebe9e8;
}

.fs_style_10:after, .inverted_button:after {
  font-family: "FontAwesome";
  font-weight: normal;
  content: "";
  -webkit-font-smoothing: antialiased;
  margin-left: 0.61538em;
}

/* 8424623 - Lee */
.story-root {
    background-position: 50% 15% !important;
}

/**
 * 8425347
 * 11/08/15
 * Chris Batt
 * Widening the text input fields for the calendar elements and correcting the stackdate
 */

.pagetype_portal form[name="element_settings_form"] #calendar_settings input[name="numDaysBefore"],
.pagetype_portal form[name="element_settings_form"] #calendar_settings input[name="numDaysAfter"],
.pagetype_portal form[name="element_settings_form"] #calendar_settings input[name="maxEvents"]{
  min-width: 48px;
  text-align: right;
}

.pagetype_portal .calStyle2 .event_stackdate {
    position: inherit;
    width: auto;
}

/* End Section */

/**
 * 8425344
 * 11/08/15
 * Chris Batt
 * Styling the "hero" images for the custom athletics banners. See support.custom.js
 */

.support-custom-hero {
  background-position: 50%;
  background-size: cover!important;
  height: 40vw;
  max-height: 42.85714em;
  min-height: 14.28571em;
}

.support-custom-hero img {
  display: none;
}

/* End Section */


/**
 * 8425344
 * 11/08/15
 * Chris Batt
 * Styling the "hero" images for the custom athletics banners. See support.custom.js
 */

.story-close {
    right: 0px !important;
}

/* End Section */


/**
 *
 * Ticket: 8424646
 * Author: Joel C.
 * Fix large margin-top on very large screen widths/heights
 *
 */

 @media (max-height: 50em) {
   .hero-page #text1 {
     margin-top: 0;
   }
 }

@media (min-height: 56.25em) {
  .hero-page #text1 {
    margin-top: 10%;
  }
}

/* End Section */


/**
 *
 * Ticket: 8425065
 * Author: Joel C.
 * Fix story close button appearing off the screen
 *
 */

@media (min-width: 56.25em) {
  #contentElement2.story-active,
  #contentElement6.story-active,
  #contentElement10.story-active,
  #contentElement14.story-active,
  #contentElement18.story-active,
  #contentElement22.story-active,
  #contentElement3.story-active,
  #contentElement7.story-active,
  #contentElement11.story-active,
  #contentElement15.story-active,
  #contentElement19.story-active,
  #contentElement23.story-active,
  #contentElement4.story-active,
  #contentElement8.story-active,
  #contentElement12.story-active,
  #contentElement16.story-active,
  #contentElement20.story-active,
  #contentElement24.story-active,
  #contentElement5.story-active,
  #contentElement9.story-active,
  #contentElement13.story-active,
  #contentElement17.story-active,
  #contentElement21.story-active,
  #contentElement25.story-active {
 //   width: 5.55% !important;
width: 12.5% !important;
 }
}

/* End Section */

/**
 *
 *  Ticket 3870-8425556: Videos Not visible in full screen
 *  Jacob John
 *  Video Embeds not visible in full screen
 *
 */

  .story-root {

    will-change: initial !important;

  }

 /* End Block */

 /**
 *
 *  Ticket 3870-8425556: Videos Not visible in full screen
 *  Joe Cloughley
 *  Video Embeds not visible in full screen
 *
 */




 .page_1 .student-stories-mobile .story-control {
    visibility: visible;
}



 /* End Block */

@media (min-width: 37.5em){
  .layout_7 #contentdiv {
      width: 100%;
   }
   .layout_7 #mainmiddle {
    max-width: 60rem;
  }
}




/**
 *
 * Ticket: 8428643
 * Author: Joel C.
 * Prevent nav from flickering on page load
 *
 */

#bannermod10 .bannermodcontent {
  opacity: 0;
}

/* End Section */

/*
 * 8430293
 * Mike E
 * Make masonry blocks on directory page uniform
 */
.directory .fsDirEntry {min-height: 507px;}

/**
 * ticket #8429210
 * 12/29/2015
 * Jim Moore
 * set roster table width
 */
table.ath_rosterTable {
    width: 100%;
}


/* I did it -Jacob John*/
#contentdiv > div > table > tbody > tr> td[align='right']:nth-child(1) {
    text-align: center;
}


/**
 * 8433463
 * 1/25/2016
 * Chris Norman
 * My Story display issue
 */

.student-stories .section-wrapper {
  height: 100%;
}

/* End Block */

/**
*
*	Ticket 3870-8439230
*	Author: Kosha Burnett
*	Description: logo looks jacked in IE10
*/

@media (min-width: 320px) {
	.svg .site-info {
		background-size: auto;
	}
}

/* End Section */

/**
 * 8444724
 * 5/18/16
 * Chris Batt
 * Positioning the read more news-button on the home page; hidden behind above section
 */

/*
.page_1 #leftbanner .news-button {
    margin-top: 2.8em;
    margin-bottom: 1em;
}
*/

/* End Section */

/**
 * 8446912
 * 6/17/16
 * Chris Norman
 * Remove PDF icon
 */
[href$='pdf']:before,
[href$='doc']:before,
[href$='xls']:before,
[href$='ppt']:before,
[href$='txt']:before, [href*='email']:before,
[href*='phone']:before,
[href*='fax']:before,
[class*='icon-']:before {
  display: none; }

/* End Section */

.PIXEL-CODE {
    display: none;
}

/**
 *
 *  May 21st 2016
 *  Ticket 8447841
 *  Jacob Sauerhoefer
 *
 */

  .directory {

    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;

  }

  .directory .fsDirEntry {

    max-width: 24.3%;
    margin-right: 0.7%;
    min-height: 600px;

  }

  @media( max-width: 768px ) {

    .directory .fsDirEntry {
      max-width: 100%;
      margin-right: 0.7%;
      min-height: none;
    }

  }

 /* End Block */

/* Critical Ticket with Alex Kos - Jacob Sauerhoefer */

div[aria-labelledby*='ui-dialog-title-pagePopModal'] { z-index: 9999 !important; }

/* End Block */


/*
*  Ticket 8452828
*  Add background overlay to homepage slideshow text.
*  08/09/16 - James B
*/

.home #text1 {
    background: rgba(5,5,5,0.3);
    padding-top: 10px;
}

/* End Section */

/**
*
*   Date: 09/21/2016
*   Ticket 3870-8463292
*   Author: Kosha Burnett
*   Description: update page pop styling to better match site
*/

div[aria-labelledby*='ui-dialog-title-pagePopModal'] {
	background: #226e62 url(/uploaded/themes/default/images/common/green-pattern.png) repeat 0 0;
}

div[aria-labelledby*='ui-dialog-title-pagePopModal'] .ui-dialog-titlebar,
div[aria-labelledby*='ui-dialog-title-pagePopModal'] .ui-dialog-buttonpane {
	background: #004040;
	color: #fff;
}

div[aria-labelledby="ui-dialog-title-pagePopModal"] .ui-dialog-titlebar-close span {
	background-image: url(../../images/admin_ui/2.0/white/x-thin.png);
	background-position: center;
	display: block;
	margin: 1px;
	opacity: .5;
	background-repeat: no-repeat;
}

div[aria-labelledby*='ui-dialog-title-pagePopModal'] a {
	color: #ebb700;
}

div[aria-labelledby*='ui-dialog-title-pagePopModal'] .ui-dialog-buttonpane .ui-button {
	background: rgba(0, 0, 0, 0.3) !important;
}

/* End Section */


  @media (min-width: 64em) {
      .nav-utility a {
        padding: 0;
        height: 60px;
        width: 70px;
        padding: 0;
        line-height: 1;
        text-transform: uppercase;
        text-align: center;
        background: url("/uploaded/themes/default/images/common/yellow-pattern.png") repeat 0 0 transparent;
        color: #fff; } 

   .nav-utility em {
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 1;
        width: 100%;
        height: auto;
        padding: 0;
        white-space: normal;
        background: none;
        opacity: 1;
        font-size: 11px;
        line-height: 14px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: none; }
        }

    .nav-utility a:hover em {
opacity: 1;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); 
}

/**
*
*   Date: 11/29/2016
*   Ticket 3870-8471996
*   Author: Kosha Burnett
*   Description: iframe height fix
*/

#contentdiv iframe {
  height:300px !important;
}

@media (max-width: 400px){
  #contentdiv iframe {
    height:100% !important;
  }
}

/* End Section */

/**
*
*   Date: 04/19/2017
*   Ticket 8682520
*   Author: Kosha Burnett
*   Description: resize student stories images
*/

.student-stories .slick-slide {
	background-size: 100% !important;
	background-repeat:no-repeat;
}

.my-story {
	background-color: transparent;
	border: 3px solid #ebb700;
	height: auto;
	padding: 10px;
	max-width: 275px;
	position: absolute;
	right: 60px;
	bottom: 0;
	font-size: 14px;
}

.home .student-stories-details {
	position: relative;
	min-height: 60px;
	bottom: 100px;
	overflow-y: initial;
}

.student-stories-details .bannermodtitle {
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

@media (max-width: 1000px) {
	.home .student-stories-details {
		bottom: 30px;
	}
}

@media (max-width: 900px) {
	.home .student-stories-details {
		position: relative;
		min-height: 60px;
		bottom: 70px;
		overflow-y: initial;
		float: left;
	}

	.story-root > div .contentElementDesc {
		display: none;
	}

}

@media (max-width: 600px) {
	.story-root {
		background-position: top center !important;
	}

	.student-stories {
		max-height: 350px;
	}

	.home .student-stories-details {
		bottom: 110px;
	}
}


/* End Section */