/* Product Detail page */
.palmer-accordion-finishes {
    margin-top: 2%;
    display: flex;
    width: 100%;
    gap: 11px;
    justify-content: space-evenly;
}

.palmer-accordion-content-finishes img {
    border: 1px solid #827f7f !important;
}

.palmer-accordion-content-optionses img {
    border: 1px solid #827f7f;
    max-width: 100%;
    min-width: 100%;
}

.palmer-accordion-content-shelveses img {
    border: 1px solid #827f7f;
    max-width: 180px;
    min-width: 180px;
}

.palmer-accordion-content-shelveses img {
	width: 100%;
	height: auto;
}

.palmer-accordion-content-shelf-supportes img {
    border: 1px solid #827f7f;
    max-width: 120px;
    min-width: 100px;
}

.palmer-accordion-content-text {
    margin-top: 12px;
}

.palmer-accordion-shelveses {
    display: flex;
    gap: 6%;
    text-wrap-style: balance;
    justify-content: space-evenly;
}

.palmer-accordion-shelf-supportes {
    display: flex;
    gap: 5%;
    margin-top: 3%;
}

/* Product Detail page */

.palmer-accordion-content-finishes-text,
.palmer-accordion-content-shelveses-text,
.palmer-accordion-content-shelf-supportes-text,
.palmer-accordion-content-optionses-text,
.palmer-accordion-content-mountingses-text,
.palmer-accordion-content-hookses-text,
.palmer-accordion-content-finialses-text {
    font-size: 16px;
    line-height: 1.2;
    margin-top: .5em;
    margin-bottom: 1.2em;
}

.palmer-accordion-optionses {
	display: flex;
	gap: 5%;
	padding-bottom: 30px;
}

.palmer-accordion-optionses:last-child {
	border-bottom: 1px solid #000;
}


.palmer-accordion {
    display: grid;
    gap: 10px;
}

.palmer-accordion.one-columns {
    grid-template-columns: 1fr;
}

.palmer-accordion.two-columns {
    grid-template-columns: 1fr 1fr;
}

.palmer-accordion.three-columns {
    grid-template-columns: 1fr 1fr 1fr;
}

.palmer-accordion.four-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.palmer-accordion.five-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.palmer-accordion.six-columns {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}


/* popup */
.popup-inner-content .acc-img-close-btn {
    display: flex;
    justify-content: center;
}

.popup-inner-content .acc-img-close-btn img {
    margin: 0;
}
.product-finishes-popup .aligncenter {
    max-height: 100%;
}

.popup-inner-content {
	width: 80%;
	max-width: 80vw;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

.popup-flex-container {
	align-items: center;
	display: flex;
	padding: 20px 20px;
	gap: 20px;
	background: #fff;
	width: 80%;
}

.popup-para-header {
    font-family: 'Baskervville';
    font-weight: 600;
    font-size: 28px;
    padding-bottom: 30px;
}


.popup-para-content {
	overflow: auto;
	max-height: unset;
	background-color: white;
	padding: 15px 30px;
	text-align: left;

	/* margin: 0; */
	color: #19181899;
	font-family: "Jost";
	font-size: 18px;
	font-weight: 400;
	line-height: 25.2px;
}

.popup-flex-container .aligncenter {
	width: 60%;
	margin-bottom: 0;
	max-height: unset;
	border: 1px solid rgb(126 116 116);
}

.popup-para-content div {
	margin: 10px 0;
}

.popup-para-content .palmer-button.palmer-primary-btn a {
	color: #242424 !important;
	font-family: "jost";
	font-size: 18px;
	font-weight: 400;
	line-height: 25.2px;
	letter-spacing: 0;
}

.popup-para-content .palmer-button.palmer-primary-btn a::after {
	content: none;
}

.popup-para-content .palmer-button.palmer-primary-btn {
	border-radius: 0;
}

.popup-para-content ul {
	margin: 0 0 10px 0;
	padding: 0px;
}

.popup-para-content ul li {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	display: inline-block;
	position: relative;
	font-family: "Jost";
	font-weight: 400;
	line-height: 25.2px;
}

.popup-para-content ul li a {
	color: #19181899;
}

.popup-para-content ul li:before {
	content: "•";
	display: inline-block;
	font-size: 30px;
	margin-right: 5px;
	vertical-align: -9px;
}

.popup-para-content {
	color: #676767;
}

.popup-inner-content a.popup-para-pdf {
	display: flex;
}

.popup-inner-content a img.alignnone {
	width: 20px;
	height: 20px;
}

.aligncenter {
	width: 50%;
	margin-bottom: 0;
	max-height: 480px;
	border: 1px solid rgb(126 116 116);
}

@media (max-width: 769px) {
    .palmer-accordion {
		display: flex !important;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
    
    /* section - 1  accodian - Finishes */
    .palmer-accordion-content-finishes,
    .palmer-accordion-content-mountingses,
    .palmer-accordion-content-finialses,
    .palmer-accordion-content-hookses,
    .palmer-accordion-content-configurationses {
        width: 47%;
    }

    .palmer-accordion-finishes {
        flex-wrap: wrap;
    }

    /* section - 1  accodian - Shelving and Shelf Supports, Options */
    .palmer-accordion-shelveses,
    .palmer-accordion-shelf-supportes,
    .palmer-accordion-optionses {
        flex-wrap: wrap;
    }

    .palmer-accordion-content-shelveses,
    .palmer-accordion-content-shelf-supportes,
    .palmer-accordion-content-optionses {
        width: 47%;
    }

    .palmer-accordion-content-shelveses img,
    .palmer-accordion-content-shelf-supportes img,
    .palmer-accordion-content-optionses img {
        max-width: 100%;
        min-width: 100%;
    }

    .palmer-product-content-container .elementor-button-wrapper {
        text-align: left;
    }

    .palmer-product-content-container .palmer-product-button-container .e-con-full {
        justify-content: flex-start;
    }

    .palmer-product-button-container {
        gap: 20px;
    }

    /* popups */
    .popup-flex-container {
        flex-direction: column;
		width:100%;
    }

    .popup-flex-container .aligncenter {
        width: 100%;
    }

    .aligncenter {
        width: 90%;
    }

    .mfp-content .mfp-close {
        top: -40px !important;
    }
}

@media (min-width: 768px) and (max-width: 1300px) {

    .palmer-accordion {
		display: flex !important;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}

    /* section - 1  accodian - Finishes, Shelving and Shelf Supports, Options */
    .palmer-accordion-finishes,
    .palmer-accordion-shelveses,
    .palmer-accordion-shelf-supportes,
    .palmer-accordion-optionses {
        flex-wrap: wrap;
        display: flex;
    }

    .palmer-accordion-content-finishes,
    .palmer-accordion-content-shelveses,
    .palmer-accordion-content-shelf-supportes,
    .palmer-accordion-content-optionses {
        /* width: 20%; */
        width: 20%;
    }

    .palmer-accordion-content-mountingses,
    .palmer-accordion-content-finialses,
    .palmer-accordion-content-hookses,
    .palmer-accordion-content-configurationses {
        width: 47%;
    }

    .palmer-accordion-content-shelveses img,
    .palmer-accordion-content-shelf-supportes img,
    .palmer-accordion-content-optionses img {
        max-width: 100%;
        min-width: 100%;
    }
}