/* BC Recycles (BCSF/SABC) - Small Screen Responsive Overrides CSS */
/* Last Updated: 2022.08.16 ET */

.master_container {
	width: 100%;
	margin: 0px auto;
}

	/* Left Column */

	.left_column {
		width: 100%;
		float: none;
	}

		.main_logo {
			width: 100%;
			height: 160px;
			background: #82bc00;
			text-align: center;
			border-bottom: 2px solid #fff;
		}

			/* .main_logo_container {
				display: block;
				margin: 0px auto;
				background: #82bc00 url(/images/mobile_logo_bc_recycles.png) 0 0 no-repeat;
				width: 320px;
				height: 160px;
			} */

			.main_logo_container a { border:none; }

			/* .main_logo_container img {
				display: none;
			} */

			.main_logo_container img {
				height: 100%;
				width: auto;
			}

		/* Mobile Nav */

		.mobile_main_nav_button_container {
			display: block;
			width: 96%;
			height: 24px;
			padding: 10px 2%;
			background: #1d70b7;
			border-bottom: 2px solid white;
		}

			a.mobile_main_nav_button {
				display: block;
				width: 24px;
				height: 24px;
				background: url('/images/mobile_nav_button.png') 0 0 no-repeat;
				border: none;
			}

		.mobile_main_nav {
			display: none;
			width: 100%;
			background: #1d70b7;
			color: #fff;
			font-family: 'FFMetaWebNormal', sans-serif;
			font-size: 0.94em;
			border-bottom: 2px solid white;
		}

		.mobile_main_nav ul {
			list-style: none;
			padding: 0;
			margin: 0 0 15px 0;
			border-bottom: 1px solid white;
		}
			.mobile_main_nav ul li {
				text-transform: uppercase;
				padding: 7px 0 7px 10px;
				border-top: 1px solid white;
				margin: 0;
			}

			.mobile_main_nav > ul > li:first-child {
				border-top: none;
			}

			.mobile_main_nav ul li.secure {
				background: #5f8608 url('/images/mobile_key.png') 10px center no-repeat;
				text-transform: none;
				padding-left: 55px;
			}

			.mobile_main_nav ul ul {
				margin: 7px 0 -7px 0;
				border: none;
			}

			.mobile_main_nav ul ul li {
				text-transform: none;
				padding-left: 0px;
				margin-left: 20px;
			}

			.mobile_main_nav ul ul li:last-child {
				padding-bottom: none;
			}

			.mobile_main_nav li a {
				color: #fff;
				text-decoration: none;
				border: none;
			}

			.recycle_search_content a.search_submit {
				margin-bottom: 20px;
			}

		.addthis_toolbox {
			margin: 2px auto;
		}

		.promo_container {
			padding-left: 5%;
			padding-right: 5%;
		}

    /* Right Column */

	.right_column {
		width: 100%;
		float: none;
	}

	.member_login_container {
		display: none;
	}

	.main_nav_container {
		display: none;
	}

		.main_content_container {
			width: 100%;
			margin: 0 auto;
		}

		.main_content_container .content_icon {
			display: none;
		}

		.main_content_container .content_icon + .main_content {
				width: 90%;
				margin-left: 6%;
		}

		/* This is to hide the home page content on the Mobile site only */
		.main_content_container .main_content .mobile_hidden, .main_banner { display:none; }

		.about_stewards_container, .footer_container {
			width: 90%;
			margin: 1em 6%;
		}

			.about_stewards_content, .footer_content {
				font-family: 'FFMetaWebNormal', sans-serif;
				padding: 0.625em 0;
				border-left: none;
			}

		.content_divider {
			width: 100%;
		}

/* Who We Are Table */

table.who_we_are {
	display: block;
	width: 96%;
	padding: 0;
	margin: 0 auto 0 0;
}

table.who_we_are tr {
	display: block;
}

table.who_we_are th {
	display: none;
}

table.who_we_are tr td,
table.who_we_are tr td.image,
table.who_we_are tr td.info,
table.who_we_are tr td.links {
	display: block;
	width: 100%;
	text-align: center;
	padding: 0.5em 0;
	border: none;
}

table.who_we_are tr td.image {
	padding-top: 1.5em;
}

table.who_we_are tr td.links {
	padding-bottom: 1.5em;
	border-bottom: 1px solid #ccc;
}

table.who_we_are a.arrow {
	text-decoration: underline;
	background: none;
	padding-left: 0;
}

/* Recyclepedia results */

#search_results {
	width: 96%;
	padding: 0 2%;
}

#search_results .search_title_initial {
	width: 250px;
	/* margin-top: 4px; */
}

#search_results .search_title_expanded {
	/* margin-top: 4px; */
}

.search_title_expanded a {
  display: block;
  /* padding-top: 4px; */
}

#search_results .search_address_initial {
	display: none;
}

#search_results .search_results_header {
	padding-top: 40px;
}

#search_results .search_phone {
	width: 85%;
	/* padding-top: 4px; */
}

#search_results .search_address {
	width: 85%;
	/* padding-top: 4px; */
}

#search_results .search_site {
	width: 85%;
	/* padding-top: 4px; */
}

#search_results .search_hours { margin-top: 20px; }

#search_results .logo_container  {
	width: 100%;
}

#siteindicator {
	left: auto;
	right: 8px;
}

#appfooter {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
}