/* Custom CSS Start */
h1, h2, h3  {
	text-wrap: balance;
}
/* Dynamic H1 */
.dynamich1 {
    font-family: Arial, sans-serif;
    font-size: clamp(3rem, 8vw, 8rem); 
    text-align: center; 
	margin: unset;
}
/* colors */
.white {
color: #ffffff;
}
/* Google Reviews */
.wp-gr .wp-google-time {
	display: none;
}

 /* Move reCAPTCHA v3 badge to the left */
 
 .grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
}

.grecaptcha-badge:hover {
  width: 256px !important;
}

/* BODY */
@media only screen and (max-width: 900px) {
  body.page-template-default:not(.elementor-motion-effects-element-type-background), body.page-template-default > .elementor-motion-effects-container  {
    background-image: none;
  }
#hubspot-messages-iframe-container .widget-align-right {
	display:none !important;
}
  }
/* Printing link removal */
@media print {
    a[href]:after {
      content: none !important;
    }
  }
  
  .noliststyle ul {
    list-style: none;
  }
.elementor-245897 .elementor-element.elementor-element-9c99cc5, .elementor-245897 .elementor-element.elementor-element-639029e, .elementor-245897 .elementor-element.elementor-element-4739689 {
	width: fit-content;
}  
.elementor-245897 .elementor-element.elementor-element-128e45a {
	position: fixed;
	bottom: 1px;
	right: 1px;
	width: fit-content;
    z-index: 1;
}
  #menu-submenu li {
      display: inline-block;
      list-style: none;
    font-size: 16px;
    padding-left: 5px;
    padding-right: 5px;
  }
  #menu-main li {
      display: inline-block;
      list-style: none;
    padding-left: 5px;
    padding-right: 5px;
  }
#menu-main li a:hover {
	color: blue;
}
#menu-main li [aria-current="page"]  {
	color: blue;

}
  .menu-main-container {
      width: fit-content;
  }
  #menu-main, #menu-submenu{
    margin-block-start: initial;
    margin-block-end: initial;
    margin-inline-start: initial;
    margin-inline-end: initial;
    padding-inline-start: revert;
  }
  ul#menu-submenu {
    padding-right: 30px;
    padding-left: 30px;
   }
  .sub-menu {
      visibility: hidden;
      display:grid;
      position: absolute;
      float: none;
      background-color: #f9f9f9;
      box-shadow: 5px 8px 16px 5px rgb(0 0 0 / 20%);
      -moz-box-shadow: 5px 8px 16px 5px  rgb(0 0 0 / 20%);
      -webkit-box-shadow: 5px 8px 16px 5px  rgb(0 0 0 / 20%);
      border-radius: 5px;
      z-index: 99;
      width: auto;
      transition: 0.1s;
      padding-top: 10px;
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 10px;
  }
  #menu-item-239350 .sub-menu{
      right: 0px;
  }
  .sub-menu li {
      white-space: nowrap;
      padding-bottom: 5px;
  }
  #menu-main:after {
    content: "";
    position: absolute;
    left: 55px;
    top: 0;
    width: fit-content;
    height: 50px;
    background: #e83474;
  }
  ul#menu-main li:hover ul{ 
      visibility: visible;
  }
