/*
 Theme Name:   bootCommerce 5 Child
 Description:  bootScore 5 Shop Child Theme
 Author:       craftwerk - Bastian Kreiter
 Author URI:   https://crftwrk.de
 Template:     bootscore-5
 Version:      5.0.0.1
 Text Domain:  bootscore
*/



body {
    color: #252323;

}

.developer-note { display: none; }

/* ------ Theme ------ */

.bg-red {
    color: white;
    background-color: #ef4135;
}
.bg-red .btn {
    color: #ef4135;
    background: white;
}
.bg-green {
    /* background-color: #629035; */
	background-color: #00a20f;
}
.bg-green .btn {
    /* color: #629035; */
	color: #00a20f;
    background: white;
}
.bg-dark-green {
	background-color: #005025;
}
.bg-dark-green .btn {
	color: #005025;
    background: white;
}
.bg-grey {
    background-color: #70798c;
}
.bg-grey .btn {
    color: #70798c;
    background: white;
}
.bg-pale-green {
    background-color: #d8e2dc;
}
.bg-pale-green .btn {
    color: #d8e2dc;
    background: white;
}

.bg-blue {
	color: white;
    background-color: #1287ba;
}
.bg-blue .btn {
    color: #1287ba;
    background: white;
}

.bg-light {
    background-color: #eff4f9;
}
.bg-dark {
	color: white!Important;
    background-color: #252328;
}

.text-red, .text-red:hover {
    color: #ef4135;
}
.text-green, .text-green:hover  {
    /* color: #629035; */
	color: #00a20f;
}
.text-grey, .text-grey:hover  {
    color: #70798c;
}

.text-blue, .text-grey:hover  {
    color: #1287ba;
}

/* ------ Page Structure ------ */

.block {
    padding: 2rem;
}
@media (min-width: 768px) {
    .block {
        padding: 4rem;
    }
    .block.small {
        padding: 2rem;
    }
}
@media (max-width: 991.98px) {
    .container {
        max-width: none;
    }
}
.mb-block {
    margin-bottom: 2rem;
}
@media (min-width: 768px) {
    .mb-block {
        margin-bottom: 4rem;
    }
}
.mt-block {
    margin-top: 2rem;
}
@media (min-width: 768px) {
    .mt-block {
        margin-top: 4rem;
    }
}

/* ------ Typography ------ */

@font-face {
    font-family: 'Futura';
    src: url('https://euromec.co.uk/wp-content/themes/bootcommerce-5-child/fonts/futura/FuturaBT-ExtraBlackCondensed.eot');
    src: url('https://euromec.co.uk/wp-content/themes/bootcommerce-5-child/fonts/futura/FuturaBT-ExtraBlackCondensed.eot?#iefix') format('embedded-opentype'),
        url('https://euromec.co.uk/wp-content/themes/bootcommerce-5-child/fonts/futura/FuturaBT-ExtraBlackCondensed.woff2') format('woff2'),
        url('https://euromec.co.uk/wp-content/themes/bootcommerce-5-child/fonts/futura/FuturaBT-ExtraBlackCondensed.woff') format('woff'),
        url('https://euromec.co.uk/wp-content/themes/bootcommerce-5-child/fonts/futura/FuturaBT-ExtraBlackCondensed.ttf') format('truetype'),
        url('https://euromec.co.uk/wp-content/themes/bootcommerce-5-child/fonts/futura/FuturaBT-ExtraBlackCondensed.svg#FuturaBT-ExtraBlackCondensed') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

.h1:last-child,
.h2:last-child,
.h3:last-child,
.h4:last-child,
.h5:last-child,
.h6:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child {
    margin-bottom: 0;
}

.futura { font-family: 'Futura'; }

/* ------ Nav ------ */

nav {
	text-wrap: wrap;
}

#nav-area {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    transition: transform 0.3s ease;
}
#nav-area .logo {
    width: 100%;
    max-width: 300px;
}
#nav-area #strip.navbar {
	color: white;
    background: #ef4135;
	padding: 1rem 2rem;
    transition: box-shadow 0.3s ease;
}
#nav-area.show {
    transform: none !important;
}
.scrolling-down #nav-area {
    transform: translateY(-120px);
}
.scrolling-up #nav-area {
    transform: none !important;
}
.scrolling-up #nav-area #strip.navbar,
.scrolling-down #nav-area #strip.navbar {
    -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.3);
}

