/*
Theme Name: Gasser Wars Magazine
Description: Recreates the gasserwarsmagazine.com template (WilzDezign) and its catalog store on WordPress + WooCommerce. Main layout CSS is the site's own /_inc/960.css and /_inc/style.css.
Version: 1.0
Requires PHP: 8.0
*/

/* WooCommerce sets img{max-width:100%} on its pages, which squeezed the logo */
#header-logo img{max-width:none;}

/* old /store/store.css */
#menu-cat{list-style-type:none;margin:20px 5px;padding:0px;}
#menu-cat a{float:left;display:inline;width:90%;font-weight:bold;text-decoration:none;padding:4px 8px 4px 8px;border:thin solid #555;background:#333;color:#fff;}
#menu-cat a:hover{background:#b40a0d;color:#fff;}
#menu-cat a.current{background:#ff5521;color:#fff;}

/* old store page inline styles */
.product{border:1px solid #ccc;}
.product-title img{float:left;display:inline;margin:0px 10px 10px 10px;}
.product-sku{clear:both;}
.product-button button{border:0px;background:#fff;}
.product-button button:hover{cursor:pointer;}
.gw-notice{padding:10px;background:#555;color:#fff;}
.gw-call{font-weight:bold;}

/* WooCommerce cart / checkout inside the old 9-column store content */
#catalog-content .wp-block-woocommerce-cart, #catalog-content .wp-block-woocommerce-checkout{margin-top:10px;}
#catalog-content .wc-block-components-button:not(.is-link){background:#7ab317;color:#fff;border-radius:12px;}
#catalog-content .wc-block-components-button:not(.is-link):hover{background:#5d8a10;}
.woocommerce-notices-wrapper{margin:0 10px;}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;}

/* the 960 grid is fixed-width: let it shrink on phones */
@media (max-width: 980px){
	#wrapper.container_12{width:auto;max-width:100%;padding:0 16px;box-sizing:border-box;}
	#wrapper .grid_3,#wrapper .grid_4,#wrapper .grid_6,#wrapper .grid_8,#wrapper .grid_9,#wrapper .grid_12{width:auto;float:none;display:block;margin:0 0 10px;}
	#wrapper img{max-width:100%;height:auto;}
	#header-menu ul li{display:inline-block;}
	.slideme li div{display:none;}
}
/* phones: the old site overflowed sideways here too; keep everything inside the screen */
@media (max-width: 640px){
	html,body{overflow-x:hidden;}
	#wrapper #header-logo,#wrapper #header-menu,#wrapper #header-motto,#wrapper #content,#wrapper #footer{width:auto!important;max-width:100%;float:none;}
	#wrapper #header-logo img{width:100%!important;max-width:329px!important;height:auto!important;margin:0!important;}
	#wrapper .product,#wrapper #product-cart,#wrapper #menu-cat{max-width:100%;box-sizing:border-box;}
	#wrapper #menu-cat a{float:none;display:block;width:auto;}
	#wrapper .product-title{overflow-wrap:anywhere;}
	#wrapper .product-title img{max-width:40%;}
	#wrapper iframe,#wrapper table{max-width:100%!important;}
	#special{display:none;}
}