/* mobile menu button */
.elementor-245897 .elementor-element.elementor-element-0dcef56 .elementor-button {
	width: 100%;
}
 .elementor-element-12024e5c > div.elementor-widget-wrap.elementor-element-populated {
	padding: 0;
}
div.elementor-search-form--skin-full_screen .elementor-search-form__toggle .e-font-icon-svg-container {
	width: 65px;
	height: 65px;
}
/* END mobile menu button */
  html body p {
      display: block; 
	  margin-top: 1em; 
	  margin-bottom: 1em; 
	  margin-left: 0; 
	  margin-right: 0;
  }
  .red-text {
      color: #e72f32;
  }
  h1.nobreak, h2.nobreak, h3.nobreak, h4.nobreak, h5.nobreak, h6.nobreak {
      display: inline;
      font-size: 1rem;
      color: inherit;
      font-family: Arial, Helvetica, sans-serif;
  }
  
  .included {
      font-style: italic;
      font-size: .8rem;
      font-weight: 400;
  }
  .card {
      max-width: 200px;
      min-width: 150px;
      padding: 1rem;
      box-shadow: 0.5rem 0.5rem 1rem grey;
      margin-top: 1rem;
      margin-right: 1rem;
      margin-left: 1rem;
      margin-bottom: 1rem;
  }
  .card-2 {
  
      box-shadow: 0.5rem 0.5rem 1rem grey;
      max-width: 220px;
      margin-left: auto;
      margin-right: auto;
  }
  .card-full {
      max-width: 25vw;
      min-width: 200px;
      padding: 1rem;
      box-shadow: 0.5rem 0.5rem 1rem grey;
      margin-top: 1rem;
      margin-right: 1rem;
      margin-left: 1rem;
      margin-bottom: 1rem;
  }
  .button-white a {
      color: var(--e-global-color-0f261e2);
  }
  .button-white {
      border-color: var(--e-global-color-0f261e2);
      border-style: solid;
      background-color: initial;
      width: fit-content;
  }
  .center {
      text-align: center;
  }

  .floatleft {
      float: left;
  }
  .floatright {
      float: right;
  }
  a.button_small {
      background-color: red;
      padding: 4px;
      margin-top: 17px;
      color: white;
      border-radius: 5px;
      white-space: nowrap;
  }
  a:hover.button-small {
      color:white;
  }
  

/*  Required Form  entry  */
div.ff-el-input--content [aria-required=true], div.choices__inner:has(>[aria-required=true])   {
     
    border-style: solid;
    border-color: #ff0000;
    border-width: 2px;
}
#fluentform_6 label {
	display: none;
}
#fluentform_6 .ff-el-is-required::after   {
	content: "*";
	font-size: 30 px;
	color: #ff0000;
	position: absolute;
	top: 14px;
	left: 6px;
	z-index: 99;
}
#fluentform_6 div.ff-el-group pre, #fluentform_6 .ff-el-group[data-name="custom_html-6_1"] {
	margin: 0;
	color: #ff0000;
}


  /* Mini form FLUENT */
@media (min-width: 900px) {
	.fluentform .ff-el-group {
    	margin-bottom: 0px;
	}
    #fluentform_1 fieldset {
      display: grid;
      grid-template-columns: 200px 250px 1fr 2fr;
      grid-gap: 20px;
    }
    .textfield_mini_1 {
      grid-column: 4 / 5;
      grid-row: 1 / 3;
      resize: none;
    }


      .textfield_mini_1 textarea {
      resize: none;
      }
      form.fluent_form_1 .submit_mini_1 button.ff-btn-submit {
        background-color: var(--e-global-color-9684e47);
        color: var(--e-global-color-0f261e2);
		border: 0px;
        border-radius: 5px;
        white-space: nowrap;
        font-weight: 700;
      }
      .checkboxtext_mini_1 {
        color: var(--e-global-color-0f261e2);
        grid-column: 1 / 3;
        vertical-align: top;
        align-self: center;
      }
      .fluentform .ff-el-group {
        margin-bottom: 0px;
      }
      .address_mini_1 {
        grid-column: 1 / 3;
      }
      .submit_mini_1 {
        grid-column: 4 / 4;
        grid-row:3 / 3;
      }
      .state_mini_1 {
        grid-column: 1;
        grid-row: 2;
      }
      .country_mini_1 {
        grid-column: 1;
        grid-row: 2;
      }    
  }
    /* Mini form FLUENT END */
  .checkboxtext_mini_1 {
    color: var(--e-global-color-0f261e2);
    align-self: center;
  }


  form.fluent_form_1 .submit_mini_1 button.ff-btn-submit,
  form.fluent_form_7 .submit_mini_1 button.ff-btn-submit,
  form.fluent_form_8 .submit_mini_1 button.ff-btn-submit {
    background-color: var( --e-global-color-9684e47 );
    color: white;
	border: 0px;
    border-radius: 5px;
    white-space: nowrap;
    font-weight: 700;
  }
  .product_contactus {
    grid-column: 3 / 4;
    grid-row: 2 / 4;
    
  }

    /* Mini form FLUENT for MOBILE*/
  
    @media (max-width: 900px) {

      .ff-el-input--content .ff-el-form-control {
        font-size: 20px;
      }
    
       .ff-el-input--content .choices .choices__inner .choices__list .choices__item {
        font-size: 20px;
    	} 
		.product_contactus {
			display: none;
		}
		.ff-el-input--content select.ff-el-form-control:not([size]):not([multiple]) {
			height: auto;
		}
   }
    /*  end MINI form FLUENT for MOBILE */

  /* ############## End MINI ############### */




  /* ####### Fluent - Create My Curtain ######### */