#nav-main { min-height: 56px; }


/* ------ WordPress Nav ------ */

.menu-main-menu-container { width: 100%; }

#menu-main-menu {
	
	display: flex;
	flex-direction: column;
	
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
	
}

#menu-main-menu .sub-menu { list-style-type: none; }

#menu-main-menu a { text-decoration: none; }

/* Home Link */

#menu-main-menu .menu-item-home { flex: 0; }
body.home #menu-main-menu .menu-item-home { display: none; }

/* ------ WordPress Nav (Mobile) ------ */

@media (max-width: 991.99px) {
	
	#strip.navbar { 
		
		position: relative;
	
	}
	
	#mobile-menu-accordian {
		
		position: absolute;
		top: 100%;
		left: 0;
	
	}
	
	#mobile-menu-accordian.collapsing,
	#mobile-menu-accordian.show {
		
		box-shadow: 0 1rem 2.5rem rgba(0,0,0,.35);
		
	}
	
	.menu-main-menu-container {
		
		padding: 2rem;
    	background-color: #f8f9fa!important;
	
	}
	
	#menu-main-menu {
		
		max-height: 55vh;
		overflow: scroll;
		
	}
	
	/* ------ Mobile Nav ------ */
	
	#menu-main-menu li {

		padding: 20px 0;
		/* border-bottom: solid 1px #596170; -- Border Only Style */
		border-bottom: solid 1px #e9ecef; /* Fill Style */

	}
	
	#menu-main-menu li:first-child {
		
		padding-top: 0px;
		
	}
	
	#menu-main-menu li:last-child,
	#menu-main-menu li:nth-last-child(2){
		
		/* padding-bottom: 0px!Important; -- Border Only Style */
		/* border-bottom: none!Important; -- Border Only Style */
	
	}
	
	#menu-main-menu li:last-child {
			
		padding-bottom: 0px!Important;
		border-bottom: none;
	
	}
	
	#menu-main-menu li a {
		
		display: flex;
		width: 100%;
		
		font-size: 1rem;
		font-weight: bold;
	
	}
	
	#menu-main-menu ul.sub-menu {
		
		/* padding-left: 1rem; -- Border Only Style */
		padding-left: 0rem; /* Fill Style */
		
		display: flex;
    	flex-wrap: wrap;
		
		margin-top: 10px;
		
	}
	
	#menu-main-menu li .sub-menu li { 
		
		/* width: 50%; -- Border Only Style */
		width: calc(50% - 4px); /* Fill Style */
		
		background: #e9ecef;
		
		/* padding: 10px 0; -- Border Only Style */
		padding: 10px!Important;  /* Fill Style */
		
		/* border-bottom: solid 1px #e9ecef; -- Border Only Style */
		border-bottom: none;  /* Fill Style */
		
		margin: 0 1px 2px;
	
	}
	
	#menu-main-menu li .sub-menu li a {
		
		font-size: .875em;
		color: #596170;
		font-weight: 600;
	
	}
	
	#menu-main-menu ul.sub-menu li .sub-menu {
		
		padding-left: 1rem;
		
		flex-direction: column;
		
	}
	
	#menu-main-menu li .sub-menu li .sub-menu {
		
		padding-left: 0px;
		
	}
		
	#menu-main-menu li .sub-menu li .sub-menu li {
		
		/* Border Only Style */
		
		width: 100%;
		background: #f8f9fa;
		
		margin-left: 0;
		margin-right: 0;
		
	}
	
	#menu-main-menu li .sub-menu li .sub-menu li a {
		
		font-weight: normal;
	
	}
	
}

/* ------ WordPress Nav (Desktop) ------ */

