/*
Theme Name: AMS Child
Template: dt-the7
Theme URI: http://the7.io/
Author: Ohiowebtech
Author URI: http://ohiowebtech.com/
Description: The7 child theme for ams website.
Version: 1.0.0
License URI: License.txt
Text Domain: ams
*/

.ams_outlined-text {
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
    -webkit-text-fill-color: transparent;
}

.ams_footer-td a {
    display: inline-block;
    position: relative;
}

.ams_footer-td a::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0px;
    left: 0;
    background-color: #8B0B04;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.ams_footer-td a:hover:after{
    transform: scaleX(1);
    transform-origin: bottom left;
}

.ams_tab_content{
    font-family: "Figtree", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 25px;
}

.ams_tab_content .btn{
    border: 1px solid #8B0B04;
}

.ams_tab_content .btn:hover{
    border: 1px solid;
}

.ams_tab_content hr {
    height: 1px;
    border: none;
    background-color: #ddd !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.ams_btns {
    gap: 20px;
    width: 100%;
    display: flex;
    justify-content: end;
}

.ams_btns input, .ams_btns button{
    min-width: 170px !important;
}

.ams_btns input.reset, .ams_btns button.reset{
    background: #FFF !important;
    border: 1px solid #000000;
    color: #000000 !important;
}


.ams_inner_calc {
    display: flex;
    justify-content: space-evenly;    
    flex-wrap: wrap;
}

.ams_inner_0 {
    flex: 100%;
    display: flex;
    gap: 50px;
    font-weight: 600;
    color: #8B0B04;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.ams_inner_0 .field {
    display: flex;
    gap: 10px;
    flex-direction: row-reverse;
}

.ams_inner_1 {
    flex: 50%;
}

.ams_inner_2 {
    display: flex;
    flex-direction: column;
}


.ams_inner_2 .field {
    display: flex;
    flex-direction: column; /* changed from row */
    align-items: flex-start;
    margin-bottom: 5px;
    min-width: 350px;
}

.ams_inner_2 .field label {
    margin-bottom: 6px;
}

.ams_inner_2 .field input,
.ams_inner_2 .field select {
    width: 100%;
    max-width: 350px; 
    font-family: "Figtree", Sans-serif;
}

.ams_tab_content .error {
    border: 1px solid #8B0B04 !important;
    background-color: #fff2f2;
}

.ams_tab_content .error-message {
    color: #8B0B04;
    font-size: 13px;
    margin-top: 4px;
    display: block;
    width: 100%;
}

.ams_tab_content input:disabled,.ams_tab_content select:disabled {
    background: #ddd;
}

.ams_tab_content input[readonly] {
  background-color: #f3f3f3 !important;
  border: none !important;
}

.coilweight .weightStrip,
.coilweightCW .specificCoil,
.coilweightCW .stripThickLength,
.coilOutsideDia .weightStrip2,
.coilOutsideDia .stripThickLength2,
.coilStripLength .weightStrip3,
.coilStripLength .inOutDiaSL{
    display:none;
}

.weight-block {
  max-width: 1200px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  color: #333;
}

.weight-block h2 {
  width: 100%;
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 25px;
  font-weight: 600;
  color: #111;
}

form#metalWeightForm {
    flex: 1 1 55%;
}

