/* This file will hold styles that are loaded using the same media query as the narrow grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the normal and widescreen layouts. You may override these styles in the normal 
 *  and widescreen CSS files as appropriate. */

/**GENERAL STYLES**/
#google-search-container{
	width: 90%;
	margin-left:0;
}

html,body{
	font-size: 14px;	
}
.menu-container li span.more-link{
	position: relative;
	right: 55%;
}
#d-search-container #tagline{
	display: block;
}
.featured-data .featured-learnmore{
	right: 20px;
	left: auto;
	margin: 0px;
}
iframe{
	width: 100%;
	height: 500px;
}
#d-search-container #search-glass-cont{
	display: block;
}
#d-search-container input[name='search_block_form']{
    width: 85%;
}
.tt-link-container .parent-container{
	display: block;
}
#visible-footer-bar #tagline{
	display: block;
}
.twitter-typeahead {
	width: 87%;
}
.featured-data .featured-learnmore{
    position: absolute;
}
 #hp-featured{
     height:245px;
}
/**END GENERAL STYLES**/
/**MENU STYLES**/
.menu-container li{
	width: 90%;
}
#mobile-exit-button{
	margin-right: 5%;
}
/**END MENU STYLES**/
/**BASIC PAGE STYLES**/
.btt-heading{
	text-align: left;
}
.btt-heading i{
	width: auto;
	text-align: left;
	font-size: 1.33em;
}
.field-name-field-background-image .field-item img{
	width: 100%;
	margin-left: 0px;
}

#block-cck-blocks-field-page-header .field-name-field-page-header .field-item{
	font-size: 4.8rem;
}
#region-sidebar-second .region-inner{
	margin-top: 80px;
	margin-left: 10px;
	margin-right: 11px;
	margin-bottom: 18px;
}
.node-type-page #page-inner-footer, .node-type-faculty #page-inner-footer, .node-type-center-for-academic-success #page-inner-footer, .node-type-campus-life #page-inner-footer, .node-type-offices #page-inner-footer,
.node-type-degrees-and-programs #page-inner-footer, .node-type-financial-aid #page-inner-footer,
.node-type-presidents-page #page-inner-footer{
	display: block;
	margin-top: 24px;
}
#region-sidebar-second{
	position: relative;
	display:  block; 
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	right: -20px;
}
.node-type-offices #region-sidebar-second{
	right: -40px;
}
#footer-inner-container{
	background-size: 40%;
	background-position-y: 100%;
	background-position-x: 100%;
}
/**END BASIC PAGE STYLES**/
/**FACULTY SINGLE PAGE**/
#block-cck-blocks-field-faculty-name .field-name-field-faculty-name .field-item{
	display: block;
	margin-top: 0px;
	padding: 0px;
	font-size: 3.8rem;
}
/**END FACULTY SINGLE PAGE**/
/**HOME PAGE STYLES**/
.page-node-1 #zone-content{
	width: 720px;
}
.page-node-1 #region-content{
	width: 700px;
	margin: 0px 10px;
}
#mini-slider-inner-container ul li a{
	/*border-left: 1px solid #FF5000;*/
	border-bottom: none;

}
#hp-featured-block{
	 width: 71%;
	 margin-left: 0%;
	 margin-top: 0px;
	 margin-bottom: 0px;
 }
 #hpbg-slider-icon-list{
 	width: 11%;
 }
#hpbg-slider li img {
	/*margin-left: -150px;*/
}
 #mini-slider-main-container{
	width: 71%;
	margin-top: 10px;
}

#mini-slider-outer-container{
	float: left;
	width: 444px;
	overflow: hidden;
	/*margin: 0px 5%;*/
	margin: 0px;
	height: auto;
}

