.main-menu #rd-nav-our-stories-level1, .main-menu #rd-nav-our-stories-new-level1, .main-menu #rd-nav-our-stories-real-level1, .main-menu #rd-nav-esg-policies-and-data-level1 , .main-menu #rd-nav-policies-level1 , .main-menu #rd-nav-futureoffertiliser-level1 { display: none; } .mod-quote .mod-quote-inner.without-image .author-text span:first-child{ font-size: 1.8rem; line-height: 2.2rem; color: #031794; font-weight: 400; } /* Header menu fix */ .main-menu{margin-right: 160px;} @media (min-width: 1440px){ .main-menu {margin-right: 255px;} } @media only screen and (min-width: 992px) and (max-width: 1180px){ .main-menu { margin-right: 40px; } .main-menu .openSearch{width: 0px;} .headerwrapper.use-style-v2 .rdMenuwrapper ul li.level1 > a{font-size: 1.5rem} } @media only screen and (max-width: 991.98px){ .mobi-menu-wrapper.menuOpen > ul { overflow-y: scroll; height: calc(100% - 235px); } } #toplinks>.second-level.menu-list .rd-leftmenuwrapper .second-nav > a span.icon-right-arrow{display: inline-block; left: 14px; position: relative; font-size: 12px; color: transparent; top: 4px; transition: all 0.5s ease-in-out;} #toplinks>.second-level.menu-list .rd-leftmenuwrapper .second-nav > a span.icon-right-arrow:before{ background: url("~/media/Images/a/anglo-american-group-v5//Universal/icons/nav-down.svg") no-repeat; } #toplinks>.second-level.menu-list .rd-leftmenuwrapper .second-nav.active > a span.icon-right-arrow{transform: rotate(180deg); top: -1px;} /* Header menu fix end */ /* Banner style start */ .breadcrumb.our-story-breadcrumb .banner-content{padding-bottom: 0;} .page-modules-wrapper .breadcrumb.our-story-breadcrumb .banner-content{padding-bottom: 55px;} .breadcrumb.our-story-breadcrumb .inner-banner-text{max-width: 670px;} .breadcrumb.our-story-breadcrumb #breadcrumb li:nth-child(2) > span{margin-left: 0;} .tab-links-container{position: relative; top: 25px;} .tab-links-container ul {display: flex; justify-content: center; align-items: center;} .tab-links-container ul li {margin: 0 10px;} .tab-links-container li a {font-weight: 600; font-size: 16px; line-height: 19px; padding: 17px 36px; background: -moz-linear-gradient(171.53deg, #FFFFFF -10.68%, #F6F8FB 107.31%); box-shadow: 4px 4px 12px rgba(3, 23, 148, 0.100787), -4px -4px 16px rgba(255, 255, 255, 0.143876), 4px 4px 16px rgba(0, 0, 0, 0.0782343), inset 2px 1px 1px #FFFFFF; background: -webkit-linear-gradient(171.53deg, #FFFFFF -10.68%, #F6F8FB 107.31%); box-shadow: 4px 4px 12px rgba(3, 23, 148, 0.100787), -4px -4px 16px rgba(255, 255, 255, 0.143876), 4px 4px 16px rgba(0, 0, 0, 0.0782343), inset 2px 1px 1px #FFFFFF; background: linear-gradient(171.53deg, #FFFFFF -10.68%, #F6F8FB 107.31%); box-shadow: 4px 4px 12px rgba(3, 23, 148, 0.100787), -4px -4px 16px rgba(255, 255, 255, 0.143876), 4px 4px 16px rgba(0, 0, 0, 0.0782343), inset 2px 1px 1px #FFFFFF; border-radius: 27.5px; color: #031794; display: block} .tab-links-container li a:hover, .tab-links-container ul li.current-page a{ background: -moz-linear-gradient(147.83deg, #1E7CFF -36.31%, #031794 86.32%); background: -webkit-linear-gradient(147.83deg, #1E7CFF -36.31%, #031794 86.32%); background: linear-gradient(147.83deg, #1E7CFF -36.31%, #031794 86.32%); color: #ffffff; 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); } .only-story-tab{margin-top: 0; margin-bottom: 150px;} @media only screen and (max-width: 1100px){ .tab-links-container li a{font-size: 14px; padding: 15px 28px;} .breadcrumb.our-story-breadcrumb .banner-content{padding-bottom: 0;} .page-modules-wrapper .breadcrumb.our-story-breadcrumb .banner-content{padding-bottom: 40px;} } @media only screen and (max-width: 991px){ .tab-links-container{top: 20px;} .tab-links-container ul li{margin: 0 5px} .tab-links-container ul li:first-child{margin-left: 0;} .tab-links-container ul li:last-child {margin-right: 0;} .tab-links-container li a{font-size: 16px; padding: 12px 16px;} .only-story-tab{margin-bottom: 75px;} .breadcrumb.our-story-breadcrumb .inner-banner-text p{line-height: 27px;} .page-modules-wrapper .breadcrumb.our-story-breadcrumb .banner-content{padding-top: 30px; padding-bottom: 0px;} } @media only screen and (max-width: 767px){ .breadcrumb.our-story-breadcrumb .banner-content{padding-bottom: 30px;} .breadcrumb.our-story-breadcrumb .inner-banner-text p{line-height: 30px;} .page-modules-wrapper .breadcrumb.our-story-breadcrumb .banner-content{padding-bottom: 30px;} .page-modules-wrapper .breadcrumb.our-story-breadcrumb .banner-content h1{margin: 0 0 30px;} .tab-links-block-resp{background: #ffffff;} .tab-links-container ul{flex-wrap: wrap; padding-bottom: 20px;} .tab-links-container ul li{flex: 1; padding-bottom: 13px;} .tab-links-container li a{text-align: center;} .new-our-stories-container { padding-top: 0 !important; } } /* Banner Tab style end */ /* module image carousel date and title variation start */ .module-imagecarousel-wrapper .mod-body-content h2.gradient-title{font-size: 4.8rem; line-height: 5.8rem; font-weight: 400; background: linear-gradient(90deg, #FE0000 0%, #031794 30.98%, #1E7CFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: "AASmartSansHead", sans-serif;} .module-imagecarousel-gallery-Image-slide-text .module-imagecarousel-gallery-Image-slide-text--title-date{display: flex; flex-wrap: wrap;} .module-imagecarousel-gallery-Image-slide-text h2.date{font-size: 1.4rem; color: #fff; text-decoration: none; font-weight: 600; line-height: 1.7rem; margin-bottom: 8px; margin-left: 40px;} @media only screen and (max-width: 991px){ .module-imagecarousel-wrapper .mod-body-content h2.gradient-title{font-weight: 300;font-size: 3.2rem;line-height: 3.8rem;} } @media only screen and (max-width: 767px){ .module-imagecarousel-wrapper .mod-body-content h2.gradient-title{font-weight: 300;font-size: 2.8rem;line-height: 3.4rem;} } /* module image carousel date and title variation end */ /* module stories grid custom start .module-stories-grid.stick{position: sticky; top: 0;} .module-stories-grid--wrapper{margin-top: 90px;}*/ .stories-grid--floating_wrapper-left{position: relative;} .stories-grid--floating_wrapper-left .story-item-box-wrap{transition: all 0.6s ease 0s; height: calc(100vh - 90px); margin-bottom: 0; background: #fff; position: relative; top: 0; box-shadow: 0px 20px 24px 0px rgba(202, 208, 237, 0.5); border-radius: 20px; overflow: hidden; background: 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%); display: flex; align-items: flex-end; margin-top: 0; max-height: 835px; } .stories-grid--floating_wrapper-left .story-item-box-wrap > a:before{ content: ''; position: absolute; width: 200vw; height: 200vh; left: 50%; top: 50%; transform: translate(-50%, -50%); background: transparent !important; } .stories-grid--floating_wrapper-left .story-item-box-wrap + .story-item-box-wrap{display: none;} .stories-grid--floating_wrapper-left .story-item-box-wrap a.story-item-wrap{text-decoration: none; color: #fff;} .stories-grid--floating_wrapper-left .story-item-box-wrap .story-top-flex{justify-content: flex-start; position: absolute; top: 40px; left: 40px;} .stories-grid--floating_wrapper-left .story-item-box-wrap .story-top-flex .subtitle{color: #fff; text-transform: uppercase; margin-bottom: 0; font-size: 12px; line-height: 14px; font-weight: 600;} .stories-grid--floating_wrapper-left .story-item-box-wrap .story-top-flex .date{color: #fff; text-transform: uppercase; margin-left: 40px; margin-bottom: 0; font-size: 12px; line-height: 14px; font-weight: 600;} .stories-grid--floating_wrapper-left .story-img{overflow: hidden; height: 100%; position: absolute; width: 100%; left: 0; top: 0; z-index: -1;} .stories-grid--floating_wrapper-left .story-img .story-media-img{height: 100%;} .stories-grid--floating_wrapper-left .story-img img{height: 100% !important; overflow: hidden; width: 100%; margin: 0; border-radius: 20px 20px 0 0; object-fit: cover;transform: scale(1.0);transition: all 0.3s ease-in-out;} .stories-grid--floating_wrapper-left a:hover .story-img img {transform: scale(1.1);} .stories-grid--floating_wrapper-left .icon-play-icn{background: linear-gradient(173.46deg, #FFFFFF -116.53%, #F6F8FB 75.57%); border-radius: 50%; display: block; width: 49px; height: 49px; box-shadow: 4px 4px 12px rgb(3 23 148 / 10%), -4px -4px 16px rgba(255, 255, 255, 0.14), 4px 4px 16px rgba(0, 0, 0, 0.08), inset 2px 1px 1px #ffffff; margin-left: 40px; display: block; position: relative;} .stories-grid--floating_wrapper-left .icon-play-icn:before{content: "\e90c"; position: relative; top: 0; left: -2px; font-size: 50px; color: #4d4d4d;} .stories-grid--floating_wrapper-left .icon-play-icn:after{content: ''; width: 65px; height: 65px; background: url(~/media/Images/a/anglo-american-group-v5//Universal/modules/video-module/play.svg); z-index: -1; position: absolute; top: -8px; left: -8px; border-radius: 50%; background-repeat: no-repeat; background-position: center;} .stories-grid--floating_wrapper-left .story-content{text-align: left; padding: 30px 160px 40px 30px; position: relative; border: none;} .stories-grid--floating_wrapper-left .story-content:before{display: none;} .stories-grid--floating_wrapper-left .story-content h2{position: relative; transition: all ease-in-out 0.6s; font-size: 3.2rem; color: #fff; line-height: 38px; text-transform: none; font-family: "AASmartSans", sans-serif; display: block; font-weight: 300; margin-bottom: 0;} .stories-grid--floating_wrapper-left .story-item-box-wrap:hover{position: relative; transition: all 0.3s ease 0s; top: 0; box-shadow: -1px -1px 16px -1px rgba(0, 0, 0, 0.43); 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%);} /* .stories-grid--floating_wrapper-right{overflow: auto;} .stories-grid--floating_wrapper-right::-webkit-scrollbar {width: 0 !important } .stories-grid--floating_wrapper-right {overflow: -moz-scrollbars-none;} .stories-grid--floating_wrapper-right .stories-grid--latest-list{height: 705px;} */ .stories-grid--floating_wrapper-right .left-content-wrapper{display: flex; justify-content: space-between;flex-wrap: wrap;padding-left: 0;padding-right: 0;margin-bottom: 0;} .stories-grid--floating_wrapper-right .sgrdlw.no-height { height:0; } .stories-grid--floating_wrapper-right .sgrdlw.sticky { position: fixed; background: #fff; z-index: 99; top: 0; padding-bottom: 14px; } .stories-grid--floating_wrapper-right .left-content-wrapper h2{font-size: 2.4rem; line-height: 32px; font-family: "AASmartSans", sans-serif; font-weight: 400; margin-bottom: 0;} .stories-grid--floating_wrapper-right .left-content-wrapper a.cta-link{margin-top: 10px; line-height: 19px !important;} .stories-grid--floating_wrapper-right .left-content-wrapper a.cta-link:after{bottom: 0;} .stories-grid--floating_wrapper-right .stories-grid--latest-list-item{margin-top: 30px;} .stories-grid--floating_wrapper-right .stories-grid--latest-list-item:nth-child(1){margin-top: 18px;} .stories-grid--floating_wrapper-right .story-item-box-wrap{ transition: all 0.6s ease 0s; height: 100%; margin-bottom: 0; background: #fff; position: relative; top: 0; box-shadow: 24px 24px 40px rgba(3, 23, 148, 0.100787), -4px -4px 16px rgba(255, 255, 255, 0.350907), 4px 4px 16px rgba(0, 0, 0, 0.0782343); border-radius: 20px; margin-top: 0; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; } .stories-grid--floating_wrapper-right .story-item-box-wrap a.story-item-wrap{text-decoration: none; color: #031794;} .stories-grid--floating_wrapper-right .story-img{overflow: hidden; height: 200px;border-radius: 20px 20px 0 0;} .stories-grid--floating_wrapper-right .story-img .story-media-img{height: 100%;} .stories-grid--floating_wrapper-right .story-img img{object-fit: cover; height: 100% !important; overflow: hidden; width: 100%; margin: 0; border-radius: 20px 20px 0 0;transform: scale(1.0);transition: all 0.3s ease-in-out;} .stories-grid--floating_wrapper-right a:hover .story-img img {transform: scale(1.1);} .stories-grid--floating_wrapper-right .story-content{text-align: left; padding: 30px; border-radius: 0px 0px 20px 20px; position: relative; border: none;} .stories-grid--floating_wrapper-right .story-content:before{content: ""; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(147.83deg, rgba(30, 124, 255, 1.0) 0%, rgba(3, 23, 148, 1.0) 100%); position: absolute; border-radius: 0 0 20px 20px; opacity: 0; transition: all ease-in-out 0.6s;} .stories-grid--floating_wrapper-right .story-content .subtitle, .stories-grid--floating_wrapper-right .story-item-box-wrap .story-content .date{margin-bottom: 20px !important;} .stories-grid--floating_wrapper-right .story-content h2{position: relative; transition: all ease-in-out 0.6s; font-size: 2.4rem; color: #031794; line-height: 32px; text-transform: none; font-family: "AASmartSans", sans-serif; display: block; font-weight: 400; margin-bottom: 0;} .stories-grid--floating_wrapper-right .story-item-box-wrap:hover{position: relative; transition: all 0.3s ease 0s; top: 0; box-shadow: -1px -1px 16px -1px rgba(0, 0, 0, 0.43);} .stories-grid--floating_wrapper-right .story-item-box-wrap:hover .story-content:before{opacity: 1;} .stories-grid--floating_wrapper-right .story-item-box-wrap:hover .story-content p.subtitle{color: #fff !important; position: relative; transition: all ease-in-out 0.6s;} .target--bar{display: inline-block; height: 2px; width: 100%; position: absolute; bottom: 0; background-color: transparent;} .stories-grid--latest-list .slick-list{padding-bottom: 30px;} .stories-grid--latest-list .slick-next, .stories-grid--latest-list .slick-prev { top:auto; bottom:-56px; opacity:1 !important; width:56px; height:56px; border-radius:50%; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; background: linear-gradient(173.46deg, #FFFFFF -116.53%, #F6F8FB 75.57%); box-shadow: 4px 4px 12px rgba(3, 23, 148, 0.100787), -4px -4px 16px rgba(255, 255, 255, 0.143876), 4px 4px 16px rgba(0, 0, 0, 0.0782343), inset 2px 1px 1px #FFFFFF; text-indent:unset; } .stories-grid--latest-list .slick-dots{top:auto;} .stories-grid--latest-list .slick-prev span, .stories-grid--latest-list .slick-next span {position: relative;top: 50%;transform: translateY(-50%);display: block;color: #fe0001; font-size: 10px;text-align:center;} .stories-grid--latest-list .slick-prev {left: 50%;transform: translateX(-50%);margin-left: -55px; bottom:-58px;} .stories-grid--latest-list .slick-next {right: 50%;transform: translateX(+50%);margin-right: -55px; bottom:-58px;} .stories-grid--latest-list .slider__counter {width: 170px;display: flex;left: 50%;transform: translateX(-50%);position: relative;height: 58px;flex-wrap: wrap;justify-content: center;flex-direction: row;align-items: center;font-size: 1.4rem;font-weight: 600;font-family: "AASmartSans", sans-serif;line-height: 16.8px;color:#031794;background: #F4F5F7;border-radius:177px; border: 1px solid rgba(151, 151, 151, 0.0551792); box-shadow: -4px -4px 16px rgba(255, 255, 255, 0.2), inset 1px 1px 2px rgba(0, 0, 0, 0.181736), inset 2px 1px 1px #FFFFFF;} .stories-grid--latest-list-slider-pagination{display: none;} .stories-grid--latest-list-slider-pagination .slider__counter + .slider__counter{display: none;} .stories-grid--floating_wrapper-right .story-item-box-wrap a.story-item-wrap:focus .story-content{outline: 1px dotted #fe0000;} @media only screen and (max-width: 1100px){ .stories-grid--floating_wrapper-right .story-content h2{font-size: 2.0rem; line-height: 28px;} } @media only screen and (max-width: 991px){ .stories-grid--floating_wrapper-left .story-item-box-wrap{min-height: 421px;height: auto;} .stories-grid--floating_wrapper-left .story-item-box-wrap .story-top-flex{top: 34px; left: 34px;} .stories-grid--floating_wrapper-left .icon-play-icn{margin-left: 34px; width: 37px; height: 37px;} .stories-grid--floating_wrapper-left .icon-play-icn:before{font-size: 38px;} .stories-grid--floating_wrapper-left .icon-play-icn:after{width: 48px; height: 49px; top: -6px; left: -5px;} .stories-grid--floating_wrapper-left .story-content h2{font-size: 2.8rem; line-height: 34px;} .stories-grid--floating_wrapper-right{height: auto !important; margin-top: 40px; margin-bottom: 60px;} .stories-grid--floating_wrapper-right .story-content{padding: 20px;} .stories-grid--floating_wrapper-right .story-content .subtitle, .stories-grid--floating_wrapper-right .story-item-box-wrap .story-content .date{margin-bottom: 15px !important;} .stories-grid--floating_wrapper-right .left-content-wrapper h2{font-size: 2rem; line-height: 28px;} .stories-grid--floating_wrapper-right .story-img{height: 163px} .stories-grid--floating_wrapper-right .stories-grid--latest-list{margin:22px 0 0; height: auto;} .stories-grid--floating_wrapper-right .stories-grid--latest-list-item:nth-child(1){margin-top: 0} .stories-grid--floating_wrapper-right .stories-grid--latest-list-item{margin: 0 15px;} .stories-grid--latest-list-slider-pagination{display: block;} .stories-grid--latest-list .slick-list{overflow: visible;} } @media only screen and (max-width: 767px){ .stories-grid--floating_wrapper-left .story-item-box-wrap{min-height: 166px; border-radius: 10px;height: auto;} .stories-grid--floating_wrapper-left .story-item-box-wrap .story-top-flex{justify-content: space-between; width: calc(100% - 30px); top: 15px; left: 15px;} .stories-grid--floating_wrapper-left .story-item-box-wrap .story-top-flex .date{margin-left: 0} .stories-grid--floating_wrapper-left .story-img img{border-radius: 10px 10px 0 0;} .stories-grid--floating_wrapper-left .icon-play-icn{margin-left: 15px; width: 24px; height: 24px;} .stories-grid--floating_wrapper-left .icon-play-icn:before{font-size: 23px; left: 0;} .stories-grid--floating_wrapper-left .icon-play-icn:after{width: 32px; height: 32px; top: -4px; left: -4px;} .stories-grid--floating_wrapper-left .story-content{padding: 15px 15px 15px 15px;} .stories-grid--floating_wrapper-left .story-content h2{font-size: 14px; line-height: 17px; font-weight: 600;} .stories-grid--floating_wrapper-right{margin-top: 24px;} .stories-grid--latest-list .slick-list{padding-bottom: 25px; height: auto !important; overflow: visible;} .stories-grid--floating_wrapper-right .left-content-wrapper h2{font-size: 1.8rem; line-height: 26px;} .stories-grid--floating_wrapper-right .left-content-wrapper a.cta-link{margin-top: 5px; margin-top: 5px;} .stories-grid--floating_wrapper-right .stories-grid--latest-list{margin: 20px 0 0;} .stories-grid--floating_wrapper-right .story-img {height: 158px;} .stories-grid--floating_wrapper-right .story-content{padding: 15px;} .stories-grid--floating_wrapper-right .story-content .subtitle, .stories-grid--floating_wrapper-right .story-item-box-wrap .story-content .date{margin-bottom: 20px !important;} .stories-grid--floating_wrapper-right .story-content h2{font-size: 1.6rem; line-height: 19px;} } /* module stories grid custom end */ /* module full width image and text variation start */ @media screen and (min-width: 1200px){ .module-fullwidth-image-and-text .fullwidth-image-wrap.full{height: 668px;} } .module-fullwidth-image-and-text .fullwidth-image-wrap.full .fullwidth-image {border-radius: 0; height: 100%; display: block;} .module-fullwidth-image-and-text .fullwidth-image-wrap.full .fullwidth-image img{border-radius: 0; height: 100%; object-fit: cover; object-position: top;} .module-fullwidth-image-and-text .fullwidth-image-wrap.full .fullwidth-image-text{bottom: 60px; left: 60px; max-width: 527px;} .module-fullwidth-image-and-text .fullwidth-image-wrap.full .fullwidth-image-text a.cta-link.internal-link{line-height: 19px !important; margin-bottom: 0;} @media screen and (min-width: 768px) and (max-width: 1366px){ .module-fullwidth-image-and-text .fullwidth-image-wrap.full .fullwidth-image-text{left: 20px; bottom: 20px;} } @media screen and (min-width: 768px) and (max-width: 991px){ .module-fullwidth-image-and-text .fullwidth-image-wrap.full .fullwidth-image-text{left: 15px; bottom: 15px;} } @media screen and (max-width: 767px){ .module-fullwidth-image-and-text .fullwidth-image-wrap.full{margin: 0 -8px;} .module-fullwidth-image-and-text .fullwidth-image-wrap.full .fullwidth-image-text{bottom: 0px; width: calc(100% - 45px); max-width: initial !important;} } /* module full width image and text variation end */ /* Our Stories Landing start */ .new-our-stories-container{padding-bottom: 83px;} .stories-filter-tabs {margin-top: 82px; margin-bottom: 60px !important; padding-left: 100px;} .stories-filter-tabs .tab-filter-by-text {font-weight: 600; font-size: 14px; line-height: 17px; display: inline-block; vertical-align: middle; color: #4D4D4D; margin-right: 32px;} .stories-filter-tabs .sliding-tab{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); background: radial-gradient(45.95% 45.95% at 100% 0%, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.0001) 100%), linear-gradient(152.68deg, rgba(31, 124, 252, 0.95) -19.33%, rgba(3, 23, 148, 0.95) 80.85%);} .stories-filter-tabs ul {float: none; width: auto; display: table; margin-top: -30px; margin-left: 85px;} .stories-filter-tabs li.current{min-width: inherit;} .stories-filter-tabs ul li{border-radius: 26.5px;} .stories-filter-tabs ul li a{padding: 14px 20px; border-radius: 26.5px;} .stories-filter-tabs ul li a:before{position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0;} .stories-filter-tabs ul li + li {padding-left: 0;} .our-stories-new-listing .story-item{margin-bottom: 30px} .our-stories-new-listing .story-item-box-wrap{margin-top: 0;} .our-stories-new-listing .story-img{height: 200px;} .our-stories-new-listing .story-content .subtitle, .our-stories-new-listing .story-item-box-wrap .story-content .date{margin-bottom: 20px !important;} .our-stories-new-listing .story-content h2{margin-bottom: 0;} .our-stories-new-listing .story-content:before{height: 103%;} .our-stories-new-listing #loadmore{padding-top: 50px; padding-bottom: 0; margin-bottom: 0;} .our-stories-new-listing #loadmore a.cta-link{font-size: 1.6rem; line-height: 1.9rem; font-weight: 600; color: #031794;} .our-stories-new-listing #loadmore a.cta-link.internal-link:after{transform: rotate(0deg); -webkit-transform: rotate(0deg);} @media only screen and (max-width: 1100px){ .stories-filter-tabs{padding-left: 85px;} .new-our-stories-container{padding-bottom: 60px;} } @media screen and (max-width: 991px){ .stories-filter-tabs {margin-top: 50px; margin-bottom: 30px !important; padding-left: 0;} .stories-filter-tabs .tab-filter-by-text{margin-right: 0; margin-bottom: 20px;} .stories-filter-tabs ul{margin-top: 0; margin-left: 0;} .stories-filter-tabs ul li + li{padding-left: 0} } @media screen and (max-width: 767px){ .new-our-stories-container{padding-bottom: 30px;} } /* Our Stories Landing end */ .new-our-stories-page .landing-new-page-banner.hero-slider .hero-banner[data-slick-index="0"] .banner-overlay{ background: -moz-linear-gradient(24.02deg, rgba(30, 138, 255, 0.4) -1.15%, rgba(30, 138, 255, 0) 15.4%), -moz-linear-gradient(161.9deg, rgba(252, 60, 61, 0.0001) 72.86%, rgba(254, 0, 0, 0.343122) 98.95%), -moz-linear-gradient(186.4deg, rgba(31, 124, 252, 0.0001) 46.4%, #031794 103.29%) !important; background: -webkit-linear-gradient(24.02deg, rgba(30, 138, 255, 0.4) -1.15%, rgba(30, 138, 255, 0) 15.4%), -webkit-linear-gradient(161.9deg, rgba(252, 60, 61, 0.0001) 72.86%, rgba(254, 0, 0, 0.343122) 98.95%), -webkit-linear-gradient(186.4deg, rgba(31, 124, 252, 0.0001) 46.4%, #031794 103.29%) !important; background: 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%) !important; opacity: 0.5; } .new-our-stories-page .landing-new-page-banner.hero-slider .hero-banner[data-slick-index="0"] .banner-bg:after{ position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background: -moz-linear-gradient(89.5deg, rgba(23, 32, 88, 0.5) 28.57%, rgba(23, 32, 88, 0.01) 63.76%); background: -webkit-linear-gradient(89.5deg, rgba(23, 32, 88, 0.5) 28.57%, rgba(23, 32, 88, 0.01) 63.76%); background: linear-gradient(89.5deg, rgba(23, 32, 88, 0.5) 28.57%, rgba(23, 32, 88, 0.01) 63.76%); box-shadow: inset 0px 1px 3px rgba(255, 255, 255, 0.334544); } .new-our-stories-page .landing-new-page-banner .banner-intro-text{ max-width: 870px; } .new-our-stories-page .landing-new-page-banner-wrap .landing-new-page-banner{transform: translateY(calc(-50% - 115px)) translateX(-50%);} .new-our-stories-page .breadcrumb.cmnStyle .share-box .share-options.opened .sharetext span {opacity: 0; pointer-events: none; transition-delay: 0s;} .new-our-stories-page .breadcrumb.cmnStyle .share-options .sharetext span {transition: all 0.3s; transition-delay: 0.3s;} .new-our-stories-detail-back-share{display: table; width: 100%; margin-top: 70px; position: relative; z-index: 1;} .new-our-stories-detail-back-share .pr-back-link{width: auto; float: none; margin-bottom: 0; display: table-cell; vertical-align: middle;} .new-our-stories-detail-back-share .back-to-link{font-size: 14px; line-height: 17px; margin-bottom: 0;} .new-our-stories-detail-back-share .back-to-link span.icon-right-arrow:before{top: 12px;} .new-our-stories-detail-back-share .stry-dt{display: table-cell; vertical-align: middle;} .new-our-stories-detail-back-share .stry-dt .stry-dt-with-eta{margin-bottom: 0; background: #F6F8FB; border-radius: 69px; padding: 18px 24px; font-weight: 600; font-size: 14px; line-height: 17px; color: #4D4D4D; display: flex; width: fit-content; align-items: center; justify-content: center; margin: 0 auto;} .new-our-stories-detail-back-share .stry-dt .stry-dt-date{padding-right: 23px;position: relative;} .new-our-stories-detail-back-share .stry-dt .stry-dt-date:after { content: ""; display: inline-block; background-color: #979797; position: absolute; right: 0; width: 1px; height: 20px; margin-top: -2px; } .new-our-stories-detail-back-share .stry-dt .eta{margin-left: 21px;} .new-our-stories-detail-back-share .breadcrumb{margin-top: 0;display: table-cell; vertical-align: middle; width: 33.33%;} .new-our-stories-detail-back-share .breadcrumb.cmnStyle .share-box{min-width: auto; margin-right: 0;} .new-our-stories-page .module-image-with-gradient .mod-body-content{position: relative; border-radius: 20px;} .new-our-stories-page .module-image-with-gradient .mod-body-content:before{position: absolute; content: ""; height: 100%; width: 100%; background: -moz-linear-gradient(24.02deg, rgba(30, 138, 255, 0.4) -1.15%, rgba(30, 138, 255, 0) 15.4%), -moz-linear-gradient(161.9deg, rgba(252, 60, 61, 0.0001) 72.86%, rgba(254, 0, 0, 0.343122) 98.95%), -moz-linear-gradient(186.4deg, rgba(31, 124, 252, 0.0001) 46.4%, #031794 103.29%); background: -webkit-linear-gradient(24.02deg, rgba(30, 138, 255, 0.4) -1.15%, rgba(30, 138, 255, 0) 15.4%), -webkit-linear-gradient(161.9deg, rgba(252, 60, 61, 0.0001) 72.86%, rgba(254, 0, 0, 0.343122) 98.95%), -webkit-linear-gradient(186.4deg, rgba(31, 124, 252, 0.0001) 46.4%, #031794 103.29%); background: 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%); left: 0; top: 0; border-radius: 20px;} .new-our-stories-page .module-image-with-gradient .mod-body-content img{border-radius: 20px;} .new-our-stories-page .story-tags{width: 66.66666667%;margin-left: 16.66666667%; margin-bottom: 0; position: relative; z-index: 99;margin-top:26px;} .new-our-stories-page .story-tags .Tags-title{display: inline-block; font-weight: 600; font-size: 12px; line-height: 14px; vertical-align: middle; margin-right: 20px; margin-top: 10px;} .new-our-stories-page .story-tags .Tags-list {display: inline-block; vertical-align: middle;} .new-our-stories-page .story-tags .Tags-list a{font-size: 16px; line-height: 19px; text-transform: capitalize; font-weight: 600; color: #031794; margin: 10px 20px 0 0; padding: 11px 20px; background: -moz-linear-gradient(171.53deg, #FFFFFF -10.68%, #F6F8FB 107.31%); background: -webkit-linear-gradient(171.53deg, #FFFFFF -10.68%, #F6F8FB 107.31%); background: linear-gradient(171.53deg, #FFFFFF -10.68%, #F6F8FB 107.31%); box-shadow: 4px 4px 12px rgba(3, 23, 148, 0.100787), -4px -4px 16px rgba(255, 255, 255, 0.143876), 4px 4px 16px rgba(0, 0, 0, 0.0782343), inset 2px 1px 1px #FFFFFF; border-radius: 27.5px;} .new-our-stories-page .story-tags .Tags-list a:hover{background: -moz-linear-gradient(147.83deg, #1E7CFF -36.31%, #031794 86.32%); background: -webkit-linear-gradient(147.83deg, #1E7CFF -36.31%, #031794 86.32%); background: linear-gradient(147.83deg, #1E7CFF -36.31%, #031794 86.32%); color: #FFFFFF;} .new-our-stories-page .module-related-stories .left-content-wrapper a.cta-link{font-weight: 600; font-size: 16px; line-height: 19px; margin-top: 10px;} .new-our-stories-page .mod-quote .mod-quote-inner{min-height:auto; margin-bottom: 0;} .new-our-stories-page .story-tag-bottomSpace .story-tags{margin-bottom: 98px; z-index: 9; position: relative;} @media only screen and (max-width: 1365.99px){ .new-our-stories-page .landing-new-page-banner-wrap .landing-new-page-banner{transform: translateY(calc(-50% - 155px)) translateX(-50%);} } @media only screen and (max-width: 1100px){ .new-our-stories-page .landing-new-page-banner-wrap .landing-new-page-banner{transform: translateY(-50%);} .new-our-stories-page .story-tag-bottomSpace .story-tags{margin-bottom: 60px;} } @media screen and (max-width: 991px){ .new-our-stories-detail-back-share .breadcrumb.cmnStyle .share-box{left: auto; top: auto;} .new-our-stories-detail-back-share .stry-dt .stry-dt-date{padding-right: 11px; } .new-our-stories-detail-back-share .stry-dt .eta{margin-left: 10px;} .new-our-stories-detail-back-share .breadcrumb.cmnStyle .share-box .share-options.opened{width: 200px;} .new-our-stories-detail-back-share .breadcrumb.cmnStyle .share-box .share-options.opened ul{justify-content: flex-end;} .new-our-stories-detail-back-share .share-options ul li{padding: 0 16px; justify-content: flex-end; flex: 0;} .new-our-stories-page .landing-new-page-banner .banner-intro-text{max-width: 90%;} .new-our-stories-page .landing-new-page-banner-wrap .landing-new-page-banner{ transform: translateY(-50%); } .new-our-stories-page .story-tags{width: 100%; margin-left: 0;} } @media screen and (max-width: 767px){ .new-our-stories-detail-back-share{display: block;} .new-our-stories-detail-back-share .pr-back-link{display: block; float: left; margin-left: 10px;} .new-our-stories-detail-back-share .stry-dt{display: block; float: left; margin-bottom: 20px;} .new-our-stories-detail-back-share .breadcrumb{display: block; float: left; width: auto;} .new-our-stories-detail-back-share .back-to-link{margin-bottom: 15px;} .new-our-stories-detail-back-share .breadcrumb.cmnStyle .share-box .share-options.opened{width: 225px;} .new-our-stories-detail-back-share .share-options ul li{padding: 0 19px} .tab-links-container .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom:0 !important; } .tab-links-container .mCSB_scrollTools_horizontal { opacity:0 !important; } .new-our-stories-page .story-tags .Tags-list a{font-size: 14px; margin: 10px 15px 0 0; padding: 9px 15px;} .new-our-stories-page .story-tag-bottomSpace .story-tags{margin-bottom: 30px;} /*.tab-links-container { max-width: 100vw; margin: 0 -15px 0 0px; position:relative; }*/ .tab-links-container:after{content: ''; width: 34px; height: 100%; background: url(~/media/Images/a/anglo-american-group-v5/Universal/new-sustainability/icons/slider-swipe-fade.png) no-repeat right center; position: absolute; top: 0px; right: 0px; display:inline-block; } .tab-links-container.last-tag-on:after { display:none; } .tab-links-container {margin-right: -15px;padding-right: 15px;} .tab-links-container ul { flex-wrap: nowrap; } .tab-links-container ul li {padding: 0 6px; margin: 0;} .tab-links-container ul li:first-child { padding-left:12px; } .tab-links-container ul li:last-child { padding-right:12px; } .tab-links-container li a { font-size: 14px; line-height:17px; padding: 12px 12px; white-space: nowrap;} } .ss-module-page .space-mt-50 { margin-top: 50px; } .new-our-stories-page .banner-overlay { cursor: default; } /*--- Reporting hub ---*/ .tab-content-item { display:none; } .tab-content-item:first-child { display:block; } .reporting-hub-title{margin-bottom: 60px; padding-left: 25px !important;} .reporting-hub-title h2{font-size: 4.8rem; line-height: 5.8rem; font-weight: 400; font-family: "AASmartSansHead", sans-serif; background: linear-gradient(90deg, #FE0000 0%, #031794 30.98%, #1E7CFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 0;} .reporting-hub-head{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; align-items: flex-start; -webkit-align-items: flex-start; -webkit-align-items: center; align-items: center; margin-bottom: 47px;} .reporting-hub-head .rhttl-left{flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; -ms-flex: 1;} .reporting-hub-head .rhsort-right{flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; -ms-flex: 1; text-align: right;} .reporting-hub-head .left-content-wrapper{margin-bottom: 0; padding-left: 25px !important;} .reporting-hub-head .left-content-wrapper h3{font-size: 3.2rem; line-height: 3.8rem; font-weight: 300; margin-bottom: 0;} .reporting-hub-head .rhsort-right p{font-weight: 600; font-size: 1.4rem; line-height: 1.7rem; margin-bottom: 0; display: inline-block; color: #4d4d4d;} .dd-reporting-list-main{display: inline-block; min-width: 170px; margin-left: 15px; text-align: left; position: relative; z-index: 10;} .dd-reporting-list-main .dd-reporting-dropdown {transition: all 0.5s; margin-bottom: 0px; position: relative; display: inline-block; text-decoration: none !important; padding: 11.5px 15px; width: 100%; max-width: 300px; background: #F6F8FB; border-radius: 26.5px; font-family: "AASmartSans"; font-size: 1.4rem; line-height: 1.7rem; font-weight: 600; color: #031794; min-height: 43px; cursor: pointer; box-shadow: 4px 4px 12px rgba(3, 23, 148, 0.100787), -4px -4px 16px rgba(255, 255, 255, 0.143876), 4px 4px 16px rgba(0, 0, 0, 0.0782343), inset 2px 1px 1px #FFFFFF;} .dd-reporting-list-main .dd-reporting-dropdown a{font-family: "AASmartSans"; font-size: 1.4rem; line-height: 1.7rem; font-weight: 600; color: #031794; text-decoration: none;} .dd-reporting-list-main .dd-reporting-dropdown:before {padding-bottom: 10px; border-bottom: 1px solid transparent; content: ""; width: 100%; height: 100%; position: absolute; margin-top: 0; left: 0; top: 0;} .dd-reporting-list-main .dd-reporting-dropdown:after{ position: absolute; right: 20px; top: 50%; content: "\e900"; font-family: 'icomoon' !important; color: #FE0001; font-size: 12px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: all 0.5s ease-in-out; -o-transform: translateY(-50%); } .dd-reporting-list-main .dd-reporting-dropdown.selected {border-radius: 26.5px 26.5px 0 0;} .dd-reporting-list-main .dd-reporting-dropdown.selected:before { padding-bottom: 10px; border-bottom: 1px solid #D7D4D5; content: ""; width: 100%; height: 100%; position: absolute; margin-top: 0; left: 0; top: 0;} .dd-reporting-list-main .dd-reporting-dropdown.selected::after {-webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg);} .dd-document-section {display: flex;justify-content: space-between;flex-direction: row;} .dd-reporting-list-main .dd-reporting-list { background: #f6f8fb; width: 100%; max-width: 100%; padding: 5px 15px; display: none; position: absolute; box-shadow: none; z-index: 2; margin: 0; background-image: none; margin-top: -1px; border-radius: 0 0 26.5px 26.5px;} .dd-reporting-list-main .dd-reporting-list:before{position: absolute; content: ""; height: 0.5px; width: calc(100% - 20px); background: #979797; left: 10px; top: 2px;} .dd-reporting-list-main .dd-reporting-item { font-size: 1.4rem; line-height: 1.7rem; font-weight: 600; color: #031794; padding: 0; cursor: pointer; list-style-type:none !important; position: relative;} .dd-reporting-list-main .dd-reporting-item a{display: block; padding: 15px 0 15px 30px; font-size: 1.4rem; line-height: 1.7rem; font-weight: 600; color: #031794; text-decoration: none;} .dd-reporting-list-main .dd-reporting-item:before{position: absolute; content: ""; height: 11px; width: 11px; left: 3px; top: 18px; outline: 1px solid #031794; border-radius: 26px; outline-offset: 2px;} .dd-reporting-list-main .dd-reporting-item.selected:before, .dd-reporting-list-main .dd-reporting-item:hover:before{background: linear-gradient(147.83deg, #1E7CFF -36.31%, #031794 86.32%);} .dd-reporting-list-main .dd-reporting-dropdown.selected + .dd-reporting-list{box-shadow: 4px 4px 5px rgba(3, 23, 148, 0.100787), -4px -4px 16px rgba(255, 255, 255, 0.143876), 0px 0px 0px rgba(0, 0, 0, 0.0782343), inset 2px 0px 1px #ffffff;} .dd-reporting-list-main .dd-reporting-item.selected {display: none;} @media only screen and (min-width: 767px) and (max-width: 1180px){ .reporting-hub-head + .module-tabs-tab{margin-left: 0; margin-right: 0;} ul.reporthubtab{border-radius: 29.5px; padding-left: 0; padding-right: 0;} } @media only screen and (max-width: 1024px){ .reporting-hub-head .left-content-wrapper h3{font-size: 2.8rem; line-height: 3.4rem;} } @media only screen and (max-width: 991px){ .reporting-hub-title h2{font-weight: 300; font-size: 3.2rem; line-height: 3.8rem;} .reporting-hub-head .left-content-wrapper h3{font-size: 2.8rem;} } @media only screen and (max-width: 767px){ .reporting-hub-title{margin-bottom: 40px; padding-left: 0 !important;} .reporting-hub-title h2{font-weight: 300; font-size: 2.8rem; line-height: 3.4rem;} .reporting-hub-head{display: inline-block; width: 100%; margin-bottom: 20px;} .reporting-hub-head .left-content-wrapper{padding-left: 0 !important; margin-bottom: 15px;} .reporting-hub-head .left-content-wrapper h3{font-size: 2.4rem; line-height: 2.9rem;} .reporting-hub-head .rhsort-right{text-align: left;} } .second-level.menu-list .rd-leftmenuwrapper .dplnkul{ position: absolute; width: calc(100% - 30px); height: auto; top: auto; left: 0; background: transparent; column-count: auto !important; margin-top: 0 !important; display: none; } .second-level.menu-list .rd-leftmenuwrapper .dplnkul li { display: block; } .second-level.menu-list .rd-leftmenuwrapper .dplnkul li a { left: 0; border-left: 2px solid #CBCED2; padding-left: 15px; font-weight: 600; font-size: 1.4rem; line-height: 16.8px; padding-top: 6px; padding-bottom: 6px; /* white-space: break-spaces; */ } ul.deeplnkul li.level3-title { display:none; } .second-level.menu-list .rd-leftmenuwrapper ul.third-level-menu-ul { display:none; column-count: auto; padding:0; margin:0; } .second-level.menu-list .rd-leftmenuwrapper > ul.sus-list-devided { display:flex; } .second-level.menu-list .rd-leftmenuwrapper div.sub-list li a { font-weight: 600; font-size: 1.6rem; line-height: 19px; display: inline-block; padding: 10px 10px 10px 30px; color: #4D4D4D; } .second-level.menu-list .rd-leftmenuwrapper div.sub-list li a:hover, .second-level.menu-list .rd-leftmenuwrapper div.sub-list li.current > a, .second-level.menu-list .rd-leftmenuwrapper div.sub-list li.active > a { color: #031794; } .second-level.menu-list .rd-leftmenuwrapper div.sub-list li li.current > a { text-decoration: underline; } .second-level.menu-list .rd-leftmenuwrapper div.sub-list { flex: 1 0 0; width: 100%; pointer-events: all; } #toplinks > .second-level.menu-list ul li.top-menu-clicked a + .subMenuContainerWrapper .rd-leftmenuwrapper ul > li.third-nav > a, #toplinks > .second-level.menu-list ul li.top-menu-clicked a + .subMenuContainerWrapper .rd-leftmenuwrapper li ul li.third-nav a, .second-level.menu-list .rd-leftmenuwrapper li ul li.third-nav a { left: 30px; border-left: 2px solid #CBCED2; font-weight: 600; font-size: 1.4rem; line-height: 16.8px; padding: 6px 0px 6px 15px; } /* Global fixing start */ @media only screen and (max-width: 767px){ .ip3-sustainable-mining-plan .text-signpost-wrap{align-items: flex-start; -webkit-align-items: flex-start; -moz-align-items: flex-start} .ip3-sustainable-mining-plan .text-signpost-details{position: static; padding-bottom: 20px;} .ip3-sustainable-mining-plan .text-signpost-details p{margin-bottom: 0 !important; height: auto !important;} } /* Global fixing end*/ .storySliderInnerWrapperSlider .storySliderInnerWrapper .imageWrapper img { width:100%; } .second-level.menu-list .rd-leftmenuwrapper ul .second-download-centre .dplnkul { position: relative; } @media (max-width:767px) { .tab-links-container ul { overflow-y: scroll; scroll-behavior: inherit; padding-left: 280px; } }