.left-block {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.right-block {
  flex: 1 1 40%;
  background: #f8fafc;
  border-radius: 12px;
  padding: 20px;
  box-shadow: inset 0 0 0 1px #e2e8f0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* each input row is a flex container (jQuery sets display:flex after slideDown) */
.left-block > div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.left-block label {
  flex: 0 0 45%;
  font-weight: 500;
  color: #1e293b;
}

.left-block input[type="text"],
.left-block input[type="number"],
.left-block select {
  flex: 1;
  padding: 10px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 3px;
  background: #fff;
  font-size: 0.95rem;
  color: #334155;
  transition: all 0.2s ease;
}

input:focus,
select:focus {
  border-color: #8B0B04;
  box-shadow: 0 0 0 3px #8b0b0433;
  outline: none;
}

.label.readonly {
  background: #f1f5f9;
  border: none;
  font-weight: 500;
  text-align: right;
  color: #475569;
  width: 35%;
  pointer-events: none;
}

.result-head label {
  font-size: 1.1rem;
  font-weight: 600;
  color: #0f172a;
  display: block;
  text-align: center;
  margin-bottom: 15px;
}

.result input {
  width: 250px;
  text-align: center;
  font-weight: 600;
  border: none !important;
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  color: #8B0B04;
}

.res-kg, .res-lbs {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 15px;
}

.res-kg span, .res-lbs span {
  font-size: 0.9rem;
  color: #64748b;
  margin-top: 4px;
}

.note-msg {
  font-size: 0.85rem;
  color: #475569;
  text-align: center;
  background: #f1f5f9;
  padding: 8px 12px;
  border-radius: 8px;
  margin-top: 10px;
}

.density-calculator .mode-selector.ams_btns {
    justify-content: flex-start;
}

button.mode-btn.active {
    border: 1px solid;
    background: #FFF;
    color: #8B0B04;
}

.calc-panel {
    display: flex;
    flex-direction: column;
    margin: 20px 0;
}

.calc-panel .ams_btns {
    justify-content: flex-start;
}

.calc-panel .result {
    background: #f8fafc;
    border-radius: 12px;
    padding: 20px;
    box-shadow: inset 0 0 0 1px #e2e8f0;
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin: 10px 0;
}

.ams_menus{
    list-style-type: none;
    font-family: "Red Rose", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2em;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ams_menus li{
    flex: 100%;
    margin-top: 15px;
}

.ams_menus a{
    color: #989898;
}

.ams_menus a:hover{
    color: #FFF;
}

li.ams_product_type{
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid #989898;
}

li.ams_product_type a{
    color: #FFF;
}

.ams_product_menus {
    display: flex;
    column-gap: 50px;
    flex-wrap: wrap;
    row-gap: 10px;
}

.ams_child_menu {
    display: flex;
    flex-direction: column;
    flex-basis: 21%;
    gap: 10px;
}

.ams_outlined-text {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    -webkit-text-fill-color: transparent;
}

.ams_outlined-text-2 {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFFFFF33;
    -webkit-text-fill-color: transparent;
}

.ams_footer-td a {
    display: inline-block;
    position: relative;
}

.ams_footer-td a::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0px;
    left: 0;
    background-color: #8B0B04;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.ams_footer-td a:hover:after{
    transform: scaleX(1);
    transform-origin: bottom left;
}

.ams_slider .swiper-pagination {
	  position: absolute;
    top: 75% !important;
    left: 91.6% !important;
}

.ams_h2type span {
    font-size: 50px;
    font-weight: 300 !important;
    color: #8B0B04 !important;
}

.ams_service-text span.swiper-pagination-current {
    visibility: hidden;
}

.ams_service-text span.swiper-pagination-current::after {
	content: "PREV ";
    visibility: visible;
    font-size: 15px;
    font-weight: 700 !important;
    position: absolute;
    top: 12px;
    left: -36px;
    font-family: "Red rose" !important;
    color: #30333F !important;
}

.ams_service-text span.swiper-pagination-total::before {
	visibility: visible;
    content: "";
    display: inline-block;
    width: 1px;
    height: 24px;
    background-color: #30333F;
    margin: 0px 15px;
    vertical-align: middle;
}

.ams_service-text span.swiper-pagination-total {
    visibility: hidden;
}

.ams_service-text span.swiper-pagination-total::after {
    content: "NEXT";
    visibility: visible;
    font-size: 15px;
    font-weight: 700 !important;
    position: absolute;
    top: 11px;
    left: 26px;
    font-family: "Red rose" !important;
    color: #30333F !important;
}

.ams_home-post .post-entry-content {
    text-align: start !important;
}

.ams_home-post time.entry-date.updated {
    border-bottom: 1px solid #d6d6d6 !important;
    padding-bottom: 20px;
}

.ams_home-slider i.icomoon-the7-font-the7-arrow-16::after {
    content: "PREV";
    visibility: visible;
    font-size: 15px;
    font-weight: 700 !important;
    position: absolute;
    top: 4px;
    left: 25px;
    font-family: "Red rose" !important;
    color: #30333F !important;
}

.ams_home-slider i.icomoon-the7-font-the7-arrow-17::after {
    content: "NEXT";
    visibility: visible;
    font-size: 15px;
    font-weight: 700 !important;
    position: absolute;
    top: 4px;
    left: -43px;
    font-family: "Red rose" !important;
    color: #30333F !important;
}

.ams_home-slider .the7-swiper-button.the7-swiper-button-prev.elementor-icon::after {
    visibility: visible;
    content: "";
    display: inline-block;
    width: 2px;
    height: 25px;
    background-color: #ccc;
    vertical-align: middle;
    position: absolute;
    top: 7px;
    left: 79px;
}

.ams_home-slider .elementor-swiper-button.elementor-swiper-button-next:before {
    visibility: visible;
    content: "";
    display: inline-block;
    width: 2px;
    height: 30px;
    background-color: #ccc;
    vertical-align: middle;
    position: absolute;
    top: -4px;
    left: -53px;
}
/*
.ams_home-slider .owl-nav:after {
    visibility: visible;
    content: "";
    display: inline-block;
    width: 1px;
    height: 25px;
    background-color: #30333F;
    vertical-align: middle;
    position: absolute;
    top: 482px;
    left: 688px;
}
*/
.ams_home-slider .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal {
    position: absolute;
    top: 580px;
    left: -240px;
}

.ams_home-slider span.swiper-pagination-current {
    font-size: 70px;
}

.ams_service-slider i.icomoon-the7-font-the7-arrow-16::after {
    content: "PREV ";
    visibility: visible;
    font-size: 15px;
    font-weight: 700 !important;
    position: absolute;
    top: 3px;
    left: 20px;
    font-family: "Red rose" !important;
    color: #30333F !important;
}

.ams_service-slider i.icomoon-the7-font-the7-arrow-17::after {
    content: "NEXT";
    visibility: visible;
    font-size: 15px;
    font-weight: 700 !important;
    position: absolute;
    top: 3px;
    left: -45px;
    font-family: "Red rose" !important;
    color: #30333F !important;
}

.ams_service-slider .the7-swiper-button.the7-swiper-button-prev.elementor-icon::after {
    visibility: visible;
    content: "";
    display: inline-block;
    width: 2px;
    height: 25px;
    background-color: #ccc;
    vertical-align: middle;
    position: absolute;
    top: 7px;
    left: 79px;
}

.ams_service-slider .elementor-swiper-button.elementor-swiper-button-next:before {
    visibility: visible;
    content: "";
    display: inline-block;
    width: 2px;
    height: 30px;
    background-color: #ccc;
    vertical-align: middle;
    position: absolute;
    top: -4px;
    left: -56px;
}

.ams_service-hover:hover {
    transform: scale(1.02);
}

#main > .wf-wrap {
    padding: 0 !important;
	  width: 100% !important;
}

#main {
    padding: 0 !important;
}

