/**
Theme Name: Duraamen Theme
Author: Wildstar Creative, Ltd.
Author URI: https://wildstarcreative.com
Description: Custom theme for the main Duraamen website.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/*=================================
 * Custom CSS for Product Tab
 *================================*/
.woocommerce-Tabs-panel .row{
	display:flex;
    flex-wrap: wrap;
}
.woocommerce-Tabs-panel .row .column{
	padding:5px;
}
.woocommerce-Tabs-panel .row .column img:hover{
	box-shadow:0 5px 5px #888;
}
.product-images{
	cursor:pointer;
}

.dd-overlay{
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	width:100%;
	height:100vh;
	background: rgba(0,0,0,0.7);
	padding: 80px 50px;
	display:none;
	align-items:center;
	justify-content:center;
	cursor:pointer;
}
.dd-overlay img{
	margin:auto;
	width:auto;
	max-height:80vh;
}

/* Make iframe responsive */
.dd-overlay iframe {
    max-width: 100%; /* Ensure it takes up full width of container */
    max-height: 90vh; /* Limit max height to 90% of viewport height */
    width: 100%;
    height: auto; /* Maintain aspect ratio */
	min-height:350px;
    border-radius: 8px;
}


/*=================================
 * Custom CSS for Download Icons
 *================================*/

.excel-download::before,
.pdf-download::before,
.powerpoint-download::before,
.word-download::before {
    font-family: 'Font Awesome\ 5 Free';
    font-size: 1.3rem;
    padding-right: 0.75rem;
    font-weight: 900;
  }

.pdf-download::before {
    content: '\f1c1';
    color: #8C2B00;
  }

.wp-block-file.pdf-download {
  margin-bottom: 0.5rem;
  color: #8C2B00;
}

.word-download::before {
    content: '\f1c2';
    color: #0031FF;
  }

.excel-download::before {
    content: '\f1c3';
    color: #1D6F42;
  }

.powerpoint-download::before {
    content: '\f1c4';
    color: #D35230;
  }


#myModal {
    z-index: 9999 !important;
    transition-duration: 0.35s;
    background-color: unset;
    height: 100vh;
    width: 100vw;
    padding: 0;
    margin: 0;
    overflow: hidden;
	display:none;
	position: fixed;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
}
#myModal .close {
    position: absolute;
    display: flex
;
    justify-content: right;
    cursor: pointer;
    z-index: 1;
    align-items: flex-start;
    float: none;
    height: 70vw;
    width: 100vw;
    padding: 0;
    background-color: unset;
}
#myModal .modal-content {
    transition-duration: 0.35s;
    align-content: center;
    height: 100vh;
    width: 100vw;
    max-width: unset;
    background-color: #000000d1;
    overflow: hidden;
}
#myModal .modal-content .prev {
    position: absolute;
    cursor: pointer;
    display: flex
;
    z-index: 999;
    color: #fff;
    width: 50vw;
    height: 8vh;
    bottom: 0;
    left: 0;
    font-size: 2vw;
    align-items: center;
    justify-content: center;
    transition-duration: 0.35s;
    margin: 0;
    padding: 0;
    top: unset;
}
#myModal .modal-content .next {
    position: absolute;
    cursor: pointer;
    display: flex
;
    z-index: 999;
    color: #fff;
    width: 50vw;
    height: 8vh;
    bottom: 0;
    right: 0;
    font-size: 2vw;
    align-items: center;
    justify-content: center;
    transition-duration: 0.35s;
    margin: 0;
    padding: 0;
    top: unset;
}
#myModal .modal-content .mySlides {
    transition-duration: 0.35s;
    width: 100vw;
    height: 100%;
    padding: 8%;
    align-content: center;
    justify-content: center;
}
#myModal .modal-content .img-fluid {
    object-fit: contain;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
	cursor:pointer !important;
}



/*=============================================
 * Home Page Floor Coating Grid
 *===========================================*/