.fluentform [data-name="form_step-4_20"]  label.ff-el-image-input-src {
	height: 15vh;
}

.column {
  float: left;
  width: 50%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.img-single-layer  {
    height: 250px;
    margin-top: -50px;
}
.ff-step-header ul.ff-step-titles {
    margin: 0;
}
@media (min-width: 900px) {
	#fluentform_5 select.ff-el-form-control,#fluentform_3 select.ff-el-form-control, #fluentform_5 .formimg, #fluentform_3 .formimg  {
		width: 20vw;
		margin-left: auto;
		margin-right: auto;
	}
	select.ff-el-form-control:not([size]):not([multiple]) {
		height: auto;
	}

	#fluentform_5 .ff-el-group img {
		width: 20vw;
	}
	  #fluentform_6 [data-name="ff_cn_id_1"] input, #fluentform_6 textarea, #fluentform_6 .choices, #fluentform_6 .ff-el-input--content {
    margin-bottom: 10px;
  }
  #fluentform_6 [data-name="ff_cn_id_1"] .ff-el-input--content input, #fluentform_6 .ff-el-input--content .choices, #fluentform_6 select.ff-el-form-control {
    width: 250px;
  }
}
.fluentform #fluentform_5 .ff-el-form-control.select  {
	max-width: fit-content;
}

    /*---- #fluentform_3 Insulated ----- */
    /*---- #fluentform_4 Single Layer ---*/
    /*---- #fluentform_5 Acoustic -------*/
#fluentform_3 button.ff-btn-submit,
#fluentform_4 button.ff-btn-submit,
#fluentform_5 button.ff-btn-submit {
  background-color: var( --e-global-color-9684e47 );
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  color: white;
  border-radius: 5px;
  white-space: nowrap;
  font-weight: 700;
  font-size: 20px;
}
#fluentform_6 button.ff-btn-submit {
  background-color: var( --e-global-color-9684e47 );
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  color: white;
  border-radius: 5px;
  white-space: nowrap;
  font-weight: 700;
  font-size: 18px;
}    
#fluentform_3 [data-name="ff_cn_id_3"] .ff-el-group .ff-el-input--content,
#fluentform_5 [data-name="ff_cn_id_3"] .ff-el-group .ff-el-input--content{
    padding-top: 10px;
    padding-bottom: 10px;
    width: 180px;
  }
  #fluentform_3 [data-name="ff_cn_id_5"] .ff-el-group .ff-el-input--content,
  #fluentform_5 [data-name="ff_cn_id_5"] .ff-el-group .ff-el-input--content,
#fluentform_17 [data-name="ff_cn_id_17"] .ff-el-group .ff-el-input--content{
    padding-top: 10px;
    padding-bottom: 10px;
    max-width: 450px;
  }

  @media (min-width: 1015px) {
   
    #fluentform_7 .ff-t-container {
      width: 500px;
    }
  }
  
@media (min-width: 900px) {
	  #fluentform_3 [data-name="ff_cn_id_7"] .ff-el-group .ff-el-input--content,
	  #fluentform_4 [data-name="ff_cn_id_6"] .ff-el-group .ff-el-input--content,
	  #fluentform_5 [data-name="ff_cn_id_7"] .ff-el-group .ff-el-input--content,
	  #fluentform_7 [data-name="ff_cn_id_1"] .ff-el-group .ff-el-input--content,
	  #fluentform_8 [data-name="ff_cn_id_1"] .ff-el-group .ff-el-input--content{
		padding-top: 10px;
		padding-bottom: 10px;
		width: 250px;
	  }
}
  #fluentform_3 h2, #fluentform_4 h2, #fluentform_5 h2 {
    color: var( --e-global-color-9684e47 );
    }
   #fluentform_3 .ff-el-form-check, #fluentform_4 .ff-el-form-check, #fluentform_5 .ff-el-form-check {
      margin-bottom: .4rem;
    }

    #fluentform_7 [data-name="ff_cn_id_2"], 
    #fluentform_7 [data-name="ff_cn_id_1"],
    #fluentform_8 [data-name="ff_cn_id_2"], 
    #fluentform_8 [data-name="ff_cn_id_1"]{
      padding-top: 10px;
      padding-bottom: 10px;
    }
    #ff_8_message {
      width: 500px;
      height: 100px;
    }
    #fluentform_8 .submit_mini_1 {
      position: absolute;
      right: 0px;
      bottom: 20px;
    }
    #ff_8_dropdown_4 {
      width: 235px;
    }
    #fluentform_7 .ff-btn-submit  {
      margin-top: 20px
    }
  /* ######### End Create My  Curtain ########### */
  /* #########  ########### */
  /* #########  ########### */
  /* #########  ########### */
  /* ######### Request A Quote Button ########### */

  .elementor-245897 .elementor-element.elementor-element-1ef2b900 {
    position: fixed;
    bottom: 3vw;
    left: 3vw;
  }

  /* ######### Request A Quote Button END ########### */



  #field_46_31 {
      grid-column: 4 / 5;
      grid-row: 2 / 3;
  }