.ams_product-list a:before {
    content: '●';
    padding: 5px;
}

.ams_product-list a:hover {
    color: #8B0B04 !important;
}

/*This is for Resource center */

.ams_resource .elementor-image-div:hover {
    transform: scale(1.1);
}

.ams_archive-post .elementor-post__text {
    margin: 0 !important;
}

.ams_archive-post a.elementor-post__read-more:hover {
    color: #8B0B04 !important;
}

@media (max-width: 1390px) and (min-width: 1024px){
	.ams_menu span.menu-text {
    	font-size: 18px !important;
	}
	.ams_main-call .elementor-icon {
    	font-size: 16px;
		padding: 10px;
	}
	.ams_quote-btn a.box-button {
    	font-size: 16px !important;
		padding: 10px !important;
	}
}

@media (max-width: 1314px) and (min-width: 1024px) {
    .ams_menu span.menu-text {
        font-size: 15px !important;
    }
    .ams_main-call .elementor-icon {
    	font-size: 15px;
	}
	
	.ams_main-call h4.box-heading {
        font-size: 14px !important;
    }
	
	.ams_quote-btn a.box-button {
    	font-size: 15px !important;
		padding: 10px !important;
	}
}

@media (max-width: 1024px) {
	.ams_h2type span {
    	font-size: 50px !important;
		line-height: 0.7em !important;
    	font-weight: 300 !important;
    	color: #8B0B04 !important;
	}
	
	.ams_home-post a.meta-item.data-link {
	    position: absolute;
    	top: -75px;
    	left: 10px;
   		font-size: 15px;
    	font-family: "Figtree";
		color: #30333F;
	}
	
	.elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title {
        order: var(--n-tabs-title-order);
        width: 100%;
    }
	
	.ams_home-slider .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal {
    	position: absolute;
    	top: 520px;
    	left: 66px;
	}

	.ams_coil .ams_inner_1 {
    	flex: 45%;
	}
	
	.ams_coil .ams_inner_0 {
    	flex: 100%;
    	display: ruby;
    	gap: 50px;
    	font-weight: 600;
    	color: #8B0B04;
    	padding-bottom: 20px;
    	border-bottom: 1px solid #ddd;
    	margin-bottom: 20px;
    	justify-items: flex-start;
	}
	
	.ams_coil .ams_inner_0 .field {
    	display: flex;
    	gap: 10px;
    	flex-direction: row-reverse;
    	padding: 0 20px 20px 0;
	}

	.ams_menu li.menu-item {
    	padding: 0 60px !important;
	}
	.ams_menu .elementor-widget-container {
		margin-left: -55px;
	}
	
	.elementor-3722 .elementor-element.elementor-element-31e125e .dt-nav-menu-horizontal > li > .horizontal-sub-nav {
        min-width: calc(315px);
        --sub-menu-width: 315px;
    }

	.ams_table-scroll table {
    	min-width: 600px;
  	}
		
	.ams_menu li.menu-item {
    	padding: 0 60px !important;
	}
	
	.ams_menu .elementor-widget-container {
		margin-left: -55px;
	}
	
	.ams_menu ul.the7-e-sub-nav.horizontal-sub-nav li {
    	padding: 0 0 0 25px !important;
	}
	
	.ams_menus .dt-nav-menu-horizontal>.the7-e-mega-menu>.the7-e-mega-menu-sub-nav {
    	position: absolute;
    	width: 100%;
    	margin: 0;
    	top: 24%;
    	left: 24px !important;
	}
	.ams_menus .elementor-element.elementor-element-cd9cbde.e-flex.e-con-boxed.e-con.e-parent {
    	background-color: #fff !important;
	}
	li.ams_product_type a {
    	color: #30333F !important;
	}
	.ams_menus a {
    	color: #989898;
    	width: 110px;
	}
	.ams_menus a:hover {
    	color: #8B0B04 !important;
	}
	.ams_product_menus {
    	display: flex;
    	column-gap: 40px;
    	flex-wrap: wrap;
    	row-gap: 10px;
	}
}

