/* Base CSS */
HTML
{
}

BODY
{
	/* Reset line height which is set by bootrap */
	line-height: 1;
}

html.styler, html.styler body, html.styler .layout {
    width:auto;
    height:auto;
}

h1, h2, h3, h4, h5, h6
{
	/* Reset line height which is set by bootrap */
	line-height: 1;
}

FIGURE
{
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

li
{
	line-height:normal;
}

.layout
{
}

.content IFRAME, .content OBJECT, .content EMBED
{
	/* ensure iframes and objects stay within the container */
	max-width: 100%;
}

.button
{
	/* All buttons are inline-block by default */
	display: inline-block;
}

A.button, A.button:hover
{
	/* Prevents A tags from having an underline when turned into buttons */
	text-decoration: none;
}

.no-bullets, .no-bullets li ul.no-bullets
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.no-bullets li ul
{
	display: block;
	list-style-type: disc;
	margin: 0 0 10px 25px;
}

/* Bootstrap Styles */


.no-bullets li ul li
{
	display: list-item;
}

/* Modal */
#modal_container {
	height: 100%;
}

#simplemodal-overlay
{
	background-color: #000;
}

#pageengine-modal {
    /* Reverting the auto height width change as it was earlier */
    max-height: 600px !important;
    width: 70% !important;
    background-color: #fff;
    border: 1px solid #444;
    padding: 20px;
}
#pageengine-modal.flush
{
	padding: 0px;
	width: auto !important;
	min-width: 70% !important;
}
#pageengine-modal.tall
{
	max-height: none !important;
	height: 90% !important;
	top: 3% !important;
}
	#pageengine-modal a.modalCloseImg {
		background: url(//libs-e1.myschoolapp.com/jquery-simplemodal/1.4.1/x.png) no-repeat;
		width: 25px;
		height: 29px;
		display: inline;
		z-index: 3200;
		position: absolute;
		top: -10px;
		right: -10px;
		cursor: pointer;
	}
#pageengine-modal .simplemodal-wrap {
	overflow: hidden !important;
}
#pageengine-modal .simplemodal-wrap.lightbox {
	overflow: auto !important;
}

/*for mapquest rendering in Firefox & IE */
#pageengine-modal .mapquest-container img {
	max-width: none;
}

    #pageengine-modal.album-detail-modal {
        max-height: none !important;
    }

    HTML.ismodal,
    HTML.ismodal BODY,
    HTML.ismodal .layout,
    HTML.ismodal .page-block,
    HTML.ismodal .content,
    HTML.ismodal .content-wrap,
    HTML.ismodal .carousel,
    HTML.ismodal .slides,
    HTML.ismodal .slides UL,
    HTML.ismodal .media-player,
    HTML.ismodal .carousel-photo {
        height: 100% !important;
    }
HTML.ismodal BODY {
	/* background-color: #000; */
}
HTML.ismodal .flexslider {
	border: none;
	margin: 0px;
	background-color: #000;
}
HTML.ismodal .flex-direction-nav a {
	background-color: #ccc;
	border-radius: 12px;
}
HTML.ismodal .album-select-form {
	display: none;
}
HTML.ismodal .flexslider .slides img {
	width: auto;
	max-height: 100%;
	margin: 0 auto;
}

/* Admin Bar */
.adminbar {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	clear: both;
	font-weight: normal;
	position: fixed;
	right: 30px;
	bottom: 30px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #262626;
	color: #7e7e7e; 
	line-height: normal;
    z-index:999999;
}

.adminbar A {
	color: #7e7e7e;
}

.adminbar-top {
	padding: 8px 10px 5px 10px;
	line-height: 12px; 
	font-size:11px;
}

.adminbar-name {
	float: left;
}

.adminbar-close {
	float: right;
	display: block;
	color: #7e7e7e; 
	font-size:12px;
	text-decoration: none;
}