#mini-slider-inner-container{
	display: block;
	overflow: hidden;
	width: 888px;
	left: 0px;
	position: relative;
}
#mini-slider-inner-container ul{ margin: 0px; }
#mini-slider-inner-container ul li{
	float: left;
	margin: 0px;
	width: 148px;
}
#mini-slider-inner-container ul li a{
	float: left;
	width: 118px;
	height: 57px;
	padding: 16px 20px 10px 10px;
}
#ms-slide-left, #ms-slide-right{
	display: block;
	visibility: visible;
	float: left;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #FFF;
	background-color: rgba(0,0,0,0.6);
	margin: 30px 0px 0px 0px;
	cursor: pointer;
}
/*#ms-slide-left{
	position: absolute;
	left: 0px;
	z-index: 10;
	height: 100%;
	top: 0px;
}
#ms-slide-right{
	position: absolute;
	right: 0px;
	z-index: 10;
	height: 100%;
	top: 0px;
}*/
#ms-slide-left i, #ms-slide-right i{
	margin-top: -7px;
}
/**END HOME PAGE STYLES**/
 /**FOOTER STYLES**/
 #bottom-footer-container{
 	margin-bottom: 60px;
 }
 #get-started-block{
	/*width: 16%;*/
	width: 26%;
	display: block;
}
#foot-contact-us-block{
	/*width: 16%;*/
	width: 26%;
	display: block;
}
#foot-webform-block{
	/*width: 23%;*/
	width: 42%;
	margin-top: 30px;
}
.foot-bar-left{
	height: 260px;
	display: block;
}
 /**END FOOTER STYLES**/
/**OFFICE SEARCH**/
.page-node-49 .view-office-search .view-filters .views-exposed-form #edit-field-campus-building-value-wrapper,
.page-node-49 .view-office-search .view-filters .views-exposed-form #edit-field-room-value-wrapper,
.page-node-49 .view-office-search .view-filters .views-exposed-form #edit-title-wrapper  {
	width: 35%;
	margin-top: 15px;
	float: left;
}
.page-node-49 .view-office-search .view-header{
	width: 40%;
}
.page-node-49 .view-office-search .view-filters .views-exposed-form .views-exposed-widget.views-submit-button input{
	height: 57px;
}
/**END OFFICE SEARCH**/
/**OFFICE PAGE**/
.node-type-offices #office-hero ul li.hero-item img{
	height: auto;
}
.node-type-offices #office-hero #bottom-controls #staff-button, .node-type-offices #office-hero #bottom-controls #map-button{
	width: auto;
	padding: 9px 15px;
}
.node-type-offices #office-hero .staff-info-container{
	width: 29%;
}
/**END OFFICE PAGE**/
 /** CAMPUS LIFE STYLES **/
 .node-type-campus-life .cl-top-links li{
 	width: 50%;
 	float: left;
 }