.miniform .validation_message, .mobileform .validation_message {
      color: white;
  }

  
  
  .miniform, .mobileform {
  background-image: url(https://media.amcraftindustrialcurtainwall.com/wp-content/uploads/2023/03/backgroundceiling2.webp);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  }


  .cardhome {
      background-color: rgba(0,0,0,0.5);
      padding-top: 1em;
      padding-bottom: 1em;
      width: 100%;
      position: absolute;
      bottom: 0px;
      top: auto;
      left: 50%;
      right: auto;
      transform: translateX(-50%);
      width: fit-content;
  }
/* Bullet List Replacement Icons  */
  .starbullet li {
      list-style-image: url(https://media.amcraftindustrialcurtainwall.com/wp-content/uploads/2021/12/Red-Star-1.svg);
  }
 .soundbullet li {
      list-style-image: url(https://media.amcraftindustrialcurtainwall.com/wp-content/uploads/2023/08/sound-icon.svg);
  }
  .starbulletwhite li {
      list-style-image: url(https://media.amcraftindustrialcurtainwall.com/wp-content/uploads/2023/07/starbulletwhite-2.svg);
  }
  .starbulletwhite li::marker {
	  font-size: 32px;
	 }
 .soundbullet li::marker {
	  font-size: 40px;
	 }
/* Bullet List Replacement Icons  */
  .red {
      color: var( --e-global-color-9684e47 );
  }
.green {
	color: #04d404;
}
  .bold-1 {
    font-weight: 100;
  } 
  .bold-2 {
    font-weight: 200;
  }
  .bold-3 {
    font-weight: 300;
  } 
  .bold-4 {
    font-weight: 400;
  }
  .bold-5 {
    font-weight: 500;
  } 
  .bold-6 {
    font-weight: 600;
  }
  .bold-7 {
    font-weight: 700;
  } 
  .bold-8 {
    font-weight: 800;
  }
  .bold-9 {
    font-weight: 900;
  }
  .winter {
    font-family: 'Arial';
    font-weight: 900;
    font-size: 32px;
    background: -webkit-linear-gradient(#e9f0fb, #286c87);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  /**
   * Prevent modern browsers from displaying `audio` without controls.
   * Remove excess height in iOS 5 devices.
   */
  audio:not([controls]) {
    display: none;
    height: 0; 
  }

  /**
   * Remove default margin.
   */
  html body {
    margin: 0; 
  }
  /*********************
  FONT FACE (IN YOUR FACE)
  *********************/
  html body div, html body p, html body span {
      font-family: Arial, Helvetica, sans-serif;
  }
.red {
	color: #ff0000;
}
  /*
  Mobile Grid Styles
  These are the widths for the mobile grid.
  There are four types, but you can add or customize
  them however you see fit.
  */
  @media (max-width: 767px) {

    .elementor-226986 > .elementor-element.elementor-element-509bb5c5 {
      padding: 0px;
    }
  }
  /*********************
  GENERAL STYLES
  *********************/
  body {
    -webkit-font-smoothing: antialiased; 
  }

  #menu-menu-1 {
    display: flex;
    margin-block-start: initial;
    margin-block-end: initial;
    margin-inline-start: initial;
    margin-inline-end: initial;
    padding-inline-start: revert;
}
  /*********************
  LINK STYLES
  *********************/
  a, a:visited {
    color: inherit;
  }

  /******************************************************************
  H1, H2, H3, H4, H5 STYLES
  ******************************************************************/
  html body .elementor-heading-title {
      margin-bottom: 1rem;
  }
  html body h1, html body h2 {
      font-family: Verdana, Geneva, sans-serif;
      text-rendering: optimizelegibility;
      font-weight: 500;
      color: #002F6C;
   }
  html body h3, html body h4, html body h5 {
    font-family: Verdana, Geneva, sans-serif;
    text-rendering: optimizelegibility;
    font-weight: 500;
    color: #505050;
 }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
      text-decoration: none; 	
  }
   h1 {
    font-size: 2.5em;
    line-height: 1.333em;
  }

  /******************************************************************
                   Create My Track
  ******************************************************************/
#fluentform_17 .step1 .ff-t-column-1, 
#fluentform_17 .step2 .ff-t-column-1, 
#fluentform_17 .step3 .ff-t-column-1,
#fluentform_20 .step1 .ff-t-column-1, 
#fluentform_20 .step2 .ff-t-column-1{
    align-items: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/* #fluentform_17 .step1, #fluentform_17 {
    align-items: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
} */
#fluentform_17 .step4 .ff_list_buttons,
#fluentform_17 .step4a,
#fluentform_17 .step4b,
#fluentform_17 .step4c,
#fluentform_17 .step4d,
#fluentform_17 .step4e,
#fluentform_20 .step1a
{
    min-width: fit-content;
    max-width: 60vw;
    margin-left: auto;
    margin-right: auto;
}
#fluentform_17 .step4a {
    max-width: 400px;
}
#fluentform_17  .ff_el_checkable_photo_holders .ff-el-image-holder {
    margin-left: .5vw;
		margin-right: .5vw;
}
[data-name="custom_html-17_1"] hr {
	margin-bottom: 0px;
}
.liBorder {
  border-color: red;
  border-width: 1px 0px 1px 0px;
  border-style: outset;
  border-radius: 12px;
  margin: 1rem 0 1rem 0;
  padding: 10px 1px 10px 5px;
  outline-offset: 1.5rem;
} 

.elementor-element-9348ec0 ul, .elementor-element-1bb9bdd
, .elementor-element-8818437{
  max-width: 50vw;
  margin-left: auto;
  margin-right: auto;
}
 .elementor-element-9348ec0 ul li {
   padding-bottom: 1rem;
 }

#fluentform_17 [data-name="ff_cn_id_9"] .ff-table,
#fluentform_17 [data-name="ff_cn_id_11"] .ff-table{
  width: -webkit-fill-available;
 }

#fluentform_17 [data-name="ff_cn_id_9"] .ff_grid_header {
  width: 100px;
 }
#fluentform_17 [data-name="ff_cn_id_9"] [data-name="Leveled"]  {
  width: 100px;
 }
