/*
Theme Name: AVW2015
Theme URI: http://avw.co.nz
Author: iion Limited
Author URI: http://iion.co.nz
*/

html, * {
    margin: 0;
    padding: 0;
}

html {
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

html, body{
    height: 100% !important;
}

/*Content block*/
.content {
    max-width: 960px;
    margin: 0 auto;
}

.left {
    width: 30%;
    float: left;
}

.right {
    width: 70%;
    float: right;
}
body{
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden;
}

a, a:active, a:hover, a:visited {
    text-decoration: none;
    color: inherit;
    width: 100%;
    /* height: 100%; */
}

/* Reverser */
.reverser{
    overflow: hidden;
    padding: 1em 0;
}
    .reverser > *:last-child{
        float: left;
        width: 63%;
    }

    .reverser > *:first-child{
        float: right;
        width: 33%;
}
    .reverser h3{
        padding-bottom: 0.5em;
    }

.buttons{
    text-align: center;
    padding: 1em 0;
}
.buttons .button {
    margin: .25em;
    box-sizing: border-box;
}

.buttons form{
    display: inline;
}

.button {
    width: auto !important;
    height: auto !important;
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 36px;
    line-height: 35px;
    padding: 0 20px;
    color: #fff!important;
    text-align: center;
    text-decoration: none;
    background-clip: padding-box;
    border: 1px solid;
    border-radius: 2px;
    cursor: pointer;
    -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.1),inset 0 0 0 1px rgba(255,255,255,0.08),0 1px 2px rgba(0,0,0,0.25);
    box-shadow: inset 0 1px rgba(255,255,255,0.1),inset 0 0 0 1px rgba(255,255,255,0.08),0 1px 2px rgba(0,0,0,0.25);
    background: #47494f;
    text-shadow: 0 -1px #2f3034;
    border-color: #2f3034 #2f3034 #232427;
    background-image: -webkit-linear-gradient(top, #55585f,#47494f 66%,#3d3f44);
    background-image: -moz-linear-gradient(top, #55585f,#47494f 66%,#3d3f44);
    background-image: -o-linear-gradient(top, #55585f,#47494f 66%,#3d3f44);
    background-image: linear-gradient(to inverse-side(top), #55585f,#47494f 66%,#3d3f44);
    font-size: .8em;
}

    .button.red {

        background: #d5452f;
        text-shadow: 0 -1px #ae3623;
        border-color: #ae3623 #ae3623 #992f1f;
        background-image: -webkit-linear-gradient(top, #da5c48,#d5452f 66%,#c73d28);
        background-image: -moz-linear-gradient(top, #da5c48,#d5452f 66%,#c73d28);
        background-image: -o-linear-gradient(top, #da5c48,#d5452f 66%,#c73d28);
        background-image: linear-gradient(to inverse-side(top), #da5c48,#d5452f 66%,#c73d28);

    }

    .button.blue {
        background: #033357;
        text-shadow: 0 -1px #2d477b;
        border-color: #2d477b #2d477b #263c68;
        background-image: -webkit-linear-gradient(top, #04416f,#033357 66%,#032844);
        background-image: -moz-linear-gradient(top, #04416f,#033357 66%,#032844);
        background-image: -o-linear-gradient(top, #04416f,#033357 66%,#032844);
        background-image: linear-gradient(to inverse-side(top), #04416f,#033357 66%,#032844);
    }

.button {
    background-image: -webkit-radial-gradient(center top,farthest-corner,rgba(255,255,255,0.08),rgba(255,255,255,0));
    background-image: -moz-radial-gradient(center top,farthest-corner,rgba(255,255,255,0.08),rgba(255,255,255,0));
    background-image: -o-radial-gradient(center top,farthest-corner,rgba(255,255,255,0.08),rgba(255,255,255,0));
    background-image: radial-gradient(center top,farthest-corner,rgba(255,255,255,0.08),rgba(255,255,255,0));
}
    .button:hover {
        color: #fff;
        background-image: -webkit-radial-gradient(farthest-corner,rgba(255,255,255,0.18),rgba(255,255,255,0.03));
        background-image: -moz-radial-gradient(farthest-corner,rgba(255,255,255,0.18),rgba(255,255,255,0.03));
        background-image: -o-radial-gradient(farthest-corner,rgba(255,255,255,0.18),rgba(255,255,255,0.03));
        background-image: radial-gradient(farthest-corner,rgba(255,255,255,0.18),rgba(255,255,255,0.03));
    }
    
    .button:active {
        background: #47494f;
        border-color: #232427 #2f3034 #2f3034;
    }

        .button.red:active {
            background: #d5452f;
            border-color: #992f1f #ae3623 #ae3623;
        }

        .button.blue:active {
            background: #032742;
            border-color: #263c68 #2d477b #2d477b;
        }


/* Navigation */

#navigation {
    width: 100%;
    height: 6em;
    box-sizing: border-box;
    padding-top: 1.15em;
    background: #033357 url('static-images/header.png') left bottom repeat-x;
}



#navigation .logo{
    
}

    #navigation .menu {
        height: 3em;
        margin-top: .85em;
    }
    #navigation .menu ul {
        list-style: none;
        text-align: right;
    }
    #navigation .menu ul > li {
        width: 4.66em;
        text-align: center;
        display: inline-block;
        color: #fff;
        font-weight: 300;
        font-size: .9rem;
        padding: .25em;
        margin: .25em;
        border-radius: .5em;
    }
        #navigation .menu ul > li:hover{
            background-color: rgba(255,255,255,0.33);
        }
 

/* Slider */
#slider{
    width: 100%;
}

/*Slider overrides*/
#slider .caption-wrap{
    bottom: 0;
    background: #fff;
    background: rgba(0, 0, 0, .75);
    color: #ccc;
    opacity: 1;
    box-sizing: border-box;
    padding: 1em;
	left: 0;
	right: 0;
	text-shadow: 0 0 6px rgba(0, 0, 0, .25);
}
#slider .caption-wrap .caption {
    max-width: 960px;
    margin: 0 auto;
}
#slider .caption-wrap h2{
    font-size: 2.5em;
}
#slider .caption-wrap p{
    font-size: 1.15em;
}

/* Account orders */

.account-orders{
    margin: 1em 0;
}

.account-orders table{
    table-layout:fixed;
    width:100%;

}
.account-orders table thead{
    font-weight: 600;
    margin-bottom: 4px;
}

.account-orders table tbody tr{
    padding: 1em;
    margin: 0.5em 0;
    box-sizing: border-box;
    border-bottom: 1px solid #f5f5f5;
}

.account-orders a{
    color: #3771c8;
}
.account-orders a:hover{
    text-decoration: underline;
}


/* News */
#news{
    margin-top: 4em;
}
#news article {
    margin: 2em 0;
}
    #news a:hover h3 {
        text-decoration: underline;
    }
