.new-footer{
  background-color:#13181D;
}

.new-footer .cols:not(:first-of-type) {
  margin-left: 2em;
}

/* footer column 1 
* //////////////////////*/
.new-footer .footer-logo {
  display: block;
  text-align: center;
}

.new-footer .footer-logo img{
  max-width: 8.5em;
  width: 100%;
  margin: auto;
  margin-bottom: 0.5em;
}

/* footer CTAs
* /////////////////////*/
.footer-ctas a {
  padding: 0.5em;
  display: block;
  margin: 0.5em;
}

.footer-ctas a.button_white:hover,
.footer-ctas a.button_red {
  background-color: #ce202a;
  color: #fff;
}

.footer-ctas a.button_red:hover,
.footer-ctas a.button_white{
  background-color: #fff;
  color: inherit;
}


/* footer social  
* /////////////////////*/
.footer-social{
 /* margin-top:1em;  */
  max-width:500px; /*TRTRTR  */
}

.footer-social ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.footer-social a {
  display: block;
  position: relative;
  width: 2em;
  height: 2em;
  border: solid 1px #fff;
  color: #fff;
  border-radius: 100%;
  line-height: 2;
  margin:.2em auto;
  font-size: 1.5em;  /*  TRTRTR  */
}

.footer-social a:hover{
  background-color:#fff;
  color:inherit;
}
.footer-social a:focus{
  color:#ffffff;
}


/* menu items 
* ////////////////////*/
.footer-menu-item:not(:first-of-type) {
  margin-top: 1em;
}

.footer-menu-item .group-title {
  color: #fff;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 600;
}

.footer-menu-item ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-menu-item a {
  text-decoration: none;
  color: #ddd;
  font-weight: normal;
  display: block;
}

.footer-menu-item a:not(.group-title) {
  padding:0.5em 0;
  font-size: 0.91em;
}

.footer-menu-item a:hover{
  color:#fff;
}

.new-footer .col-1 {
  min-width: 220px;
}



/* COPYWRITE  
* ////////////////////*/
.new-footer .copywrite{
  font-size:14px;
  color:#ddd;
  margin-top:1.5em;
  padding-top:1.5em;
  border-top:solid 1px gray;
}


.new-footer .copywrite a {
  text-decoration:none;
  color:inherit;
  font-weight: normal;
}

.new-footer .copywrite address {
  font-style: initial;
}


.footer-blog-title {
  text-align: right;
  color: #fff;
  font-size:0.9em;
}

.footer-subscript-form{
  margin-top: 1em;
}

/**  BEGIN replace footer form with a CTA  TR 7-2024 **/
.footer-subscript-form .simple-sub-form {
    display: flex;
    justify-content: flex-end;
    width: auto;
}

/**  END replace footer form with a CTA  TR 7-2024 **/

@media(min-width:981px){
  .copywrite .flex-wrap {
    -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
  }

  .new-footer .col-1{
    max-width: 220px !important;
    width:100%;
  }

  .footer-subscript-form .simple-sub-form{
    transform: scale(0.9);
    position: relative;
    right: -1.2em;
  }
}


.new-footer:after {
  content: "";
  width: 100%;
  background-image: url(https://www.mcelroymetal.com/hubfs/Backgrounds/mce-metal-logo-background.svg);
  background-size: contain;
  background-position: 130% top;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-repeat: no-repeat;
  opacity: 0.015;
}



@media(max-width:980px){
  .section-wrap.new-footer {
    padding: 1em 0;
  }

  .new-footer .copywrite .copy-cols,
  .new-footer .cols{
    -webkit-box-flex:1;-ms-flex:auto;flex:auto;
    max-width:none !important;
    min-width:initial !important;
    width:100%;
    margin-left:0 !important;
    font-size:15px;
  }

  .new-footer .col-1 {
    max-width: 300px !important;
    width:100%;
    margin: auto !important;
    text-align: center;
    order: 1;
    margin-top: 2em !important;
  }


  .footer-menu-item:not(.is-active) .group-title + ul {
    display: none;
  }

  .footer-menu-item {
    margin-top: 0 !important;
    position:relative;
  }

  .footer-menu-item .group-title {
    padding: 1em 2em 1em 0;
    border-bottom: solid 1px #808080;
  }


  .footer-menu-item .footer-arrow{
    position: absolute;
    right: .5em;
    top: 1em;
    color: #fff;
    width: 2em;
    height: 2em;
    text-align: right;
  }

  .footer-menu-item .footer-arrow:before {
    content: "\f107";
    font-family:fontAwesome;
  }

  .footer-menu-item.is-active .footer-arrow:before {
    content: "\f106";
  }

  .footer-menu-item a:not(.group-title) {
    padding-left: 1em;
  }


  .new-footer .copywrite .copy-cols {
    margin: 0.2em;
    font-size: 0.9em;
  }

  .new-footer .copywrite {
    margin-top: 1.5em;
    padding-top: 1em;
  }


  /*   subscribe form  */
  .footer-blog-title{
    text-align: center;
  }

  .footer-subscript-form{
    margin-top: 2em;
  }

  .footer-subscript-form .simple-sub-form {
    margin: auto;
  }

}
/* TRTRTR */
@media (max-width:767px) {
  .footer-social {
    margin:10px auto;
  }
}

@media(max-width:480px){
  .footer-subscript-form form {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .footer-subscript-form .simple-sub-form .hs-email {
    -webkit-box-flex: 1 !important;
    -ms-flex: auto !important;
    flex: auto !important;
    display: block !important;
    max-width: none !important;
    min-width: initial;
    width: 100%;
  }

  .footer-subscript-form .simple-sub-form .hs-form .hs_submit{
    width: 100%;
  }

  .footer-subscript-form .simple-sub-form input[type="submit"]{
    margin-top: 1em !important;
  }


  .new-footer .copywrite .copy-cols{
    text-align: center;
  }

}