/*
Theme Name: Marmetal Child theme
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Octantis Team
Author URI: https://octantis.ca
Version: 3.4.4.1756922563
Updated: 2025-09-03 18:02:43

*/

.elementor-location-header a[data-type=phone] span {
    color: #326566 !important;
    font-weight: 700;
}
.e-n-menu-item .e-n-menu-content .elementor-icon-list-text:after, .menu-dropdown-text:after {
	content: "";
    width: 20px;
    height: 20px;
    background: url(/wp-content/uploads/2025/09/fleche.svg) center / contain no-repeat;
    display: inline-block;
    margin-left: 10px;
    top: 6px;
    position: relative;
	transition: all 0.2s  ease;
	left:0;
}
.carousel-categories-home {
	.premium-woo-cats__desc {
		display: -webkit-box;
		-webkit-line-clamp: 3;   /* nombre de lignes max */
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.premium-woo-cats__category img {
		object-fit: cover;
		height: 230px;
	}
}

.premium-woo-cats__content-wrap::after {
	content: '';
	transition: all 0.3s ease;
	background: url('/wp-content/uploads/2025/09/green-arrow.svg') no-repeat 95% center;
	display: block;
	width: 100%;
	height: 25px;
}
.slick-slide {
    transform: scale(1);
    transform-origin: 100% 50%;
    transition: all 0.3s ease;
}
.slick-slide:not(.slick-active) {
    opacity: 0;
    pointer-events: none;
}
.slick-slide.slick-current {
    transform: scale(1);
    transform-origin: 100% 0%;
    transition: all 0.3s ease;
}
.slick-slide:not(.slick-current ){
    transform: scale(0.9);
    transform-origin: 100% 0%;
    transition: all 0.3s ease;
}
.slick-slide:hover .premium-woo-cats__content-wrap::after {
	content: '';
	transition: all 0.3s ease;
	background-position: 97% center;
}
.slick-dots {
  list-style: none;              /* enlever les puces */
  counter-reset: li-counter;     /* initialiser le compteur */
  padding: 0;
  margin: 0;
display: inline-block;
width: auto !important;
margin-left: 200px !important;
margin-top: 100px !important;
}


.slick-dots li {
  counter-increment: li-counter; /* incrémenter à chaque li */
  position: relative;
  padding-left: 2em;             /* espace pour le numéro */
}
.slick-dots li::before {
  content: counter(li-counter, decimal-leading-zero); /* 01, 02, 03 */
  position: absolute;
  left: 0;
  font-weight: bold;
  color: #fff;
	font-size: 18px;
	font-weight: 400;
}
.slick-dots li.slick-active::before {
	color:#539697;
}



.menu-dropdown-text:after {
	top:0;
}
.e-n-menu-item .e-n-menu-content .elementor-icon-list-text:hover:after, .menu-dropdown-text:hover:after {
    left: 5px;
	transition: all 0.2s  ease;
}

.menu-dropdown-text p {
    display: inline-block;
}
.menu-dropdown-text {
    display: flex;
    align-items: flex-start !important;
    flex-direction: row !important;
    gap: 0 !important;
}

@media screen and (min-width: 1300px) {
	.decaler {
		left: -90px;
	}
	.decaler > div {
		transform: translateX(90px);
	}

}

.product-category-title a:link,
.product-category-title a:visited,
.product-category-title a:hover,
.product-category-title a:active {
	font-family: "Poppins", Sans-serif;
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	color: #FFFFFF;
}


/*Metal*/


.copyright {
	color: #fff !important;
	font-family: "Poppins", Sans-serif !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	font-size: 10px !important;
	text-shadow: 1px 1px 2px #000000 !important;
	top: right !important;
	position: absolute !important;
	bottom: 10px;
	right: 10px;
	width: auto;
}

.text-header-pages
{
	font-family: "Poppins", Sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    color: #fff !important;
    margin-top: 95px;
}
.pages-h1 h1
{
	font-family: "Poppins", Sans-serif !important;
    font-weight: 900 !important;
    text-transform: capitalize !important;
    font-size: 60px !important;
    color: #fff !important;
    max-width: 600px !important;
}

h1.product_title, .product-category-title {
	text-shadow: 1px 1px 2px #000000 !important;
}

.pages-header-settings
{
	height: 400px !important;
}
.pages-h2 h2
{
	font-family: "Poppins", Sans-serif !important;
    font-weight: 600 !important;
    font-size: 44px !important;
    color: #336768 !important;
    margin-top: 75px;
}
.pages-h2-background
{
background-color: #fff;
}

.pages-h2-subtext
{
	font-family: "Poppins", Sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #595f6e !important;
    margin-top: 45px;
    margin-bottom: 70px !important;

}
.category-template-default {
    background-image: url("https://marmetal.com/wp-content/uploads/2025/09/body-background-category-right.jpg");
    background-repeat: no-repeat;
    background-position: right top; /* aligns to the right edge */
    background-size: auto; /* keeps original size */
}


.high-quality h5 {
	font-family: "Poppins", Sans-serif !important;
	font-weight: 500 !important;
	font-size: 18px !important;
	color: #595f6e !important;
	text-transform: uppercase !important;
}

.find-the-right h6 {
	font-family: "Poppins", Sans-serif !important;
	font-weight: 400 !important;
	font-size: 30px !important;
	color: #336768 !important;
	/* text-transform: uppercase !important; */
	max-width: 300px;
}


.category-loop-container {
	width: 325px !important;
	max-height: 420px !important;
	overflow: hidden;
	height: 420px !important;
	background: #fff;
	outline: 1px solid #e8e5e5;
	outline-offset: -1px;
	padding: 0 !important;
	--padding-top: 0 !important;
}

.category-image-loop
{
	width: 325px;
	height: 235px;
}

.category-image-loop img {
	height: 235px !important;
}

.titre-category-loop h2
{

	font-family: "Poppins", Sans-serif !important;
    font-weight: 600 !important;
    font-size: 19px !important;
    color: #2f5e60 !important;
    text-transform: uppercase !important;

}

.category-loop-arrow > div > a > svg {
	fill: #326767 !important;
}

.footer-spacer
{
	height: 80px !important;
}


/*Calculator*/

.form-container {
    background-color: #eff3f4;
    border-radius: 12px !important;
    padding-left: 30px;
    padding-right: 30px;
}

.form-container form {
	margin-left: 30px;
	margin-right: 30px;
}

.form-container label {
	font-family: "Poppins", Sans-serif !important;
	font-weight: 500 !important;
	font-size: 28px !important;
	color: #336768;
	margin-top: 24px;
	margin-bottom: 20px;
}

.form-container label .resultstitle {
	font-size: 22px !important;
	margin-bottom: 0;
}

.underfields.underfields .ginput_container input
{
	border-bottom: #336768 solid 2px;
	border-top: none;
	border-right: none;
	border-left: none;
	color: #595f6e;
	font-family: "Poppins", Sans-serif !important;
	font-weight: 400 !important;
	font-size: 12px !important;
	height: 42px;
}



.underfields.underfields .ginput_container textarea
{
	border-bottom: #336768 solid 2px;
	border-top: none;
	border-right: none;
	border-left: none;
	color: #595f6e;
	font-family: "Poppins", Sans-serif !important;
	font-weight: 400 !important;
	font-size: 12px !important;
}


#gform_submit_button_2
{
background-color: #2f5e60;
width: 125px;
height: 50px;
color: #fff;
	font-family: "Poppins", Sans-serif !important;
	font-weight: bold !important;
	font-size: 14px !important;
}


#gform_submit_button_3
{
background-color: #2f5e60;
width: 125px;
height: 50px;
color: #fff;
	font-family: "Poppins", Sans-serif !important;
	font-weight: bold !important;
	font-size: 14px !important;
}


#gform_submit_button_5
{
background-color: #2f5e60;
width: 125px;
height: 50px;
color: #fff;
	font-family: "Poppins", Sans-serif !important;
	font-weight: bold !important;
	font-size: 14px !important;
}


/* Hide only the length_unit Unit label */
label[for="form-field-length_unit"] {
  color: transparent !important;
}

/* Hide only the diameter_unit Unit label */
label[for="form-field-diameter_unit"] {
  color: transparent !important;
}

label[for="form-field-gauge_unit"] {
  color: transparent !important;
}
label[for="form-field-width_unit"] {
  color: transparent !important;
}
label[for="form-field-thickness_unit"] {
  color: transparent !important;
}
label[for="form-field-inner_diameter_unit"] {
  color: transparent !important;
}
label[for="form-field-outer_diameter_unit"] {
  color: transparent !important;
}
label[for="form-field-wall_unit"] {
  color: transparent !important;
}

label[for="form-field-height_unit"] {
  color: transparent !important;
}


.e-form__buttons,
.elementor-field-group-field_d4780de {
  display: flex;
  justify-content: flex-start;
  gap: 12px;
}


form[name="calculator"] .e-form__buttons {
    display: none !important;
}

#calculate-btn {
	    order: 1;
    background-color: #204748;
    min-width: 190px;
    height: 40px;
    border-radius: 3px;
    border-color: transparent;
    font-family: poppins;
    font-weight: bold;
    font-size: 16px;
    color: #cedcdc;
    margin-left: 0.8em;
    text-transform: uppercase;
    display: none;
}