#news article .image{
    display: inline-block;
    width: 21%;
    vertical-align: middle;
    position: relative;
	opacity: .9;
}
#news a:hover .image {
	opacity: 1;
}
    #news article .image .date {
        position: absolute;
        top: .5em;
        right: .5em;
        background: rgba(0,0,0,.66);
        padding: .5em 1em;
        color: #fff;
        border-radius: .5em;
    }
    #news article .text {
        display: inline-block;
        width: 78%;
        padding-left: 1em;
        box-sizing: border-box;
        vertical-align: middle;
    }
    #news article .text h3{
        padding-bottom: 0.5em;
        color: #003366;
    }


#main{
    margin: 1em 0;
    padding: 0 1em;
    min-height: calc(100% - 442px);
}

    #main p {
        margin: 1em 0;
    }



.three-up {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin: 0 1.5%;
    transform: scale(.85);
    border-bottom: 1px solid #C8C8C8;
    padding-bottom: 5em;
}
.three-up img{
	max-width: 100%;
	margin: 0 auto;
	display: block;
}
.three-up h3{
    
}
.three-up h4{
    font-weight: 400;
}

.container{
    width: 100%;
    background-color: #eee;
    margin: 2em 0;
}
.container a{
    color: #26a!important;
}
.container > h3{
    color: #fff;
    background-color: #036;
    padding: 0.25em;
    box-sizing: border-box;
}
.container > div{
    padding: 0.5em;
}
.container ul{
    margin-left: 1.5em;
}

