/* hide pop out button */
#popout { display: none; }

/* hide arrows in trasc and image area */
#left_col_controller { display: none; }
#mid_col_controller { display: none; }

/* adjustments after hiding the arrows */
.column_1 { width: 0; }
.column_11 { width: 940px; }
.column_1.with_right_margin { margin-right: 0; }
.item_display_transcriptions { height: 610px; }
#zoom_function { margin-top: 20px; }

/* display mode buttons */
#display_buttons { 	clear: both; float: right; text-align: right; width: auto; }
#display_buttons img { padding: 5px; display: inline-block; border: 1px solid #F9ECC9; }
#display_buttons .selected img { border: 1px solid #a9432a; }

/* special settings in embed/iframe mode */
@media only screen and (max-width: 600px) {
	#content_body { width: 95%; margin-top: 10px; }
	#content { overflow: hidden; }
	#left_column, #middle_column{ height: 350px; }
	#top_bar { padding-bottom: 5px; }
	#item_image_container { height: 68%; }	
	
	#display_buttons { margin-right: 9px; }	
	#zoom_function table { width: 50% !important; }

	.item_display_transcriptions { margin: 10px 10px 10px 20px; height: 95%; }
	.column_11 .item_display_transcriptions { height: 95%; }
	.with_bottom_margin { margin-bottom: 5px; }
	.with_right_margin { margin-right: 5px; }

	.column_12 { width: 100%; }
	.column_12_with_padding { width: calc(100% - 20px); }
	.column_11 { width: 100%; }
	.column_6 { width: 49%; }
	.column_1 { width: 0%; }
	
	/* leave room for pop out button */
	.column_12_with_padding h1 { float: left; width: 85%; }
	#popout { float: right; display: block; margin-right: 10px; margin-bottom: 25px; }	
}