@media (max-width: 767px) {
	.ams_h2type span {
    	font-size: 35px !important;
		line-height: 0.7em !important;
    	font-weight: 300 !important;
    	color: #8B0B04 !important;
	}
	
	h2.the7-heading-title {
    	font-size: 35px !important;
	}
	.ams_home-post a.meta-item.data-link {
    	position: absolute;
    	top: -100px;
    	left: 10px;
    	font-size: 15px;
    	font-family: "Figtree";
		color: #30333F;
	}
	
	.ams_home-slider span.swiper-pagination-current {
    	font-size: 40px;
	}
	
	 .ams_home-slider .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal {
        position: absolute;
        top: 510px;
        left: 32px;
    }
	
	.ams_home-slider i.icomoon-the7-font-the7-arrow-16::after {
    	font-size: 12px;
    	font-weight: 700 !important;
    	position: absolute;
    	top: 3px;
    	left: 15px;
	}
	
	.ams_home-slider i.icomoon-the7-font-the7-arrow-17::after {
    	font-size: 12px;
    	font-weight: 700 !important;
    	position: absolute;
    	top: 3px;
    	left: -34px;
	}	
	
	.ams_home-slider .elementor-swiper-button.elementor-swiper-button-next:before {
    	visibility: visible;
    	content: "";
    	display: inline-block;
    	width: 1px;
    	height: 20px;
    	background-color: #30333F;
    	vertical-align: middle;
    	position: absolute;
    	top: -1px;
    	left: -43px;
	}
	
	.elementor-widget-n-tabs .e-n-tabs {
    	display: ruby;
    	flex-direction: row;
    	gap: var(--n-tabs-gap);
    	min-width: 0;
    	text-align: justify;
	}
	/*
	.ams_home-slider .owl-nav:after {
        visibility: visible;
        content: "";
        display: inline-block;
        width: 1px;
        height: 25px;
        background-color: #30333F;
        vertical-align: middle;
        position: absolute;
        top: 370px;
        left: 191px;
    }*/
	
	.ams_product-tab button#e-n-tab-title-2548081331 {
    	margin: 0px;
	}
	.ams_product-tab button#e-n-tab-title-2548081333 {
    	margin-top: 20px;
	}
	
	.ams_coil .ams_inner_0 .field {
    	padding: 0;
	}

	.ams_coil .ams_inner_2 .field {
    	min-width: 290px;
		display: block;
	}
	
	.ams_coil .ams_btns input, .ams_btns button {
    	min-width: 135px !important;
	}
	
	.ams_coil .ams_btns {
    	justify-content: center;
	}
	
	.ams_mwc .weight-block {
    	padding: 14px;
	}
	
	.ams_mwc .ams_tab_content {
    	margin: 10px;
	}
	
	.ams_mwc .left-block > div {
    	display: flex;
    	align-items: center;
    	gap: 10px;
    	flex-wrap: wrap;
    	justify-content: flex-start;
	}
	
	.ams_mwc .left-block label {
    	flex: 0 0 60%;
    	font-weight: 500;
    	color: #1e293b;
	}
	
 	.ams_dc h2 {
    	font-size: 30px;
	}
	
	.ams_dc .calc-panel .result {
    	display: flex;
    	flex-direction: row;
		padding: 10px;
    	gap: 10px;
    	margin: 10px 0;
    	flex-wrap: wrap;
	}
	
	.ams_dc input {
    	width: 65%;
    	margin-right: 10px;
	}
	
 	.ams_dc .ams_btns {
    	gap: 20px;
    	width: 100%;
    	display: flex;
    	flex-direction: column;
    	flex-wrap: wrap;
  	}
	
	.ams_table-scroll {	
		overflow-x: auto;
    	--webkit-overflow-scrolling: touch;
    	width: 100%;
  	}
	
	.elementor-3722 .elementor-element.elementor-element-31e125e .dt-nav-menu-horizontal > li > .horizontal-sub-nav {
        min-width: calc(315px);
        --sub-menu-width: 315px;
    }

	.ams_table-scroll table {
    	min-width: 600px;
  	}
		
	.ams_menu li.menu-item {
    	padding: 0 60px !important;
	}
	
	.ams_menu .elementor-widget-container {
		margin-left: -55px;
	}
	
	.ams_menu ul.the7-e-sub-nav.horizontal-sub-nav li {
    	padding: 0 0 0 15px !important;
	}
	
	.ams_menus .dt-nav-menu-horizontal>.the7-e-mega-menu>.the7-e-mega-menu-sub-nav {
    	position: absolute;
    	width: 100%;
    	margin: 0;
    	top: 24%;
    	left: 24px !important;
	}
	.ams_menus .elementor-element.elementor-element-cd9cbde.e-flex.e-con-boxed.e-con.e-parent {
    	background-color: #fff !important;
	}
	li.ams_product_type a {
    	color: #30333F !important;
	}
	.ams_menus a {
    	color: #989898;
    	width: 110px;
	}
	.ams_menus a:hover {
    	color: #8B0B04 !important;
	}
	.ams_product_menus {
    	display: flex;
    	column-gap: 40px;
    	flex-wrap: wrap;
    	row-gap: 10px;
	}
		.elementor-1434 .elementor-element.elementor-element-cd9cbde {
		padding: 0px;
	}
	
	ul.ams_menus {
    	margin-left: 25px !important;
	}

}