.image-container{
    background-color: #eee;
    width: 70%;
    margin: 1em 0;
}
.image-container > img{
    float: left;
    height: 150px;
}
.image-container > div{
    height: 150px;
    padding-left: 224px;
    padding-top: 5px;
    box-sizing: border-box;

}
.image-container h3{
    font-size: 1.25em;
}
/* Header */
#header{
    height: 290px;
    background-position: center center;
    background-size: cover;
}
.header-text{
    text-align: center;
    color: #ffffff;
    text-shadow: 0 0 6px rgba(0,0,0,.15);
    font-size: 2em;
	display: block;
	max-width: 960px;
	margin: 0 auto;
	padding-top: 200px;
}
/* Footer */
#footer{
    background: #033357 url('static-images/footer.png') left top repeat-x;
    /*height: 540px;*/
    padding: 2em 1em;
	color: #ccc;
}

.footer-text{
    margin-top: 2em;
    
    font-size: 0.75em;

}

#footer .column{
    display: inline-block;
    vertical-align: top;
    width: 24%;
}
#footer .column h4{
    color: #fff;
    font-weight: 500;
    padding: 0.5em 0;
	margin-bottom: 1em;
    border-bottom: 1px solid #fff;
}

#footer .column ul{
    list-style:none;
}
    #footer .column ul li{
        
    }



.page-heading{
    margin: 0.5em 0;
}

/* Cart preview */
.cart-message{
    margin-top: 1.5em;
    display: block;
    font-size: 0.66em;
}
.cart-preview{
   
    text-align: right;
    margin: 0;
    color: #B6B6B6;
    font-size: 0.8em;
}
.cart-preview a:hover{
    color: #033357;
}

.cart-preview > a:last-child {
	padding-left: 1.5em;
	background: url('/static-images/cart.png') no-repeat center left;
}

/* Breadcrumbs */


.catalog-head ul.breadcrumbs{

    list-style: none;
    vertical-align: top;
}
.catalog-head ul.breadcrumbs li:before {
		 content: "\00BB";
         padding-right: 1em;
         color: #033357;
         
	     }
.catalog-head ul.breadcrumbs li:first-child:before {
		 content: "";
         padding-right: 0em;
         
	     }
    .catalog-head ul.breadcrumbs li {
        display: inline-block;
        padding-right: 1em;
    }
        .catalog-head ul.breadcrumbs li:last-child {
			font-weight: bold;
            color: #aaa;
        }

/*Filter bar*/
.filters{
    margin-top: 2em;
    box-sizing: border-box;
    padding: 0.5em 1em;
	font-size: .8em;
}
    .filters > * {
        display: inline-block;
        width: 75%;
        vertical-align: middle;
    }

    .filters > *:last-child {
		width: 25%;
        text-align: right;
    }

    .filters .view{
        margin-top: 4px;
    }
    .filters .view a{
        padding: 1em;
		width: 20px;
		height: 20px;
		opacity: 1;
    }
	.filters .view a:hover {
		opacity: .66;
	}
	.filters .view a.gallery {
		background: url('static-images/grid-icon.png') no-repeat center center;
	}
	.filters .view a.list {
		background: url('static-images/list-icon.png') no-repeat center center;
	}
	
    .filters .sort{
        text-decoration: none;
        color: #033357;
        margin-left: 1em;
    }
    .filters .sort.active{
        text-decoration: underline;
    }
    .filters .sort:hover{
        text-decoration: underline;
    }
/* Catalog */

