/*-------------------------------------------- */
/* Custom Less File - Modern Backyard Co. - MBC001
/*-------------------------------------------- */
/*-------------------------------------------- */
/* MESHTECH MTE001 Custom Variables 2024
/*-------------------------------------------- */
/*--------------------------------- */
/* Typography Styles & Colours
/*--------------------------------- */
/* General Text & Headings
/*--------------------------------- */
h2 .uk-heading-medium .brand-light-sage {
  color: #A5BEA2 !important;
}
.uk-text-smaller {
  font-size: 0.6rem;
}
.list-trade-benefits .uk-icon,
.list-custom-order-benefits .uk-icon,
.list-slider .uk-icon {
  line-height: inherit!important;
}
/* General Text Colours
/*--------------------------------- */
.brand-light-sage {
  color: #A5BEA2;
}
.brand-mid-sage {
  color: #819B8A;
}
.brand-dark-teal {
  color: #182C33;
}
.brand-charcoal {
  color: #495459;
}
.brand-burnt-orange {
  color: #BE5D2E;
}
.brand-gold {
  color: #DFA842;
}
.brand-gold-darker {
  color: #BE8F38;
}
.brand-light-sand {
  color: #D0CCC3;
}
.brand-mid-sand {
  color: #BCB5A7;
}
.white {
  color: #FFFFFF;
}
.black {
  color: #000000;
}
.grey-70 {
  color: #6D6E71;
}
.grey-50 {
  color: #939598;
}
.grey-30 {
  color: #BCBEC0;
}
.grey-20 {
  color: #D1D3D4;
}
.grey-10 {
  color: #E6E7E8;
}
/* Custom Links
/*--------------------------------- */
a.brand-gold {
  color: #DFA842 !important;
}
a.brand-gold:hover,
a.brand-gold:active {
  color: #BE8F38 !important;
}
a.brand-light-sage {
  color: #A5BEA2;
}
a.brand-light-sage:hover,
a.brand-light-sage:active {
  color: #8CA28A !important;
}
a.brand-light-sand {
  color: #D0CCC3;
}
a.brand-light-sand:hover,
a.brand-light-sand:active {
  color: #B1ADA6 !important;
}
a.brand-light-sand ::before,
a.brand-light-sand ::after {
  color: #D0CCC3;
}
a.white {
  color: #FFFFFF;
}
a.white:hover,
a.white:active {
  color: rgba(255, 255, 255, 0.8) !important;
}
a.black {
  color: #000000;
}
a.black:hover,
a.black:active {
  color: rgba(0, 0, 0, 0.8) !important;
}
/*--------------------------------- */
/* Section Backgrounds
/*--------------------------------- */
/* Section Backgrounds - Custom Colors 
/*--------------------------------- */
#Project-Details .uk-section.bkg-sand-36 {
  background: rgba(208, 204, 195 0.36) !important;
}
#Project-Details .uk-section .bkg-brand-light-sand {
  background: #D0CCC3 !important;
}
#Project-Details .uk-section.bkg-brand-light-sand-25 {
  background: rgba(208, 204, 195, 0.25) !important;
}
#Project-Details .uk-section.bkg-brand-mid-sand {
  background: #BCB5A7 !important;
}
#Trade-Invite .uk-section.bkg-brand-burnt-orange,
#Trade-Apply-Now .uk-section.bkg-brand-burnt-orange {
  background: #BE5D2E !important;
}
#Trade-Invite .uk-section.bkg-brand-light-sand-25,
#Trade-Apply-Now .uk-section.bkg-brand-light-sand-25 {
  background: rgba(208, 204, 195, 0.25) !important;
}
#Trade-Invite .uk-section.bkg-brand-mid-sand,
#Trade-Apply-Now .uk-section.bkg-brand-mid-sand {
  background: #BCB5A7 !important;
}
#Footer-Links .uk-section .bkg-sand-36 {
  background: rgba(208, 204, 195 0.36) !important;
}
/* Section Backgrounds - Patterns 
/*--------------------------------- */
#Project-Gallery .dot-pattern div.uk-background-norepeat {
  background-repeat: repeat!important;
}
.uk-section.bkg-brand-light-sand-25 {
  /*background: @brand-light-sand!important;*/
  background: rgba(208, 204, 195, 0.25) !important;
}
.uk-section.bkg-brand-light-sand-50 {
  /*background: @brand-light-sand!important;*/
  background: rgba(208, 204, 195, 0.5) !important;
}
.uk-section.bkg-brand-light-sand {
  background: #D0CCC3 !important;
}
.uk-section.bkg-brand-mid-sand {
  background: #BCB5A7 !important;
}
/*--------------------------------- */
/* Home - Modern Backyard Co. - MBC001
/*--------------------------------- */
/* Home Scroll Fix
/*--------------------------------- */
/*---- Toolbar Icons ----*/
/*.home .uk-sticky-fixed .uk-light .uk-container:first-of-type a > i {
    color: #8ca28a;
}
/*---- Menu Items ----*/
/*.home .uk-sticky-fixed .uk-light .uk-navbar-nav > li > a {
    color: #000000;
}
/*---- Stop switching of inverse logo on uk-sticky-fixed ----*/
/*.home .uk-sticky-fixed .uk-light .uk-logo-inverse {
 	display: none !important;
}
/*.home .uk-sticky-fixed .uk-light .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse) {
    display: block !important;
}


/* Feature Collections Grid
/*--------------------------------- */
#collection1 img {
  background-image: url('/images/collections/mte-collection-custom-001.webp') !important;
  background-size: cover!important;
}
@media (max-width: 959px) {
  #collection1 img {
    background-image: url('/images/collections/mte-collection-custom-001-960.webp') !important;
    background-size: contain !important;
    width: 959px!important;
  }
}
#collection2 img {
  background-image: url('/images/collections/mte-collection-geometric-001.webp') !important;
  background-size: cover;
}
#collection3 img {
  background-image: url('/images/collections/mte-collection-geometric-round-001.webp') !important;
  background-size: cover;
}
#collection4 img {
  background-image: url('/images/collections/mte-collection-mosaic-001.webp') !important;
  background-size: cover;
}
#collection5 img {
  background-image: url('/images/collections/mte-collection-nature-001.webp') !important;
  background-size: cover;
}
/* Hero Showcase Slideshow
/*--------------------------------- */
#Showcase-Slideshow .uk-slideshow-items .uk-position-cover {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(120deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
#Showcase-Slideshow .uk-slideshow-items .uk-position-cover .el-overlay {
  padding-right: 100px;
  padding-bottom: 80px;
}
@media (max-width: 1400px) {
  #Showcase-Slideshow .uk-slideshow-items .uk-position-cover .el-overlay {
    padding-right: 80px!important;
    padding-bottom: 80px!important;
  }
}
@media (max-width: 1200px) {
  #Showcase-Slideshow .uk-slideshow-items .uk-position-cover .el-overlay {
    padding-right: 70px!important;
    padding-bottom: 70px!important;
  }
}
@media (max-width: 960px) {
  #Showcase-Slideshow .uk-slideshow-items .uk-position-cover .el-overlay {
    padding-right: 60px!important;
    padding-bottom: 60px!important;
  }
}
@media (max-width: 767px) {
  #Showcase-Slideshow .uk-slideshow-items .uk-position-cover .el-overlay {
    padding-right: 60px!important;
    padding-bottom: 60px!important;
  }
}
@media (max-width: 640px) {
  #Showcase-Slideshow .uk-slideshow-items .uk-position-cover .el-overlay {
    padding-right: 60px!important;
    padding-bottom: 60px!important;
  }
}
@media (max-width: 480px) {
  #Showcase-Slideshow .uk-slideshow-items .uk-position-cover .el-overlay {
    padding-right: 50px!important;
    padding-bottom: 30px!important;
  }
}
@media (max-width: 390px) {
  #Showcase-Slideshow .uk-slideshow-items .uk-position-cover .el-overlay {
    padding-right: 25px!important;
    padding-bottom: 25px!important;
  }
  #Showcase-Slideshow .uk-slideshow-items .uk-position-cover .el-overlay h1.uk-heading-medium {
    font-size: 2.4rem;
    line-height: 1.01;
    font-weight: 700;
    text-transform: uppercase;
  }
}
/* Slideshow and Boxes Headings on Mobile */
@media (max-width: 390px) {
  h1.uk-heading-medium,
  h3.uk-heading-medium {
    font-size: 2.3rem;
    line-height: 1.01;
    font-weight: 700;
    text-transform: uppercase;
  }
}
/* Compare - Standard vs Custom
/*--------------------------------- */
#Standard-Custom .standard-box,
#Standard-Custom .custom-box {
  padding-left: 50px!important;
}
#Standard-Custom .standard-box img,
#Standard-Custom .custom-box img {
  width: 100%;
  min-height: 400px;
}
#Standard-Custom .standard-box .uk-tile,
#Standard-Custom .custom-box .uk-tile {
  padding-top: 40px!important;
  padding-bottom: 40px!important;
}
@media (max-width: 1200px) {
  #Standard-Custom .standard-box .uk-tile,
  #Standard-Custom .custom-box .uk-tile {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 1199px) {
  #Standard-Custom .standard-box .uk-tile,
  #Standard-Custom .custom-box .uk-tile {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
  }
}
@media (max-width: 960px) {
  #Standard-Custom .standard-box .uk-tile,
  #Standard-Custom .custom-box .uk-tile {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px!important;
    padding-bottom: 40px!important;
  }
}
#Standard-Custom .custom-box {
  padding-left: 0px!important;
}
/* Responsive Tweaks
/*--------------------------------- */
@media (min-width: 769px) {
  /* Compare block desktop */
  .comparevscolumn {
    width: 10px;
  }
  .standard-box,
  .custom-box {
    position: relative;
    bottom: 80px;
    left: 100px;
  }
  .standard-box img,
  .custom-box img {
    width: auto;
    min-height: 400px;
  }
  .comparevs span {
    position: absolute;
    width: 80px;
    height: 60px;
    top: calc(50% - 30px);
    left: calc(50% - 40px);
    z-index: 10;
  }
}
/*@media (min-width: 960px) {
    .comparevs {
        position: relative;
        min-height: 400px;
    }
} */
@media (max-width: 768px) {
  /* Compare block tablet and mobile */
  .comparevs span {
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 40px);
    z-index: 10;
  }
  .standard-box .uk-inline-clip,
  .custom-box .uk-inline-clip {
    max-width: 60vw;
  }
  .standard-box {
    position: relative;
    bottom: 40px;
    left: 80px;
  }
  .custom-box {
    position: relative;
    bottom: 40px;
    left: 20px;
  }
  .standard-box img,
  .custom-box img {
    width: auto;
    min-height: 500px;
  }
  .mobileshoptrade .uk-inline-clip {
    max-width: 95vw;
  }
  .mobileshoptrade .uk-position-bottom-left {
    width: 95vw !important;
  }
}
@media (max-width: 960px) {
  /* ipad, tablet landscape */
  .comparevs {
    position: relative;
    width: 100%;
    height: 10px;
  }
  .standard-box .uk-inline-clip,
  .custom-box .uk-inline-clip {
    width: 320px !important;
  }
  .standard-box {
    position: relative;
    bottom: 40px;
    left: 70px;
  }
  .custom-box {
    position: relative;
    bottom: 40px;
    left: 50px;
  }
  /* Collection fix */
  [id^="collection"] .uk-inline-clip {
    height: 145px !important;
  }
  [id^="collection"] .uk-position-bottom-left {
    position: absolute !important;
    max-width: calc(100% - (var(--uk-position-margin-offset) * 2));
    box-sizing: border-box;
    width: 100%;
  }
}
/* Footer - Benefits
/*--------------------------------- */
h4 .uk-heading-small .benefits-black .el-element {
  color: #000000 !important;
  text-transform: none!important;
}
h4 .uk-heading-small .benefits-black .el-link {
  color: #000000 !important;
}
h4 .uk-heading-small .benefits-black .el-link:hover,
h4 .uk-heading-small .benefits-black .el-link:active {
  color: rgba(0, 0, 0, 0.75) !important;
}
/*--------------------------------- */
/* Header - Modern Backyard Co. - MBC001
/*--------------------------------- */
.uk-navbar-container .uk-container {
  /*@media(max-width: 959px) and (min-width: 768px){
			padding-left: 60px!important;
			padding-right: 60px!important;
		}*/
}
@media (min-width: 960px) {
  .uk-navbar-container .uk-container {
    padding-left: 60px!important;
    padding-right: 60px!important;
  }
}
@media (max-width: 640px) {
  .uk-navbar-container .uk-container {
    padding-left: 60px!important;
    padding-right: 60px!important;
  }
}
@media (max-width: 480px) {
  .uk-navbar-container .uk-container {
    padding-left: 30px!important;
    padding-right: 30px!important;
  }
}
@media (max-width: 390px) {
  .uk-navbar-container .uk-container {
    padding-left: 25px!important;
    padding-right: 25px!important;
  }
}
/* Transparency issues Desktop
/*--------------------------------- */
@media (min-width: 1199px) {
  /* Transparent Navbar */
  .uk-navbar-container:not(.uk-navbar-transparent) {
    background: transparent !important;
    /* Fixes navbar background */
  }
  .uk-navbar-container.uk-navbar-transparent .uk-container:not(.uk-navbar-transparent) .uk-navbar-nav > li > a,
  .uk-navbar-transparent .tm-toolbar.uk-light .uk-navbar-transparent .tm-toolbar.uk-light li:not(.uk-active) a {
    /* Fixes menu on transparent toolbar/navbar */
    color: #FFFFFF !important;
  }
  .uk-light .uk-logo .uk-logo-inverse {
    /* Display light logo in transparent toolbar */
    display: block !important;
  }
  .uk-light .uk-logo :not(.uk-logo-inverse) {
    /* Hide dark logo in transparent toolbar */
    display: none !important;
  }
  .uk-navbar-transparent .tm-toolbar.uk-light a {
    /* Toolbar icons in transparent header */
    color: rgba(255, 255, 255, 0.9);
  }
  /* Fix Inverse logo switching between versions for uk-light and uk-dark */
  .uk-sticky-fixed .uk-light .uk-logo-inverse {
    /* Hide dark logo in white toolbar */
    display: none !important;
  }
  .uk-sticky-fixed .uk-light .uk-logo :not(.uk-logo-inverse) {
    /* Show dark logo in white toolbar */
    display: block !important;
  }
  li:not(.uk-active) a {
    /* Fix Inverse Menu Item Colours */
    color: #000000;
  }
  .uk-sticky-fixed .tm-toolbar.uk-light .uk-container a {
    /* Toolbar icons on white background */
    color: #A5BEA2;
  }
  .uk-sticky-fixed .tm-toolbar.uk-light .uk-container a:hover,
  .uk-sticky-fixed .tm-toolbar.uk-light .uk-container a:active {
    color: #8CA28A;
  }
  .uk-sticky-fixed .tm-toolbar.uk-light .uk-navbar-container li:not(.uk-active) a {
    /* Navbar items on white background */
    color: #000000 !important;
  }
}
/* End Desktop toolbar adjustments */
/* Transparency issues Tablet & Mobile (768px - 1199px)
/*--------------------------------- */
@media (min-width: 768px) and (max-width: 1199px) {
  /* When scrolled - switch to white background */
  .tm-header-mobile .uk-navbar-sticky {
    background: white !important;
  }
  /* When scrolled - show dark logo */
  .tm-header-mobile .uk-navbar-sticky .uk-logo-inverse {
    display: none !important;
  }
  .tm-header-mobile .uk-navbar-sticky .uk-logo :not(.uk-logo-inverse) {
    display: block !important;
  }
  /* When not scrolled - transparent state, show white/inverse logo */
  .tm-header-mobile .uk-navbar-transparent .uk-logo-inverse {
    display: block !important;
  }
  .tm-header-mobile .uk-navbar-transparent .uk-logo :not(.uk-logo-inverse) {
    display: none !important;
  }
}
/* End Tablet toolbar adjustments */
/* Navbar item ordering (768px - 1199px)
/*--------------------------------- */
@media (max-width: 1199px) {
  .uk-navbar-right .uk-navbar-toggle {
    order: 2;
  }
  .uk-navbar-right .uk-navbar-item {
    order: 1;
  }
}
/* Toolbar
/*--------------------------------- */
.uk-sticky-fixed .tm-toolbar {
  background: #FFFFFF;
  color: #000000;
}
/* Logo
/*--------------------------------- */
.uk-logo {
  margin-top: 0!important;
  margin-bottom: 15px!important;
}
@media (max-width: 1199px) {
  .uk-logo {
    margin-top: 0!important;
    margin-bottom: 0!important;
  }
}
@media (max-width: 960px) {
  .uk-logo {
    margin-top: 0!important;
    margin-bottom: 0!important;
  }
}
/*.uk-logo:where(img,svg,video) {
    //display: block;
    margin-top: -15px!important;
	margin-bottom: 15px!important;
}*/
/*--------------------------------- */
/* Containers - Modern Backyard Co. - MBC001
/*--------------------------------- */
/* Heading Alignment in Mastheads
/*--------------------------------- */
/*#Content-Masthead, #Content-Masthead.login-masthead {
.uk-grid>* {
			padding-left: 10px;
		}
	
	}*/
