/*
-----------------------------------------------
Site: The Citadel - Interior Page
Author: EnergyHill
Version: 1.0 
Last Update: 06/23/15

Notes: 
*The following styles are consistent with The Citadel interior pages only. 
*Please refer to global.css for header/footer.
*Pleaser refer to styles.css for desktop styling
-----------------------------------------------*/
/*Responsive Tablet*/
@media only screen and (min-width: 0) and (max-width: 980px) {
	
	/*Citadel Overwrites*/
	.container_12 {
		/*max-width: 800px;*/
		width: 100%;
	}

	/*.container_12 img {
		width: 100%;
		height: auto;
	}*/

	/*.container_12 .grid_12 {
		width: 98%;
		margin: 0 1%;
	}

	.container_12 .grid_9 {
		width: 66%;
	}

	.container_12 .grid_5 {
		width: 50%;
	}

	.container_12 .grid_4 {
		width: 45%;
	}
*/
	#sidebar_right .media_box,
	#sidebar_right .media {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 25px;
		width: 90%;
		height: 0;
	}
	#sidebar_right .media_box {
		width: 100%;
	}
	#sidebar_right .media_box > .media {
		position: static;
		width: auto;
		height: auto;
		padding: 0;
	}
	#sidebar_right .media_box iframe,
	#sidebar_right .media iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	#sidebar_right table img {
		width: auto;
	}

	.breadcrumbs img,
	.smile img {
		width: auto;
	}
}

/*Responsive Mobile*/
@media only screen and (min-width: 0) and (max-width: 748px) {
	
	/*Citadel Overwrites*/
	.container_12,
	.container_12 .grid_12,
	.container_12 .grid_3,
	.container_12 .grid_9,
	.container_12 .grid_4,
	.container_12 .grid_5,
	#breadcrumb {
		margin: 0;
		width: 100% !important;
	}

	.container_12 img {
		display: block;
		float: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
		/*width: 60%;*/
	}

	.container_12 .breadcrumbs img {
		display: inline;
		width: auto;
	}

	.moduletable {
		width: 91%;
		max-width: 91%;
	}

	#billboard .moduletable {
		width: 100% !important;
	}

	/*#sidebar_top_left ul,
	#point {
		background: transparent;
	}

	#sidebar_top_left h3 {
		margin: 0;
	}

	#sidebar_top_left li {
		max-width: 100%;
		margin: 0;
		background-position: 0 27px;
	}

	#sidebar_top_left a {
		font-size: 1.4em;
	}*/
	.iosslider .slider .item img {
		width: 110%;
	}
	#content {
		margin-top: 0;
	}

	#sidebar_top_left {
		top: 0;
		padding: 0;
		background: #fff;
	}

	#sidebar_top_left .interior-side-menu {
		padding: 0;
		background: transparent;
	}
	#sidebar_top_left .interior-side-menu .moduletable {
		margin: 0;
		max-width: 100%;
		width: 100%;
	}
	#sidebar_top_left .interior-side-menu h3 {
		display: block;
		margin: 19px 0 6px 19px;
		padding: 4px 0;
		font-size: 2.1em;
		line-height: 37px;
		cursor: pointer;
	}
	#sidebar_top_left .interior-side-menu h3 .left-menu-nav {
		display: inline-block;
		margin-right: 15px;
	}
	#sidebar_new_buttons { display: none; }
	#sidebar_top_left .interior-side-menu h3.mobile-active {
		background-position: 0 -205px;
	}
	#sidebar_top_left .interior-side-menu ul {
		max-height: 0;
		padding: 0;
		background: #09203a;
		overflow: hidden;
		-moz-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
		-ms-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
		-o-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
		-webkit-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
		transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
	}
	#sidebar_top_left .interior-side-menu ul ul {
		max-height: 100%;
		margin: 0 4px;
	}
	#sidebar_top_left .interior-side-menu ul.mobile-active {
		padding-bottom: 19px;
		max-height: 5000px;
		-moz-transition: max-height 1s ease;
		-ms-transition: max-height 1s ease;
		-o-transition: max-height 1s ease;
		-webkit-transition: max-height 1s ease;
		transition: max-height 1s ease;
	}
	#sidebar_top_left .interior-side-menu li {
		margin: 0;
		padding: 2px 0 0;
		max-width: 100%;
		border-bottom: 1px solid #003263;
		background: transparent;
	}
	#sidebar_top_left .interior-side-menu li:first-child {
		margin-top: 13px;
	}
	#sidebar_top_left .interior-side-menu li ul li {
		border-color: #efefef;
	}
	#sidebar_top_left .interior-side-menu li ul li:first-child {
		margin-top: 0;
	}
	#sidebar_top_left .interior-side-menu a {
		display: block;
		font-family: 'EB Garamond', serif;
		font-size: 1.7em;
		padding: 0 24px;
		color: #fff;
	}
	#sidebar_top_left .interior-side-menu a:hover {
		text-decoration: none;
	}
	#sidebar_top_left .interior-side-menu .menu li ul li {
		background-color: #fff;
	}
	#sidebar_top_left .interior-side-menu .menu li ul a {
		padding: 0 50px;
		color: #001244;
		font-size: 1.3em;
		line-height: 204%;
	}
	#sidebar_ads {
		display: none;
	}
	#sidebar_ads img,
	.sidebar_ads img {
		margin: 0;
		width: 100% !important;
	}
	#sidebar_right .media_box,
	#sidebar_right .media {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 25px;
		width: 90%;
		height: 0;
	}
	#sidebar_right .media_box {
		width: 100%;
	}
	#sidebar_right .media_box > .media {
		position: static;
		width: auto;
		height: auto;
		padding: 0;
	}
	#sidebar_right .media_box iframe,
	#sidebar_right .media iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#sidebar_right table {
		width: 100%;	
	}
	#sidebar_right table img {
		width: 100%;	
	}

	#point {
		display: none;
	}

	.smile img {
		float: left !important;
		margin: 0 10px 0 0 !important;
		width: auto;
	}
}