@media (min-width: 992px) {
	
	#mobile-menu-accordian { display: block!Important; }
	
	#nav-area #strip.navbar { padding: 0 4rem; }
	
	#menu-main-menu {
		
		flex-direction: row;
		
	}
	
	#menu-main-menu .menu-item {
		
		position: relative;
		width: 100%;
		
	}
	
	#menu-main-menu .menu-item a {
		
		width: 100%;
		height: 100%;
		
		display: flex;
		justify-content: center;
		align-items: center;
		
		color: white;
		text-align: center;
		padding: 1rem 0.5rem;
		transition: background-color 0.3s ease;
		
	}
	
	#menu-main-menu .menu-item .sub-menu {
		
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		padding-left: 0;
		
		transform: translateY(20px); 
		opacity: 0;
		visibility: hidden;
		
		box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
		
		transition: all 0.3s ease;
	
	}
	
	#menu-main-menu .menu-item .sub-menu .menu-item a {
		
		color: #252323;
		background: white;
		
		transition: all 0.1s ease;
	
	}
		
	#menu-main-menu .menu-item:hover,
	#menu-main-menu .menu-item a:hover { background: #b0190e; }
	
	#menu-main-menu .menu-item:hover .sub-menu {
		
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
	
	}
	
	#menu-main-menu .menu-item .sub-menu .menu-item a:hover { color: white; background: #ef4135; }
	
	/* 3rd Level */
	
	#menu-main-menu .menu-item .sub-menu .menu-item .sub-menu {
		
		position: absolute;
		
		top: 0;
		left: 100%;
		
		transform: translateY(20px); 
		opacity: 0;
		visibility: hidden;
		
	}
	
	#menu-main-menu .menu-item .sub-menu .menu-item:hover .sub-menu {
		
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
		
	}
	
}


/* ------ Homepage ------ */

#intro-carousel .banners #industrial-cleaning-banner {
    color: white;
    background-color: #b0190e;
}
@media (min-width: 992px) {
    #intro-carousel .banners #industrial-cleaning-banner:after {
        background: linear-gradient(90deg, #b0190e 0%, rgba(176, 25, 14, 0) 100%);
    }
}
#intro-carousel .banners #road-sweeper-banner {
    color: white;
    background-color: #596170;
}
@media (min-width: 992px) {
    #intro-carousel .banners #road-sweeper-banner:after {
        background: linear-gradient(90deg, #596170 0%, rgba(89, 97, 112, 0) 100%);
    }
}
#intro-carousel .banners #groundcare-banner {
    color: white;
    background-color: #496b27;
}
@media (min-width: 992px) {
    #intro-carousel .banners #groundcare-banner:after {
        background: linear-gradient(90deg, #496b27 0%, rgba(73, 107, 39, 0) 100%);
    }
}
#intro-carousel .banners #preowned-banner {
    color: white;
    background-color: #0e6c94;
}
@media (min-width: 992px) {
    #intro-carousel .banners #preowned-banner:after {
        background: linear-gradient(90deg, #0e6c94 0%, rgba(187, 204, 194, 0) 100%);
    }
}
#intro-carousel .banners #industrial-cleaning-banner,
#intro-carousel .banners #groundcare-banner,
#intro-carousel .banners #road-sweeper-banner,
#intro-carousel .banners #preowned-banner {
    position: relative;
}
@media (min-width: 992px) {
    #intro-carousel .banners #industrial-cleaning-banner:after,
    #intro-carousel .banners #groundcare-banner:after,
    #intro-carousel .banners #road-sweeper-banner:after,
    #intro-carousel .banners #preowned-banner:after {
        content: "";
        position: absolute;
        top: 0;
        left: 40%;
        width: 45%;
        height: 100%;
    }
}
#intro-carousel .banners .slide {
    position: relative;
    display: flex;
    align-items: center;
}
#intro-carousel .banners .slide .slide-image {
    width: 100vw;
    max-width: none;
    padding: 0;
    margin-left: -2rem;
}
@media (min-width: 768px) {
    #intro-carousel .banners .slide .slide-image {
        margin-left: -4rem;
    }
}
@media (min-width: 992px) {
    #intro-carousel .banners .slide .slide-image {
        position: absolute;
        top: 0;
        right: 0;
        width: 60%;
        height: 100%;
    }
}
#intro-carousel .banners .slide .slide-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
}
#intro-carousel .banners .slide .slide-content {
    position: relative;
    z-index: 2;
}
@media (min-width: 992px) {
    #intro-carousel .banners .slide {
        min-height: 550px;
    }
}
@media (min-width: 992px) {
    /* #intro-carousel .banners .owl-dots {
        position: absolute;
        left: 50%;
        bottom: 6rem;
        width: 100%;
        transform: translateX(-50%);
    }  -- Tiles overlay Carousel */
}
#intro-carousel .banner-tiles.block {
    position: relative;
    /* margin-top: 2rem; -- Tiles overlay Carousel */
    z-index: 1;
}
@media (min-width: 992px) {
    #intro-carousel .banner-tiles.block {
        /* margin-top: -4rem; -- Tiles overlay Carousel */
		margin-top: 0;
    }
}
#product-filter .form-select {
    padding: 0.75rem 1.25rem;
    border: solid 0.15rem #ced4da;
    background-color: transparent;
}