#fluentform_17 [data-name="ff_cn_id_11"] .ff_grid_header {
  width: 175px;
 }
[data-name="custom_html-17_17"],
[data-name="custom_html-17_18"],
[data-name="custom_html-17_19"] {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}


#fluentform_17 .ff-table th, #fluentform_17 .ff-table td{
  font-size: 1.3rem;
}
#fluentform_17 button, #fluentform_20 button, #fluentform_5 button, #fluentform_3 button, #fluentform_4 button {
	background: #c40002;
    border-color: #de0003;
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    padding-top: .5rem;
    padding-right: 1.5rem;
    padding-bottom: .5rem;
    padding-left: 1.5rem;
    border-radius: 15px;
    font-size: 1.2rem;
}
#fluentform_17 button:hover, #fluentform_20 button:hover, #fluentform_5 button:hover, #fluentform_3 button:hover, #fluentform_4 button:hover {
  	background: #ffffff;
    border-color: #fa0000;
    color: #000;
}
.fluentform .section_images label.ff-el-image-input-src {
  background-size: 100px;
}
#fluentform_17 h1, #fluentform_17 h2, #fluentform_20 h1, #fluentform_20 h2 {
  padding: 0px;
  margin: 0px;
}
#fluentform_1 input::-webkit-outer-spin-button,
#fluentform_1 input::-webkit-inner-spin-button,
#fluentform_6 input::-webkit-outer-spin-button,
#fluentform_6 input::-webkit-inner-spin-button, 
#fluentform_7 input::-webkit-outer-spin-button,
#fluentform_7 input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#ff_6_numeric-field .fluentform .ff_file_upload_holder {
    margin-bottom: 0;
}
@media screen and (max-width: 768px) {
	#fluentform_17 div, #fluentform_4 div, #fluentform_20 div, #fluentform_5 div, #fluentform_3 div {
	margin-bottom: 2px;
	margin-top: 2px;
    margin-left:auto;
    margin-right:auto;
	}
 	.fluentform label.ff-el-image-input-src {
    width: 100vw;
    margin-left:auto;
    margin-right:auto;
  }
	.elementor-inner-section.elementor-element.elementor-element-41e5b26 {
    text-align: center;
  }
	html body.page-template-default.page-id-23545.elementor-page-23545 {
    width: min-content;
  }
}
#fluentform_17 .frm-fluent-form .ff-t-container {
  gap: 0px;
}
#fluentform_17 div, #fluentform_4 div, #fluentform_20 div, #fluentform_5 div, #fluentform_3 div {
	margin-bottom: 2px;
	margin-top: 2px;
}
/* .fluentform_wrapper_3, .fluentform_wrapper_4, .fluentform_wrapper_5, .fluentform_wrapper_17, .fluentform_wrapper_20 {
	 margin-bottom: 20vh;
} */