.item-squares{
	float: left;
	width: 33.33%;
}
.mobile-item-main{
	display: none ! important;
}
 /** END CAMPUS LIFE STYLES **/
 /**FACULTY SEARCH PAGE**/
 .page-node-32 .view-faculty-search .view-filters .views-exposed-form .views-exposed-widget.views-submit-button input{
 	height: 57px;
 }
 .page-node-32 .view-faculty-search .view-filters .views-exposed-form .views-exposed-widget.views-submit-button{
	float: right;
}
.page-node-32 .view-faculty-search .view-filters .views-exposed-form #edit-field-faculty-department-value-wrapper{
	width: 42%;
	margin: 15px 15px;
	float: left;
}
.page-node-32 .view-faculty-search .view-header{
	left: 50px;
	width: 35%;
}
.page-node-32 .view-faculty-search .view-content li{
	float: left;
	width: 50%;
}
.page-node-32 .view-faculty-search .view-content li .views-field-view-node{
	float: left;
	display: block;
	width:100%;
	position: absolute;
	background: rgba(0,0,0,0.7) !important;
	padding: 5px 0px;
	margin: 0px;
}
.page-node-32 .view-faculty-search .view-content li .views-field-view-node.active{
	background: #ff5000 ! important;
}
.page-node-32 .view-faculty-search .view-content li .views-field-field-faculty-image img{
	width: 100%;
	height: auto;
	margin-left: 0px;
}
.page-node-32 .view-faculty-search .view-content li .views-field-field-faculty-image{
	border-radius: 0px;
	overflow: hidden;
	margin: 0px;
	width: 100%;
	height: auto;
}
.page-node-32 .view-faculty-search .view-content li .views-field-view-node a .faculty-name{
	display: inline-block;
	color: #FFF;
}
.page-node-32 .view-faculty-search .view-content li .views-field-view-node a .faculty-dep{
	display: inline-block;
	color: #FFF;
}
.page-node-32 .view-faculty-search .view-content li .views-field-view-node a{
	text-align: center;
}
.page-node-32 #edit-field-faculty-name-value-wrapper{
	float: left;
	margin: 15px 15px;
	width: 25%;
}
 /**END FACULTY SEARCH PAGE**/

 /**ABOUT PAGE**/

 .node-type-kean-about-page #about-body-container{
 	background-position-x: 0%;
 }
 .node-type-kean-about-page #about-bottom-container{
 	background-position-x: -75%;
 }
 .node-type-kean-about-page #about-body-container #about-body-inner-container{
 	width: 65%;
 }
 .node-type-kean-about-page #about-cougar-container #cougar-care{
 	width: 62.39%;
	top: -350px;
	margin-left: -31%;
 }
 .node-type-kean-about-page #about-bottom-container #location-copy-container{
 	width: 65%;
 }
 #infographic-selector-panel .info-icon-cont{
 	margin-left: 6.4%;
	margin-right: 6.4%;
	margin-top: 4.5%;
	margin-bottom: 4.5%;
 }
 /**END ABOUT PAGE**/
 /**DEGREES AND PROGRAMS SEARCH PAGE**/
 .page-node-81 #region-content{
	margin: 0px;
	width: 100%;
}
.page-node-81 .region-content-inner{
	padding: 0px;
}
 .page-node-81 .view-degree-and-program-search .view-header {
	left: 20px;
	width: 65%;
}
.page-node-81 .view-degree-and-program-search .view-filters .views-exposed-form .views-exposed-widget.views-submit-button input {
	height: 57px;
}
.page-node-81 .view-degree-and-program-search .view-filters .views-exposed-form #edit-field-college-value-wrapper,
.page-node-81 .view-degree-and-program-search .view-filters .views-exposed-form #edit-title-wrapper {
	width: 35%;
	margin: 15px 15px;
	float: left;
}
.page-node-81 .view-degree-and-program-search .view-filters .views-exposed-form .views-exposed-widget.views-submit-button {
	float: right;
}
.dp-link{
	width: 50%;
}
.page-node-81 #loadmore{
	width: 50%;
}
 /**END DEEGREES AND PROGRAMS SEARCH PAGE**/
 /**FINANCIAL AID PAGE**/
 #block-webform-client-block-87{
 	width: auto;
 	margin-left: -200px;
 	margin-top: -250px;
 }
 #block-webform-client-block-87 input{
 	width: auto;
 }
 /**END FINANCIAL AID PAGE**/
 
 /**Parents Page**/
 .node-type-parents-page .parent-containers img{
	 min-width: 100%;
	 height: auto;
 }
 /**End Parents Page**/

#visible-footer-bar .social-icons{
	display: block ! important;
}


/**NEW ACADEMICS PAGE**/
.view-colleges-schools-block .views-row{
	width: 50%%;
}
.view-colleges-schools-block .views-row:nth-child(3n+2){
	width: 50%%;
}
/**END NEW ACADEMICS PAGE**/

/**UG PAGE**/
.node-type-undergraduate-admissions .inner-item-container{
	margin: 10px auto;
}
.node-type-undergraduate-admissions #admission-video{
	display: block;
}
.node-type-undergraduate-admissions #video-overlay{
	display: block;
}
.node-type-undergraduate-admissions .info-item{
	height: 366px;
}

.node-type-undergraduate-admissions .item-title-container h1#apply-now-title{
	width: 50%;
	float: left;
	margin-left: 5%;
	text-align: left;
}
.node-type-undergraduate-admissions #admissions-apply-now-button{
	float: right;
	margin-right: 5%;
}
/**END UG PAGE STYLES**/

