/*
Theme Name: Digital Muscle Flooring FX
Author: Digital Muscle
Author URI: https://seocompanycanberra.com.au/
Description: Flooring FX custom theme
Version: 1.0.0
Tested upto: 6.2
*/
.main-footer a {text-decoration: none;}
.footer-form {
 padding-left: 100px;
 padding-right: 50px;
 position: relative;
}
input, textarea {
 font-family: 'Raleway', sans-serif;
 font-size: 1rem;
 padding: 0.5rem .75rem;
}
.footer-form textarea {
  line-height: 1.3rem;
}
.footer-form button {
 border: 0;
 padding: .5rem 2rem;
 display: inline-block;
 width: auto;
 align-self: flex-end;
 cursor: pointer;
 color: var(--textcolor);
}
.ff-badge {
 position: absolute;
 top: 0;
 left: 0;
 background: #e6b87b;
 padding: 3rem 5px;
 transform: translateY(-4.2rem);
 line-height: 1em;
}
.ff-badge .taviraj {
 line-height: 38px;
 letter-spacing: -1px;
 -webkit-text-stroke: 1px var(--textcolor);
 text-stroke: 1px var(--textcolor);
}
.ff-badge:after {
 content: '';
 width: 0;
height: 0;
border-style: solid;
border-width: 0 50px 10px 50px;
border-color: transparent transparent  var(--textcolor) transparent;
 position: absolute;
 bottom: -1px
}
.ff-badge:before {
 content: '';
 width: 0px;
 height: 0px;
 border-style: solid;
 border-width: 5px 0 0 5px;
 border-color: transparent transparent transparent #714408; 
 position: absolute;
 top: 0;
 left: 100%;
}
.link-btn {overflow: hidden;position: relative;}
.link-btn span {position: relative; z-index: 3;}
.link-btn.bg-white.text-darkblue:before,  .link-btn.bg-white.text-darkblue:after,
.link-btn.bg-white.text-dark:before,  .link-btn.bg-white.text-dark:after,
.link-btn.bg-darkblue:before,  .link-btn.bg-darkblue:after{
 content: '';
 display: block;
 width: 100%;
 height: 100%;
 z-index: 2;
 position: absolute;
 top: 0;
 transition: right .3s linear;
}
.link-btn.bg-white.text-darkblue:before,  .link-btn.bg-white.text-darkblue:after,
.link-btn.bg-white.text-dark:before,  .link-btn.bg-white.text-dark:after,
.link-btn.bg-darkblue:before,  .link-btn.bg-darkblue:after {
 background: var(--grass);
}
.bg-grass .link-btn.bg-darkblue:before,  .bg-grass .link-btn.bg-darkblue:after {
 background: #fff;
}
.link-btn.bg-white.text-darkblue:before,
.link-btn.bg-white.text-dark:before,
.link-btn.bg-darkblue:before {
 left: 100%;
 transition: left .3s linear;
}
.link-btn.bg-white.text-darkblue:after,
.link-btn.bg-white.text-dark:after,
.link-btn.bg-darkblue:after {
 right: 100%;
 transition: right .3s linear;
}
.woocommerce-breadcrumb {
	background: #dddddd;
    color: #fff;
    text-align: center;
    padding: 0.25rem 1rem;
    font-size: .8rem;
}
.woocommerce-breadcrumb a {color: #fff;}
.one-product {align-items: center;}
.product-image {width: 30%;}
 .product-text {width: 70%;}
.product-text {padding: 2rem;}

.menu-top-menu-container .menu > li.megamenu {
 position: initial;
}
.menu-top-menu-container .menu > li.megamenu > a {
 position: relative;
}
.menu-top-menu-container .menu > li.megamenu:hover > a:after {
 content: '';
 display: block;
 width: 100%;
 height: 71px;
 background: transparent;
 position: absolute;
 top: 100%;
 left: 0;
}
.menu-top-menu-container .menu > li.megamenu:hover > a{
color: #000!important;
}

.menu-top-menu-container .menu > li.megamenu > ul {
 width: 100%;
 left:  0;
 /* position: fixed; */
 /* top:  100px; */
 display:  flex;
 justify-content: space-between;
 z-index: 9;
/* overflow: initial; */
 background: #f6f6f6;
 padding: 0;
}
.sub-menu {list-style: none;}
.menu-top-menu-container .menu > li.megamenu > ul:before,
.menu-top-menu-container .menu > li.megamenu > ul:after {
 content: '';
 display: block;
 width: 49vw;
 height: 100%;
 position: absolute;
 background: #f6f6f6;
 top: 0;
 z-index: -1;
}
.menu-top-menu-container .menu > li.megamenu > ul:before {
 left: 50%;
 transform: translateX(-50vw);
}
.menu-top-menu-container .menu > li.megamenu > ul:after {
 right: 50%;
 transform: translateX(49.4vw);
}

.menu-top-menu-container .menu > li.megamenu > ul > li {width: 25%;padding-top: 1rem; padding-bottom: 1rem;}
.menu-top-menu-container .menu > li.megamenu > ul > li.recommend {background: #dbdbdb;}
.menu-top-menu-container .menu > li.megamenu > ul > li > a {color: #000; text-transform: initial; cursor: default;}
.menu-top-menu-container .menu > li.megamenu > ul > li > a:hover {background: transparent;}

input.wpcf7-form-control[type=submit]{padding: 1.25rem 2rem;font-family: 'Raleway', sans-serif; font-weight: 700;
    font-size: 1rem;border-radius: 3rem;background: var(--darkblue); display: inline-block;color: #fff;cursor: pointer; border: 0;}
    

footer input.wpcf7-form-control[type=submit]{background: var(--grass);color: var(--darkblue);}

@media screen and (max-width: 1024px) {
 .menu-top-menu-container .menu > li.megamenu > ul.sub-menu {
  height: auto;
/*   max-height: 0; */
  overflow: hidden;
 }
 .menu-top-menu-container .menu > li.megamenu > ul > li {
  width: 100%;
  padding-top: 0;
 }
 .submegamenu > ul {   
   height: auto;
   max-height: 0;
   overflow: hidden;
 }
 .submegamenu.active > ul {
  max-height: 900px;
 } 
}


@media (pointer:fine) {
  .link-link:hover:after, .main-footer a:hover:after {width: 100%;}
  .link-btn.bg-darkblue:hover {color: var(--darkblue)!important;}
  .link-btn.bg-white.text-darkblue:hover:before,
  .link-btn.bg-white.text-dark:hover:before,
  .link-btn.bg-darkblue:hover:before {
   left: 0;
   transition: left .3s linear;
  }
  .link-btn.bg-white.text-darkblue:hover:after,
  .link-btn.bg-white.text-dark:hover:after,
  .link-btn.bg-darkblue:hover:after {
   right: 0;
   transition: right .3s linear;
  }
 nav .level2 > .sub-menu a:hover {
  box-shadow: inset 0 0 0 50px #385063;
  color: var(--grass);
 }
 nav .level1:hover:after {
  content: '';
  display: block;
  width: 100%;
  height: 50px;
  background: transparent;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
 }
 nav .level1:hover > .sub-menu {
  padding: 2rem 3rem;
  max-height: 1000px;
  opacity: 1;
 }
 nav .level1:hover > .text-white {
  color: var(--grass);
 }
 .woocommerce-loop-product__link .woocommerce-loop-product__title.h4.py-1:hover, input.wpcf7-form-control[type=submit]:hover {background: #385063; color: var(--grass);}
}