/*CLS TWEAKS*/

#cmsShoppingCartTemplateLinks {
	min-height: 28px;
    box-sizing: border-box;
	font-size:14px;
	font-weight:300;
}

@media (max-width:768px) {
#cmsShoppingCartTemplateLinks {
    min-height: 37px;
}
}

#cmsAltBanner{margin-top:0;margin-bottom:0;} /fix gap when using slider snippets*/

/* CONTENT BOX OVERIDES */
 body figure.hdr h2, body figure.hdr p {
     text-transform: unset;
}
 body .is-boxes, body .is-wrapper > div {
     float: none;
}
body .is-boxes, body .is-wrapper > div.is-boxes {
    /*float: left;*/
}
/*fix issue when content doesnt stretch 100% when auto-height*/
 body .is-section-auto .is-box {
     vertical-align: middle;
}
/* FIX issue where floats are cleared, causing slider snippet not to work - reset to original*/
 body .is-boxes.slick-slide{
     float: left;
}
/*FIX ISSUE Where width changes on load - remove transition*/

.is-container {
    -webkit-transition: unset!important;
    -moz-transition: unset!important;
    -ms-transition: unset!important;
    -o-transition:unset!important;
 transition: unset!important;
}


/* display onsale tags within box */
.featuredProduct ,
.cmsFeaturedProduct {
position: relative; 
}



/* OVERRIDES - by adding body class */

.is-container {
   max-width:1400px;
  padding: 0 30px;
}

.cmsUsualWidth{  
	max-width:1400px; /* keep same size as default contentbox container with 30px padding */
	margin-left: auto;
	margin-right:auto;
	box-sizing: border-box; 
    padding-left: 1rem;
    padding-right: 1rem;
}
.cmsUsualWidth>.row {  
  padding: 0; 
}

.cmsUsualWidth.containsContentBox {
max-width: none; margin: 0; 
}

.constrainContentbox .cmsUsualWidth.containsContentBox>* {
	max-width:1400px; /* keep same size as default contentbox container with 30px padding */
	margin-left: auto;
	margin-right:auto;
}
.cmsUsualWidth {
padding: 0;
}

/* force any page with content box content to have 0 padding: */ 
.is-wrapper,
#containerBanner,
.contentMainContentBlock {
max-width: none;  margin: 0; padding: 0; 
}

@media(max-width:1400px){

#cmsPageContent{
	padding:0;
}

.cmsUsualWidth,
.cmsUsualWidth.containsContentBox .cmsUsualWidth {
    padding: 0 1rem;
}

.cmsUsualWidth .cmsUsualWidth{
    padding: 0;
}

.cmsUsualWidth.containsContentBox {
	padding:0;
}


}

   .column {
        padding-left: 1rem; /* beta3 */
        padding-right: 1rem; /* beta3 */
    }


 .is-section{
	float:none!important;
}

.is-section:after{
  /*content: "";
  display: table;
  clear: both;*/
}



/* START CSS */

html {
    scroll-behavior: smooth;
}


body {
        padding: 0; /* needed for firefox */
        margin: 0; /* needed for firefox */
}

#inner{
	
 	-webkit-transition: left 0.5s ease-in-out;
	 -moz-transition: left 0.5s ease-in-out;
	 -o-transition: left 0.5s ease-in-out;
	 transition: left 0.5s ease-in-out;
	left:0;
	top:0;
	position:relative;
padding-top: 1px;
}

.cartSummaryFull .basketSummaryLineImage img {
    max-width: 100%;
    max-height: 80px;
}