#fluentform_17 .step5, #fluentform_17 .step6, #fluentform_20 .step2 {
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
}
#fluentform_17 .stepgrid {
	display: grid;
	grid-template-columns: 100px 1fr;
}
#fluentform_17 .step4 .ff-el-form-control {
  margin-top: 1rem;
  margin-bottom: 14px;
}
#fluentform_17 .step3a {
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
}

/* Thermal Page fix */
.elementor-element-8724426  .elementor-container .elementor-column.elementor-col-25 {
    width: auto;
}
.fluentform .ff-el-is-error .text-danger {
    font-size: 20px;
    font-weight: 500;
    background-color: #ffffff;
    text-align: center;
    white-space: nowrap;	
}
/* menu blocks */
.elementor-224257 .elementor-column.elementor-col-25, .elementor-224206 .elementor-column.elementor-col-25,  .elementor-224284 .elementor-column.elementor-col-25, .elementor-224278 .elementor-column.elementor-col-25{
	width: 10vw;
	min-width: 175px;
}
.elementor-224257 .elementor-section .elementor-container,  .elementor-224206 .elementor-section .elementor-container, .elementor-224284 .elementor-section .elementor-container, .elementor-224278 .elementor-section .elementor-container{
	justify-content: center;
}
/* Blogs */
.elementor-post__meta-data {
  display: none;
}
.elementor-element-97aecfb .elementor-pagination{
      padding-top: 25px;
    padding-bottom: 20px;
}
/* BLUE BAR */
.bluebar  .elementor-button {
    margin: 20px;
}


/* WooCommerce */
.woocommerce-page #RequestAQuote {
	display: none;
	
}
.elementor-254722 .elementor-element.elementor-element-3c1c309.elementor-wc-products ul.products {

    margin-left: auto;
    margin-right: auto;
}
.elementor-products-grid ul.products.elementor-grid li.product img {
	width: 50%;
	margin-left: auto;
 	margin-right: auto;
}
.woocommerce-product-gallery__wrapper div.woocommerce-product-gallery__image a img.wp-post-image {
	width: 300px;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
	display: flex;
	justify-content: space-around;
	min-height: 400px;
}

main article .cf .product .type-product .status-publish .has-post-thumbnail  {
	display: flex;
	justify-content: space-around;
	
}
main {
	display: flex;
	justify-content: space-around;
}
div.single-product {
	padding-top: 10vh;
}
/* WooCommerce AmCraft Widget display Product by category */

#floatcart {
	position: fixed;
    top: 10vw;
    right: 1vw;
	width: fit-content;
	background-color: #ffffff;
	box-shadow: -4px 5px 7px 2px #888888;
	z-index: 999;
	padding: 0;
	border-radius: 0;
}
#elementor-menu-cart__toggle_button {
	border:none;
}
#cartmobile {
	display: none;
}
@media (max-width: 1000px) {
  /* Styles for smaller screens */
  #floatcart {
    top: 20vw; /* Adjust vertical position */

  }
}
@media (max-width: 768px) {
  /* Styles for smaller screens */
  #floatcart {
    display: none
  }
	#cartmobile {
		display: block;
		position: sticky;
		top: 61px;
		background-color: white;
		z-index: 99;
		
	}
}
/* Individual Product Page */
.product .elementor-element.elementor-widget.elementor-widget-image {
	width: 50%;
	min-width: 200px;
    height: auto;
}

