/* --------------- Module-signpost-2-3-col end ------------------ */
.three-col-signpost.blue *, .three-col-signpost.blue-gradient * {color: #fff;}
.three-col-signpost .left-content-wrapper h2{font-weight:300;font-family:"AASmartSans", sans-serif;}
.signpost-main-content {padding-left: 30px;padding-bottom: 10px;}
.module-head-wrap.content { margin-bottom: 20px;}
.signpost-cover{display: flex; flex-wrap: wrap; margin-left: -15px;margin-right: -15px;}
.three-col-signpost .signpost--wrapper{margin-top:0px;}
.signpost-wrap:nth-child(n + 4) {margin-top: 30px;max-width: calc(100%/3 - 30px);}
.signpost-wrap *, .signpost-details a.cta-link{color:#fff; float: left;}
.signpost-wrap h3 sup, .signpost-wrap h3 sub{float:none;}
.signpost-details a.cta-link:hover{ color: #EBE4C7 !important;}
.signpost-details{position:absolute;bottom:0;padding:18px 15px 18px 24px;width:100%;z-index: 2;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;}
.signpost-wrap{max-width: 470px;position:relative;margin-right: 15px;margin-left: 15px;flex:1;/* width: 33.33333333%; */height:100%;float: left;flex: 1 1 25.33333333%;overflow: hidden;}

.three-col-signpost .signpost-wrap:hover .signpost-details{
    background: linear-gradient(166deg, rgba(252, 60, 61, 0.0001) 4.94%, rgba(254, 0, 0, 0.343122) 95.45%), linear-gradient(193.05deg, rgba(31, 124, 252, 0.0001) -2.62%, #031794 105.99%);
}
.signpost-wrap:hover .link-text a { color: #EBE4C7; }
.signpost-wrap:hover .link-text a.cta-link.internal-link::after { right:5px; }

.signpost-details h3{/*font-size:3.2rem;*/ text-transform:uppercase; /*font-size:2.4rem;*/ line-height:1.2em;margin-bottom: 0;}
.signpost-details h3 + .link-text {padding-top:25px;}
.signpost-details p{font-size:1.2rem; line-height:16px; margin-top:5px; margin-bottom: 20px;}
.signpost-wrap img{border-radius:4px;width:100%;height:auto;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
/* .signpost-wrap:last-child{margin:0;} */
.signpost-wrap:before {
  background-image: linear-gradient(to bottom, rgba(2, 36, 79, 0), rgba(2, 36, 79, 0.86) 85%, #02244f);
  background-image: -webkit-linear-gradient(to bottom, rgba(2, 36, 79, 0), rgba(2, 36, 79, 0.86) 85%, #02244f);
  background-image:    -moz-linear-gradient(to bottom, rgba(2, 36, 79, 0), rgba(2, 36, 79, 0.86) 85%, #02244f);
  background-image:     -ms-linear-gradient(to bottom, rgba(2, 36, 79, 0), rgba(2, 36, 79, 0.86) 85%, #02244f);
  background-image:      -o-linear-gradient(to bottom, rgba(2, 36, 79, 0), rgba(2, 36, 79, 0.86) 85%, #02244f);
  
  bottom: 0; left:0; position: absolute;width: 100%;height: 70%;z-index: 1; content: '';-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.signpost-wrap:hover:before { height: 100%;}
.signpost-wrap:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1);}
.three-col-signpost .slider-nav .slider-nav-inner { max-width: 290px; margin: auto auto; float: none;}
.three-col-signpost .slider-nav { margin: 30px 0; display:none;}
/* --------------- Module-signpost-2-3-col end ------------------ */


/* --------------- Module-signpost-2-3-col start ------------------ */
.three-col-signpost .three-col-signpost.blue *, .three-col-signpost.blue-gradient * {color: #fff;}
.three-col-signpost .signpost-main-content {padding-left: 30px;padding-bottom: 10px;}
.three-col-signpost .module-head-wrap.content { margin-bottom: 20px;}
.three-col-signpost .signpost-cover{display: flex; flex-wrap: wrap; margin-left: -15px;margin-right: -15px;justify-content: center;}
.three-col-signpost .three-col-signpost .signpost--wrapper{margin-top:20px;}
.three-col-signpost .signpost-wrap:nth-child(n + 4) {margin-top: 30px;max-width: calc(100%/3 - 30px);}
.three-col-signpost.signpost-wrap *, .signpost-details a.cta-link{color:#fff; float: left; margin-bottom: 0;}
.three-col-signpost .signpost-wrap h3 sup, .signpost-wrap h3 sub{float:none;}
.three-col-signpost .signpost-details a.cta-link:hover{ color: #EBE4C7 !important;}
.three-col-signpost .signpost-details{position:absolute;bottom:0;padding:28px 20px 28px 20px;width:100%;z-index: 2;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;/*background: linear-gradient(166deg, rgba(252, 60, 61, 0.0001) 4.94%, rgba(254, 0, 0, 0.343122) 95.45%), linear-gradient(193.05deg, rgba(31, 124, 252, 0.0001) -2.62%, #031794 105.99%);*/}
.three-col-signpost .signpost-details h2{font-family:"AASmartSans";}
.three-col-signpost .signpost-wrap{transition: all 0.4s ease-in-out; max-width: 470px;position:relative;margin-right: 15px;margin-left: 15px;flex:1;height:100%;float: left;flex: 1 1 25.33333333%;overflow: hidden;border-radius: 20px;box-shadow:  -2px -2px 30px rgba(255, 255, 255, 0.433976), 8px 64px 64px rgba(0, 0, 0, 0.1), 8px 32px 32px rgba(3, 23, 148, 0.128442), 0px 16px 16px rgba(0, 0, 0, 0.1), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(255, 255, 255, 0.334544);
}
.three-col-signpost .signpost-wrap:hover{
box-shadow: 4px 4px 12px rgba(3, 23, 148, 0.103884), -4px -4px 12px rgba(255, 255, 255, 0.164418), 4px 4px 12px rgba(0, 0, 0, 0.163844) !important; 

}
.three-col-signpost .signpost-wrap:hover .link-text a { color: #1aebdd; }
.three-col-signpost .signpost-wrap:hover .link-text a.cta-link.internal-link::after { right:5px; }
a.box-link:before{
	content: "";
    width: 100%;
    height: 100vh;
    
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.three-col-signpost .signpost-wrap a {border-radius: 20px; font-weight: 600;}
.three-col-signpost.signpost-details h3{font-size:2.4rem; text-transform:uppercase;line-height:32px;margin-bottom: 0;}
.three-col-signpost .signpost-details h3 + .link-text {padding-top:12px;}
.three-col-signpost .signpost-details p{font-size: 1.2rem;line-height: 14px;margin-top: 5px;margin-bottom: 5px;font-weight: 600;text-transform: uppercase;}
.three-col-signpost .signpost-details p span.featuredLabel {padding-right: 20px;}
.three-col-signpost .signpost-wrap img{border-radius:20px;width:100%;height:auto;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;object-fit: cover;}

.three-col-signpost .signpost-wrap:before {transition:all 0.3s ease-in-out;border-radius: 10px;
background-image: linear-gradient(24.02deg, rgba(30, 138, 255, 0.4) -1.15%, rgba(30, 138, 255, 0) 15.4%), linear-gradient(161.9deg, rgba(252, 60, 61, 0.0001) 72.86%, rgba(254, 0, 0, 0.343122) 98.95%), linear-gradient(186.4deg, rgba(31, 124, 252, 0.0001) 46.4%, #031794 103.29%);;
background-image: -webkit-linear-gradient(24.02deg, rgba(30, 138, 255, 0.4) -1.15%, rgba(30, 138, 255, 0) 15.4%), linear-gradient(161.9deg, rgba(252, 60, 61, 0.0001) 72.86%, rgba(254, 0, 0, 0.343122) 98.95%), linear-gradient(186.4deg, rgba(31, 124, 252, 0.0001) 46.4%, #031794 103.29%);;
background-image:-moz-linear-gradient(24.02deg, rgba(30, 138, 255, 0.4) -1.15%, rgba(30, 138, 255, 0) 15.4%), linear-gradient(161.9deg, rgba(252, 60, 61, 0.0001) 72.86%, rgba(254, 0, 0, 0.343122) 98.95%), linear-gradient(186.4deg, rgba(31, 124, 252, 0.0001) 46.4%, #031794 103.29%);;
background-image: -ms-linear-gradient(24.02deg, rgba(30, 138, 255, 0.4) -1.15%, rgba(30, 138, 255, 0) 15.4%), linear-gradient(161.9deg, rgba(252, 60, 61, 0.0001) 72.86%, rgba(254, 0, 0, 0.343122) 98.95%), linear-gradient(186.4deg, rgba(31, 124, 252, 0.0001) 46.4%, #031794 103.29%);;
background-image:-o-linear-gradient(24.02deg, rgba(30, 138, 255, 0.4) -1.15%, rgba(30, 138, 255, 0) 15.4%), linear-gradient(161.9deg, rgba(252, 60, 61, 0.0001) 72.86%, rgba(254, 0, 0, 0.343122) 98.95%), linear-gradient(186.4deg, rgba(31, 124, 252, 0.0001) 46.4%, #031794 103.29%);
}

bottom: 0; left:0; position: absolute;width: 100%;height: 70%;z-index: 1; content: '';-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.three-col-signpost .signpost-wrap:hover:before { height: 100%; background: linear-gradient(166deg, rgba(252, 60, 61, 0.0001) 4.94%, rgba(254, 0, 0, 0.343122) 95.45%), linear-gradient(193.05deg, rgba(31, 124, 252, 0.0001) -2.62%, #031794 105.99%);}
.three-col-signpost .signpost-wrap:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1);}
.three-col-signpost .three-col-signpost .slider-nav .slider-nav-inner { max-width: 290px; margin: auto auto; float: none;}
.three-col-signpost .three-col-signpost .slider-nav { margin: 30px 0; display:none;}
.three-col-signpost.module-section .vLine.anit:before { display:none;}
.three-col-signpost.module-section .link-text a.cta-link.internal-link:after {color: #1AEBDD;}

.three-col-signpost .signpost-details h3{font-weight: 400;font-size: 24px;line-height: 32px;text-transform: none;}


@media screen and (min-width:768px) and (max-width:1024px){
/*@media screen and (min-width:768px) and (max-width:992.98px){*/
.three-col-signpost .signpost-details {padding: 58px 15px 5px 15px;}
.three-col-signpost .signpost-details h3{font-weight: 400;font-size: 20px;line-height: 28px;}
 .three-col-signpost .signpost-wrap img{border-radius:10px;}
 .three-col-signpost .signpost-wrap a, .three-col-signpost .signpost-wrap {border-radius: 15px;}
.three-col-signpost .signpost-details{	padding: 15px 15px 23px 15px;}
#nickel-and-manganese .three-col-signpost .signpost-wrap, #steelmaking-coal .three-col-signpost .signpost-wrap ,#iron-ore .three-col-signpost .signpost-wrap {max-width: 380px;}

}
@media screen and (max-width:992.98px){
.three-col-signpost .signpost-wrap img{	/*height: 160px;*/ object-fit: cover;object-position:center;}
.ip3-products .three-col-signpost .signpost-wrap img{	height: auto; }
}
/*Media Query Start */
@media screen and (max-width:767.98px){
#nickel-and-manganese #module-three-column-image-signpost-3 article.signpost-wrap {margin: 0;}
#nickel-and-manganese .three-col-signpost .signpost-cover, #steelmaking-coal .three-col-signpost .signpost-cover, #iron-ore .three-col-signpost .signpost-cover {width: 100%;margin-top: 0;}
#nickel-and-manganese .module-section.three-col-signpost, #steelmaking-coal .module-section.three-col-signpost, #iron-ore .module-section.three-col-signpost  {padding-top: 0px !important;}
.three-col-signpost .signpost-cover {display: inline-block;flex-wrap: wrap;margin-left: 0;margin-right: 0;}
.three-col-signpost .signpost-wrap:nth-child(n + 4){max-width:100%;}
.three-col-signpost .signpost-wrap{margin-left:0 !important;}
.three-col-signpost .slider-nav {display: none !important;}
.three-col-signpost .signpost-details h3 {font-size: 18px;line-height: 26px;}
.three-col-signpost.use-style-v2 .signpost-wrap:before {background-image: linear-gradient(to bottom, rgba(252, 60, 61, 0) 89%, rgba(254, 0, 0, 0.34) 106%), linear-gradient( 195deg , rgba(31, 124, 252, 0) 50%, #031794 100%);}
.three-col-signpost .signpost-details {padding: 54px 15px 15px 15px;background: linear-gradient(166deg, rgba(252, 60, 61, 0.0001) 4.94%, rgba(254, 0, 0, 0.343122) 95.45%), linear-gradient(193.05deg, rgba(31, 124, 252, 0.0001) -2.62%, #031794 105.99%);}
.three-col-signpost .signpost-wrap img{border-radius:10px;}
.three-col-signpost .signpost-wrap a, .three-col-signpost .signpost-wrap {border-radius: 10px;}
.three-col-signpost .signpost-details h3 + .link-text { margin-bottom: 15px;}
.three-col-signpost .left-content-wrapper h2{font-weight:400;}
body#copper .three-col-signpost .signpost-wrap:last-child {
    margin-bottom: 0;
}

body#copper .three-col-signpost .signpost-cover {
margin-top: 0;
}

} 


}
/*Media Query End */
.three-col-signpost .signpost-wrap:hover:before{
background: linear-gradient(166deg, rgba(252, 60, 61, 0.0001) 4.94%, rgba(254, 0, 0, 0.343122) 95.45%), linear-gradient(193.05deg, rgba(31, 124, 252, 0.0001) -2.62%, #031794 105.99%);
}
/* --------------- Module-signpost-2-3-col end ------------------ */


@media screen and (min-width:768px) and (max-width:992.98px){
  .three-col-signpost .signpost-wrap:hover .signpost-details{
    border-radius: 15px;
  }
}