.cmsHomePage .is-section-heading{
	display:none;
}
/***********************************

 GENERAL / TAG CODING SET 1.5

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

#cmsBrowserTopFixedSpacer ,
div.wsColourBannerBG {
background-color: [wscol_banner]
}


div.is-section-heading{
background-color: [wscol_page]
}







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:2.5em;
	line-height:1.0em;
}
h2{
	color:[WSCOL_H2];
}
h3,h4{
	color:[WSCOL_H3];
}

input,select,textarea{
 
}

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


input, select {
	font-size: 100%;
        color: [WSCOL_TEXT]; 
	margin: 2px 0;
        padding:4px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	line-height:48px;
	height:48px;
	padding:0 4px;
}

input[type=checkbox],
input[type=radio]{
	line-height:inherit;
	height:inherit;
}
textarea {
	font-size:100%;
	padding:4px;
        color: [WSCOL_TEXT]; 
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	font-family:inherit;
}
textarea:focus {
	outline: none !important;
}

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:0px 20px;
cursor:pointer;
}

input[type=checkbox]{margin-right:5px;}

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

::-webkit-input-placeholder { 
  font-size:80%;
  font-style:italic;
}
::-moz-placeholder { /* Firefox 19+ */
  font-size:80%;
  font-style:italic;
}
:-ms-input-placeholder { /* IE 10+ */
  font-size:80%;
  font-style:italic;
}
:-moz-placeholder { /* Firefox 18- */
  font-size:80%;
  font-style:italic;
}


.btn.btn-primary{
	background-color:[WSCOL_THEME_PRIMARY];
        background-color:[WSCOL_LINK];
	color:[WSCOL_PAGE];
border-radius:0;
border:1px solid[WSCOL_THEME_PRIMARY];
border:1px solid [WSCOL_LINK];
}


.btn.btn-default{
	background-color:[WSCOL_THEME_SECONDARY];
	color:[WSCOL_PAGE]!important;
border-radius:0;
border:1px solid [WSCOL_THEME_SECONDARY];
}

.btn.btn-default:hover,.btn.btn-primary:hover{
	background-color:[WSCOL_ALINK];
	color:[WSCOL_PAGE]!important;
border-radius:0;
border:1px solid [WSCOL_ALINK];
}





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









@media (min-width:769px) {

.desktop{display:block;}
.mobile{display:none;}

}



@media (max-width:768px) {


#cmsShoppingCartTemplateLinks { text-align: center; } 


.list-style-3col li,
.list-style-4col li,
.list-style-5col li,
.list-style-6col li{
	width:100%;
}

.column.third,column.half,column.twothirds,.column.fourth{
	width:100%;
	margin:10px 0;
	display:block;
}

.desktop{display:none;}
.mobile{display:block;}

table{width:100%!important;}
table img{height:auto;}

.productslist .cmsItem .cmsPriceAndEnquiry,
.productslist .cmsItem .cmsTitleAndText,
.productslist .cmsItem .cmsImage{
	width:100%;
	text-align:center;
}
.productslist li{
	margin:20px 0;
}
.productslist li .cmsTitle{
	margin-top:20px;
}



.floatLeft75PC,.floatRight25PC,.floatLeft66PC,.floatRight33PC {
    margin: 10px 0;
    float: none;
    width: 100%;

}

.cmsItem .floatRight img {
    width: 100%;
}

.cmsBlogList .cmsItemLI{
	margin-bottom:30px;
}

}


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

END MOBILE RESPONSIVE CODING

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







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

 CYCLE2 PREV / NEXT / PAGER

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

#cmsBannerSlideDiv {
position:relative;
}

#cmsBannerSlideDiv .cycle-prev {
left:0;
}

#cmsBannerSlideDiv:hover .cycle-prev {
left:1%;
opacity:0.8;
}

#cmsBannerSlideDiv.cycle-next {
right:0;
}

#cmsBannerSlideDiv:hover .cycle-next {
right:1%;
opacity:0.8;
}

#cmsBannerSlideDiv .cycle-pager{display:block;}

.cycle-prev,.cycle-next {
opacity:0;
height:50px;
width:50px;
font-size:40px;
line-height:50px;
color:[WSCOL_LINK];
color:[WSCOL_THEME_PRIMARY];
border-radius:50%;
cursor:pointer;
position:absolute;
top:50%;
margin-top:-25px;
z-index:99999;
left:2%;
text-align:center;
-webkit-transition:all 300ms ease-in-out;
-moz-transition:all 300ms ease-in-out;
-o-transition:all 300ms ease-in-out;
-ms-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out;
display:table;
}

.cycle-next {
left:inherit;
right:2%;
}
.cycle-prev:before,.cycle-next:before {
   content:  "\003C";
    line-height: 40px;
}
.cycle-next:before {
   content:  "\003E";
}