/* ------ Footer ------ */

footer .map-container {
    position: relative;
    width: 100%;
    height: 50%;
}
footer .map-container .map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://euromec.co.uk/wp-content/themes/bootcommerce-5-child/img/footer/map.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0.25rem;
}

footer .showroom-container {
    position: relative;
    width: 100%;
    height: 50%;
}
footer .showroom-container .showroom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://euromec.co.uk/wp-content/themes/bootcommerce-5-child/img/footer/aerial-photograph.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0.25rem;
}

@media (max-width: 991.99px) {

	.map-container, .showroom-container { min-height: 300px; }
	
}

/* ------ Footer Map ------ */

@media (min-width: 992px) {
                
	.map-container {

		position: relative;

	}

	.about-us-container {

		position: absolute;
		bottom: 60%;
		left: 50%;

		width: 80%;
		height: auto;

		padding: 7px;

		background: white;
		border-radius: .25rem;
		box-shadow: 0 1rem 3rem rgba(0,0,0,.25)!important;

		transform: translateX(-50%);

		opacity: 0;
		visibility: hidden;

		z-index: 2;

		transition: all 0.3s ease;

	}

	.about-us-container a {

		position: absolute;

		bottom: 20px;
		right: 20px;

	}

	.about-us-container:after {

		content:'';

		position: absolute;
		top: 100%;
		left: 0;
		right: 0;

		width: 0;
		height: 0;

		margin: 0 auto;

		border-top: solid 15px white;
		border-left: solid 15px transparent;
		border-right: solid 15px transparent;

	}

	.map-container:hover .about-us-container {

		opacity: 1;
		visibility: visible;

	}

}

/* ------ Category Intros ------ */

.square-image {
	width: 100%;
}

