/*
Theme Name: Army List: mwpaints.com
Theme URI: Arch
Author: Arch
Author URI: archcreative.co.uk
Description: 
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: 
*/




/* ===== GENERAL ===== */

html, body { width:100%;margin:0;padding:0;overflow-x:hidden; }

img { display:block; }

.m-grid { margin:0; }

.pos-rel { position:relative; }
.pos-abs { position:absolute; }


.vertical-align { display:block;top:0;left:0;width:100%;height:100%; }
.vertical-outer { display:table;width:100%;height:100%;vertical-align: middle;  }
.vertical-inner { display:table-cell;width:100%;height:100%;vertical-align: middle; }


/* ===== NAV MENU ===== */
#navmenu .menu { list-style: none;padding:0;margin:0;display:table;table-layout: fixed;width:100%;z-index:100;position:relative; }
#navmenu .menu li { display:table-cell;text-align:center;padding:10px;position:relative; }
#navmenu .sub-menu { display:none;position:absolute;width:100%;top:100%;left:0;background:#fff;list-style: none;padding:0;margin:0; }
#navmenu .sub-menu li { display:inline-block;width:100%; }
#navmenu .menu li:hover .sub-menu { display:inline-block; }

.mobile-toggle { width:30px;height:30px;display:none; }
.toggle-bar { width:100%;height:3px;margin-bottom:5px;background:#000; }
.mobile-toggle.active .toggle-bar { background:#666; }

#footermenu .menu { list-style: none;padding:0;margin:0; }


/* ===== MODULES ===== */
.module { display:block; }

/* Banner */
.banner-overlay { background:rgba(0,0,0,0.4); }


/* Tablet Size */
@media(max-width:768px){
	/* Move this to it's own query if it needs to break down earlier */
		.mobile-toggle { display:inline-block; }
		#navmenu { display:none; }
		#navmenu .menu li { display:inline-block;width:100%;padding:0; }
		#navmenu .menu a { display:inline-block;width:100%;padding:10px; }
		#navmenu .sub-menu { display: none;width:100%;position:static; }
		#navmenu .menu li:hover .sub-menu { display:none; }
	/* ---------------------- */
}

/* Mobile Size */
@media(max-width:560px){

}