.cycle-prev:hover,.cycle-next:hover {
background-color:[WSCOL_PAGE];
}

#cmsBannerSlideDiv .cycle-pager{
	display:block;
}
 .cycle-pager{
font-size:40px;
line-height:20px;
position:absolute;
bottom:10px;
z-index:1000;
text-align:center;
width:100%;
}

.cycle-pager span {
	cursor:pointer;
}

.cycle-pager span:hover {
color:[WSCOL_PAGE];
}
.cycle-pager span.cycle-pager-active {
color:[WSCOL_THEME_PRIMARY];
color:[WSCOL_LINK];
}

@media only screen and (max-width : 650px) {
#cmsBannerSlideDiv .cycle-pager,.cycle-prev,.cycle-next{display:none;}
}

#cmsCycle2  img{display:none;}
#cmsCycle2  img:first-child{display:block;}

#cmsAltBanner,#cmsAltBanner .row{background-color:[WSCOL_PAGE];background-color:[WSCOL_BANNER];}
#cmsAltBanner,#cmsAltBanner > li:nth-of-type(n+2) { display: none; }

#cmsAltBanner .row .column.imgCol{padding:0;}
#cmsAltBanner .row .column.imgCol figcaption {padding:0 1em;}


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

END TAG CODING

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


@media (min-width:769px) {

.desktop{display:block;}
.mobile{display:none;}

}


@media (max-width:768px) {

img.fullwidth {
    max-width: none;
    width: 100%;
}


#logocontainer {
    padding-top: 35px;
}



.column.third,column.half,column.twothirds,.column.fourth{
	width:100%;
	margin:10px 0;
	display:block;
}


.floatLeft75PC,.floatRight25PC,.floatLeft66PC,.floatRight33PC {
    margin: 10px 0;
    float: none;
    width: 100%;

}

#containerLogo{
	display:flex;flex-direction:column;
}
#containerLogo .toys{order:2;}

#cmsShoppingCartTemplateLinks a span {display:none;}
#cmsShoppingCartTemplateLinks a span#wgtCartItemCount {display:inline-block;}
#cmsShoppingCartTemplateLinks a {font-size:1.3rem;}
#cmsShoppingCartTemplateLinks #wgtCartItemCount {font-size:1.1rem;}
}


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

END RESPONSIVE

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


.cycle-overlay{
	text-align:center;
}


#outer{
 position:relative;
}

#logocontainer{
        position: relative;
}

#cmslogo{
 text-align:center;
 margin: 2% 5%;
}

#cmslogo .logo {margin:auto;}

.cmsDefaultTextLogo {
  font-size: 32px;
  line-height: 36x;
  margin: 0;
  text-align: center;
}

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

#infowrap,#bcrumb{
        background-color: [WSCOL_PAGE];
}
#infowrap a:hover,#bcrumb a:hover{
        color:[WSCOL_THEME_PRIMARY];
        color:[WSCOL_LINK];
}
#infoandlogin {
	color: [WSCOL_TEXT];
	text-align: left;
	
	line-height: 35px;
        letter-spacing:1.0px;
}

.menuandsearch{
        /*min-height:48px;*/
        background-color:#F0ECE9;
        background-color:[WSCOL_THEME_SECONDARY];
        background-color:[WSCOL_MENU];
	
	
}

.footerwrap {
    border-top: 1px solid [WSCOL_PAGE_BORDER]; 
        background-color:[WSCOL_THEME_SECONDARY];
}

#cmsShoppingCartTemplateLinks a:link {
color: [WSCOL_MENU_TEXT]; 
}

.copyrightwrap {
background-color: rgb(144, 164, 174);
}

.menuandsearchblack{
        min-height:48px;
        background-color: #fff;
        background-color: [WSCOL_PAGE];
}


  

/* ContentLayout -------------------------------------*/


#sidebarcontent{
	margin-top:15px;
        /*overflow:auto;
        margin-left:10px;*/
        background-color:[WSCOL_PAGE];
} 


#sidebarcontent li{
position:relative;
vertical-align:top;
}



        .mainframe{
               margin-top:7px;
               background-color:[WSCOL_PAGE];
        }

       

        #heading h1{
               line-height:1.3em;
               margin:0;
               padding:0;
		text-align: center;
               
	}

	