.adminbar-mid {
	background-color: #2c2d33;
	background-image: -moz-linear-gradient(top, #2c2d33, #28292f);
	background-image: -ms-linear-gradient(top, #2c2d33, #28292f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2c2d33), to(#28292f));
	background-image: -webkit-linear-gradient(top, #2c2d33, #28292f);
	background-image: -o-linear-gradient(top, #2c2d33, #28292f);
	background-image: linear-gradient(top, #2c2d33, #28292f);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c2d33', endColorstr='#28292f', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	border-top: 1px solid #43444a;
	padding: 5px 10px 0px 10px;
}

.adminbar-tabs A {
	padding: 0px;
	text-decoration: none;
	display: inline-block;
}

.adminbar-pending {
	padding: 10px 10px 5px 10px;
	font-size: 11px;
}

.adminbar-pending A {
	display: inline-block;
	background-color: #262626;
	border: 1px solid #43444a;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-decoration: none;
	padding: 3px 10px;
	margin-left: 3px;
}

.adminbar-pending A.active, .adminbar-pending A:hover {
	color: #eb9001;
}

.adminbar-bottom {
	padding: 5px;
}


/* Media Queries */
@media (max-width: 767px) {
	body {
		padding-left: 0px;
		padding-right: 0px;
	}
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
	#pageengine-modal
	{
		width: 95% !important;
		padding: 5px;
	}
	#pageengine-modal a.modalCloseImg {
		right: -5px;
		top: -15px;
	}
}

.hide {
	display: none; }

/*Default Print Styles*/
html.print .page-block {
    width:600px;
    margin:20px auto;
}

/*--------------Fixed Region CSS--------------*/
.fixed-region{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    z-index:1990;
}

.fixed-bulletin{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    z-index:1991;
}

    .fixed-bulletin .title-wrap {
        display:inline-block;
        width:97%;
    }

.fixed-cookie {
    position: fixed;
    left: 0px;
    width: 99%;
    z-index: 1991;
    bottom: 0px;
    background-color: inherit;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}
.clearfix:after {
    clear: both;
}

.fixed-cookie .title-wrap {
    display: inline-block;
    width: 100%;
    margin: 2px 0px 7px 0px;
}
        
/* portrait tablet and lower */
@media (max-width: 979px){
    .fixed-region {
        position:static;
    }
    html.ie .fixed-region {
        
    }
}

/*------------Full Width CSS-----------------*/

.full-width .row{
    margin-left:0px;
}

/* invisible element */
.element-invisible {
  position: absolute !important;
  height: 1px; width: 1px; 
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.links .carousel li a img {
    margin: 0px;
}

.obscure-email::before {
    content: attr(data-username) "\0040";
}
.obscure-email::after
{
    content: attr(data-domain);
}

/*audio fixes*/
.no-bullets .jp-title ul {
	margin: 0px !important;
}

/*Accessibilty - Styles to restructure headings without changing size*/
.h1-style {
    font-size: 36px;
    line-height: 1;
}

.h2-style {
    font-size: 30px;
    line-height: 1;
}

.h3-style {
    font-size: 24px;
    line-height: 1;
}

.h4-style {
    font-size: 18px;
    line-height: 1;
}

.h5-style {
    font-size: 14px;
    line-height: 1;
}

.h6-style {
    font-size: 12px;
    line-height: 1;
}

.audiotranscript {
    white-space:pre-line;
}

.album-detail-modal {
    height: auto !important; 
    top:50% !important;
    left:50% !important;
    transform: translate(-50%, -50%);
}
/*photo album detail page layout fix*/
.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
.game-category {
white-space: nowrap;
}

.screen {
display:none !important;
}

.container-modal {
	display: flex;
	flex-wrap: wrap;
	max-height: 300px;
	overflow-y: scroll;
}

.container-firstitem, container-seconditem {
	flex: max(400px, 100%/2);
}

.container-seconditem {
	margin-right: 20px;
}

#map-container {
	width: 640px;
	height: 400px;
}