.floor-coating-wrap .tile {
    margin: 0;
    position: relative;
	background:#fff;
	padding:0px;
}
.floor-coating-wrap{
	gap:30px;
}
.floor-coating-wrap .col-lg-3 {
   width: calc(25% - 23px);
}
.floor-coating-wrap a.btn.btn-shop {
    width: 200px;
    border: 2px solid #000;
    border-radius: 0;
    color: #000;
    font-weight: 600;
    line-height: 20px;
    text-decoration: none;
}
.floor-coating-wrap .button-cont {
    margin-top: 0;
    margin-bottom: 15px;
}
.floor-coating-wrap .hover-image{
	text-align:center;
	display:none;
}

.floor-coating-wrap .desc
 {
    text-align: center;
    width: 100%;
    padding: 5%;
    color: #3a3a3a;
    text-decoration: none;
    font-size: calc(13px + .1vw);
    font-weight: 500;
    background-color: #fff;
    height: auto;
    min-height: calc(30px + 2vw);
    text-transform: uppercase;
}
.floor-coating-wrap > .tile .hover-image {
  display: none;
}

.floor-coating-wrap > .tile:hover .image {
  display: none;
}

.floor-coating-wrap > .tile:hover .hover-image {
  display: block;
}


/* --- Place in your theme or plugin CSS file, or inside <style> --- */
#productLineSlider {
    position: relative;
}

#productLineSlider .pls-viewport {
    overflow: hidden;
    width: 100%;
    scroll-behavior: smooth;
}

#productLineSlider .slider {
    display: flex;
    align-items: stretch;
}

#productLineSlider .slide-cont {
    position: relative;
    height: 250px;
    min-width: 250px;
    margin: 0 5px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

#productLineSlider .slide-cont img {
    height: 100%;
    opacity: 1;
}
#productLineSlider .slide-bg-image{	
	display:block;
	min-height:250px;
}
#productLineSlider .slide-bg-image:hover {
	opacity:0.6;
}

#productLineSlider .slide-cont .rectangle {
    position: absolute;
    top: 25%;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100px;
}
#productLineSlider .slide-cont .title {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    color: #fff;
    font-size: calc(14px + 0.01vw);
    text-align: center;
    font-weight: 300;
}
#productLineSlider .slide-cont .title h5 {
    display: inline;
    margin: 0;
    color: #fff;
    font-size: calc(16px + 0.2vw);
    font-weight: 700;
}
/* Arrows */
#productLineSlider .pls-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: none;
    width: 30px;
    height: 50px;
    border-radius: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
    font-size: 60px;
    user-select: none;
}
#productLineSlider .pls-arrow:hover {
    background: rgba(0,0,0,0.7);
}

#productLineSlider .pls-arrow.pls-prev { left: 10px; }
#productLineSlider .pls-arrow.pls-next { right: 10px; }
@media (max-width: 768px) {
    #productLineSlider .pls-arrow { display: none; }
	.floor-coating-wrap .col-lg-3 {
		flex: 0 0 auto;
		width: calce(50% - 15px);
	}
}
/* Optional: cursor during drag */
#productLineSlider .pls-viewport.dragging { cursor: grabbing; }


@media (max-width: 1024px) {
	.floor-coating-wrap .col-lg-3 {
		flex: 0 0 auto;
		width: calc(50% - 15px);
	}
}
@media (max-width: 600px) {
	.floor-coating-wrap .col-lg-3 {
		flex: 0 0 auto;
		width: 100%;
	}
}



/*=====================================
 * Pros Contractor Shortcode
 *===================================*/
.floor_systms {
    display: flex;
    gap: 40px;
    align-items: start;
    flex-wrap: wrap;
}
.floor_systms_lst {
    width: 48%;
    display: flex;
    align-items: flex-start;
    gap: 40px;
    box-sizing: border-box;
    flex-wrap: nowrap;
}
.floor_systms_img {
    flex-basis: 33.33%;
}
.single-pro-contractor .floor_systms_lst img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: bottom right;
    width: 100%;
}
.floor_systms_cnt {
    flex-basis: 66.66%;
}
.single-pro-contractor .customfloorsys h4 {
    font-size: 1.1rem;
    font-weight: 600;
}
.single-pro-contractor .floor_systms_lst p {
    font-weight: 500;
    font-size: 0.9rem;
}
.single-pro-contractor .floor_systms_lst p a {
    padding-bottom: 1px;
    border-bottom: 1px solid #CCC;
    letter-spacing: 0.01em;
    font-weight: 500;
}