/* CALENDAR */
#calendar-main-container{
	display: block;
	width: 95%;
	padding: 0px 2.5%;
	float: left;
}

#calendar-options{
	float: left;
	display: block;
	width: 95%;
	padding: 0px 2.5%;
	padding-right:.5%;
}
#mobile-date-select,
#mobile-category-select{
	display: block;
	width: 90%;
	margin: auto;
}




@media (max-width: 800px){
#calendar-container{ width:98.3%; left:auto!important;}

#calendar-container .cal-item{ width:32.3%!important; height: 190px !important; margin-right: 1%;}

#calendar-container .row-1 .cal-item.w2.h2{ height:190px; width:65.3%!important;}
#calendar-container .row-1 .cal-item.w2.h2 .caption .cap-left .cal-title{font-size:1.1rem !important;}
#calendar-container .row-1 .cal-item.w2.h2 .caption .cap-left .location{  font-size: 0.85rem;}
#calendar-container .row-1 .cal-item.w2.h2 .caption .cap-left .time{font-size: 0.85rem;}
#calendar-container .row-1 .cal-item.w2.h2 .caption .cap-right .date-day{    font-size: 5.3rem;    line-height: 0.9;}
#calendar-container .row-1 .cal-item.w2.h2 .caption .cap-right .date-month{    font-size: 1.5rem;    margin-bottom: 5px;}

#calendar-container .cal-item#item1, #calendar-container .cal-item#item6, #calendar-container .cal-item#item7, #calendar-container .cal-item#item8{width:32.3%!important;}
#calendar-container .cal-item#item1 .caption, #calendar-container .cal-item#item6 .caption, #calendar-container .cal-item#item7 .caption, #calendar-container .cal-item#item8 .caption{ height:100%;}
#calendar-container .cal-item#item1 .caption .cap-left, #calendar-container .cal-item#item6 .caption .cap-left, #calendar-container .cal-item#item7 .caption .cap-left, #calendar-container .cal-item#item8 .caption .cap-left{ bottom:0; position:absolute;}
#calendar-container .cal-item#item1 .caption .cap-left .cal-title, #calendar-container .cal-item#item6 .caption .cap-left .cal-title, #calendar-container .cal-item#item7 .caption .cap-left .cal-title, #calendar-container .cal-item#item8 .caption .cap-left .cal-title{font-size: 1.1rem!important;}
#calendar-container .cal-item#item1 .caption .cap-right, #calendar-container .cal-item#item6 .caption .cap-right, #calendar-container .cal-item#item7 .caption .cap-right, #calendar-container .cal-item#item8 .caption .cap-right{ top: 0!important;}
#calendar-container .cal-item#item1 .caption .cap-right .date-month, #calendar-container .cal-item#item6 .caption .cap-right .date-month, #calendar-container .cal-item#item7 .caption .cap-right .date-month, #calendar-container .cal-item#item8 .caption .cap-right .date-month{ margin-bottom:20px;}
#calendar-container .cal-item#item1 .caption .cap-right .date-day, #calendar-container .cal-item#item6 .caption .cap-right .date-day, #calendar-container .cal-item#item7 .caption .cap-right .date-day, #calendar-container .cal-item#item8 .caption .cap-right .date-day{font-size: 4.4rem!important; line-height:77px!important;}

#calendar-container .cal-item#item5{width:65.3%!important;}
#calendar-container .cal-item#item5 .caption .cap-left .cal-title{font-size: 1.1rem !important!important;}
#calendar-container .cal-item#item5 .caption .cap-right{ top: auto!important;}
#calendar-container .cal-item#item5 .caption .cap-right .date-month{ margin-bottom:5px;}
#calendar-container .cal-item#item5 .caption .cap-right .date-day{font-size: 5.3rem!important; line-height:0.9!important;}

#calendar-container .cal-item#item10{ display:none!important;}


}