/*
Theme Name: This N That Alfred Downs
Author: Synchromedia Group
Author URI: http://www.smg.com.au

*/


body{ margin: 0px; padding: 0px; font: 14px/22px 'Roboto', sans-serif; 	 background: url(images/back.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
a{ color: #47759f; -webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;}
#page{ background: #FFF; width: 1200px; margin: 0px auto; -webkit-box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.31);
-moz-box-shadow:    2px 2px 20px 0px rgba(0, 0, 0, 0.31);
box-shadow:         2px 2px 20px 0px rgba(0, 0, 0, 0.31); }

#masthead{ background: url(images/top.jpg) right no-repeat; height: 143px; overflow:hidden;}
.logo{ float: left;}
.slogan{ float: left; padding:40px; font-size: 20px; line-height: 30px; width: 35%; font: 20px/30px 'Droid Serif', serif;}
#leftCol{ width: 25%; float:left;}
#secondary, #primary, #container{ padding: 30px; }
#mainArea{ width: 75%; float: left;}
#footer{ clear:both;}
#topmenu{ background: #8B9233; height: 50px; overflow: hidden;}
#topmenu ul{ margin: 0px; padding: 0px;}
#topmenu li {list-style: none; display: inline;}
#topmenu li a{ display: inline-block; float:left; color: #FFF; text-decoration: none; line-height: 50px; padding: 0px 15px;}
#topmenu li a:hover{ background: #000; color: #FFF;}

#site-navigation{ float: left; }
#cart-navigation{ float: right; background: #47759f;}

#site-navigation li a{ border-right: 1px solid #FFF;}
#cart-navigation li a{ border-left: 1px solid #FFF;}


h1{  font: 30px/36px 'Droid Serif', serif; }
h2{  font: 25px/31px 'Droid Serif', serif; }

ul#menu-product-nav{ margin: 0px; padding: 0px; margin-left: -30px; margin-bottom: 60px;}
ul#menu-product-nav li{ list-style: none; display: block;}
ul#menu-product-nav li a{ display: block; color: #000; text-decoration: none; padding:10px 30px; font-size: 15px; border-bottom: 1px solid #CCC;}
ul#menu-product-nav li a:hover, ul#menu-product-nav li.current-cat a{ background: #47759f; color: #FFF;}

.ppt{ display: none !important;}

input[type="text"],input[type="email"],input[type="number"],input[type="password"],textarea, select{font: 14px/22px 'Roboto', sans-serif; width: 100%; border-radius: 4px; border: 1px solid #CCC; padding: 8px; -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
  -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
  box-sizing: border-box;         /* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */}

  .woocommerce ul.products li.product h3{ font-size: 16px !important;}

  .alignright{ float:right; margin-left: 30px; margin-bottom: 30px;}
  .alignleft{ float: left; margin-right: 30px; margin-bottom: 30px;}

  .woocommerce-result-count{ display: none;}
  .product_meta{ display: none;}

  .woocommerce-cart .cart-collaterals .cart_totals table{ width: 100%; }

  ul.homecats{ margin: 0px; padding: 0px; list-style: none;}
  ul.homecats li{ float: left; display: inline-block; width: 45%; margin-right: 5%; margin-bottom: 15px; -webkit-box-shadow: 7px 7px 26px 0px rgba(0, 0, 0, 0.32);
-moz-box-shadow:    7px 7px 26px 0px rgba(0, 0, 0, 0.32);
box-shadow:         7px 7px 26px 0px rgba(0, 0, 0, 0.32); overflow: hidden;}

  ul.homecats span{ padding: 10px; display: block;}

  ul.homecats img{ max-width: 100%; height: auto; -webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;}

  ul.homecats:after {
    content:'';
    display:block;
    clear: both;
}

ul.homecats a{
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
}
ul.homecats a:hover{
	text-indent: 5px;
}

ul.homecats a:hover img{
	transform: scale(1.02);
}

.woocommerce ul.products li.product a img{
-webkit-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}

.woocommerce ul.products li.product a:hover img{
	transform: scale(1.02);
}

.site-info{ text-align: center; padding: 30px; font-size: 11px;}

#tab-description h2{ display: none;}
img{ max-width: 100%; height: auto; }

.fb-like { 
   top: 27px;   
}


@media only screen and (max-width: 1200px) {
	#page{ width: auto; }
}

@media only screen and (max-width: 959px) {
		.slogan{ padding: 20px; }
		.wp-image-202{ max-width: 200px; height: auto; }
}	

@media only screen and (max-width: 800px) {
	#leftCol{ display: none; }
	#mainArea{ width: auto; }
}
@media only screen and (max-width:720px) {
	#site-navigation{ display: none; }
	.slogan{ padding: 20px; font-size: 15px; line-height:20px; }
	#masthead{ background: #FFF; }
	.slogan{ display: none; }
}
@media only screen and (max-width:500px) {
		ul.homecats li{ width: auto; margin: 0px; margin-bottom: 15px;  } 
		#secondary, #primary, #container{  padding: 15px; }
		#topmenu li a{ padding: 0px 10px; }
		.logo{ width: 70%; }
		#masthead{ height: auto; }
}