/* Section General
/*--------------------------------- */
@media (max-width: 1400px) {
  .section-general .uk-container,
  #Content-Masthead .uk-container {
    padding-left: 80px!important;
    padding-right: 80px!important;
  }
}
@media (max-width: 1200px) {
  .section-general .uk-container,
  #Content-Masthead .uk-container {
    padding-left: 70px!important;
    padding-right: 70px!important;
  }
}
@media (max-width: 960px) {
  .section-general .uk-container,
  #Content-Masthead .uk-container {
    padding-left: 60px!important;
    padding-right: 60px!important;
  }
}
@media (max-width: 768px) {
  .section-general .uk-container,
  #Content-Masthead .uk-container {
    padding-left: 60px!important;
    padding-right: 60px!important;
  }
}
@media (max-width: 640px) {
  .section-general .uk-container,
  #Content-Masthead .uk-container {
    padding-left: 60px!important;
    padding-right: 60px!important;
  }
}
@media (max-width: 480px) {
  .section-general .uk-container,
  #Content-Masthead .uk-container {
    padding-left: 30px!important;
    padding-right: 30px!important;
  }
}
@media (max-width: 390px) {
  .section-general .uk-container,
  #Content-Masthead .uk-container {
    padding-left: 25px!important;
    padding-right: 25px!important;
  }
}
/* Project Gallery
/*--------------------------------- */
@media (max-width: 1400px) {
  #tm-main #Project-Gallery.section-general .uk-container {
    padding-left: 80px!important;
    padding-right: 80px!important;
  }
}
@media (max-width: 1200px) {
  #tm-main #Project-Gallery.section-general .uk-container {
    padding-left: 70px!important;
    padding-right: 70px!important;
  }
}
@media (max-width: 960px) {
  #tm-main #Project-Gallery.section-general .uk-container {
    padding-left: 60px!important;
    padding-right: 60px!important;
  }
}
@media (max-width: 768px) {
  #tm-main #Project-Gallery.section-general .uk-container {
    padding-left: 60px!important;
    padding-right: 60px!important;
  }
}
@media (max-width: 640px) {
  #tm-main #Project-Gallery.section-general .uk-container {
    padding-left: 60px!important;
    padding-right: 60px!important;
  }
}
@media (max-width: 480px) {
  #tm-main #Project-Gallery.section-general .uk-container {
    padding-left: 30px!important;
    padding-right: 30px!important;
  }
}
@media (max-width: 390px) {
  #tm-main #Project-Gallery.section-general .uk-container {
    padding-left: 25px!important;
    padding-right: 25px!important;
  }
}
/* eShop & Module Containers
/*--------------------------------- */
@media (max-width: 1400px) {
  #tm-main .uk-container {
    padding-left: 80px!important;
    padding-right: 80px!important;
  }
}
@media (max-width: 1200px) {
  #tm-main .uk-container {
    padding-left: 70px!important;
    padding-right: 70px!important;
  }
}
@media (max-width: 960px) {
  #tm-main .uk-container {
    padding-left: 60px!important;
    padding-right: 60px!important;
  }
}
@media (max-width: 768px) {
  #tm-main .uk-container {
    padding-left: 60px!important;
    padding-right: 60px!important;
  }
}
@media (max-width: 640px) {
  #tm-main .uk-container {
    padding-left: 60px!important;
    padding-right: 60px!important;
  }
}
@media (max-width: 480px) {
  #tm-main .uk-container {
    padding-left: 30px!important;
    padding-right: 25px!important;
  }
}
@media (max-width: 390px) {
  #tm-main .uk-container {
    padding-left: 30px!important;
    padding-right: 25px!important;
  }
}
#tm-main .uk-container .products-list-container,
#tm-main .uk-container #products-list-container .uk-container {
  padding-left: 0px!important;
  padding-right: 0px!important;
}
#tm-main .uk-container .products-list-container .uk-container,
#tm-main .uk-container #products-list-container .uk-container .uk-container {
  padding-left: 0px!important;
  padding-right: 0px!important;
}
#tm-main .uk-container .uk-container,
#tm-main .uk-container .cart-info .table-responsive-sm .uk-container {
  padding-left: 0px!important;
  padding-right: 0px!important;
}
@media (max-width: 1400px) {
  #tm-main .uk-container .uk-container,
  #tm-main .uk-container .cart-info .table-responsive-sm .uk-container {
    padding-left: 20px!important;
    padding-right: 20px!important;
  }
}
@media (max-width: 1200px) {
  #tm-main .uk-container .uk-container,
  #tm-main .uk-container .cart-info .table-responsive-sm .uk-container {
    padding-left: 20px!important;
    padding-right: 20px!important;
  }
}
@media (max-width: 960px) {
  #tm-main .uk-container .uk-container,
  #tm-main .uk-container .cart-info .table-responsive-sm .uk-container {
    padding-left: 20px!important;
    padding-right: 20px!important;
  }
}
@media (max-width: 768px) {
  #tm-main .uk-container .uk-container,
  #tm-main .uk-container .cart-info .table-responsive-sm .uk-container {
    padding-left: 20px!important;
    padding-right: 20px!important;
  }
}
@media (max-width: 640px) {
  #tm-main .uk-container .uk-container,
  #tm-main .uk-container .cart-info .table-responsive-sm .uk-container {
    padding-left: 0px!important;
    padding-right: 0px!important;
  }
}
@media (max-width: 480px) {
  #tm-main .uk-container .uk-container,
  #tm-main .uk-container .cart-info .table-responsive-sm .uk-container {
    padding-left: 0px!important;
    padding-right: 0px!important;
  }
}
@media (max-width: 390px) {
  #tm-main .uk-container .uk-container,
  #tm-main .uk-container .cart-info .table-responsive-sm .uk-container {
    padding-left: 0px!important;
    padding-right: 0px!important;
  }
}
/* Breadcrumb - eShop-Container
/*--------------------------------- */
@media (max-width: 1400px) {
  #eShop-Breadcrumb .uk-container {
    padding-left: 80px!important;
    padding-right: 80px!important;
  }
}
@media (max-width: 1200px) {
  #eShop-Breadcrumb .uk-container {
    padding-left: 70px!important;
    padding-right: 70px!important;
  }
}
@media (max-width: 960px) {
  #eShop-Breadcrumb .uk-container {
    padding-left: 60px!important;
    padding-right: 60px!important;
  }
}
@media (max-width: 768px) {
  #eShop-Breadcrumb .uk-container {
    padding-left: 60px!important;
    padding-right: 60px!important;
  }
}
@media (max-width: 640px) {
  #eShop-Breadcrumb .uk-container {
    padding-left: 60px!important;
    padding-right: 60px!important;
  }
}
@media (max-width: 480px) {
  #eShop-Breadcrumb .uk-container {
    padding-left: 30px!important;
    padding-right: 25px!important;
  }
}
@media (max-width: 390px) {
  #eShop-Breadcrumb .uk-container {
    padding-left: 25px!important;
    padding-right: 20px!important;
  }
}
#eShop-Breadcrumb .uk-container .uk-container {
  padding-left: 0px!important;
  padding-right: 0px!important;
}
/* Section eShop
/*--------------------------------- */
@media (max-width: 1400px) {
  .section-eshop .uk-container {
    padding-left: 80px!important;
    padding-right: 80px!important;
  }
}
@media (max-width: 1200px) {
  .section-eshop .uk-container {
    padding-left: 70px!important;
    padding-right: 70px!important;
  }
}
@media (max-width: 960px) {
  .section-eshop .uk-container {
    padding-left: 60px!important;
    padding-right: 60px!important;
  }
}
@media (max-width: 768px) {
  .section-eshop .uk-container {
    padding-left: 60px!important;
    padding-right: 60px!important;
  }
}
@media (max-width: 640px) {
  .section-eshop .uk-container {
    padding-left: 60px!important;
    padding-right: 60px!important;
  }
}
@media (max-width: 480px) {
  .section-eshop .uk-container {
    padding-left: 30px!important;
    padding-right: 25px!important;
  }
}
@media (max-width: 390px) {
  .section-eshop .uk-container {
    padding-left: 25px!important;
    padding-right: 20px!important;
  }
}
.section-eshop .uk-container .products-list-container {
  padding-left: 0px!important;
  padding-right: 0px!important;
}
/* Section eShop - Masthead with Login
/*--------------------------------- */
#Content-Masthead.login-masthead.uk-section-small {
  padding-top: 20px!important;
  padding-bottom: 40px;
}
#Content-Masthead.login-masthead .uk-tile {
  padding-left: 40px;
  padding-right: 40px!important;
  padding-top: 30px!important;
  padding-bottom: 20px!important;
  margin-bottom: -10px !important;
}
@media (max-width: 1200px) {
  #Content-Masthead.login-masthead .uk-tile {
    padding-left: 40px;
    padding-right: 40px!important;
    padding-top: 30px!important;
    padding-bottom: 20px!important;
    margin-bottom: -10px !important;
  }
}
@media (max-width: 1199px) {
  #Content-Masthead.login-masthead .uk-tile {
    padding-left: 40px;
    padding-right: 40px!important;
    padding-top: 30px!important;
    padding-bottom: 0px!important;
    padding-bottom: 20px!important;
    margin-bottom: -10px !important;
  }
}
@media (max-width: 960px) {
  #Content-Masthead.login-masthead .uk-tile {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px!important;
    padding-bottom: 40px!important;
  }
}
@media (max-width: 767px) {
  #Content-Masthead.login-masthead .uk-tile {
    padding-left: 20px!important;
    padding-right: 20px!important;
    padding-top: 40px!important;
    padding-bottom: 40px!important;
  }
}
@media (max-width: 640px) {
  #Content-Masthead.login-masthead .uk-tile {
    padding-left: 20px!important;
    padding-right: 20px!important;
    padding-top: 40px!important;
    padding-bottom: 40px!important;
  }
}
@media (max-width: 480px) {
  #Content-Masthead.login-masthead .uk-tile {
    padding-top: 20px!important;
    padding-bottom: 20px!important;
    padding-top: 30px!important;
    padding-bottom: 30px!important;
  }
}
@media (max-width: 390px) {
  #Content-Masthead.login-masthead .uk-tile {
    padding-top: 20px!important;
    padding-bottom: 20px!important;
    padding-top: 40px!important;
    padding-bottom: 40px!important;
  }
}
/*--------------------------------- */
/* Mastheads - Modern Backyard Co. - MBC001
/*--------------------------------- */
.uk-section.bkg-brand-black-teal {
  background: #182C33;
}
.uk-section.bkg-brand-burnt-orange {
  background: #BE5D2E;
}
/*--------------------------------- */
/* Buttons & Links - Modern Backyard Co. - MBC001
/*--------------------------------- */
/* Buttons & Links 
/*--------------------------------- */
.uk-button-text-black .uk-button-text:before {
  border-bottom-color: #000000 !important;
}
.uk-button-text-black .uk-button-text,
.uk-button-text-black .uk-button-text:after {
  color: #000000 !important;
}
.uk-button-text-black .uk-button-text:after {
  content: " \f061";
  font-family: "Font Awesome 6 Sharp";
}
.uk-button-text-gold .uk-button-text:before {
  border-bottom-color: #DFA842 !important;
}
.uk-button-text-gold .uk-button-text,
.uk-button-text-gold .uk-button-text:after {
  color: #DFA842 !important;
}
.uk-button-text-gold .uk-button-text:after {
  content: " \f061";
  font-family: "Font Awesome 6 Sharp";
}
.uk-button-text-white .uk-button-text:before {
  border-bottom-color: #FFFFFF !important;
}
.uk-button-text-white .uk-button-text,
.uk-button-text-white .uk-button-text:after {
  color: #FFFFFF !important;
}
.uk-button-text-white .uk-button-text:after {
  content: " \f061";
  font-family: "Font Awesome 6 Sharp";
}
.uk-button-text-light-sage .uk-button-text:before {
  border-bottom-color: #A5BEA2 !important;
}
.uk-button-text-light-sage .uk-button-text,
.uk-button-text-light-sage .uk-button-text:after {
  color: #A5BEA2 !important;
}
.uk-button-text-light-sage .uk-button-text:after {
  content: " \f061";
  font-family: "Font Awesome 6 Sharp";
}
.uk-button-text-light-sand .uk-button-text:before {
  border-bottom-color: #D0CCC3 !important;
}
.uk-button-text-light-sand .uk-button-text,
.uk-button-text-light-sand .uk-button-text:after {
  color: #D0CCC3 !important;
}
.uk-button-text-light-sand .uk-button-text:after {
  content: " \f061";
  font-family: "Font Awesome 6 Sharp";
}
/* Tabs
/*--------------------------------- */
.uk-tab-smaller .uk-tab {
  font-size: 0.8rem !important;
}
/*.uk-tab>*>a {
    display: flex;
    align-items: center;
    column-gap: .25em;
    justify-content: center;
    padding: 5px 10px;
    color: #333;
    transition: .1s ease-in-out;
    transition-property: color, background-color, border-color, box-shadow;
    line-height: 1.4;
    font-family: Poppins;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 3px solid transparent;
}*/
/*--------------------------------- */
/* EShop Styles - Modern Backyard Co. - MBC001
/*--------------------------------- */
/* Product Alignment in Grid Styles
/*---------------------------*/
.ajax-block-product {
  text-align: left!important;
}
/* Product Detail 
/*---------------------------*/
/* Product Filters Toggle */
@media all and (min-width: 1240px) {
  /* Desktop - show filters on load */
  .mt-filters.toggle {
    display: block;
  }
  .toggle {
    display: none;
  }
}
@media all and (max-width: 1239px) {
  /* Mobile - hide filters on load */
  .mt-filters.toggle {
    display: none;
  }
  .toggle {
    display: block;
  }
}
/* Pop up Cart 
/*---------------------------*/
#colorbox #cboxContent h1 {
  background: #182C33;
  margin: -30px -30px 10px;
  padding: 10px 20px ;
  line-height: normal;
  color: #FFFFFF;
}
#colorbox .cart-info,
#colorbox .quote-info {
  margin: 0 -10px !important;
}
/*#colorbox #cboxClose {
    background: none!important;
	content: 'f057';
    font-size: 22px;
	color: @white;
	font-family: 'Font Awesome 6 Sharp';
}*/
#colorbox #cboxClose::before {
  content: '\f057';
  font-size: 22px;
  color: #FFFFFF;
  font-family: 'Font Awesome 6 Sharp';
}
#colorbox #cboxClose {
  background: none !important;
}
/* Mini Cart Styles 
/*---------------------------*/
.eshop-mini-cart-info h3 {
  background: #182C33;
  margin: -20px -22px 0px -21px;
  padding: 10px 20px ;
  line-height: normal;
  color: #FFFFFF;
}
.checkout {
  clear: both;
  text-align: right;
}
.eshop-mini-cart-info tr {
  border-bottom: 1px solid #EEEEEE;
}
.eshop-mini-cart-info td {
  color: #000000;
  padding: 10px 5px;
  vertical-align: top;
  border-bottom: 1px none #EEEEEE !important;
}
/* Cart Module Styles
/*---------------------------*/
.eshop-content {
  background: #fff;
  clear: both;
  min-height: 150px;
  width: 450px;
  position: absolute;
  top: 100%;
  border: 1px #D1D3D4 solid;
  color: #000000;
  right: 0;
  padding: 20px;
  max-width: 500px;
  font-size: 14px;
}
/* -- Styles the count icon -- */
.eshop-cart #eshop-cart-total span.eshop-cart-count-products {
  background: #DFA842 !important;
  color: #FFFFFF;
  position: absolute;
  top: -5px;
  right: -5px;
  border-radius: 100%;
  display: inline-block;
  height: 22px;
  padding: 4px;
  text-align: center;
  width: 22px;
  margin: 0;
  font-size: 12px!important;
  line-height: 0.875rem;
}
@media (max-width: 960px) {
  .eshop-cart #eshop-cart-total span.eshop-cart-count-products {
    right: -5px;
  }
}
/* -- Hides the text --*/
#eshop-cart .eshop-items a span.eshop-cart-totalprice {
  display: none;
}
#eshop-cart .eshop-items a span {
  background: url(../images/arrow-down.png) no-repeat scroll 100% 50%;
  /* padding-right: 15px;*/
}
/*#eshop-cart .eshop-items{
	a {
		color:@grey-90;
		&:hover,&:active{
		color:@black!important;
			}
	}
	
}
*/
/* Checkout
/*---------------------------*/
#checkout-options .checkout-heading,
#payment-address .checkout-heading,
#shipping-address .checkout-heading,
#shipping-method .checkout-heading,
#payment-method .checkout-heading,
#confirm .checkout-heading {
  background: none repeat scroll 0 0 #E6E7E8;
  border: 1px solid #E6E7E8;
  color: #000000 !important;
  font-size: 16px!important;
}
#checkout-options .checkout-heading h4,
#payment-address .checkout-heading h4,
#shipping-address .checkout-heading h4,
#shipping-method .checkout-heading h4,
#payment-method .checkout-heading h4,
#confirm .checkout-heading h4,
#checkout-options .checkout-heading h5,
#payment-address .checkout-heading h5,
#shipping-address .checkout-heading h5,
#shipping-method .checkout-heading h5,
#payment-method .checkout-heading h5,
#confirm .checkout-heading h5,
#checkout-options .checkout-heading h4.uk-h5,
#payment-address .checkout-heading h4.uk-h5,
#shipping-address .checkout-heading h4.uk-h5,
#shipping-method .checkout-heading h4.uk-h5,
#payment-method .checkout-heading h4.uk-h5,
#confirm .checkout-heading h4.uk-h5,
#checkout-options .checkout-heading .uk-h5,
#payment-address .checkout-heading .uk-h5,
#shipping-address .checkout-heading .uk-h5,
#shipping-method .checkout-heading .uk-h5,
#payment-method .checkout-heading .uk-h5,
#confirm .checkout-heading .uk-h5 {
  margin: 15px 0px 15px 0px!important;
  line-height: 1 !important;
  display: inline-block !important;
}
/* Product Details
/*---------------------------*/
.variables-circle button {
  background: transparent!important;
  border-radius: 48px;
  border: none;
  padding: 0!important;
}
.variables-circle button .with-border {
  border: 1px solid #E6E7E8;
}
.product-detail-col-2 {
  /*.uk-grid {
		padding-left: 80px!important; 
		@media(max-width:960px){  
			padding-left: 60px!important;
		}
		@media(max-width:767px){  
			padding-left: 0px!important;
		}
		@media(max-width:640px){  
			padding-left: 0px!important;
		}
		@media(max-width:390px){  
			padding-left: 0px!important;
		}
		
	}*/
}
.product-detail-col-2 .no-padding .uk-grid {
  padding-left: 0px!important;
}
.product-detail-col-2 .uk-button-default {
  margin-bottom: 5px;
}
.product-detail-col-2 .uk-button-small,
.product-detail-col-2 .plus,
.product-detail-col-2 .minus {
  border-width: 1px!important;
}
.product-detail-col-2 .plus {
  padding: 0 18px;
}
.product-detail-col-2 .minus {
  padding: 0 20px;
}
/* Product Grid Styles
/*---------------------------*/
@media (max-width: 767px) {
  #products-list-container .product-image img {
    margin-bottom: 20px!important;
  }
}
#products-list-container h5.uk-h3 {
  font-size: 22px!important;
  line-height: 1.4 !important;
  font-weight: 500!important;
  text-align: left;
}
#products-list-container h5.uk-h3 a {
  color: #000000 !important;
}
#products-list-container h5.uk-h3 a:hover,
#products-list-container h5.uk-h3 a:active {
  color: #333333 !important;
}
#products-list-container .price {
  font-size: 20px!important;
  line-height: 1.5 !important;
  text-align: left;
  font-weight: 500!important;
}
#products-list-container a.uk-btn-default {
  margin-bottom: 5px;
  background-color: transparent;
  color: #bcb5a7;
  border: 2px solid #bcb5a7;
}
#products-list-container a.uk-btn-default:hover,
#products-list-container a.uk-btn-default:active {
  background-color: transparent!important;
  color: #000000 !important;
  border: 2px solid #000000;
}
#products-list-container .uk-text-meta {
  margin-bottom: 10px!important;
}
#products-list-container .eshop-product-price .price::before {
  content: "from";
  font-size: 0.6rem;
  display: block;
  color: #939598;
}
#products-list-container .eshop-product-price .price::after {
  content: " per sheet";
  font-size: 0.9rem;
}
@media (max-width: 390px) {
  #products-list-container #adminForm .eshop-product-show,
  #products-list-container #adminForm .eshop-product-sorting {
    float: right;
    display: inline-block;
    margin: 0 0 15px 10px;
  }
}
#products-list-container #adminForm .eshop-product-show .uk-text-meta,
#products-list-container #adminForm .eshop-product-sorting .uk-text-meta {
  margin-bottom: 0px!important;
}
#products-list-container #adminForm .eshop-product-show .sorting-options::before,
#products-list-container #adminForm .eshop-product-sorting .sorting-options::before {
  content: "Sort by:";
  display: inline-flex;
  color: #000000;
  text-wrap: nowrap;
  margin-right: 3px;
}
#products-list-container #adminForm .eshop-product-show .show-options::before,
#products-list-container #adminForm .eshop-product-sorting .show-options::before {
  content: "Show:";
  display: inline-flex;
  color: #000000;
  margin-right: 3px;
}
#products-list-container #adminForm .eshop-product-show .eshop-product-sorting .input-large,
#products-list-container #adminForm .eshop-product-sorting .eshop-product-sorting .input-large {
  width: 225px!important;
}
#products-list-container .error {
  color: #E44E56 !important;
  display: block;
  font-size: 13px!important;
}
/* Module - Product Filter Styles
/*--------------------------------*/
#eshop_products_filter_form {
  /*.filter-head-icon { 
		content:;
	}*/
  /* Form Attributes */
  /*select {
		height: 35px!important;
		border-radius: 3px;
		
	}
	option {
    font-weight: normal;
    display: block;
    min-height: 1.2em;
    padding: 0px 3px 1px 3px;
    white-space: nowrap;
		border-radius: 3px;
	}*/
  /* hides eshop default image map */
}
#eshop_products_filter_form .search-panel {
  background-color: #FAFAFA !important;
}
#eshop_products_filter_form .search-panel #eshop-keyword {
  border-top: 1px none #BCBEC0 !important;
}
#eshop_products_filter_form .search-panel #eshop-keyword .panel-body .input-group .input-group-addon {
  border-radius: 0 4px 4px 0;
  border: 1px none #dfe3e7 !important;
  padding: 7.5px 15px;
}
#eshop_products_filter_form .search-panel #eshop_products_filter_form .panel-collapse {
  border-top: 0px none #BCBEC0 !important;
  border-left: none !important;
  border-right: none !important;
}
#eshop_products_filter_form .search-panel .form-control:where(input),
#eshop_products_filter_form .search-panel .form-select:not([multiple])[size='1'],
#eshop_products_filter_form .search-panel .form-select:where(select):not([multiple]):not([size]),
#eshop_products_filter_form .search-panel .uk-input,
#eshop_products_filter_form .search-panel .uk-select:not([multiple]):not([size]) {
  height: 40px;
  vertical-align: middle;
  display: inline-block;
  border-bottom: 3px solid #000000 !important;
  margin-left: 10px;
}
#eshop_products_filter_form .search-panel > .eshop-filter:nth-last-child(2) .panel-collapse {
  border: none!important;
}
#eshop_products_filter_form .eshop-filter-reset-all {
  border: none!important;
  margin: 0 0 -1px;
  text-decoration: none;
  display: block;
  padding: 5px;
}
#eshop_products_filter_form .eshop-filter-reset-all a {
  background: transparent;
}
#eshop_products_filter_form .filter-heading {
  font-size: 14px;
  line-height: 1.4;
  color: #000000 !important;
  font-family: Montserrat;
  font-weight: 700!important;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#eshop_products_filter_form .uk-text-meta {
  font-size: 14px;
  line-height: 1.4;
  color: #000000 !important;
  font-family: Montserrat;
  font-weight: 700!important;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#eshop_products_filter_form .eshop-filter > a {
  cursor: pointer;
  background-color: transparent!important;
  font-size: 16px;
  border-top: 1px solid #fff;
  display: block;
  padding: 10px;
}
#eshop_products_filter_form .panel-collapse {
  border-top: 1px solid #BCBEC0 !important;
  border-left: none!important;
  border-right: none!important;
}
#eshop_products_filter_form .badge-info {
  border-radius: 3px;
  background: #D0CCC3 !important;
  color: #FFFFFF;
  padding: 0 1px;
  float: right;
  line-height: 20px;
  margin-left: 4px;
  outline: 0 !important;
  position: relative;
}
#eshop_products_filter_form .badge-info:after {
  border-right-color: #D0CCC3 !important;
}
#eshop_products_filter_form .badge {
  font-size: 0.85em !important;
}
#eshop_products_filter_form i.filter-head-icon {
  background-image: none!important;
}
/*--------------------------------- */
/* Featured & Related Products Module Grids
/*--------------------------------- */
.related_products .eshop-info-block,
.trending-products .products-list-container .eshop-info-block {
  margin-bottom: 25px!important;
}
/*--------------------------------- */
/* Input/Radio Selector Styles
/*--------------------------------- */
/* Materials (Metals)
/*--------------------------------- */
.material-a {
  color: #D9D9D9;
}
.material-a:hover,
.material-a:active {
  color: #C3C3C3;
}
.material-s {
  color: #B5C0C9;
}
.material-s:hover,
.material-s:active {
  color: #9AA3AB;
}
.material-r {
  color: #9EA5A3;
}
.material-r:hover,
.material-r:active {
  color: #868C8B;
}
/* Colorbond (Powdercoat)
/*--------------------------------- */
i[class*=" colorbond-"],
i[class*=" material-"] {
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  margin-bottom: 10px!important;
  margin-right: 6px;
}
/*
input[type=radio]:checked+label i[class*=" colorbond-"], input[type=radio]:checked+label i[class*=" material-"] {
    text-shadow: 4px 4px 6px rgba(129,155,138,0.9);
	margin-bottom: 10px!important;
	margin-right: 6px;
}


input[type="radio"]:checked + label i[class*=" colorbond-"]::before, input[type="radio"]:checked + label i[class*=" material-"]::before {
    content: "\f111"; // fa-circle underneath  
   color: @grey-selector;
    font-size: 0.98em; // Takes the overlap edge off 
    //text-shadow: 4px 4px 6px rgba(129, 155, 138, 0.9);
}
input[type="radio"]:checked + label i[class*=" colorbond-"]::after, input[type="radio"]:checked + label i[class*=" material-"]::after {
	content: "\f058"; // fa-check-circle on top 
    margin-left: -48px;
}
*/
input[type="radio"]:checked + label i[class*=" colorbond-"],
input[type="radio"]:checked + label i[class*=" material-"] {
  text-shadow: none !important;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}