.category > a{
    display: inline-block;
    width: 32.3%;
    box-sizing: border-box;
   
    margin: 0.5%;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    text-align:center;
    overflow: hidden;
}
.category > a img{

    padding: 0.5em;

}
.category > a h6{

    background-color: #ededed;
    font-size: 0.9em;
    font-weight: 400;
    padding: 0.5em 0;

}
.category > a:hover h6{
    background-color: #033357;
    color: #fff;
}

.category > div{
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin: 1%;
    background-color: #fafafa;

}

    .category > div > h3{
        background-color: #033357;
        color: #fff;
        padding: 0.25em;
        margin-bottom: 0.5em;
    }
    .category > div > a {
        display: block;
        margin: 0em 0.25em;
    }
        .category > div > a:hover{
            text-decoration:underline;
        }

		
	.category h2 {
		/* margin-bottom: 1em; */
	}

/* Search */

.search-bar form > *{
    display: inline-block;
    vertical-align: top;
}

.search-bar input{
    font-size: 1.33em;
    padding: .25em;
    margin-left: 0.5em;
    box-sizing: border-box;
}


/* Cart */

.cart-add {
    margin-top: 1em;
}
.cart-add p{
    font-size: .75em;
}

.quantity-text{

    height: 37px;
    width: 37px;
    box-sizing: border-box;
    text-align:center;
    padding: 0.25em;


}


.cart{
    padding-top: 1em;
}
.cart .items-container{
    
    margin-bottom: 22px;
}
    .cart .item{
        padding: .5em 0;
		box-sizing: border-box;
		border-bottom: 1px solid #ededed;
    }
        .cart .item:hover *{
            opacity: 0.9;
        }
    .cart  > .items-container > div:last-child {
        border: none;
    }
    .cart .items-container .item > *{
        display: inline-block;
        vertical-align: middle;
    }
        .cart .image{
            width: 10%;
        }
        .cart img{
            width: 10%;
            height: auto;

        }
    .cart  .item > *:not(.image) {
		font-size: .8em;
		font-weight: 400;
		box-sizing: border-box;
		padding: 0 0.5em;

	}


    .cart .item h3 {
        font-weight: 700!important;
        width: 35%;
    }

    .cart .item h4 {
        width: 15%;
    }

    .cart .item h5 {
        width: 15%;
        text-align: center;
    }
    .cart .item h5 .quantity{
        width: 37px;
        text-align: center;
    }
    .cart .item h5 a {
        font-size: .75em;
        display: block;
    }
    .cart .item h6{
        width: 5%;
        text-align:right;
        display: inline-block;
    }
    .cart .remove{
        display: none;
    }
    .cart .price > p{
        margin: 0!important;
    }
    
    .cart .cart-totals .row{
        box-sizing: border-box;
        border-bottom: 1px solid #ededed;
    }
    .cart .cart-totals .row:last-child{
        border: none;
    }
    .cart .cart-totals .row span{
        display: inline-block;
        box-sizing: border-box;
        padding: 0 0.25em;
       
    }

    .cart-left{
        width: 60%;
        text-align: left;
    }
    .cart-right{
        width: 40%;
        font-weight: 600;
        text-align: right;
    }
/* Product gallery */
div.gallery, div.list {
    margin-top: 1em;
}

    div.gallery > .item {
        vertical-align: top;
        display: inline-block;
        width: 32.3%;
        border: solid 1px #ededed;
        min-height: 12em;
        margin: 0.5%;
        text-align: center;
        padding: 0.5em;
        box-sizing: border-box;
    }
    
     div.gallery > .item h5{
        text-align: left;
        color: #033357;
    }
	
    div.gallery > .item i{
        display: block;
        font-size: 0.75em;
        padding: 0.33em 0;
    }

	div.gallery > .item img {
		width: auto;
        max-height: 100px;
    }
	
	div.list > .item {
		padding: .5em;
		box-sizing: border-box;
		border-bottom: 1px solid #ededed;
	}
	div.list > .item:last-child {
		border-bottom: none;
	}
	div.list > .item > a > * {
		display: inline-block;
		vertical-align: middle;
	}
	div.list h4, div.list h5, div.list h6 {
		font-size: .8em;
		font-weight: 400;
		box-sizing: border-box;
		padding: 0 .5em;
	}
	div.list img {
		width: 10%;
		height: auto;
	}
	div.list div.description {
		width: 60%;
	}
	div.list h4 {
		font-weight: 700;
		width: 100%;
	}
	div.list h5 {
        color: #033357;
		width: 15%;
	}
    
    div.list i{
		padding: 0 .5em;
		font-size: 0.75em;
        /*display: none!important;*/
    }

	div.list .price-block {
		text-align: right;
		width: 15%;
	}
	
	.item a {
		display: block;
		width: 100%;
		/* height: 240px; */
	}
	.item a:hover * {
        opacity: .75;
    }

	div.gallery > .item a {
		height: 240px;
	}

    div.gallery > .item a :not(img){
        text-align: left;
    }

	