/* end Content */

/* begin Sheet Footer */







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


 Shopping Cart Formatting


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

.productSummaryRightAlignedBlock {
    float: right;
    max-width: 48%;
    width: 100%;
}


.cmsPriceAndEnquiry {
	font-size:100%!important;
	padding-top:15px;
}
.cmsPrice{
	line-height:2.4em!important;
}

.list-style-bizcard li {
margin: 0 1%;
}

.list-style-bizcard .cmsItem .cmsTitleAndText {
width: 64%;
}

.CategoryList{
	
}

.categoryHeaderSummaryImage{
	padding-bottom:20px;
}
.categoryHeaderSummaryText{
	font-size: 120%;
	text-align: Center;
	padding-bottom:20px;
}


.cmsPageList, .CategoryList, .ProductList {
	padding: 5px 0;
}

.ProductViewBizcard{
	padding: 15px 0;
}

form[name=productSearchForm]{
 margin-bottom:20px;
}

.shoppingbasketcheckoutbutton{
 margin:20px 0;
}

.formDIV{
 margin-top:20px;
margin-bottom:20px;
}

.categorylisttdimage,
.productlisttdimage{
 
}
.productGroup,
.newsitemback{
 font-size:120%;
}




/*MAIN CONTENT FEATURED*/

#sidebarcontent h2.section {
    border-top: 1px solid #BCBCBC;
    border-bottom: 1px solid #BCBCBC;
    text-align: center;
    line-height: 1;
    padding: 20px 0;
    font-size: 120%;
}

#sidebarcontent .featuredproducts {
}

#sidebarcontent .featuredproducts ul{
 margin:0;
 overflow:hidden;
     text-align: center;
}

#sidebarcontent li{
 text-align:center;
 display:inline-block;
 box-sizing:border-box;
 -moz-box-sizing:border-box;
 padding:9px;
 line-height: 1.5;
 width: 160px;
}

#sidebarcontent h2{
	margin-top:40px;
}
#sidebarcontent .featuredproducts{
 clear:both;
 overflow:auto;
 
}
#sidebarcontent .featuredproducts h2{
 font-size: 15px;
 margin: 6px 0 3px 0;
 letter-spacing: 1.3px;
}

#sidebarcontent .featuredproducts a{
 position:relative;
 display:block;
}

#sidebarcontent .featuredproducts ul img {
 max-height:160px;
 max-width:160px;
}

#sidebarcontent li .heading{
	font-size:80%;
	
}

#sidebarcontent .featuredimage{
 min-height: 83px;
}



#sidebarcontent .featuredproducts ul .fptitle{
 font-weight:400;
 font-size:100%;
}

#sidebarcontent .fpprice{
 color:[WSCOL_TEXT];
}

#sidebarcontent .featuredproducts ul li:nth-child(3n+3){
 border-right:0px solid #a8a8a8;
}

.fptitle {
	font-size: 90%;
}

.newslistitemtitle,
.cmsTitle,
.bloglistitemtitle{
	
}

.newslistitemtitle,.cmsTitle b,bloglistitemtitle{
	font-weight:normal;
}

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

.cmsFormPrompt {
font-size: 90%;
}
.featuredproducts ul {
	font-family: inherit!important;
}

.list-style-3col .cmsItem {
	margin: 5%;
}

.cmsItem .bloglistimage.floatRight {
margin-left: 15px;

}

#cboxWrapper A:active, #cboxWrapper A:link, #cboxWrapper A:visited {
    color: [WSCOL_THEME_PRIMARY];
    color: [WSCOL_LINK];
}

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

@MEDIA

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


@media only screen and (max-width : 500px) {

#footer {
text-align: center; 
}

#footer #contact,
#footer #rright,
#footer #map {
width: 100%;
float: none;
margin-right: 0%;
}

#cmslogo {
text-align: center;
}

.bannertitle{
 font-size:13px;
 line-height:1.1em;
 padding:15px 1%;

}

#outer{margin:0;}


#menuandsearch {
 min-height: 0px;
}

.copyright + .copyright:after {
    content:"\a";
    white-space: pre;
}

