/*   
Theme Name: Jadco Time
Theme URI: http://www.greengraphics.com.au/
Description: Nice theme. 
Author: Nathan
Author URI: http://www.greengraphics.com.au/
Version: 1.0.3
*/





/******************************************************************************/

/*!     INDEX:                                                                */
/*!         i - Resets, Imports, Shared, Misc                                 */
/*!        ii - Body                                                          */
/*!       iii - Document Colors                                               */
/*!        iv - Typography                                                    */

/*!     STRUCTURE:                                                            */
/*!         1. - Header                                                       */
/*!         2. - Menus                                                        */
/*!         3. - Section                                                      */
/*!         4. - Article                                                      */
/*!         5. - Aside                                                        */
/*!         6. - Footer                                                       */

/******************************************************************************/





/******************************************************************************/

/*!     i - Imports, Resets, Shared, Misc                                     */

/******************************************************************************/





/* @import url(http://weloveiconfonts.com/api/?family=fontawesome); */

[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
  padding:0 0.5em 0 0;
}




* { 
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
            transition: all .3s ease;
    margin: 0;
    padding: 0;
}




header, nav, section, article, aside, footer {
    display: block;
}




.wrapper:after,
#header:after,
.extra-info:after,
#section:after,
#article:after,
#aside:after,
#footer:after {
    clear: both; 
    content: '.'; 
    display: block; 
    height: 0; 
    visibility: hidden;    
}




.wrapper {
	margin: 0px auto;
	padding: 0;
	max-width: 1000px;
	position: relative;
}





/******************************************************************************/

/*!     ii - Body                                                             */

/******************************************************************************/





body {
	background: white;
	color: #303030;
	font-family: "Helvetica Neue" , Helvetica, Arial, Sans-Serif;	
	font-size: 1em;
	font-weight: 300;
}





/******************************************************************************/

/*!     iii - Document Colors                                                 */

/******************************************************************************/





a, h1, h2, h3, h4, h5, h6 {
    color: #00548E;
}


a:hover {
    color: #333;
}





/******************************************************************************/

/*!     iv - Typography                                                       */

/******************************************************************************/





a {
    text-decoration: none; 
}


a:hover {
    text-decoration: underline; 
}




h1, h2, h3, h4, h5, h6 {
	color: #00548E;
	font-weight: 400;
	margin: 0 0 1em 0;
	padding: 0;
}






input, textarea {
    background: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    margin: 0;
    max-width: 600px;
    padding: 8px 12px;
    width: 100%;
}


input[type="submit"] {
    cursor: pointer;
    width: auto;
}





/******************************************************************************/

/*!     STRUCTURE START                                                       */

/*!     1. - Header                                                           */

/******************************************************************************/





#header {
	background: url('images/bg.png') repeat-x center top #fff;
	height: 230px;
	width: 100%;	
}


    #header .wrapper {
        height: 216px;
    }

    
    
    
    #phone {
        color: black; 
        font-size: 120%; 
        padding: 40px 0 0;
        text-align: right; 
    }
    
    
        .phone-number {
            display: block;
            font-size: 200%;
        }
        
        .phone-number:hover {
            text-decoration: none;
        }




#logo {display:block; position:absolute; bottom:0; left:0; width:62%;}



.extra-info {text-align:right; width:300px; position:absolute; bottom:0; right:0;}
.extra-info a {display:block;}
.extra-info .cart-link, .extra-info .account-link {padding-bottom:1.5em; display:inline-block; margin-left:1em; color:white;}
.extra-info .cart-link:hover, .extra-info .account-link:hover {color:black;}


form#searchform {
    position: relative;
    max-width: 600px;
    width: 100%;
}


    #searchform .screen-reader-text {
        display: none;
        visibility: hidden;
    }


    #searchform #s {
    
    }
    
    
    #searchform #searchsubmit {
    	background: url('images/search-icon.png') no-repeat center center transparent;
    	border: none;
    	border-left: 1px solid #ccc;
    	position: absolute; top: 0; right: 0; bottom: 0;
    	text-indent: -9999px;
    	width: 40px;
    	z-index: 1;
    }
    
    
    #searchform #searchsubmit:hover {
        cursor: pointer;
    }