.square-image:after {
	
	content: "";
	display: block;
	padding-bottom: 100%;
	
	/* rounded */
	border-radius: .25rem!important;
	overflow: hidden;
	
	/* shadow-lg */
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
	
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ------ Bootstrap ------ */

*:focus {
    border-color: none !important;
    outline: 0 !important;
    box-shadow: none !important;
}

a {
    color: #ef4135;
    text-decoration: none;
}

a:hover { color: #b0190e }

.btn {
	padding: 0.5rem 1rem;
}

.btn-primary, .btn.bg-red { color: white !important; background: #ef4135 !important; border-color: #ef4135 !important; }
.btn-primary:hover, .btn.bg-red:hover { color: white; background: #b0190e !important; border-color: #b0190e !important; }
.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #f5847c; border-color: #f5847c; }

.btn-check:focus+.btn-primary, .btn-primary:focus,
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
    color: white;
    background-color: #ef4135;
    border-color: #ef4135;
}

.btn-outline-primary { color: #ef4135; border-color: #ef4135; }
.btn-outline-primary:hover { color: #fff; background-color: #b0190e; border-color: #b0190e; }

.shadow-md { box-shadow: 0 1rem 2rem rgba(0,0,0,.12)!important; }

.input-text.qty { height: 42px; }

.rounded { overflow: hidden; }

/* Modals */

@media (max-width: 575.99px) {
	.modal-dialog {
		margin: 2rem;
	}
}
.modal-dialog-scrollable { height: calc(100% - 4rem); }
.modal-dialog-centered { min-height: calc(100% - 4rem); }
.modal-backdrop.show { opacity: .75; }

/* ------ Hamburger ------ */

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before { background-color: white!Important; }

/* ------ Owl Carousel ------ */

.owl-carousel.owl-theme .owl-dots {
    width: 100%;
    max-width: 250px;
    display: flex;
    margin: 2rem auto 0 !important;
}
.owl-carousel.owl-theme .owl-dots .owl-dot {
    display: flex;
    width: 100%;
}
.owl-carousel.owl-theme .owl-dots .owl-dot span {
    width: 100%;
    height: 4px;
    margin: 0px;
    border-radius: 0px;
}
.owl-carousel.owl-theme .owl-dots .owl-dot span {
    transition: background 0.3s ease;
}
.owl-carousel.owl-theme .owl-dots .owl-dot.active span,
.owl-carousel.owl-theme .owl-dots .owl-dot:hover span {
    background: #ef4135;
}

/* ------ WooCommerce ------ */

.backdrop-overlay {
    background-color: rgba(0, 0, 0, .5);
    backdrop-filter: grayscale(100%) blur(0px);
    -webkit-backdrop-filter: grayscale(100%) blur(7px);
}

.woocommerce-products-header__title { margin-bottom: 1.5rem!important; }
@media (min-width: 768px) {
	/* .woocommerce-products-header__title { margin-bottom: 3rem!important; } */
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: #ef4135; }

/* Category Page */

.size-woocommerce_thumbnail { min-width: 100%!Important; }

.woocommerce-loop-product__link { color: #252323!Important; }

.woocommerce-loop-product__link .woocommerce-loop-product__title,
.price .woocommerce-Price-amount.amount {
	font-size: 1.2rem;
	margin-bottom: 0px;
}

/* Product Page */

.woocommerce-product-gallery {
	
	/* rounded */
	border-radius: .25rem!important;
	overflow: hidden;
	
	/* shadow-lg */
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
	
}

.woocommerce-product-gallery ol { display: flex; }

.woocommerce div.product div.images .flex-control-thumbs li {
	
	width: 100%;
	display: flex;
	float: none;
	
	margin-top: 2px;
	margin-right: 3px;
	
}

.woocommerce div.product div.images .flex-control-thumbs li:last-child { margin-right: 0; }

.woocommerce-product-attributes-item__label { padding-right: 1rem!Important; }

#additional-info-columns {
	width: 100%;
}

.woocommerce-Tabs-panel h2,
.related.products h2 { margin-bottom: 1.5rem; }

/* -- Page Issue 14/05/25 -- */



/* First Attempt
.summary, .woocommerce-product-gallery {*/
/*	width: 50% !important;*/
/*}*/

/*@media only screen and (max-width: 768px) {*/
/*	.summary, .woocommerce-product-gallery {*/
/*		width: 100% !important;*/
/*	}*/
/*}*/





/* ------ Pre-owned Products ------ */

.button-content-pre-owned, .title-content-pre-owned { display: none; }


.product_cat-pre-owned .button-content-main, 
.product_cat-pre-owned .title-content-main { display: none; }

.product_cat-pre-owned .button-content-pre-owned,
.product_cat-pre-owned .title-content-pre-owned { display: inline-flex; }


/* ------ Contact Forms ------ */

.wpcf7 form .wpcf7-response-output {
	
	margin-right: 0;
	margin-bottom: 1.5rem;
	margin-left: 0;
	
}

/* ----- Pagination ----- */

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #ef4135;
    border-color: #ef4135;
}

/* ---- Product Variations ---- */

table.variations .label { min-width: 70px; }

.woocommerce-variation-description ul { padding-left: 1rem; }

.woocommerce-variation-add-to-cart-disabled { display: none; }

/* ---- Single Post ---- */
.category-badge, .entry-meta, #secondary, #comments {display:none;}
.pagination .page-item .page-link{
	color: white;
    background: #ef4135;
    border-color: #ef4135;
}

.pagination .page-item .page-link.text-danger {
		color: white !important;
}

.pagination .page-item .page-link:hover{
	color: white;
    background: #b0190e;
    border-color: #b0190e;
} 

/* ---- Category Posts ---- */
.blog-post-title + .text-muted {display:none;}


/* ----- Fixed Products ----- */
.wrapper-1 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  grid-auto-rows: minmax(100px, auto); }
  .wrapper-1 .item {
    position: relative;
    background-size: cover;
    padding: 0!important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-color: #fb8e86; }
    .wrapper-1 .item:hover {
      background: #ef4135;
      color: white;
      z-index: 99; }

.test .bg-red {
  background-color: #ef4135; }

.test ul {
  list-style-type: none; }

.test a {
  color: white;
  text-decoration: none; }

.test .submenu-icon {
  color: #111; }

.test a:hover {
  text-decoration: underline; }

.test img {
  max-width: 100%; }

.test .menu {
  background-color: #ef4135; }

.test .submenu {
  border: 1px solid #ccc;
  padding: 0; }

.test .menu li {
  padding: 0; }

.test .menu-icon {
  color: white;
  margin-left: 10px;
  font-size: 14px; }

.test .menu {
  display: flex;
  align-items: center;
  text-align: center;
  width: 100vw;
  height: 60px;
  position: relative; }

.test .menu-item {
  flex: 1; }

.test .menu-item > a {
  line-height: 40px; }

.test .submenu {
  width: 100vw;
  position: absolute;
  top: 50px;
  left: 0;
  text-align: left;
  display: flex;
  flex-direction: column; }

.test .submenu-item {
  padding: 0; }

.test .submenu-top {
  display: flex;
  justify-content: space-around; }

.test .submenu-bottom {
  display: flex; }

.submenu-bottom-item {
  flex: 1; }

/* Submenu general styling */
.submenu-top li {
  padding-left: 0; }

.submenu-top {
  padding: 0; }

.submenu a {
  color: #111; }

.submenu-top-item {
  width: 100%;
  background-color: white;
  color: #000; }
  .submenu-top-item:hover {
    background-color: #ef4135;
    color: #fff; }

.submenu .submenu-title {
  font-weight: bold;
  color: darkslateblue; }

.submenu .submenu-title:hover {
  text-decoration: none; }

.submenu-list,
.submenu-bottom {
  margin-top: 10px; }

/* Submenu: Thumbnail list */
.thumb-list .submenu-list > li {
  display: flex;
  align-items: center; }

.submenu-thumbnail {
  margin-right: 10px; }

/* Submenu: Description list */
.desc-list .submenu-list > li {
  display: flex;
  flex-direction: column; }

.submenu-desc {
  margin-top: 10px;
  color: #555; }

/* Submenu: Icon list */
.submenu-icon {
  width: 32px; }

/* Submenu bottom */
.submenu-bottom-title {
  padding-left: 10px; }

.submenu-bottom figcaption {
  margin-top: 5px;
  font-weight: bold; }

.submenu-bottom a:hover {
  text-decoration: none; }

/* Hover rule */
.submenu {
  display: none;
  transition: opacity 1s ease-out;
  opacity: 0; }

.menu-item:hover > a {
  text-decoration: underline; }

.submenu {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99; }

@media only screen and (max-width: 768px) {
  .wrapper-1 {
    grid-template-columns: repeat(3, 1fr); } }

.groundcare-mowers:hover, .groundcare-tractors:hover{
        cursor: pointer;
}

.wrapper-1{position: relative;}
.wrapper-close{position: absolute; right: 1rem; top: 1rem;}

#menu-main-menu li a{font-size:14px;}

.related.products > .row {margin-top: 0;}
.related.products h2{margin-bottom: 0;}

#nav-area {
    transform: none !important;
}

/* Author */

.authorBio{
	display: flex;
	flex-direction: row;
	padding: 2.5em;
	width: 100%;
}

.single .authorBio{
	padding: 0;
	margin-top: 80px;
}

.authorIconSocial img{
	width: 32px;
}

.authorBioLeft{
	padding-right: 2%;
	min-width: 300px;
}

.authorBioRight{
	padding-left: 2%;
}

.authorImage{
	width: 300px;
	height: 300px;
	object-fit: cover;
	border-radius: 50%
}

.authorIconSocial{
	margin-right: 8px;
}

.authorBioName,.authorBioJob{
	margin-bottom: 12px !important;
}

.authorBioName,.authorBioJob{
	margin-top: 0 !important;
}

.author .page-header{
	display: none !important;
}

@media only screen and (max-width: 900px){
	.authorBio{
		flex-direction: column;
		padding: 1em;
	}
	.authorBioLeft, .authorBioRight{
		width: 100%;
		padding: 0;
	}
	.authorImage{
		border-radius: 3%;
		margin-bottom: 30px;
	}
}