#sidebarcontent li {
width: 50%;
}


}







.productViewBody #cmsPageContainer{padding-right:25px;}

.ProductList .cmsPriceAndEnquiry .productlisttdbuy form {flex-wrap:wrap;}
.ProductList .qtyCombo{width:100%;}

.ProductList .cmsPriceAndEnquiry{flex-wrap:wrap;overflow:inherit;}
.ProductList .cmsPriceAndEnquiry .productlisttdbuy{width:auto;flex:1;}
.ProductList .cmsPriceAndEnquiry .productlisttdprice{flex:1;width:auto;}
.ProductList .cmsPriceAndEnquiry .productlisttdbuy form{display:flex;}


.cmsPrice .preDiscount{line-height:1em!important;}
.cmsPageList, .CategoryList, .ProductList {padding:5px 0;}
.ProductList .productlisttdimage{position:relative;}
.shoppingbasketcheckoutbutton{margin:20px 0;}
table.prdthumbs{border-spacing:0px;}
table.prdthumbs td{padding:4px 4px 4px 0;vertical-align:top;}
.productlistprice b, .productlisttdprice b, .productPricePrice b{font-size:120%;}
.productPriceTableDetailed{margin:1.2em 0;padding:1.2em 0;}
#cmsProductSummary .rightAlignedImageBlock {margin-left:4%;}


#featuredcontent > *{margin-top:30px;padding-top:1px;}
#featuredcontent ul.cmsList > li{position:relative;vertical-align:top;}
#featuredcontent .promoicon, .featuredProductStamp_On_Sale, .featuredProductStamp_New_Item, .featuredProductStamp_Best_Seller{position:absolute;left:50%;margin-left:-40px;top:-0px;z-index:3;height:20px;width:80px;line-height:20px;text-transform:uppercase;color:#fff;background-color:rgb(144, 164, 174);opacity:0.95;text-align:center;}
.homePageFeaturedProducts{text-align:center;}
.homePageFeaturedProducts .featuredProduct {height:auto;border:0px solid #BCBCBC;margin:0;}
.homePageFeaturedProducts .featuredimage {height:auto;}
.homePageFeaturedProducts ul{text-align:center;}
.homePageFeaturedProducts li {width:320px;}
.homePageFeaturedProducts .featuredproducts{max-width:none;max-height:none;}
.homePageFeaturedProducts .featuredproducts img {max-width:none;max-height:none;}
.homePageFeaturedProducts .cmsList{display:flex;flex-wrap:wrap;justify-content:center;}
#featuredcontent .featuredproducts{clear:both;overflow:auto;padding:0 1.2em;text-align:center;}
#featuredcontent .featuredproducts h2{font-size:1.0em;margin:6px 0 3px 0;letter-spacing:1.3px;}
#featuredcontent .featuredproducts ul.cmsList{margin:0 auto;overflow:hidden;}
#featuredcontent .featuredproducts a{position:relative;display:block;}
#featuredcontent .featuredproducts ul img {max-width:320px;max-height:460px;}
#featuredcontent ul.cmsList > li{text-align:center;display:inline-block;padding:9px;line-height:1.5;width:320px;}
#featuredcontent li .heading{font-size:80%;text-transform:uppercase;}
#featuredcontent .featuredimage{}
#featuredcontent .featuredproducts{}
#featuredcontent .featuredproducts ul .fptitle{font-weight:400;font-size:100%;}
#featuredcontent .fpprice{color:#444;}
#featuredcontent .featuredproducts ul li:nth-child(3n+3){border-right:0px solid #a8a8a8;}
.fptitle {font-size:90%;}






/*==============================================

START MOBILE MENU

================================================*/
@media only screen and (max-width : 768px) {
  #menu {
    display: none;
  }
}

.is-mobile-menu {
  position: relative;
  display:none;
}
.mobilemenuactive .is-mobile-menu {
	display:block;
}

a#mobbtn {
  display: none;
  z-index: 109;
  left: 0;
  top: 0;
  padding: 1rem;
  cursor: pointer;
position:absolute;

    left: auto;
    right: 0;
    padding: 0 1rem 1rem;

}

#mobbtnx i.icon {
  font-size: 30px;
  margin: 5px;
}