@media screen and (max-width:1000px) {
	#header {padding:0 2em;}
}
@media screen and (max-width:875px) {
	.extra-info {width:235px;}
}
@media screen and (max-width:800px) {
	#logo {bottom:1em;}
}
@media screen and (max-width:700px) {
	#header {height:auto; padding-bottom:2em; position: relative;}
	#header .wrapper {position:static; height:auto;}
	
	#header .phone {text-align:center; padding:1em 0;}
	
	#header #logo {position:relative; bottom:inherit; left:inherit; width:80%; margin:0 auto;}
	
	#header .extra-info {text-align:center; width:100%; position:static; margin:1em 0 0 0; padding:1em 0 0 0; border-top:1px solid #ececec;}
	#header .extra-info .cart-link, header .extra-info .account-link {color:black; display:block; float:left; width:50%; margin:0; padding:0 1em;}
	#header .extra-info .cart-link:hover, .extra-info .account-link:hover {color:#00548E;}
	
	#header #searchform {clear:both; padding-top:1em;}
}
@media screen and (max-width:585px) {
	#header #logo {position:relative; bottom:inherit; left:inherit; width:100%; margin:0 auto;}
}
@media screen and (max-width:480px) {
	#header {padding-top:1.5em;}
}





/******************************************************************************/

/*!     2. - Menus                                                            */

/******************************************************************************/




.mobile-menu-link {display:none;}
nav.main-menu {width:100%; background:black; clear:both; position:relative; display:block;}
.menu-main-container ul {max-width:1000px; margin:0 auto; padding:0; text-align:right;}
.menu-main-container ul li {display:inline-block; margin-left:-4px;}
.menu-main-container ul li a {display:block; padding:1em; color:white;}
.menu-main-container ul li a:hover {background-color:#003e74;}

.menu-main-container ul li.current-menu-item a,
.menu-main-container ul li.current_page_item a {background-color:#003e74;}

@media screen and (max-width:858px) {
	.menu-main-container ul li a {font-size:0.8em;}
}
@media screen and (max-width:700px) {
	.mobile-menu-link {display:block; color:white; font-weight:500; padding:1em 2em;}
	.mobile-menu-link:hover {color:#79A5C0;}
	nav .menu-main-container {display:none; position:absolute; width:100%; left:0; z-index:10; background:black; transition:none; -webkit-transition:none; -moz-transition:none;}
	nav .menu-main-container ul {text-align:left;}
	nav .menu-main-container ul li {display:block; margin-left:0;}
	nav .menu-main-container ul li a {font-size:1em; padding:1em 2em;}
}





/******************************************************************************/

/*!     3. - Section                                                          */

/******************************************************************************/





.metaslider .flexslider {
    margin-bottom: 0;
}


.metaslider ul.slides li {
	border-radius: 0 0 4px 4px; 
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); 
	   -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
            box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); 
	overflow: hidden; 
}





.home-box {
    display: inline-block;
    margin: 15px 4.995% 15px 0;   
    vertical-align: top;
	width: 30%;
}

.home-box:last-of-type {
    margin-right: 0;
}


    .home-box-link {
    	background: white;
    	border: 1px solid #adadad;
    	border-radius: 4px;
    	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); 
    	   -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
                box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); 
        display: block;
    	overflow: hidden;        
        opacity: 0.8;
    	padding: 6px;
    	position: relative;
    }
    
    
    .home-box-link:hover {
    	-webkit-box-shadow: 0 0px 4px 0 rgba(0,0,0,0.5); 
           -moz-box-shadow: 0 0px 4px 0 rgba(0,0,0,0.5);
    	        box-shadow: 0 0px 4px 0 rgba(0,0,0,0.5); 
    	opacity: 1;
    }


    .home-box h4 {
        background: rgba(20,20,20,0.5);
        color: white;
        padding: 1em;
        position: absolute; top: 0; right: 0; left: 0;
        margin: 0;
    }




#section {
    padding: 50px 0;
}




    .page-title {
        padding: 0 0 0 30px;
    }





/******************************************************************************/

/*!     4. - Article                                                          */

/******************************************************************************/





#article {
    float: right;
    padding-left: 15px;
    width: 70%;
}


#section.fullwidth #article {
    float: none;
    padding: 0 30px; 
    width: 100%; 
}


#section.feedback #article {
    float: left;
    padding: 0 20px 0;
    width: 40%;
}


@media screen and (max-width:1010px) {
	#article {padding:0 1em;}
}
@media screen and (max-width:700px) {
	.metaslider ul.slides li a {width:100%; float:none;}
	.metaslider ul.slides li div.caption-wrap {display:none;}
	.metaslider .flex-control-nav {width:100%;}
	
	.home #section {padding-bottom:0;}
	
	.woocommerce section {padding:5em 0 3em 0;}
	
	.home #article {width:100%; float:none;}
}
@media screen and (max-width:500px) {
	.home article .home-boxes .box a {float:none; width:100%; max-width:310px; margin:1em auto;}
}


/*******************
***** WOO STUFF ****
********************/



.woocommerce div.product form.cart {
    margin: 20px 0;
}