/* Product Page */
.product-header {
    
}
.product-image{
    display: inline-block;
    vertical-align: middle;
    max-width: 49%;
    margin: 0 16px;
    min-width: 33%;
    text-align: center;
}
.product-image img{
    max-width: 100%;
    height: auto;
}
.product-data{
    display: inline-block;
    vertical-align: middle;
    max-width: 49%;
}
.product-data .product-code {
    color: #033357;
}

.product-main{
    font-size: 0.9em;
}

.product-main li {
	margin-left: 1.5em;
}

.product-main a {
	text-decoration: underline;
}

.product a{
    color: #033357;
}
.product-price{

}
.item .price{
    width: 25%;
}
    .item .price > *{
        text-align:right;
    }

.rrp-price{
    font-style: italic;
    text-decoration: line-through;
}
/* Checkout */

h6.error{

    text-align: center;
    margin-top: 1em;
    color: #d5452f;

}

.login-signup{
    max-width: 512px;
    margin: 0 auto;
    text-align: center;
}
.login-signup h3{
    margin: 18px auto;
    width: 100%;
}
.login-signup h4{
    padding-bottom: 1em;
    width: 100%;
    text-align:center;

}
    .login-signup > div{
        border: 1px solid #033357;
        box-sizing:border-box;
        margin: 0 auto;
        padding: 1em 2em;
        border-radius: 4px;
        width: 50%;
        min-width: 320px;
    }
    .login-signup input{
        width: 100% !important;
        height: 40px;
        margin-bottom: 6px;
        box-sizing: border-box;
        padding-left: 4px;
		padding-right: 4px;
    }
.signup-only{
    display: none;
}

.login-signup a{
    color: #033357;
    margin: 0.5em 0;
    display: block;
}

.formButton{
    
    color: #ffffff;
    font-size: 14px;
    background: #033357;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    -webkit-appearance: none;
    border: none;
    margin-top: .5em;
    cursor: pointer;
    width: 100%;
}
.formButton:active, .formButton:hover{
    opacity: 0.8;
}

.payments{
    margin: 1em 0;
}
.payments > div{
    padding: 1em 0.5em;
    cursor: pointer;
    border-bottom: 1px solid #000;
}
    .payments > div:hover{
        background-color: #ededed;
    }
    .payments > div:last-child{
        border-bottom: none;
    }

    .payments .payment{
        display: none;
        padding-top: 0.5em;
    }
    .payments h4{
        
    }


.address-info{
    display: inline-block;
    vertical-align: top;
    width: 60%;
}

.address-info input, .address-info select{
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 32px;
    margin-bottom: 4px;
    padding: 4px;
}


.address-info input.half{
    width: 49.5%;
    float: left;
}
.address-info input.half.second{
    float: right;
}

.checkout-buttons{
    margin-top: 16px;
}


#main .address-read > p.address-line{
    margin: 0;
}