@media (max-width:768px){
	.floor_systms_lst{
		width:100%;
	}
}



/*==============================================
 * Flooring Application Grid Design
 *=============================================*/
.application-flooring {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.application-flooring .card-layout {
    width: calc(50% - 12px);
    display: flex;
    flex-direction: column;
}
.application-flooring .card-image a {
    position: relative;
    display: block;
    padding-top: 56.25%;
    object-fit: cover;
    overflow: hidden;
    transition: all 0.35s 
ease-in-out;
}
.application-flooring .card-image a img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.35s 
ease-in-out;
}
.application-flooring .card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #fff;
}
.application-flooring .card-content h3 {
    display: flex;
    background-color: #3a3a3a;
    align-items: center;
    color: #fff;
    padding: 0.5rem;
    font-weight: 400;
    margin-bottom: 0;
    font-size: 1.5em;
}
.application-flooring .card-content .card-desc {
    background-color: #fff;
    padding: 0.5rem;
}
.application-flooring .card-content ul {
    padding-left: 20px;
    margin-bottom: 20px;
}
.application-flooring .card-content ul li:not(:last-child) {
    margin-bottom: 10px;
}
::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: auto !important;
}
.application-flooring .card-content ul li a {
    font-weight: 600;
    transition: all 0.35s 
ease-in-out;
}

