/*//////////////////////////////////////////////

DOCUMENT INFO
Document: Mobile Issues for Fenn Academy;
Ticket:

-------- Ticket 3870-8385774: issues ----------

Author: Jacob John
Client: Fenn Academy

//////////////////////////////////////////////*/

/*---------------------------------------------------------------------

Section Info: Thumbnail image adjustments;
Ticket Info:

-Ticket 3870-8392752: Thumbnail design doesn't work correctly-

----------------------------------------------------------------------*/

.tbcon td.newsThumbnailCell {

	background-size: cover;
	background-position: center;


}

.tbcon td.newsThumbnailCell {

	width: 120px;
	height: 120px;

}


.newsArticleCell {

	float: left;
        max-width: 70%;

}

@media (max-width: 320px) {

	.tbcon td.newsThumbnailCell {

	width: 100px;
	height: 100px;

}

	.newsArticleCell {

	float: left;
        max-width: 50%;

	}
7
}


/*------------------------------------------

End Section

-------------------------------------------*/


/* Form sizing for mobile devices */

@media (max-device-width: 768px) {

	/* Form container fills entire viewport */

	.fsLoginForms { 

		width: 96%;
		padding: 2%;

	}

	/* Misc styles to make the mobile rendering of the login form display better */

	.fsLoginForms label {

		text-align: left;

	}

	.fsLoginFooter { 

		margin: 0;

	}

	.headerLogo .logo {

		top: -2px;
//		position: fixed !important;
		left: 0px;

	}

/* Re adjusting off canvas navigation to fit new account menu */


	#acct_bar.acct_bar_on_top {

		position: fixed;
		top: 60px;
		overflow: auto;

	}




	div#bodydiv.text.open-sesme, div.off-canvas-wrapper {

		top: -31px !important;

	}

	div.off-canvas.open-mobile-nav {

		z-index: 99999999;

	}

	.portal_column {

		width: 100%;

	}

/* End Media Query */

}

/* Form sizing for mobile devices */

@media (min-width: 568px) and (max-width: 1195px) {

	/*(--) (--) (--) (--) (--) (--) (--) (--) (--) (--) (--) 

	SECTION INFO
	SECTION: Smaller Screen Adjustments for Social Mashup Page
	Ticket:

	-------- Ticket 3870-8394986: issues ----------

	Author: Jacob John
	Client: FennSocial/Instagram

	(--) (--) (--) (--) (--) (--) (--) (--) (--) (--) (--) */

	.page_660 .social-column-one, 
	.page_660 .social-column-two, 
	.page_660 .social-column-three {

		max-width: 780px !important;
		width: 75%;

	}

	.page_660 .tile.blogpost {

		width: 100%;
		max-width: 780px;
		height: auto;

	}

	.page_660 .insta-inner--contain ul li {

		float: left;
		width: 48%;

	}

	.page_660 .insta-inner--contain ul a:not(:last-child) li {

		margin-right: 4%;

	}

	.page_660 .facebook-post {

		float: left;
		width: 48%;

	}

	.page_660 .facebook-post:nth-child(odd) {

		margin-right: 4%;

	}

	/*(--) (--) (--) (--) (--) (--) (--) (--) (--) (--) (--) 

	End Document

	(--) (--) (--) (--) (--) (--) (--) (--) (--) (--) (--) */

/* End Media Query */

}

/*removing playlist title from media page*/
.imageGalleryViewTitle {
display: none !important;
}

/* 8400555 ME adjusting padding on portal columns */
.pagetype_portal .portal_column {padding: 0;}


@media (max-width: 768px) {
	.two_column, .twothirds_column, .three_column {
		width: 100%;
	}
}

/*-----------------------------------------------

SECTION INFO
SECTION: Mobile Issues for Fenn Academy;
Ticket:

-------- Ticket 3870-8385774: issues ----------

Author: Jacob John
Client: Fenn Academy

-----------------------------------------------*/

.pagetype_portal .portlet {

	margin: 0px 5px 10px 5px;

}

/*-----------------------------------------------

End Section

-----------------------------------------------*/


/*Portal account bar fix in landscape - 8401147 - CN*/

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
#acct_bar.acct_bar_on_top {
bottom: 0px;
top: initial;
position:fixed;
}

#portals_menu_div, .acct_menus{
  bottom: 2em;
   top: initial;
}
#group_menu_div li>ul{
bottom:0;
top:inherit;
}
}

/**
 *
 * Ticket: 3840-8410636
 * Author: Joel C.
 * Date: 08-20-2015
 * Description: Fix overflow of blog tile on mashup
 *
 */

.page_660 .blogtopic {
  max-height: 400px;
  overflow: hidden;
}

/* End Section */

/**
 *
 *	Ticket 3870-8415400: Internet Explorer viewing problem
 *	Jacob John
 *	Portal content edit window in Internet explorer
 *
 */

 	.portal-dialog {

 		height: auto !important

 	}

 /* End Section */





/**
 *
 *	Ticket 3870-8421451
 *	Chris Norman
 *	Parent portal page login issue
 *
 */
@media screen and (min-width: 768px) {
    #leftbanner .fsLoginForms {
        width: 14em;
    }
    
    #leftbanner .fsLoginForms label {
        text-align: left;
    }
    
    #leftbanner .fsLoginFooter {
        margin-left: 0;
    }
}
 /* End Section */


/*
*   Ticket: 8426095
*   Author: James Brettschneider
*   Top of mobile nav is getting cut off.
*/

#mobile-nav {
    margin-top: 30px;
}

 /* End Section */

/**
*
*	Ticket 3870-8426094
*	Author: Kosha Burnett
*	Description: heads get cut off on top banner photos. Client looking for the best solution
*/

#topbanner {
	background-position: center center;
}

/* End Section */

/**
*
*	Ticket 3870-8428267
*	Author: Kosha Burnett
*	Description: fix slider image display on mobile
*/

@media screen and (max-width: 480px) {
	.slideshow-container img {
    	max-width: 100% !important;
    	height: auto !important;
    	position: static !important;
	}
}


/* End Section */

/**
 * This file should be used by support to add CSS post launch.
 * custom.css should be called from all layouts.  It should also be the
 * last stylesheet called so it will override all previous styles.  This is
 * a useful way to keep track of styles added after launch.  You are
 * encouraged document edits with comments so others understand the reason
 * behind these changes.
 */