@media only screen and (max-width:768px){
    .three-up {
        display: block;
        width: 100%;
        margin: 3em 0;
    }
    .three-up img{
        /* width: 100%; */
        /* height: auto; */

    }
    .three-up h3{
    
    }
    .three-up h4{
        font-weight: 400;
    }
    .container{
        width: 100%;
        margin: 2em 0;
    }
    .reverser > *{
        float: none!important;
        width: 100%!important;
        
    }
    .image-container {
        background-color: #eee;
        width: 100%;
    }

     .cart-preview{
         text-align:center;
         padding-bottom: 2em;
    }
    #navigation{
        overflow: hidden;
        height: 8em;
    }
    #navigation .menu{
        height: auto;
        margin-top: 0;
        /*padding-top: 0.3em;*/
        white-space: nowrap;
    }
    #navigation .menu ul{
        text-align: center;
    }
    .content{        
        width: 100%;
    }
    .left {
    width: 100%;
    text-align: center;
    clear: both;
    }

    .right {
        width: 100%;
        clear: both;
    }
    #news article{
        display: block;
        width: 100%;
        margin: 0;
    }
    #news article .image{
        display: block;
        width: 100%;
    }
    #news article .image img{
        width: 100%;
        height: auto;
    }
    #news article .text{
        width: 100%;
        padding: 2em;
    }
    #news article .text h3{
        padding-bottom: 1em;
    }
    
    #slider { display: none; }

    /*Header*/
    #header{
        position: relative;
        height: 270px;
    }
        #header .header-text {
            position: absolute;
            bottom: 10px;
            left: 10px;
            line-height: initial;
            font-size: 1em;
            white-space: normal;
            text-align: left;
        }

    /*Main page formatting*/
    #main p {
        margin: 1em 0;
    }
		
    /* Gallery items */
    div.gallery {
    }

    div.gallery > .item {
        vertical-align: top;
        display: inline-block;
        width: 49%;
        border: solid 1px #ededed;
        min-height: 15em;
        margin: 0.5%;
        text-align: center;
        padding: 0.5em;
        box-sizing: border-box;
       
    }


    /* Product page */


	#footer .column {
		width: 49%;
	}
    .category > div{
        display: block;
        vertical-align: top;
        width: 100%;
        margin: 0;
        padding: 0em;
        background-color: #fafafa;
        margin-bottom: 1.5em;

    }
    .category > a{
        display: inline-block;
        width: 49%;

    }
    .cart .items-container .item h3{
        width: 45%;
    }
    .cart .items-container .item h4 {
        display: none;
    }
    .cart .items-container .item .price{
        width: 30%;
    }
    .checkout-summary{

        display: block;
        width: 100%;
        margin-left: 0;
        margin-top: 8px;
        padding-bottom: 2em;
    }
    .checkout-summary h3{
        
    }
    .address-info{
        display: block;
        width: 100%;
    }
    .checkout-buttons a{
        vertical-align: top;
    }

}

@media only screen and (max-width:600px){
    .category > a{
        display: block;
        width: 100%;
        margin: 0.5em 0;
    }

    .search-bar input{
        margin-left: 0;
        width: 100%;
        display: block;
    }

    .buttons .button {

        display: block;
        width: 100% !important;

    }
    .image-container{
    
    width: 100%;
    }
    .image-container > img{
        float: none;
        width: 100%;
        height: auto;
    }
    .image-container > div{
        height: auto;
        padding-left: 0;
        padding-top: 0;
        padding: 1em;
    }
    /* Gallery items */
    div.gallery {
        
    }

    .hides {
        display: none !important;
    }

    div.gallery > .item {
        vertical-align: top;
        display: block;
        width: 100%;
        border: solid 1px #ededed;
        min-height: 15em;
        margin: 0.5em 0;
        text-align: center;
        padding: 0.5em;
        box-sizing: border-box;
       
    }
	
	div.list img {
		width: 12.5%;
		height: auto;
	}
	div.list h4 {
		font-weight: 700;
		width: 42.5%;
	}
	div.list h5 {
		width: 22.5%;
	}
	div.list .price {
		text-align: right;
		width: 22.5%;
	}
	
    /*Product page*/
    .product-header {
    
    }
    .product-image{
        display: block;
        vertical-align: middle;
        margin-right: 0;
        text-align: center;
        max-width: 100%;

    }
    .product-data{
        display: block;
        vertical-align: middle;
        max-width: 100%;
    }
    .product-data .product-code {
        color: #033357;
    }
    .product-data::after{
        content: "";
        border-bottom: none;

    }
    .catalog-head ul.breadcrumbs{
        display: block;
        width: 100%;
    }


    .cart .items-container .item h4{
        display: none;
    }
    .cart .item a > *:not(.image){
        padding: 0;
    }
    .cart .image, .cart img{
        display: none;
    }
    .address-info input.half{
        width: 100%;
        clear: both;
    }
    .address-info i{
        margin: 28px 0;
        display: block;
    }
    .payment-form {
        width: 100%;
        display: block;
        margin: 8px 0;
    }
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

  #news article > div.image{
	display: inline-block;
	padding-left: 2%;
	width: 45%;
	vertical-align: middle;
  }
  
  #news article > div.text{
	display: inline-block;
	vertical-align: middle;
	width: 50%;
  }
  
}