.floor-application-template-ChooseYourFloor-2-Application .category-tiles ul.products, .floor-application-template-ChooseYourFloor-3-Option .category-tiles ul.products {
    display: grid;
    padding: 0;
    grid-gap: 1.5rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.floor-application-template-ChooseYourFloor-2-Application .category-tiles ul.products li.product, .floor-application-template-ChooseYourFloor-3-Option .category-tiles ul.products li.product {
    background-color: #3a3a3a;
    width: auto;
    margin: 0;
    float: none;
    padding: 0;
    display: grid;
    grid-template-rows: 13.75rem auto;
    align-items: stretch;
}
.floor-application-template-ChooseYourFloor-2-Application .category-tiles ul.products .appcat, .floor-application-template-ChooseYourFloor-3-Option .category-tiles ul.products .appcat {
    transition-duration: 0.35s;
}
.floor-application-template-ChooseYourFloor-2-Application .category-tiles ul.products .appcat::before{
	display:none !important;
}
.floor-application-template-ChooseYourFloor-2-Application .category-tiles ul.products li.product .category-tile-a-img, .floor-application-template-ChooseYourFloor-3-Option .category-tiles ul.products li.product .category-tile-a-img {
    overflow: hidden;
    max-height: 16.125rem;
    display: flex;
    align-items: center;
}
.floor-application-template-ChooseYourFloor-2-Application .category-tiles ul.products li.product a img.attachment-woocommerce_thumbnail, .floor-application-template-ChooseYourFloor-3-Option .category-tiles ul.products li.product a img.attachment-woocommerce_thumbnail {
    margin: 0;
    width: 100%;
    min-height: 15.625rem;
    object-fit: cover;
}
.floor-application-template-ChooseYourFloor-2-Application .category-tiles ul.products li.product .category-tiles-a-label, .floor-application-template-ChooseYourFloor-3-Option .category-tiles ul.products li.product .category-tiles-a-label {
    background-color: #3a3a3a;
}
.floor-application-template-ChooseYourFloor-2-Application .category-tiles ul.products li.product .category-tile-label, .floor-application-template-ChooseYourFloor-3-Option .category-tiles ul.products li.product .category-tile-label {
    display: flex;
    background-color: #3a3a3a;
    align-items: center;
    height: 100%;
    color: #fff;
    padding: 15px;
    font-weight: 400;
}

@media (max-width:768px){
	.application-flooring .card-layout {
		width: 100%;
	}
}


.floor-application-template-ChooseYourFloor-3-Option .category-tiles ul.products li.product a img.attachment-woocommerce_thumbnail {
    width: 100%;
    min-height: 15.625rem;
    object-fit: cover;
    margin: 0px;
}
.floor-application-template-ChooseYourFloor-3-Option .category-tiles ul.products li.product .category-tile-a-img {
    transition-duration: 0.35s;
}
.floor-application-template-ChooseYourFloor-3-Option .category-tiles ul.products li.product {
    background-color: rgb(255, 255, 255);
    grid-template-rows: 15.625rem max-content 8.5rem auto max-content;
}
.floor-application-template-ChooseYourFloor-3-Option .category-tiles ul.products {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 0px;
    gap: 1.5rem;
}
 .floor-application-template-ChooseYourFloor-3-Option .category-tiles {
    margin-top: 1.5rem;
}
.woocommerce ul.products li.product a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
}
.floor-application-template-ChooseYourFloor-3-Option .category-tiles ul.products li.product .category-tiles-a-label {
    background-color: rgb(58, 58, 58);
}
.floor-application-template-ChooseYourFloor-3-Option .category-tiles ul.products li.product .category-tile-label {
    display: flex;
    background-color: rgb(58, 58, 58);
    align-items: center;
    height: 100%;
    color: rgb(255, 255, 255);
    font-weight: 400;
    padding: 0.5rem;
}
.floor-application-template-ChooseYourFloor-3-Option .category-tiles ul.products li.product .short_description {
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 1rem;
}
.floor-application-template-ChooseYourFloor-3-Option .category-tiles ul.products li.product .button {
    background-color: rgb(58, 58, 58);
    color: rgb(255, 255, 255);
    text-align: center;
    text-transform: uppercase;
    transition-duration: 0.35s;
    margin: 1rem 2rem;
    padding: 0.5rem;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(58, 58, 58);
    border-image: initial;
}
.floor-application-template-ChooseYourFloor-3-Option ul li::before{
	display:none !important;
}

 .product-data-downloads li {
    display: flex;
    align-items: center;
	 margin-bottom:0px !important;
}
.pdf-download::before {
    content: '\f1c1' !important;
    color: #8C2B00 !important;
	margin-right:0px !important;
	font-size:20px !important;
}
.flooring-app-alt-4 .short-code .img-fluid, .flooring-app-alt-4 .short-code .text-center, .flooring-app-alt-4 .short-code .additional-desc, .flooring-app-alt-4 .short-code .review-rating{
	display:none !important;
} 
.flooring-app-alt-4 .short-code{
    padding: 10px 0 0 0;
    border-top: 1px solid #ddd;
}
.flooring-app-alt-4 .short-code table{
	border:none;
}
.flooring-app-alt-4 .short-code .woocommerce-variation-price, .flooring-app-alt-4 .short-code .woocommerce-variation-availability{
	display:none;
}
.flooring-app-alt-4  .short-code .woocommerce-variation-add-to-cart {
	display:flex;
}
.flooring-app-alt-4 .single_add_to_cart_button{
	width:100%;
	background:#313131 !important;
	color:#fff !important;
	height:40px;
}

@media (max-width:500px){
	.ast-container .woocommerce ul.products:not(.elementor-grid), .woocommerce-page ul.products:not(.elementor-grid), .woocommerce.mobile-columns-2 ul.products:not(.elementor-grid), .woocommerce-page.mobile-columns-2 ul.products:not(.elementor-grid) {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
}


#accordion .card {
    border: 0;
}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
#accordion .card-header {
    background: #f1f0f0;
    border: 0;
}
div#accordion h3 {
    background-color: transparent;
    border: 0;
    color: #000;
    width: 100%;
    text-align: left;
    text-decoration: unset;
    padding: 0;
    padding-right: 20px;
    position: relative;
    font-size: 16px;
    cursor: pointer;
    font-weight: 500;
}
div#accordion h3.collapsed::after {
    content: '+';
}

div#accordion h3.btn-link::after {
/*     content: '-'; */
    position: absolute;
    right: 0;
    font-weight: 400;
    font-size: 30px;
    top: 50%;
    transform: translateY(-50%);
}
/* .collapse:not(.show) {
    display: none;
} */
.card-body {
    background: #f1f0f0;
}
.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}