/* END Individual Product Page */
body #hubspot-messages-iframe-container {
	z-index: 9;
}
.page-id-255029 .elementor-245897 .elementor-element.elementor-element-1ef2b900, .page-id-575 .elementor-245897 .elementor-element.elementor-element-1ef2b900, .page-id-254670 .elementor-element.elementor-element-1ef2b900 {
	display: none;
}
.page-id-255029 .elementor-element-9c99cc5, .page-id-255029 #buytrack {
	display: none;
}
.product-heading {
	text-align: center;
    color: #FFFFFF;
    background-color: #002F6C;
    font-size: 27px;
    line-height: 47px;
	padding: 0px;
	margin: 0px;
}
.product-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr); 
    gap: 0px;
	border: 2px solid #002F6C;
}
.product-img-select {
	width: 7vw;
}
.product-grid-endstops {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 0px;
	border: 2px solid #002F6C;
}
.product-grid-trolley {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 0px;
	border: 2px solid #002F6C;
}
.product-grid-track {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr; 
    gap: 0px;
	border: 2px solid #002F6C;
}
.product-column {
    display: grid;
    grid-template-columns: 1fr; 
    border: 2px solid #002F6C; 
    box-sizing: border-box;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.product-short {
	text-align: center;
    color: #FFFFFF;
    background-color: #002F6C;
    font-size: 17px;
    line-height: 27px;
	padding: 0px;
}


.elementor img.product-img {
	margin-left: auto;
    margin-right: auto;
	height: 15vh;
	width: auto;
}
.elementor img.category-img {
	
	height: 20vh;
	width: auto;
}
.category-column {
    display: grid;
    grid-template-columns: 1fr; 
    border: 2px solid #002F6C; 
    box-sizing: border-box;
	text-align: center;
	height: 30vh;
}
.product-flex-column {
	display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

	/* Style the Add to Cart button */
button.add_to_cart_button, body.page-id-254670 a.button.add_to_cart_button {
    background-color: #ef0202; /* Set the default background color (grey) */
    color: #fff; /* Set the text color to white */
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s; /* Add a smooth transition effect for hover and active states */
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

/* Hover effect - button turns darker grey on hover */
.add_to_cart_button:hover {
    background-color: #444; /* Set the background color for the hover state */
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}

/* Active effect - button turns even darker grey when clicked */
.add_to_cart_button:active {
    background-color: #333; /* Set the background color for the active state (when clicked) */
	box-shadow: none;
}
.quantity {
  color: rgba(var(--color-foreground));
  position: relative;
  width: calc(14rem / var(--font-body-scale) + var(--inputs-border-width) * 2);
  display: flex;
  justify-content: center;
  border-radius: var(--inputs-radius);
  min-height: calc((var(--inputs-border-width) * 2) + 4.5rem);
}

.quantity:after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.1rem solid transparent;
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}

.quantity:before {
  background: rgb(var(--color-background));
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-base-text), var(--inputs-shadow-opacity));
  z-index: -1;
}
input.quantity_input::-webkit-outer-spin-button,
input.quantity_input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity_input {
	color: currentColor;
	font-size: 1.4rem;
	font-weight: 500;
	opacity: 0.85;
	text-align: center;
	background-color: transparent;
	border: 0;
	padding: 0 0.5rem;
	width: 20%;
	appearance: none;
	-moz-appearance: textfield;
}

.quantity__button {
  width: calc(4.5rem / var(--font-body-scale));
  flex-shrink: 0;
  font-size: 1.8rem;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--color-foreground));
  padding: 0;
}

.quantity__button:first-child {
  margin-left: calc(var(--inputs-border-width));
}

.quantity__button:last-child {
  margin-right: calc(var(--inputs-border-width));
}

.quantity__button svg {
  width: 1rem;
  pointer-events: none;
}

