/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/
/* Mobile toolbar (<=600px) */

.mobile-toolbar { display: none; }
.mobile-menu-panel { display: none; }

@media screen and (max-width: 600px) {
	.mobile-toolbar {
		position: sticky;
		top: 0;
		z-index: 999;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 12px 16px;
		background: #0d6fb8;
		color: #fff;
	}
	.mobile-toolbar__brand {
		font-size: 18px;
		font-weight: 700;
		text-transform: none;
	}
	.mobile-toolbar__toggle {
		background: none;
		border: none;
		padding: 6px;
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		gap: 4px;
		cursor: pointer;
	}
	.mobile-toolbar__toggle span {
		display: block;
		width: 22px;
		height: 2px;
		background: #fff;
		transition: transform 0.2s ease, opacity 0.2s ease;
	}
	.mobile-toolbar__toggle.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
	.mobile-toolbar__toggle.open span:nth-child(2) { opacity: 0; }
	.mobile-toolbar__toggle.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

	.mobile-menu-panel {
		display: none;
		position: sticky;
		top: 52px;
		z-index: 998;
		background: #f5f5f5;
		padding: 10px 16px 16px;
		box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	}
	.mobile-menu-panel.open { display: block; }
	.mobile-menu { list-style: none; margin: 0; padding: 0; }
	.mobile-menu li { border-bottom: 1px solid #ddd; }
	.mobile-menu li:last-child { border-bottom: none; }
	.mobile-menu a {
		display: block;
		padding: 10px 0;
		color: #333;
		font-size: 16px;
	}
	#page-nav, #secnav { display: none; }
	#logo img {
    	width: 100vw;
	}
	#header, #content, #main {
		width: 100vw;
	}
	.post {
		padding: 25px;
		border: 1px solid #fff;
		position: relative;
	}

	.wp_bannerize img {
		width: 100vw;
		height: auto;
	}

	#sidebar {
		display: none;
	}

	.footer-widgets, .container{
		width: 100vw;
	}

	.col-full {
		width: 100vw;
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
	}
}