.container.footer {
    margin: 2em 0px;
    padding: 0px;
    width:100%;
    text-align: center;
    background-color: rgb(238, 238, 238);
    font-size: medium;
}
.container.footer h3 {
    margin-right: 0px;
    text-align:center;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0.25em;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 51, 102);
}
.container.footer .contact {
    margin: 0 28%;
    text-align:left;
    padding: 0.5em;
}
.contact > .location {
    margin-top: 1em;
    margin-bottom: 1em;
}

.printonly { display: none !important; }

@media print {

	html, body { height: auto !important; }
	
	html { font-size: .66em; }

	body > div, #navigation, #footer, .cart-preview, .filters > .orderby > a:not(.active), .filters > .view, .search-bar, .cart-add { display: none !important; }
    .container.footer {
        display: block !important; 
        background-color: white;
    }
    .footer > div {
        display: block;
    }
    .container.footer {
        margin: unset;
        clear: both;
        font-size: small;
    }
    .container.footer h3 {
        color: black;
        background-color: transparent;
        border-bottom: 2px solid rgb(0, 51, 102);
    }
    .container.footer .contact {
        margin: unset;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        place-items: center;
    }
    .footer > .location {
        display: block !important;
    }
    .footer-text {
        display: block !important;
        clear: both;
    }
	
	#main { min-height: 0 !important; display: block !important; }
	
	.printonly { display: inherit !important; }

    .container.footer .contact p {
        display: none;
    }
}
.container.footer {
    margin: 2em 0px;
    padding: 0px;
    width:100%;
    text-align: center;
    background-color: rgb(238, 238, 238);
    font-size: medium;
}
.container.footer h3 {
    margin-right: 0px;
    text-align:center;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0.25em;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 51, 102);
}
.container.footer .contact {
    margin: 0 28%;
    text-align:left;
    padding: 0.5em;
}
.contact > .location {
    margin-top: 1em;
    margin-bottom: 1em;
}

.printonly { display: none !important; }

@media print {

	html, body { height: auto !important; }
	
	html { font-size: .66em; }

	body > div, #navigation, #footer, .cart-preview, .filters > .orderby > a:not(.active), .filters > .view, .search-bar, .cart-add { display: none !important; }
    .container.footer {
        display: block !important; 
        background-color: white;
    }
    .footer > div {
        display: block;
    }
    .container.footer {
        margin: unset;
        clear: both;
        font-size: small;
    }
    .container.footer h3 {
        color: black;
        background-color: transparent;
        border-bottom: 2px solid rgb(0, 51, 102);
    }
    .container.footer .contact {
        margin: unset;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        place-items: center;
    }
    .footer > .location {
        display: block !important;
    }
    .footer-text {
        display: block !important;
        clear: both;
    }
	
	#main { min-height: 0 !important; display: block !important; }
	
	.printonly { display: inherit !important; }

    .container.footer .contact p {
        display: none;
    }
}