.search #article .product .add_to_cart_button,
.woocommerce #section #article .product .add_to_cart_button,
.woocommerce #section #article .product .single_add_to_cart_button {
	background: #00548E; 
	border: 1px solid black;
	border-radius: 3px;
	color: white;
	font-weight: 700;
	margin: 10px 0 0;
	text-align: center;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	padding: .618em 1em;
	width: 60%;
}


.woocommerce #section #article .product .single_add_to_cart_button {
    margin: 0;
    width: auto;
}


.search #article .product .add_to_cart_button:hover,
.woocommerce #section #article .product .add_to_cart_button:hover,
.woocommerce #section #article .product .single_add_to_cart_button:hover {
	background: #e96125;
}


.woocommerce .woocommerce-breadcrumb a:hover, .woocommerce-page .woocommerce-breadcrumb a:hover {color: #003e74;}


.woocommerce #respond input#submit.added:after, .woocommerce a.button.added:after, .woocommerce button.button.added:after, .woocommerce input.button.added:after {
    background: white;
    border: 1px solid green;
    border-radius: 100%;
    color: green;
    padding: 5px;
    position: absolute; top: -20px; right: 50%;
    -webkit-transform: translateX(50%);
       -moz-transform: translateX(50%);
            transform: translateX(50%);
}


a.added_to_cart.wc-forward {
    background: white;
    padding: 8px;
    position: absolute; top: 0; right: 0; left: 0;
    text-align: center;
}


 .woocommerce-cart #article .cart-collaterals .cart_totals table td, .woocommerce-cart #article .cart-collaterals .cart_totals table th {
    padding: 6px;
}




/*******************
*** ARCHIVE STUFF **
*******************/


.search #article .product,
.woocommerce #section ul.products .product {
	background: white;
	border: 1px solid #adadad;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); 
	   -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
            box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); 
    clear: none;
    float: left;
    list-style-type: none;
	margin: 0 2.75% 2em 0;
	opacity: 0.8;
	padding: 6px;
	width: 31.5%;
}


.search #section #article .product {
    margin: 0 1% 30px;
    width: 23%;
}


.search #article .product:hover,
.woocommerce #section ul.products .product:hover {
	-webkit-box-shadow: 0 0px 4px 0 rgba(0,0,0,0.5);
	   -moz-box-shadow: 0 0px 4px 0 rgba(0,0,0,0.5);
            box-shadow: 0 0px 4px 0 rgba(0,0,0,0.5);
	opacity: 1;
	text-decoration: none;
}


.woocommerce #section ul.products .product:nth-of-type(3n) {
    margin-right: 0;
}


.search #article .product h3,
.woocommerce #section ul.products .product h3 {
    font-size: 14px;
    font-weight: 400;
    height: 35px;
    margin: 0;
    padding: 0;
}


.sku,
.short-description {
    color: #999;    
    display: block;
    font-style: normal;
    font-size: 13px;
    font-weight: 400;
}


.short-description {
    color: black;
}



.bulk-pricing {
    margin: 0 0 15px 0;
}

    .bulk-pricing p {
        margin: 0;
    }
    
    .bulk-pricing > span {
        display: block;
        margin: 5px 0 0 0;
    }



.search #article .product a,
.woocommerce #section ul.products .product a {
    display: block;
    text-decoration: none;
}



.woocommerce #section div.product p.price,
.woocommerce #section div.product .bulk-pricing span {
    color: #e96125;
}


.search #article .product .price,
.woocommerce #section ul.products .product span.price {
    color: #e96125;
    float: left;
    margin: 0; 
    padding: 20px 10px 10px; 
    text-align: center;
    width: 40%;
}


.search #article .product .add_to_cart_button,
.woocommerce #section ul.products .product .add_to_cart_button {
    float: right;
}


.search #article .product img,
.woocommerce #section ul.products .product img,
.woocommerce #section ul.products .product a:hover img {
    margin: 0 0 1em;
    -webkit-box-shadow: none; 
       -moz-box-shadow: none; 
            box-shadow: none; 
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}


@media screen and (max-width:838px) {
	.woocommerce #section ul.products .product {width:47%; margin-right: 6%;}
	.woocommerce #section ul.products .product:nth-of-type(3n) {margin-right: 6%;}
	.woocommerce #section ul.products .product:nth-of-type(2n) {margin-right: 0;}	

}
@media screen and (max-width:700px) {
	.woocommerce #section {position:relative;}
	.woocommerce #section #article {width:100%; float:none;}

}


/*******************
*** SINGLE STUFF ***
*******************/

.woocommerce #section div.product img {
	opacity:0.8;
	border:1px solid #adadad;
	border-radius:4px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); 
	   -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
            box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); 
}
.woocommerce #section div.product img:hover {
	opacity:1;
	-webkit-box-shadow: 0 0px 4px 0 rgba(0,0,0,0.5); 
	   -moz-box-shadow: 0 0px 4px 0 rgba(0,0,0,0.5);
            box-shadow: 0 0px 4px 0 rgba(0,0,0,0.5); 
}



