/* site colours 1781ef - blue main 5cc5e6 - teal secondary*/ 
.container {
  padding-left: 10px;
  padding-right: 10px;
}
.article-list .article {
  border: 1px solid #5cc5e6;
}

.itemid-134 .article {
  border: 1px solid #5cc5e6;
}
.article-list .article .j2store-product-images {
  float: left;
  max-width: 200px;
  margin-right: 20px;
}

.article-introtext {display: flow-root;}

.article-list .article .article-header h1 a,
.article-list .article .article-header h2 a {
    color: #1781ef;
}
.cat-children { display: flex; flex-wrap: wrap;}

.cat-children>div {
  display: inline-block;
  float: left;
  width: 32.3333%;
  border: 1px solid #5cc5e6;
  margin: 0.5%;
  border-radius: 3px;
}

.cat-children .page-header {
  padding:0;
  margin:0;
}
.cat-children .page-header a{
  display: block;
  padding: 10px
}

.cat-children .page-header a:hover {
  color:#ffffff;
  background-color: #0345bf;
}

.category-desc>img {width:200px; dsplay: inline-block;  float: left;}

@media (max-width: 1023px){
	.cat-children>div { width: 32.3333%;}
}
@media (max-width: 767px){
	.cat-children>div { width: 48%;}
	.cat-children>div .item-title {font-size: 1.3em;}
}
@media (max-width: 320px){
	.cat-children>div { width: 98%;}
	.cat-children>div .item-title {font-size: 1.3em;}
}

.cat-children .item-title {
	text-align: center;
}

/* ---------------------------------- J2 store cart changes ---------------------------------*/ 
.j2store-cart-button {
border-color: #1781ef;
background-color: #1781ef;
}
.sp-module-title {
  display: block;
  float: center;
}

#sp-shopping-menu ul.menu {
  display: block;
  float: right;
  margin: 5px 0;
  padding: 0;
}
#sp-shopping-menu ul.menu li{
  display: inline-block;
  float: left;
  padding: 0.375rem 0.75rem;
  margin: 5px;
  border-color: #0345bf;
  background-color: #0345bf;
  border-radius: .25rem;
}
#sp-shopping-menu ul.menu>li>a {
    color: #ffffff;
}

.j2store-cart-table .product-qty {display: inline-block;}



/* -------------------------------- menu -----------------------------------*/

@media (min-width: 992px)
.d-lg-block {
    display: block!important;
}
