html {
    scroll-behavior: smooth;
}

/*----------------------------
FONT STYLING / SIZING
----------------------------*/

h1, h2, h3, h4, h5, h6, #menu{
  font-weight: 600;
  line-height: 1.2em;
}

#heading {
  margin-top: 15px;
}



.fptitle {
  font-size: 90%;
}

.newslistitemtitle, .cmsTitle,
.bloglistitemtitle {
  font-size: 1.2em;
}


.cmsItem .cmsText {
  font-size: inherit !important;
}

.cmsFormPrompt {
  font-size: 90%;
}



b, strong {
  font-weight: 600;
}


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

 GENERAL / TAG CODING SET 1.5

************************************/
a {
  color: [WSCOL_THEME_PRIMARY];
  color: [WSCOL_LINK];
  text-decoration: none;
}

a:hover {
  color: [WSCOL_BUTTON_HOVER];
  color: [WSCOL_ALINK];
}

h1 {
  color: [WSCOL_HEADING];
  font-size: 1.8em;
}

h2 {
  color: [WSCOL_H2];
}

h3, h4 {
  color: [WSCOL_H3];
}

input[type=submit].buybutton,
input[type=submit].btnAddToShoppingBasket,
input[type=submit].shoppingbasketcheckoutbutton,
input[type=submit].checkoutsubmitorder {
  font-size: 120% !important;
  padding: 4px 15px;
  margin: 2px 0;
}

input, select {
  font-size: 100%;
  border: 1px solid [WSCOL_TEXT];
  border: 1px solid [WSCOL_PAGE_BORDER];
  background-color: [WSCOL_PAGE];
  margin: 2px 0;
  padding: 4px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

textarea {
  font-size: 100%;
  border: 1px solid [WSCOL_PAGE_BORDER];
  background-color: [WSCOL_PAGE];
  padding: 4px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

input[type=text] {
  text-indent: 0px;
}

input[type=submit],
input[type=button] {
  background-color: [WSCOL_THEME_PRIMARY];
  background-color: [WSCOL_LINK];
  color: [WSCOL_PAGE];
  border: 0px;
  height: auto;
  padding: 4px 10px;
}

input:hover[type=submit] {
  background-color: [WSCOL_ALINK];
  background-color: [WSCOL_BUTTON_HOVER];
  height: auto;
}

.btn.btn-primary {
  background-color: [WSCOL_THEME_PRIMARY];
  background-color: [WSCOL_LINK];
  color: [WSCOL_PAGE];
}

hr {
  color: [WSCOL_PAGE_BORDER];
  background-color: [WSCOL_PAGE_BORDER];
  height: 1px;
  border: none;
  padding: 0;
  margin: 2px 0px 2px 0px;
}

#mobbtn {
  background-color: [WSCOL_MENU];
  background-color: [WSCOL_THEME_PRIMARY];
  color: [WSCOL_PAGE];
  position: absolute;
  top: 8px;
  right: 0;
  padding: 4px 8px;
  border-radius: 3px;
  z-index: 10000000;
  cursor: pointer;
}

body .cmsDefaultTextLogo a, body .cmsDefaultTextLogo a:link {
  color: [WSCOL_BUTTON_TEXT];
}


/*----------------------------
LOGO
----------------------------*/

#logocontainer {
  position: relative;
  margin: 50px 5% 40px;
}


#cmslogo {
  text-align: center;
}



#cmslogo b, #cmslogo strong {
  color: [WSCOL_HEADING] !important;
  font-size: 2em;
  line-height: 1.2em !important;
  font-weight: normal;
}

#cmslogo .cmsDefaultTextLogo {
  margin: 1% 5%;
}

/*Can be overriden in logo styling area*/
#cmslogo img, #cmslogo .cmsDefaultTextLogo {
    padding: 40px 0;
}

/*----------------------------
ECOMMERCE GRID STYLING
----------------------------*/

.list-style-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    grid-gap: 3rem;
}

.list-style-grid {
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
    box-sizing: border-box;
}


@media(max-width:560px){

.list-style-grid {
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
}

}

/*----------------------------
CONTENTBOX TEMPLATE
----------------------------*/

.templateContent{background-color:[WSCOL_PAGE];}
.wsb-template-column{background-color:[WSCOL_BANNER]!important;}

@media (min-width: 600px){
.is-container.templateContent {
    margin-left: 0;
    height: 100%;
}

}

/*----------------------------
SHOPPING
----------------------------*/


.Product .productlisttdtitle,
.Product .productlisttdimage{
	text-align:center;
}
.Product .cmsPriceAndEnquiry{
    display: flex;
    justify-content: space-between;
}


/*----------------------------
@media
----------------------------*/



@media (min-width:801px) {
  .desktop {
    display: block;
  }

  .mobile {
    display: none;
  }

  .cmsMainContentSection{min-height:100vh;}
  .cmsMainContentSection > .is-boxes{display:flex;}
  .wsb-template-column{max-width:350px;height: unset;}
	.is-content-leftcolumn{position:sticky;top:0;}

}

@media (max-width:800px) {


.toptoys{margin-top:0;text-align:center;}

#cmsShoppingCartTemplateLinks{text-align:center;}
  
.shoppingListBody .shopping #heading, .shoppingListBody .shopping #breadcrumb {
    display: block;
    text-align: center;
 }

.templateMenu{display:none;}
body.mobileMenuActive .templateMenu{display:block;}
.is-content-leftcolumn{position:unset;}

}