#calculate-btn-hidden
{
    display: none;
}

#reset-btn {
    order: 2;
    background-color: #ffffff;
    min-width: 190px;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #336768;
    font-family: poppins;
    font-weight: bold;
    font-size: 16px;
    color: #336768;
    margin-top: 0;
    margin-left: 0.8em;
    text-transform: uppercase;
}

#reset-btn:hover {
    color: #33676899;
}
.calculator-buttons {
	width: 25%;
	display: flex;
	align-items: flex-end;
	padding-bottom: 1.1em;
}
#calculate-btn:hover {
    background: #4f6660;
}
.bottom-form-results {
	background-color: #cad9d5;
	border-radius: 12px;
	min-height: 156px;
	padding: 30px;
	display: flex;
	margin-top: 2em;
}

.bottom-form-results label {
	margin-top: 0px;
}

.arrow p{
	display: inline !important;
}
.arrow::after{
 content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('/wp-content/uploads/2025/09/white-arrow.svg') no-repeat center / contain;
  vertical-align: middle;
  margin-left: 6px;
}
.green-arrow p{
	display: block !important;
}
.green-arrow::after{
 content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('/wp-content/uploads/2025/09/green-arrow.svg') no-repeat center / contain;
  vertical-align: middle;
}


.crochet {
  display: flex;
  align-items: center;
  gap: 8px;
}