#mobbtn i.icon {
  font-size: 50px;
}

a#mobbtnx {
  cursor: pointer;
  position: fixed;
  z-index: 111;
  left: 0;
  top: 0;
  padding: 1rem;
  display: none;
}

.mobilemenuactive a#mobbtnx {
  display: block;
}

.ineditor a#mobbtnx {
  display: none;
}

.ineditor .is-wrapper .is-mobile-menu {
  width: 560px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.is-wrapper {
  position: relative;
}

.is-wrapper .is-mobile-menu .is-boxes {
  left: 0%;
  max-width: 380px;
  width: 100%;
  background: white;
  background: [WSCOL_PAGE];
  border-left: 1px solid #333;
}

.is-wrapper .is-mobile-menu {
  position: absolute;
  top: 0;
  bottom: 0;
  visibility: hidden;
  background: rgba(255, 255, 255, 0.5);
  -webkit-transition: visibility .5s ease-in-out;
  transition: visibility .5s ease-in-out;
  z-index: 110;
  display: none;
}

.ineditor .is-wrapper .is-mobile-menu {
  position: relative;
  left: 0;
  visibility: visible;
}

@media (max-width:768px) {

.templateHeader {
  flex-direction: column;
  align-items: center;
}

.templateHeader .column{width:100%;text-align:center;}

  .mobilemenuactive .is-wrapper .is-mobile-menu {
    display: block !important;
    visibility: visible;
    z-index: 121;
  }

  a#mobbtn {
    display: block;
  }

  .mobilemenucontainer ul {
    display: block;
    margin: 5px;
    padding: 5px;
  }

  .mobilemenucontainer li {
    display: block;
    list-style-type: none;
    padding: 5px;
    margin: 5px;
  }

  .is-mobile-menu .mobilemenucontainer>li {
    border-bottom: 1px solid [WSCOL_PAGE_BORDER];
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .is-mobile-menu .mobilemenucontainer>li>a {
    font-weight: 700;
  }

  .is-mobile-menu .mobilemenucontainer li a {
    display: inline-block;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .searchFormDiv input {
    width: 33%;
  }

  .searchFormDiv input:first-child {
    width: 60%;
  }

  a#mobbtnx {}
}

/* end mobile menu */
/*=============================
HAS SUBMENU + ADDED VIA JS
=============================*/
.mobilemenucontainer button {
  background: inherit;
  border: 1px solid black;
  border-color: [WSCOL_PAGE_BORDER];
  border-color: [WSCOL_THEME_PRIMARY];
  border-color: [WSCOL_LINK];
  max-width: 50px;
  flex: 1;
  cursor: pointer;
}

.mobilemenucontainer ul {
  display: none;
}

.mobilemenucontainer li.active>ul {
  display: block;
  width: 100%;
  margin: 0 0 1rem 0;
  padding: 0;
  border-left: 1px dotted [WSCOL_PAGE_BORDER];
}

.mobilemenucontainer li {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0 0 0 1rem;
  margin: 0;
}

.mobilemenucontainer li.hassubmenu>a {
  flex: 1;
}

.mobilemenucontainer li.hassubmenu button .plus {
  transition: 0.70s;
  -webkit-transition: 0.30s;
  -moz-transition: 0.30s;
  -ms-transition: 0.30s;
  -o-transition: 0.30s;
}

.mobilemenucontainer li.hassubmenu.active>button .plus {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

button.toggle .plus {
  height: 12px;
  width: 12px;
  margin: 0 auto;
  position: relative;
}

.active button.toggle .plus:before {
  opacity: 0;
}

.inactive button.toggle .plus:before {
  opacity: 1;
}

.active button.toggle.plus::before, button.toggle.active .plus::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}

button.toggle .plus::before {
  width: 11px;
  height: 1px;
  opacity: 1;
}

button.toggle .plus::after {
  width: 1px;
  height: 11px;
  opacity: 1;
}

button.toggle .plus::before, button.toggle .plus::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  background-color: [WSCOL_THEME_PRIMARY];
  background-color: [WSCOL_LINK];
  -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

@media (max-width:768px) {
  .mobilemenucontainer li.hassubmenu:after {
    display: none;
  }
}