input[type="radio"]:checked + label i[class*=" colorbond-"]::before,
input[type="radio"]:checked + label i[class*=" material-"]::before {
  content: "\f111";
  color: #aaa;
  font-size: 0.98em;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}
input[type="radio"]:checked + label i[class*=" colorbond-"]::after,
input[type="radio"]:checked + label i[class*=" material-"]::after {
  content: "\f058";
  margin-left: -48px;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
}
.fa-1x.infoicon {
  width: 3.5em;
  vertical-align: top;
}
.fa-1x.infoicon .fa-stack-2x {
  line-height: 1.5em;
}
input[id*="material"],
input[id*="sheetsize"],
input[id*="thickness"],
input[id*="colour"] {
  display: none;
}
.fa-stack-3x {
  font-size: 3em;
}
.fa-stack-3x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto);
}
input[type="radio"]:checked + label i[class*=" colorbond-"],
input[type="radio"]:checked + label i[class*=" material-"] {
  text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.4);
}
.radio.mt-horizontal {
  flex-wrap: wrap;
  position: relative;
  display: inline-flex;
}
input[type="radio"]:checked + label {
  color: #000000;
  border-color: #000000;
}
.colorbond-raw {
  color: #D9D9D9;
}
.colorbond-raw:hover,
.colorbond-raw:active {
  color: #C3C3C3;
}
.colorbond-surfmist {
  color: #E4E2D5;
}
.colorbond-surfmist:hover,
.colorbond-surfmist:active {
  color: #C2C0B5;
}
.colorbond-shale-grey {
  color: #BDBFBA;
}
.colorbond-shale-grey:hover,
.colorbond-shale-grey:active {
  color: #A1A29E;
}
.colorbond-basalt {
  color: #6D6C6E;
}
.colorbond-basalt:hover,
.colorbond-basalt:active {
  color: #5D5C5E;
}
.colorbond-monument {
  color: #323233;
}
.colorbond-monument:hover,
.colorbond-monument:active {
  color: #2B2B2B;
}
.colorbond-manor-red {
  color: #5E1D0E;
}
.colorbond-manor-red:hover,
.colorbond-manor-red:active {
  color: #50190C;
}
.colorbond-dover-white {
  color: #F9FBF1;
  border: #BCBEC0;
}
.colorbond-dover-white:hover,
.colorbond-dover-white:active {
  color: #E0E2D9;
}
.colorbond-pale-eucalypt {
  color: #7C846A;
}
.colorbond-pale-eucalypt:hover,
.colorbond-pale-eucalypt:active {
  color: #69705A;
}
.colorbond-cottage-green {
  color: #304C3C;
}
.colorbond-cottage-green:hover,
.colorbond-cottage-green:active {
  color: #2B4436;
}
.colorbond-deep-ocean {
  color: #364152;
}
.colorbond-deep-ocean:hover,
.colorbond-deep-ocean:active {
  color: #313B4A;
}
.colorbond-night-sky {
  color: #000000;
}
.colorbond-night-sky:hover,
.colorbond-night-sky:active {
  color: rgba(0, 0, 0, 0.85);
}
.colorbond-custom {
  color: #E6E7E8;
}
.colorbond-custom:hover,
.colorbond-custom:active {
  color: #D1D3D4;
}
.colorbond-custom .fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
  margin-top: -30px !important;
}
/* Additional eShop Trade Pricing Styles */
.eshop-base-price {
  color: #939598;
  text-decoration: line-through;
  font-size: 16px;
  display: block;
}
/*------------------------------------------- */
/* Yootheme Theme Overrides - Modern Backyard Co. - MBC001
/*------------------------------------------- */
/* Breadcrumb - Home Icon
/*--------------------------------- */
.uk-breadcrumb li:first-child a:before {
  display: inline-block;
  content: "";
  width: 0px!important;
  height: 20px;
  background: url(../vendor/assets/uikit/src/images/icons/home.svg) no-repeat;
  background-size: contain;
  position: relative;
  top: 5px;
}
/* Nav Divider
/*--------------------------------- */
.uk-navbar-dropdown-nav > li,
#module-menu-dialog-mobile .uk-nav-default a {
  border-bottom: 1px solid #E6E7E8 !important;
}
/* Tables (used in eShop)
/*--------------------------------- */
@media (max-width: 959px) {
  .uk-table-responsive,
   .uk-table-responsive tbody,
   .uk-table-responsive td,
  .uk-table-responsive th,
  .uk-table-responsive tr {
    display: inline-block !important;
  }
  .uk-table-responsive td,
   .uk-table-responsive tbody td,
   .uk-table-responsive td td,
  .uk-table-responsive th td,
  .uk-table-responsive tr td {
    text-align: inherit!important;
  }
}
@media (max-width: 640px) {
  .uk-table-responsive,
   .uk-table-responsive tbody,
   .uk-table-responsive td,
  .uk-table-responsive th,
  .uk-table-responsive tr {
    display: block!important;
    overflow-y: visible;
  }
  .uk-table-responsive .table-responsive-sm td,
   .uk-table-responsive tbody .table-responsive-sm td,
   .uk-table-responsive td .table-responsive-sm td,
  .uk-table-responsive th .table-responsive-sm td,
  .uk-table-responsive tr .table-responsive-sm td {
    text-align: inherit!important;
  }
}
@media (max-width: 575.98px) {
  .uk-table-responsive,
   .uk-table-responsive tbody,
   .uk-table-responsive td,
  .uk-table-responsive th,
  .uk-table-responsive tr {
    display: block;
    overflow-y: visible;
  }
  .uk-table-responsive .table-responsive-sm td,
   .uk-table-responsive tbody .table-responsive-sm td,
   .uk-table-responsive td .table-responsive-sm td,
  .uk-table-responsive th .table-responsive-sm td,
  .uk-table-responsive tr .table-responsive-sm td {
    text-align: inherit!important;
  }
}
@media (max-width: 390px) {
  .uk-table-responsive,
   .uk-table-responsive tbody,
   .uk-table-responsive td,
  .uk-table-responsive th,
  .uk-table-responsive tr {
    display: block;
    overflow-y: visible;
  }
  .uk-table-responsive .table-responsive-sm td,
   .uk-table-responsive tbody .table-responsive-sm td,
   .uk-table-responsive td .table-responsive-sm td,
  .uk-table-responsive th .table-responsive-sm td,
  .uk-table-responsive tr .table-responsive-sm td {
    text-align: inherit!important;
  }
}
/* Safari Grid Issues
/*--------------------------------- */
.uk-grid {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/*--------------------------------- */
/* Forms - Modern Backyard Co. - MBC001
/*--------------------------------- */
.uk-form-stacked .uk-form-label {
  display: block;
  margin-bottom: 10px;
  margin-top: 20px!important;
}
/* eShop MiniCart Icon
/*--------------------------------- */
#eshop-cart .el-link {
  /* Mobile minicart */
  font-size: 20px;
}
/* Popup Messages
/*--------------------------------- */
.rsfp_thankyou_popup_inner {
  background: rgba(250, 250, 250, 0.8) !important;
  width: 40%;
  padding: 50px 30px!important;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.rsfp_thankou_popup_close_btn {
  position: absolute;
  top: 5px;
  right: 10px!important;
  font-size: 28px;
  cursor: pointer;
}
.rsfp_thankyou_popup_inner {
  background: rgba(250, 250, 250, 0.8) !important;
  width: 40%;
  padding: 50px 30px !important;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
@media (max-width: 640px) {
  .rsfp_thankyou_popup_inner {
    width: 400px!important;
  }
}
@media (max-width: 480px) {
  .rsfp_thankyou_popup_inner {
    width: 390px!important;
  }
}
@media (max-width: 390px) {
  .rsfp_thankyou_popup_inner {
    width: 320px!important;
  }
}
/* Additional Form Styles */
.radio {
  display: block;
  margin-bottom: 20px;
}
/* Popup Login Modals
/*--------------------------------- */
.uk-modal form {
  width: 100%;
}
.mt-tradeloginmodal,
.mt-loginmodal {
  background-size: 178px;
  background-image: url('https://www.meshtechaus.com.au/images/elements/mte-bkg-trade-box-promo-001.svg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: right 250px;
}
.mt-tradeloginmodal ul > li,
.mt-loginmodal ul > li,
.mt-tradeloginmodal label,
.mt-loginmodal label {
  font-size: 12px!important;
}
/* Copied from Template css */
@media (max-width: 768px) {
  .mt-responsive-buttons .uk-button {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
}
#mt-loginmodal .logoutlink {
  display: none;
}
/* Reposition and Fade out System Alerts */
#system-message-container {
  z-index: 999;
  position: absolute;
  right: 0;
  width: 50vw;
  top: 200px;
  -webkit-animation: slide 3s ease 6s 1 normal forwards;
  animation: slide 3s ease 6s 1 normal forwards;
}
@keyframes slide {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(250px);
  }
}
.success,
.warning,
.attention,
.information {
  border-radius: 5px 5px 5px 5px;
  color: #555555;
  margin-bottom: 15px;
  padding: 10px 10px 10px 33px;
}
.success,
.warning {
  /* Icon fix */
  background-color: transparent !important;
  border: none !important;
  float: left;
}
.uk-modal-close-full {
  background: none;
}
@media (max-width: 1393px) {
  .mt-button-remove-padding {
    padding: 0;
    width: 100%;
  }
}
#colorbox #cboxClose::before {
  content: '\f057';
  font-size: 22px;
  color: #FFFFFF;
  font-family: 'Font Awesome 6 Sharp';
  position: absolute;
  top: 5px;
  right: 5px;
  text-indent: 0;
}
/*--------------------------------- */
/* Smart Search Results - Modern Backyard Co. - MBC001
/*--------------------------------- */
main#tm-main .tm-main .uk-section .uk-section-default .uk-container {
  max-width: 1400px!important;
}
@media (max-width: 1200px) {
  main#tm-main .tm-main .uk-section .uk-section-default .uk-container {
    padding-left: 80px!important;
    padding-right: 80px!important;
  }
}
@media (max-width: 960px) {
  main#tm-main .tm-main .uk-section .uk-section-default .uk-container {
    padding-left: 70px!important;
    padding-right: 70px!important;
  }
}
@media (max-width: 767px) {
  main#tm-main .tm-main .uk-section .uk-section-default .uk-container {
    padding-left: 60px!important;
    padding-right: 60px!important;
  }
}
@media (max-width: 640px) {
  main#tm-main .tm-main .uk-section .uk-section-default .uk-container {
    padding-left: 60px!important;
    padding-right: 60px!important;
  }
}
@media (max-width: 480px) {
  main#tm-main .tm-main .uk-section .uk-section-default .uk-container {
    padding-left: 50px!important;
    padding-right: 30px!important;
  }
}
@media (max-width: 390px) {
  main#tm-main .tm-main .uk-section .uk-section-default .uk-container {
    padding-left: 25px!important;
    padding-right: 25px!important;
  }
}
/*--------------------------------- */
/* Hide recaptcha after 5s 
/*--------------------------------- */
/* Confirmed Extra CSS Classes for special features */
/* Hide recaptcha */
.grecaptcha-badge {
  animation: recatpchahide 2s 1;
  animation-delay: 5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@keyframes recatpchahide {
  0% {
    margin-right: 0px;
  }
  100% {
    margin-right: -100px;
  }
}
/*# sourceMappingURL=modernbackyard-custom.css.map */