.quantity__button:focus-visible,
.quantity__input:focus-visible {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.quantity__button:focus,
.quantity__input:focus {
  background-color: rgb(var(--color-background));
  z-index: 2;
}

.quantity__button:not(:focus-visible):not(.focused),
.quantity__input:not(:focus-visible):not(.focused) {
  box-shadow: inherit;
  background-color: inherit;
}

.quantity__input:-webkit-autofill,
.quantity__input:-webkit-autofill:hover,
.quantity__input:-webkit-autofill:active {
  box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
  -webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
}

.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity__input[type='number'] {
  -moz-appearance: textfield;
}

.clicked {
  background-color: #006fff17;
}

.threadedrod {
	width: 65vw;
	background-color: #ffffff;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
    left: 0;
    right: 0;
	z-index: -1;
	text-align: center;
}
.threadedrod h1 {
	margin-top: 0px;
	margin-bottom: 0px

}

/* Cart layout */
table.woocommerce-checkout-review-order-table th:first-child {
  width: 350px;
}
table.woocommerce-checkout-review-order-table th:nth-child(2) {
  width: 200px;
}
table.woocommerce-checkout-review-order-table ul.woocommerce-shipping-methods  {
    list-style: none;
    padding-left: 0;
    margin-top: 0;
}
table.woocommerce-checkout-review-order-table td.product-name, th.product-total {
	text-align: left;
}
.woocommerce-additional-fields__field-wrapper textarea.input-text {
	width: 500px;
	height: 150px;
}
.payment_method_stripe fieldset:nth-child(4) {
  display: none;
}

.coupon {
	display: none;
}
	.product-name .product-name-straight .product-name-curved {
		font-size: clamp(14px, 5vw, 30px);
	}
@media (max-width: 710px) {
	body.page-id-255029 {
		width: 100vw;
		margin-left: auto;
		margin-right: auto;
	}
	.product-grid, .product-grid-endstops, .product-grid-trolley {
		display: grid;
		grid-template-columns:1fr; 
		gap: 0px;
		border: 2px solid #002F6C;
	}
	.threadedrod {
		width: 90vw;
		margin: 0px;
	}
	.threadedrod h1 {
	    text-wrap: nowrap;
	    font-size: clamp(14px, 4vw, 30px);
	}
	.threadedrod h1 img {
		width: 5vw;
	}
	.page-id-255029 .elementor img.product-img.float-left {
		float: left;
		height: 10vh;
	}
	.product-name-curved, .product-name-connector, .product-name-endstop, .product-name-trolley  {
		display: none;
	}
	.product-name, .product-price, .product-name-straight, .product-name-curved {
		font-size: 1.65em;
	}
	.product-grid-column  {
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: center;
	}
	.product-column-tracksystems div:first-child {
		display: grid;
		grid-template-columns: 1fr 2fr;
		gap: 0px;
	}

	.product-grid-track {
		grid-template-columns: 1fr;
	}
	.track-carousel {
		width: 210px;
	}


}
.quantity_input input[type=number]::-webkit-inner-spin-button, 
.quantity_input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; 
}

.quantity_input input[type=number] {
  -moz-appearance: textfield; 
  -webkit-appearance: none;  
  appearance: none; 
  margin: 0; 
  width: calc(100% - 15px); 
}
.elementor-widget-woocommerce-product-images {
	display: none;
}
/* hide author byline for post */
.byline.vcard, .woocommerce-result-count, .woocommerce-ordering, #sidebar1, .woocommerce-mini-cart__empty-message  {
	display: none;
}
li.product {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
/* FAQ CSS */

.faq-h2 {
	font-size: 1rem;
	margin-top: 5px;
	margin-bottom: 5px;
}

.accordion {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	border-bottom-style: solid;
	border-color: #0000ff6e;
	border-width: 1px;
}


.accordion:hover  {
	background-color: #002cff4a;

}
button.accordion:hover > h2 {
	color: white;
}


.panel {
	padding: 10px 5px 10px 5px;
	background-color: #ffffff40;
	display: none;
	overflow: hidden;
}



.half-colored {
    
    background: linear-gradient(
        to right, 
        #CF372D 50%, 
        #CF372D 50%, 
        white 55%, 
        white 55%, 
        #002F6C 50%, 
        white 100%
        
    );
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    display: inline;
}

.flat-o {
    display: inline-block; 
    transform: scaleX(1.1); 
}