/*
  #################################################
    Place All Child Theme Styles Here
  #################################################
*/

/*
  #################################################
    Gravity Forms Overrides
  #################################################
*/

	/* Next, Previous Buttons */
		.contact-form-sec .gform_button,
		.request-quote-sec .gform_wrapper .gform_next_button.gform-theme-button.button
		{
			background: var(--e-global-color-accent) !important;
			color: #000000 !important;
			font-weight: 500 !important;
			transition: var(--transition);
		}
		.contact-form-sec .gform_button:hover,
		.request-quote-sec .gform_wrapper .button:hover,
		.request-quote-sec .gform_wrapper .gform_next_button.gform-theme-button.button:hover {
			background: #F14129 !important;
			color: #fff !important;
		}

		.request-quote-sec .gform_wrapper .gform_previous_button.gform-theme-button.button {
			background: #dcb96d !important;
			color: #000000 !important;
		}

	/* Submit & Reset Buttons */
		.request-quote-sec .gform_wrapper .button {
			background: #F14129 !important;
			font-weight: 500 !important;
		}
		.request-quote-sec .gform_wrapper .button:hover {
			background: #ffb819 !important;
			font-weight: 500 !important;
		}

    

/*
  #################################################
    Portfolio Gallery
  #################################################
*/

	#isotope_filters li.items.actives .child_mains {
		display: block;
	}
	#isotope_filters li.items .child_mains {
		display: none;
	}
	div#isotope_container {
		display: grid;
		grid-template-columns: repeat(3 ,1fr);
		position: relative;
		height: auto !important;
		gap: 20px;
		margin: 0 20px;
	}
	div#isotope_container .portfolio_grids {
		position: relative!important;
		width: 100%!important;
		left: 0 !important;
		top: 0px!important;
		box-shadow: 3px 3px 10px #bcbcbc;
		overflow: hidden;
		border-radius: 5px;
		border: 1px solid #f5b01e59;
	}
	
	.portfolio_grids h3 { 
		color: #050505;
		text-align: center;
		padding: 0px 0px 10px 0px;
		font-size: 24px;
	}

	ul#isotope_filters {
		display: flex;
		font-size: 16px;
		list-style: none;
		padding-left: 0px!important;
		margin-left: 0px!important;
		align-items: center;
		justify-content: center;
		margin-bottom: 90px;
	}
	ul#isotope_filters li {
		text-align: center;
		margin-right: 5px;
		padding: 5px 8px;
	}
	ul#isotope_filters a, ul#isotope_filters .child_mains a {
		background: var(--e-global-color-accent);
		border-radius: 2px;
		transition: var(--transition);
		color: var(--e-global-color-f13495c);
	}
	ul#isotope_filters a:hover,
	ul#isotope_filters .actives>a, 
	ul#isotope_filters .child_mains a:hover {
		background: var(--e-global-color-primary);
		box-shadow: rgb(0 0 0 / 33%) 0px 5px 15px;
	}
	div#grid_page {
		border-radius: 10px;
		background-color: #f8f8f8a3;
		padding: 34px 20px;
	}
	ul#isotope_filters {
		border: 2px  solid #2a2a2a08;
		padding: 13px !important;
	}
	.child_mains {
		padding-top: 44px;
	}
	.child_mains {
		position: absolute!important;
		width: 100%!important;
		z-index: 99999999999;
		left: 0px;
		top: 70px;
		right: 0;
		text-align: center;
		margin: 0 auto;
		align-items: center;
		justify-content: center;
	}
	ul#isotope_filters li:not(first-child) {
		padding-left: 0px;
	}
	.child_mains .item_cats:not(first-child) {
		padding: 0px 10px;
		text-align: center;
	}
	ul#isotope_filters li a {
		padding: 10px 8px!important;
		display: block;
		text-transform: capitalize;
		font-size: 13px;
	}

	.child_mains .item_cats {
		padding: 0px 0x!important;
		font-size: 14px;
		display: inline-block;
	}

/*
  #################################################
    WooCommerce
  #################################################
*/

    /*
      #################################################
        Single Product Page
      #################################################
    */

		/* provide some breathing room of product attributes within the Additional Information tab */
        .woocommerce table.shop_attributes td.woocommerce-product-attributes-item__value {
            padding-left: 20px;
        }

        /* TAB BAR — centered + full-width divider */
        .woocommerce .elementor-1702 .elementor-element.elementor-element-5b8d7bee .woocommerce-tabs ul.wc-tabs {
            display: flex;
            justify-content: center;
            align-items: stretch;
            gap: 24px;
            margin: 0;
            padding: 0 0 2px 0; /* ↓↓↓ reduce vertical space above the bottom border */
            list-style: none;
            border-bottom: 1px solid #D8D8D8;
        }


        /* reset default Woo tab look */
        .woocommerce .elementor-1702 .elementor-element.elementor-element-5b8d7bee .woocommerce-tabs ul.wc-tabs li {
            float: none;
            display: block;
            margin: 0;
            padding: 0;
            background-color: transparent !important;
            border: none !important;
            border-radius: 0;
        }

        /* clean tab link style — ultra-tight underline spacing */
        .woocommerce .elementor-1702 .elementor-element.elementor-element-5b8d7bee .woocommerce-tabs ul.wc-tabs li a {
            display: block;
            padding: 12px 26px 6px; /* ↓↓↓ brought bottom padding down from 10px → 6px */
            text-align: center;
            color: var(--e-global-color-text);
            text-decoration: none;

            border-bottom: 3px solid transparent;
            margin-bottom: -2px; /* ↓↓↓ pulls underline closer to divider line */
        }

        /* hover state: subtle underline */
        .woocommerce .elementor-1702 .elementor-element.elementor-element-5b8d7bee .woocommerce-tabs ul.wc-tabs li a:hover {
            color: var(--e-global-color-primary);
            border-bottom-color: #B9B9B9;
        }

        /* active tab: sits visually ON TOP of divider */
        .woocommerce .elementor-1702 .elementor-element.elementor-element-5b8d7bee .woocommerce-tabs ul.wc-tabs li.active a {
            color: var(--e-global-color-primary);
            border-bottom-color: #9F9F9F;
            margin-bottom: -2px; /* keeps underline touching the divider */
        }

        /* panel spacing & remove default H2 */
        .woocommerce-Tabs-panel {
            padding: 35px 0px 0px 0px !important;
        }

        .woocommerce-Tabs-panel h2 {
            display: none !important;
        }