.crochet::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 45px;
  background: url("/wp-content/uploads/2025/09/checkbox.svg") no-repeat center / contain;
  vertical-align: middle;
}


/*Sub Categories */
.titre-sub-category .woocommerce-loop-product__title
{
	font-family: "Poppins", Sans-serif !important;
    font-weight: 600 !important;
    font-size: 19px !important;
    color: #2f5e60 !important;
    text-transform: uppercase !important;
}
.titre-sub-category .product_type_simple {
	background-color: #61CE7000 !important;
	font-family: "Poppins", Sans-serif !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	fill: var( --e-global-color-c65a666 ) !important;
	color: var( --e-global-color-c65a666 ) !important;
	border-style: solid !important;
	border-width: 2px 2px 2px 2px !important;
	border-radius: 5px 5px 5px 5px !important;
}
.cat-grid-item:hover .cat-grid-img {
	transform: translateY(-10px);
	transition: 0.3s all ease;
}

.mobile-only{display: none;}
.acf-tabs-nav li {
    line-height: 1.4em;
    display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
}
.acf-tabs-content {
	overflow: auto;
}

@media screen and (min-width: 2000px){
	.slick-dots {
		margin-left: 350px !important;
	}
}

@media screen and (max-width: 1300px){
/* 	.calculator-buttons {
		width: 100%;
	} */
	#reset-btn {
		margin-top: 0;
		min-width: unset;
	}
	#calculate-btn {
		margin-left: 5px;
		min-width: unset;
	}
	.bottom-form-results {
		flex-wrap: wrap;
	}
}

@media screen and (min-width: 1201px){
	.e-n-menu-content > .elementor-element {
		background: transparent !important;
	}
}

@media screen and (max-width: 1200px){
	.megamenu-container > .e-con-inner {
		margin: 0;
	}
	sr7-bullets {
		transform: translate(50px, -100px)!important;
	}
	header .e-n-menu-wrapper {
		background: white !important;
	}
	.pages-header-settings {
		padding: 0 30px !important;
	}
	.form-container label {
		font-size: 22px !important;
	}
  .premium-woo-cats__category img {
		height: 130px !important;
	}
}
@media screen and (max-width: 1024px){
	.mobile-only{display: block;}
	sr7-bullets {
		transform: translate(20px, -50px)!important;
	}
	
}
@media screen and (max-width: 1024px){
	.acf-tabs-nav {
		flex-direction: column !important;
		padding: 20px !important;
		height: auto !important;
	}
	.acf-tabs-nav li {
		font-size: 16px !important;
	}
}
@media screen and (max-width: 767px) {		
	#reset-btn {
        margin-top: 14px;
        margin-left: 5px;
    }
	.footer-spacer{
		height: 0px !important;
	}
	.pages-header-settings {
		padding: 0 20px !important;
	}
	.slick-dots {
		margin-left: 10px !important;
	}
	.pages-h1 h1{
		font-size: 40px !important;
        line-height: 1.2 !important;
	}
	.titre-sub-category .woocommerce-loop-product__title {
		font-size: 14px !important;
	}
	.pages-h2 h2 {
		font-size: 35px !important;
		margin-top: 20px;
	}	
	.pages-h2-subtext {
		margin-top: 0;
		margin-bottom: 0px !important;
	}
	.titre-sub-category .product_type_simple {
		font-size: 12px !important;
	}
	.pages-header-settings {
		height: auto !important;
		min-height: 300px !important;
	}
	.pages-header-settings > .e-con-inner {
		gap: 0 !important;
		justify-content: center !important;
	}
	.text-header-pages {
		margin: 0;
	}
	.form-container label {
		font-size: 20px !important;
		margin-bottom: 8px;
	}
	.form-container form {
		margin-left: 10px;
		margin-right: 10px;
	}
	.bottom-form-results {
		padding: 20px;
	}
  .premium-woo-cats__category img {
    height: 230px !important;
}
}