.woocommerce #section .related ul.products .product {width:30%;}
.woocommerce #section .related ul.products .product img {border:none;}

@media screen and (max-width:840px) {
	.woocommerce #section .related ul.products .product {width:48.5%; margin:0 3% 2em 0;}	
	.woocommerce #section .related ul.products .product:nth-of-type(2n) {margin:0 0 2em 0;}
}





.woocommerce #section .related {
    border-top: 1px solid #d3ced2;
    margin: 10px 0 0;
    padding: 50px 0 0;
}




.search-result {
    clear: both;
    margin: 0 0 30px;
}




.woocommerce input {
    width: auto;
}


#wc_checkout_add_ons {
    background: rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 4px;
    margin: 20px 0;
    padding: 10px 20px;
    width: 60%;
}


    #wc_checkout_add_ons label {
        font-weight: 700;
    }





/******************************************************************************/

/*!     5. - Aside                                                            */

/******************************************************************************/





aside .sidebar-widget .sidebar-mobile-link {display:none;}

.sideslide {left:0 !important;}

aside {
	float: left;
	padding-right: 1em;
	width: 30%;
}


#section.feedback #sidebar {
    border-left: 5px solid #303030;
    float: right;
    padding: 0 0 0 20px;
    width: 60%;
}




    .widget_product_categories {
    	background: #fcfbf2;  
    	border: 1px solid #adadad;
    	border-radius: 4px; 
    	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); 
    	   -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
                box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3); 
        list-style-type: none;
    	overflow: hidden;
    }


        .widget_product_categories h2 {
            background: black; 
            color: #e96125; 
            display: block; 
            font-size: 1.2em;
            margin: 0; 
            padding: 1em 2em; 
            text-transform: uppercase;
        }
        
        
        ul.product-categories {
            padding: 0 1em 1em 1em;
        }
        
        
            li.cat-item {
                border-bottom: 1px dotted #9cb5b3;
                list-style-type: none;
            }
            
            li.cat-item:last-of-type {
                border-bottom: none;
            }
            
            
                li.cat-item a {
                    color: #4e8aa1; 
                    display: block; 
                    padding: 0.5em 1em; 
                }
                
                



aside .widget_product_categories .product-categories li a:hover,
aside .widget_product_categories .product-categories li.current-cat a {background-color:#d1e2dc;}

@media screen and (max-width:700px) {
	.home aside {padding:0; float:none; width:100%;}
	.home aside .sidebar-widget {border-radius:0; border:none;}
	
	.woocommerce #section aside {padding:0; float:none; position:absolute; left:-200px; top:1em; width:200px; z-index:1;}
	.woocommerce #section aside .sidebar-widget {border-radius:0 0 4px 0; border-left:none;}
	.woocommerce #section aside .sidebar-widget h4 {}
	.woocommerce #section aside .sidebar-widget .sidebar-mobile-link {
		display:block; 
		width:50px; 
		height:56px;
		text-align:center; 
		font-size:2em;
		color:#e96125; 
		padding:16px 8px;
		background:black; 
		position:absolute; 
		right:-49px; 
		top:0; 
		z-index:2; 
		border-radius:0 4px 4px 0; 
		border-width:1px 1px 1px 0;
		border-style:solid;
		border-color:#adadad;
	}
	.woocommerce #section aside .sidebar-widget .sidebar-mobile-link:hover {color:white;}
	.woocommerce #section aside .sidebar-widget ul.product-categories {}
}





/******************************************************************************/

/*!     6. - Footer                                                           */

/******************************************************************************/





#footer {
	background: #ececec;
	border-bottom: 5px solid #999;
	color: #303030;
	font-size: 12px;
	position: relative;
	width: 100%;	
}


    #footer .wrapper {
        padding: 30px 0 0 0;
    }   
    
    
    #footer h4 {
        color: black;
        font-size: 13px;
        font-weight: 600;
        margin: 0 0 3px;
        text-transform: uppercase;
    }    




    #footer-menus {
        float: left;
        width: 60%;
    }
    
    
        #footer .menu {
            float: left;
            list-style-type: none;
            margin: 0;
            padding: 0;
            width: 25%;
        }
        



    #footer-right {
        float: left;
        width: 40%;
    }
    
    
        #footer-logos {
            
        }
        
        
            .credit-card {
                margin: 0 5px 5px 0;
                max-width: 50px;
                vertical-align: top;
            }
        
        
        #mailchimp {
            padding: 30px 0;
        }
    



    #credits {
        position: absolute; bottom: 10px; left: 0;
        width: 100%;
    }