/* BS3 → BS5 carousel selector migration (Jul 2026):
   Dual selectors added so styles apply to both .item (pre-migration content) 
   and .carousel-item (post-migration content). Once DB migration is fully 
   applied and verified stable, the .item variants can be removed in a 
   follow-up cleanup. */
@charset "utf-8";
/* CSS Document */

.section-main .container {
	padding: 40px 0px 0px 0px;
	width: 100%;
	max-width: none; /* BS5 .container has a max-width per breakpoint; unset it so featured pages can go true full-width on desktop */
}
dd.create {
	padding-left: 70px !important;
	width: 95%;
}
.section-main .container header {
	padding-left: 70px !important;
	width: 95%;
}
.row.content {
	padding-left: 45px;
	width: 95%;
}
.row.grey {
	background-color:#EBEBEB !important;
}
.spotlight-page h1 {
	color: black !important;
	/*font-size: 38px !important;*/
}
.fullwidth h2 {
	color: black !important;
	font-size: 26px !important;
	margin-top: 30px;
	margin-bottom: 30px;
	font-weight: bold;
	text-transform: none;
}
.fullwidth-intro h1 {
	font-size: calc(1.3rem + 1vw) !important;
}
.fullwidth-intro h1.camelcase {
	text-transform: none;
	font-size: calc(1.3rem + 1vw) !important;
}
.content {
	font-size: 16px;
}
.content h2 {
	color: black !important;
	font-size: 26px !important;
	margin-top: 30px;
	margin-bottom: 30px;
	font-weight: 500;
	text-transform: none;
}
.content.yellowborder h2 {
	border-bottom: 2px #FFB612 solid;
    padding-bottom: 20px;
}
.content.yellowborder h5 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0;
}
.content.blackborder h2 {
	border-bottom: 2px #000 solid;
    padding-bottom: 20px;
}
.content.whiteborder h2 {
	color: #FFFFFF !important;
	border-bottom: 2px #FFFFFF solid;
    padding-bottom: 20px;
}
.content.whiteborder h4 {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 0;
}
.content.whiteborder h5 {
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 0;
}
.content.greenborder h2 {
	border-bottom: 2px #00ad69 solid;
    padding-bottom: 20px;
}
.content.greenborder h5 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0;
}
.content.blueborder h2 {
	border-bottom: 2px #22539F solid;
    padding-bottom: 20px;
}
.content.blueborder h5 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0;
}
.content.redborder h2 {
	border-bottom: 2px #DA3F3E solid;
    padding-bottom: 20px;
}
.content.redborder h5 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0;
}
.bgblack {
	background-color: #000000 !important;
	padding: 20px 0;
}
.bgblack .content h2 {
	color: #FFF !important;
	padding: 20px 0;
}
.bggrey {
	background-color: #F1F2F2 !important;
	padding: 20px 0;
}
.presentations {
	background-color: #FFB612;
	padding: 20px 0;
}
.content.pres h2 {
	color: #000000 !important;
	border-bottom: 2px #FFFFFF solid;
    padding-bottom: 20px;
	margin-top: 50px;
}
.content.pres h5 {
	font-size: 15px;
	font-weight: bold;
	color: #000 !important;
}
.publications {
	background: url(../../../images/banners/P_D1-Pub.jpg) center top no-repeat;background-size: cover;
	padding: 20px 0;
}
.publications.day2 {
	background: url(../../../images/banners/mi2025-day02-1920x391.jpg) center top no-repeat;background-size: cover;
}
.publications.day3 {
	background: url(../../../images/banners/mi2025-day03-1920x391.jpg) center top no-repeat;background-size: cover;
}
.publications.day4 {
	background: url(../../../images/banners/mi2025-day04-1920x391.jpg) center top no-repeat;background-size: cover;
}
.publications.mrd {
	background: url(../../../images/thumbnails/special-features/mrdbill2025/PublicationBgImage.jpg) center center no-repeat;background-size: cover;
}
/* Ported from fullwidth-inthespotlight-icons28.css — the only selector that file
   had and this one did not. Used by 1579. P80 */
.publications.jemd {
	background: url(../../../images/thumbnails/special-features/jemd2026/jemd-2026-fact-sheet-bg-no-strip.webp) center center no-repeat;background-size: cover;
}
.content.pub p {
	color:#fff !important;
}
.content.pub h2 {
	color: #FFB612 !important;
	border-bottom: 2px #FFFFFF solid;
    padding-bottom: 20px;
	margin-top: 50px;
}
.content.pub h5 {
	font-size: 15px;
	font-weight: bold;
	color: #fff !important;
}
.content.pub h2.largewhite {
	color: #ffffff !important;
    border-bottom: none;
    font-size: 4em !important;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
	padding-bottom: 0px;
}
ul.largewhitelist {
	margin-top:40px;
	margin-bottom: 50px;
}
ul.largewhitelist li:before{
	color: #fff !important;
}
ul.largewhitelist li{
	color: #fff;
	margin-bottom: 1em;
	font-weight: 500;
}

.content .col-pad-right {
	padding-right: 50px;	
}
.content .col-pad-left {
	padding-left: 50px;	
}
.content .col-nogutter-left {
	padding-left: 0px;	
}
.content .col-nogutter-right {
	padding-right: 0px;	
}
.pull-quote-yellowbg {
	background: url(../../../images/thumbnails/special-features/miningindaba2026/mi26-day-01-quote-desktop.png) right bottom no-repeat;
	background-color: #ffb612;
	background-size: 14%;
}
.pull-quote-yellowbg h2 {
	margin-top:50px;
}
.pull-quote-yellowbg h5 {
	margin-bottom:50px;
}
.pull-quote-yellowbg.whitepattern {
	background: url(../../../images/thumbnails/special-features/miningindaba2026/mi26-day-01-quote-desktop.png) right bottom no-repeat;
	background-size: 14%;
	background-color: #ffb612;
}
.pull-quote-yellowbg.blackpattern {
	background: url(../../../images/thumbnails/special-features/miningindaba2026/mi26-day-03-quote-desktop.png) right bottom no-repeat;
	background-color: #ffb612;
	background-size: 14%;
}
.pull-quote-orangebg h2 {
	margin-top:50px;
}
.pull-quote-orangebg h5 {
	margin-bottom:50px;
}
.pull-quote-orangebg {
	background: url(../../../images/thumbnails/special-features/miningindaba2026/mi26-day-02-quote-desktop.png) right bottom no-repeat;
	background-color: #de7c01;
	background-size: 14%;
}
.pullquote h2 {
 	font-size: 34px !important; 
	margin-top: 100px;
	color: #feba1b !important;
}
.pullquote h5 {
	margin-top: 10px;
	color: #ffffff;
}
.pullquote p {
	margin-bottom: 80px;
	color: #ffffff;
}
a.btn-incontent-black {
    display: inline-block;
    color: #fff !important;
	font-size: 14px;
    background: #000000;
    line-height: 0.9em;
    text-align: center;
    padding: 10px 12px;
    font-weight: bold;
}
a.btn-incontent-black:hover {
    display: inline-block;
    color: #000 !important;
    background: #fff;
	text-decoration: none;
}
a.btn-incontent-navy {
    display: inline-block;
	font-size: 14px;
    color: #fff !important;
    background: #0b233f;
    line-height: 0.9em;
    text-align: center;
    padding: 10px 12px;
    font-weight: bold;
	border: 1px solid #0b233f;
	margin: 10px auto;
	
}
a.btn-incontent-navy:hover {
    display: inline-block;
    color: #0b233f !important;
    background: #fff;
	text-decoration: none;
	border: 1px solid #0b233f;
	line-height: 0.9em;
	margin: 10px auto;
}
a.btn-incontent-navyinvert {
    display: inline-block;
	font-size: 14px;
    color: #0b233f !important;
    background: #ffffff;
    line-height: 0.9em;
    text-align: center;
    padding: 10px 12px;
    font-weight: bold;
	border: 1px solid #0b233f;
	margin: 10px auto
}
a.btn-incontent-navyinvert:hover {
    display: inline-block;
    color: #ffffff !important;
    background: #0b233f;
	text-decoration: none;
	border: 1px solid #0b233f;
	line-height: 0.9em;
	margin: 10px auto
}
a.btn-incontent-lightblue {
    display: inline-block;
	font-size: 14px;
    color: #fff !important;
    background: #6babe5;
    line-height: 0.9em;
    text-align: center;
    padding: 10px 12px;
    font-weight: bold;
	border: 1px solid #6babe5;
	margin: 10px auto;
	
}
a.btn-incontent-lightblue:hover {
    display: inline-block;
    color: #6babe5 !important;
    background: #fff;
	text-decoration: none;
	border: 1px solid #6babe5;
	line-height: 0.9em;
	margin: 10px auto;
}
a.btn-incontent-black.small {
    width: 80px;
	text-decoration: none;
}
a.btn-incontent-black i {
	font-size: 14px;
    font-weight: bold;
    margin-left: 16px;
}
a.btn-incontent-yellow {
    display: block;
    color: #000 !important;
    background: #FFB612;
    line-height: 1em;
    text-align: center;
    padding: 10px 7px;
    width: auto;
    font-weight: bold;
	
}
a.btn-incontent-yellow:hover {
    display: block;
    color: #FFB612 !important;
    background: #000;
	text-decoration: none;
}
a.btn-incontent-yellow.small {
    width: 150px;
	text-decoration: none;
	margin-top: 30px;
}
a.btn-incontent-yellow i {
	font-size: 14px;
    font-weight: bold;
    margin-left: 24px;
}
a.txt-incontent-yellow {
    display: inline;
    color: #FFB612 !important;
    background: none;
    line-height: 1em;
    text-align: left;
    padding: 10px 7px;
    width: auto;
    font-weight: bold;
}
a.txt-incontent-yellow:hover {
    display: inline;
    color: #FFFFFF !important;
    background: none;
	text-decoration: none;
}
a.btn-incontent-red {
    display: block;
    color: #fff !important;
    background: #ef2b37;
    line-height: 1em;
    text-align: center;
    padding: 10px 7px;
    width: 620px;
    font-weight: bold;
}
a.btn-incontent-red:hover {
    display: block;
    color: #ef2b37 !important;
    background: #ffffff;
	text-decoration: none;
}
a.btn-incontent-red.small {
    width: 80px;
	text-decoration: none;
}
a.btn-incontent-red i {
	font-size: 14px;
    font-weight: bold;
    margin-left: 16px;
}
a.txt-incontent-yellow i {
	font-size: 14px;
    font-weight: bold;
    margin-left: 24px;
}
a.btn-incontent-white {
    display: block;
    color: #000 !important;
    background: #FFF;
    line-height: 1em;
    text-align: center;
    padding: 10px 7px;
    width: auto;
    font-weight: bold;
}
a.btn-incontent-white:hover {
    display: block;
    color: #FFF !important;
    background: #000;
	text-decoration: none;
}
a.btn-incontent-white.small {
    width: 150px;
	text-decoration: none;
	margin-top: 30px;
}
a.btn-incontent-white i {
	font-size: 14px;
    font-weight: bold;
    margin-left: 24px;
}
a.btn-incontent-blue {
    display: block;
    color: #FFF !important;
    background: #0054a5;
    line-height: 1em;
    text-align: center;
    padding: 10px 7px;
    width: auto;
    font-weight: bold;
}
a.btn-incontent-blue:hover {
    display: block;
    color: #FFF !important;
    background: #71AADA;
	text-decoration: none;
}
a.btn-incontent-blue.small {
    width: 150px;
	text-decoration: none;
	margin-top: 30px;
}
a.btn-incontent-blue i {
	font-size: 14px;
    font-weight: bold;
    margin-left: 24px;
}
.banner_miningindaba_2026_day1 figure.bg, .banner_miningindaba_2026_day2 figure.bg, .banner_miningindaba_2026_day3 figure.bg, .banner_miningindaba_2026_day4 figure.bg {
    content: "";
    display: block;
    position: absolute;
    left: calc(50% + 30px);
    right: auto;
    top: calc(50%);
    bottom: auto;
    z-index: -1;
    width: 100%;
    margin: 0 0 0 0;
	transform: translate(-50%, -50%);
}
.banner_miningindaba_2026_day1 figure.bgfull, .banner_miningindaba_2026_day2 figure.bgfull, .banner_miningindaba_2026_day3 figure.bgfull, .banner_miningindaba_2026_day4 figure.bgfull {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    right: auto;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: 100vw;
    margin: 0 0 0 -50vw;
}
.banner_miningindaba_2025_day1 .bottommarginexpand, .banner_miningindaba_2025_day2 .bottommarginexpand, .banner_miningindaba_2025_day3 .bottommarginexpand, .banner_miningindaba_2025_day4 .bottommarginexpand {
    margin: 30px 10px;
}	
figure.spotlightbgfull {
    position: absolute !important;
    top: 0;
    /* This forces the element to the center and gives it full viewport width */
    left: 50%;
    /*transform: translateX(-50%);*/
    width: 100vw; 
    height: 100%;
	bottom: 0;
	z-index: -1;
	margin: 0 0 0 -50vw; 
	display: block;
	padding: 0px;
}

figure.spotlightbgfull img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    display: block;
	margin-bottom:0;
	object-position: left;
}
figure.spotlightbgfull figcaption {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff;
    z-index: 2;
}
figure:not(.bottom-gradient):has(figcaption .icon-squares):before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    height: 50%;
    background: none;
    pointer-events: auto;
}
.blockcontainer {
	display: flex;
	flex-wrap: wrap;
}
.blockcontainer .statsblock {
	display: flex;
	flex-direction: column;
	min-height: 280px;
	margin: auto;
	background-clip: content-box !important;
	padding-bottom: 15px;
	padding-top: 15px;
	
}
.blockcontainer .statsblock.wide {
	display: flex;
	flex-direction: row;
	min-height: 112px;
	margin: auto;
	background-clip: padding-box !important;
	padding-bottom: 15px;
	padding-top: 15px;
	justify-content: space-between;
	align-items: center;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 20px;	
}

.blockcontainer .statsblock.greyblock {
	background: #d8d9db;
}
.blockcontainer .statsblock.greenghost {
	position: relative;
	background: #ffffff;
	border: none;
}
.blockcontainer .statsblock.greenghost.sb-left::after {
  content: '';
  position: absolute;

  top: 15px;       
  bottom: 15px;    
  left: 0px;       
  right: 15px;     
  
  border: 3px solid #00b566; 
  pointer-events: none;      
}
.blockcontainer .statsblock.greenghost.sb-right::after {
  content: '';
  position: absolute;

  top: 15px;       
  bottom: 15px;    
  left: 15px;       
  right: 0px;     
  
  border: 3px solid #00b566; 
  pointer-events: none;      
}
.blockcontainer .statsblock.greenghost.wide::after {
  content: '';
  position: absolute;

  top: 15px;       
  bottom: 15px;    
  left: 0px;       
  right: 0px;     
  
  border: 3px solid #00b566; 
  pointer-events: none;      
}
.blockcontainer .statsblock.yellowblock {
	background: #FCB81A;
}
.blockcontainer .statsblock.blueblock {
	background: #0145b4;
}
.blockcontainer .statsblock.sb-left {
	padding-left: 0px;
}
.blockcontainer .statsblock.sb-right {
	padding-right: 0px;
}
.blockcontainer .statsblock span {
	position: relative;
	display: block;
	margin: 12px 0 8px;
	font-size: 18px;
	text-align: center;
}
.blockcontainer .statsblock.wide span {
	position: relative;
	width: 29%;
	margin: 0px;
	font-size: 18px;
	text-align: left;
}

.blockcontainer .statsblock span img {
	float: right;
    width: 40px;
    padding-top: 5px;
    padding-left: 8px;
	padding-right: 8px;
}
.blockcontainer .statsblock.wide span img {

}
.blockcontainer .statsblock.blueblock span {
	font-weight: 600;
	color: #fff;
	margin: 12px 12px;
	text-align: center;
    width: 100%;
    padding: 20px 0px;
    line-height: 1.2;
    font-size: 4em;
}
.blockcontainer .statsblock.yellowblock span {
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	margin: 12px 12px;
}
.blockcontainer .statsblock span.bluevalue, .blockcontainer .statsblock span.greenvalue, .blockcontainer .statsblock span.redvalue {
	font-size: 42px;
	font-weight: 700;
	
	padding-right: 0px;
	line-height: 0.95;
	margin: 16px auto 12px;
}
.blockcontainer .statsblock span.bluevalue {
	color: #0054a5;
}
.blockcontainer .statsblock span.greenvalue {
	color: #00b566;
}
.blockcontainer .statsblock span.redvalue {
	color: #f31c24;
}
.blockcontainer .statsblock span.blackvalue {
	color: #000000;
}
.blockcontainer .statsblock span.medium {
	font-size:32px;
	margin: 3px 0px;
}
.blockcontainer .statsblock span.large {
	font-size:72px;
}
.blockcontainer .statsblock span.mediumlarge {
	font-size:60px;
}
.blockcontainer .statsblock.wide span.bluevalue, .blockcontainer .statsblock.wide span.greenvalue, .blockcontainer .statsblock.wide span.redvalue, .blockcontainer .statsblock.wide span.blackvalue {
	margin: 0px;
	display: flex;
}
.blockcontainer .statsblock span.semi {
	font-weight: 600;
	margin-top: 26px;
}
.blockcontainer .statsblock span.semi.green {
	color: #00b566;
    display: inline;
}
.blockcontainer .statsblock span.semi.red {
	color: #f31b26;
    display: inline;
}
.blockcontainer .statsblock.wide span.semi {
	position: relative;
	width: 29%;
	margin: 0px;
	font-size: 18px;
	text-align: right;
}
.blockcontainer .statsblock.wide span.semi.green {
	color: #00b566;
    display: inline;
}
.blockcontainer .statsblock.wide span.semi.red {
	color: #f31b26;
    display: inline;
}
.blockcontainer .statsblock.wide span.greenvalue, .blockcontainer .statsblock.wide span.redvalue {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}
.blockcontainer .statsblock.wide span.greenvalue span.blackvalue, .blockcontainer .statsblock.wide span.redvalue span.blackvalue {
    width: 100% !important;
    display: block !important;
    margin-top: 4px !important;
}
.col-center {
	margin: 15px auto;
	float: none !important;
}
section.spotlight-day-nav {
    padding: 0px 0 40px 0;
}
.spotlight-day-nav li {
    list-style: none;
    display: inline-block;
    width: auto;
	margin: 0 15px 0 0;
    padding: 0px 0px 0 0px;
    background: #FFB612;
	color: #010101;
    font-size: 1.1em;
}
.spotlight-day-nav li:before, .spotlight-day-nav ol li ul li:before {
    content: '';
	background: none;
    font-family: 'FontAwesome';
    font-size: 0.5em;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    /*color: #FFB612 !important;*/
}
.spotlight-day-nav li a {
    padding: 8px 22px;
}
.spotlight-day-nav li.current a {
    color: #fff !important;
    background: #010101;
}
.spotlight-day-nav li.current {
    background: #010101;
}
.carousel {
	margin: 30px auto 60px;
	padding: 0 80px;
	height: initial;
}
.whiteborder .carousel {
	margin: 30px auto 60px;
	padding: 0 120px;
	height: initial;
}
.carousel .item, .carousel .carousel-item {
    text-align: center;
	overflow: hidden;
}
.carousel .item h4, .carousel .carousel-item h4 {
	font-family: 'Montserrat', Arial;
}
.carousel .item h5, .carousel .carousel-item h5 {
	font-size: 11px;
	font-weight: bold;
	color: #DE7C00;
}
.carousel .item img, .carousel .carousel-item img {
	max-width: 100%;
	display: inline-block;
	width: 100%;
}
.carousel .item .btn, .carousel .carousel-item .btn {
	display: inline-block;
	border-radius: 0;
	font-size: 12px;
	text-transform: uppercase;

	font-weight: bold;
	border: none;
	background: #000 !important;
	padding: 6px 15px;
	margin-top: 5px;
	color: #fff !important;
}
.carousel .item .btn:hover, .carousel .carousel-item .btn:hover {
	background: #fff !important;
	color: #000 !important;
}
.carousel .item .btnghost, .carousel .carousel-item .btnghost {
	display: inline-block;
	border-radius: 0;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	border: none;
	background: #fff !important;
	padding: 6px 6px;
	margin-top: 5px;
	color: #000 !important;
	line-height: 1.42857143;
}
.carousel .item .btnghost:hover, .carousel .carousel-item .btnghost:hover {
	background: #fff !important;
	color: #000 !important;
	text-decoration: underline;
}
.carousel .item .btn i, .carousel .carousel-item .btn i {
	font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
}
.carousel-inner .item, .carousel-inner .carousel-item {
    height: auto !important;
	padding-bottom: 20px;
	min-height:initial;
}
.carousel .thumb-wrapper {
	margin: 5px;
	text-align: left;
    background: #fff;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);   
}
.carousel .thumb-content {
	padding: 15px;
	font-size: 13px;
}
.whiteborder .carousel .thumb-content {
	padding: 25px;
	font-size: 16px;
}
.carousel .carousel-control {
	height: 44px;
	width: 44px;
	background: none;	
    margin: auto 0;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0.8);
}
/* BS3 legacy .carousel-control.left/.right positioning.
   BS5 only positions .carousel-control-prev/-next; without these
   rules both BS3-legacy controls stack at the default anchor position. */
.carousel .carousel-control.left {
    left: 0;
    right: auto;
}
.carousel .carousel-control.right {
    left: auto;
    right: 0;
}
.whiteborder .carousel .carousel-control {
	height: 55px;
	width: 55px;
	border: 3px solid rgba(255, 255, 255, 0.8);
}


.carousel .carousel-control i {
    font-size: 36px;
    position: absolute;
    top: 50%;
    display: inline-block;
    margin: -19px 0 0 0;
    z-index: 5;
    left: 0;
    right: 0;
    color: rgba(0, 0, 0, 0.8);
	text-shadow: none;
    font-weight: bold;
}
.whiteborder .carousel .carousel-control i {
	color: rgba(255, 255, 255, 0.9);
}
.bgblack .carousel .carousel-control {
	border: 3px solid rgba(241, 242, 242, 0.8);
}
.bgblack .carousel .carousel-control i {
	color: #F1F2F2;
}
.carousel .carousel-control.left i, .carousel .carousel-control-prev i {
	margin-left: -3px;
}
.carousel .carousel-control.right i, .carousel .carousel-control-next i {
	margin-right: -3px;
}
.carousel .carousel-indicators {
	bottom: -50px !important;
	height: auto;
	background: none;
	text-align: center;
	position: absolute;
    left: 40%;
    z-index: 8;
    width: 90%;
    padding-left: 0;
    margin-left: -35% !important;
    list-style: none;
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 4px;
	border-color: transparent;
	padding-left: 0;
}
.carousel-indicators li {	
	background: #ababab;
}
.carousel-indicators li.active {	
	background: #555;
}
.carousel .video-slide {
	display: flex; flex-direction: row; padding: 15px;align-items: center;
}
.carousel .video-slide .video-slide-a {
	margin-bottom: 0px;width: 100%;height: 100%;
}
.carousel .video-slide .video-slide-a img {
	margin-bottom: 0px;width: 100%;padding-right: 20px;
}
.carousel .video-slide .video-slide-quote {
	width: 100%;height: 100%;
}
.carousel .video-slide .video-slide-quote img.quotes {
	width: 55px;display: block;
}
.carousel .video-slide .video-slide-quote .quote {
	color: #ffffff; text-transform: none;margin-top: 0px;margin-left:30px;
}
.modal-dialog {
    width: 80%;
}
@media (max-width: 1430px) {
	.whiteborder .carousel {
	padding: 0 50px;
}
	.content.whiteborder h4 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 0;
}
.content.whiteborder h5 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 0;
}
	.content.whiteborder p {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
}
.content.pub h2.largewhite {
    font-size: 3.2em !important;
}
.blockcontainer .statsblock {
	min-height: 260px;
}
.blockcontainer .statsblock.sb-left {
	padding-left: 0px;
}
.blockcontainer .statsblock.sb-right {
	padding-right: 0px;
}


	.blockcontainer .statsblock span {
	font-size: 16px;
}
.blockcontainer .statsblock.yellowblock span {
	font-size: 26px;
}
.blockcontainer .statsblock.blueblock span {
	font-size: 2.8em;
}	
.blockcontainer .statsblock span.bluevalue {
	font-size: 32px;
	font-weight: 700;
	color: #0054a5;
	padding-right: 0px;
	line-height: 0.95;
	margin: 22px auto 0;
}
.blockcontainer .statsblock span.semi {
	font-weight: 600;
	margin-top: 18px;
}
.blockcontainer .statsblock.wide span.semi {
	margin-top: 0px;
}
.blockcontainer .statsblock.wide span.bluevalue, .blockcontainer .statsblock.wide span.greenvalue {
	margin: 0;
}
	.blockcontainer .statsblock.wide span img {
	float: right;
}
}
@media (max-width: 768px) {
	.section-main .container header {
		padding-left: 30px !important;
		width: 95%;
	}
	dd.create {
		padding-left: 30px !important;
		width: 95%;
	}
	.row.content {
		padding-left: 0px !important;
		width: 99%;
	}
	.fullwidth h2 {
		font-size: 24px !important;
		margin-top: 28px;
		margin-bottom: 28px;
	}
	.content h2 {
		font-size: 24px !important;
		margin-top: 28px;
		margin-bottom: 28px;
	}
	.content.pub h2.largewhite {
		font-size: 2.3em !important;
	}
	
		.content.whiteborder h4 {
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 0;
	}
	.content.whiteborder h5 {
		font-size: 16px;
		font-weight: normal;
		margin-bottom: 0;
	}
		.content.whiteborder p {
		font-size: 12px;
		font-weight: normal;
		margin-bottom: 10px;
	}
	a.btn-incontent-black {
		text-align: left;
		
		font-size: 13px;
	}
	a.btn-incontent-yellow {
		text-align: left;
		
		font-size: 13px;
	}
	a.btn-incontent-red {
		text-align: left;
		
		font-size: 13px;
	}
	a.btn-incontent-blue {	
		font-size: 13px;
	}
	.content .col-pad-right {
		padding-right: 15px;	
	}
	.content .col-pad-left {
		padding-left: 15px;	
	}
	.blockcontainer .statsblock {
	min-height: 0;
}
.blockcontainer .statsblock.sb-left {
	padding-left: 0px;
	padding-right: 0px;
}
.blockcontainer .statsblock.sb-right {
	padding-left: 0px;
	padding-right: 0px;
}
.blockcontainer .statsblock.yellowblock span {
	font-size: 26px;
}
.blockcontainer .statsblock.blueblock span {
	font-size: 1.6em;
}	
.blockcontainer .statsblock.wide {
	display: flex;
	flex-direction: column;
	min-height: 280px;
	margin: auto;
	background-clip: content-box !important;
	padding-bottom: 15px;
	padding-top: 15px;
	
}	
.blockcontainer .statsblock.wide span {
	    display: block;
    	margin: 12px 0 8px;
		width: auto;
	
}	
.blockcontainer .statsblock.wide span.semi {
		width: auto;
		text-align: center;
		display: block;
		margin: 18px 0 8px;
	
}	
.blockcontainer .statsblock.wide span.bluevalue, .blockcontainer .statsblock.wide span.greenvalue {
	width: auto;
		text-align: center;
		display: block;
		margin: 18px 0 8px;
	
}		
.blockcontainer .statsblock.greenghost.sb-left::after {      
  right: 0px;           
}
.blockcontainer .statsblock.greenghost.sb-right::after {
  left: 0px;            
}
	.spotlight-day-nav li {
		margin: 15px 5px 0 0;
		font-size: 0.85em;
	}
	.spotlight-day-nav li a {
		padding: 8px 8px;
	}
	.carousel {
		margin: 30px auto 60px;
		padding: 0 30px;
		height: initial;
	}
	.whiteborder .carousel {
		margin: 30px auto 60px;
		padding: 0 20px;
		height: initial;
	}
	.carousel .carousel-control {
		height: 30px;
		width: 30px;
	}
	.whiteborder .carousel .carousel-control {
		height: 30px;
		width: 30px;
	}
	.carousel .carousel-control i {
		font-size: 26px;
		margin: -14px 0 0 0;
	}
	.whiteborder .carousel .carousel-control i {
		font-size: 26px;
		margin: -14px 0 0 0;
	}
	.modal-dialog {
    width: 95%;
}
	.pull-quote-yellowbg {

	background-size: 35% !important;
}
.pull-quote-yellowbg h2 {
	margin-top:70px;
}
.pull-quote-yellowbg h5 {
	margin-bottom:70px;
}
	.pull-quote-yellowbg.picbg h2 {
	margin-top:260px !important;
		font-size: 18px !important;
		font-weight: 600;
}
.pull-quote-yellowbg.picbg h5 {
	margin-bottom:160px !important;
	font-size: 12px !important
}
	.pull-quote-orangebg {

	background-size: 35% !important;
}
.pull-quote-orangebg h2 {
	margin-top:70px;
}
.pull-quote-orangebg h5 {
	margin-bottom:70px;
}
.pullquote h2 {
 	font-size: 24px; 
	margin-top: 40px;
}
.pullquote p { 
	margin-bottom: 60px;
}
}
/* Desktop office bearer carousel only */
#carOffice .carousel-inner > .item > .row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

#carOffice .carousel-inner > .item > .row > .col-sm-6 {
    display: flex;
}

#carOffice .thumb-wrapper {
    width: 100%;
    height: 100%;
}

/* Important: do NOT make this flex */
#carOffice .thumb-content {
    height: 100%;
}
#carOffice .thumb-content > div:last-child {
    padding-top: 15px;
}
.office-bearer-modal .modal-content {
    border-radius: 0;
}

.office-bearer-modal .modal-title {
    color: #22539F;
    font-size: 24px;
    font-weight: 600;
}

.office-bearer-modal .modal-body {
    font-size: 14px;
    line-height: 1.5;
}
.office-bearer-modal .close {
    background: #22539F !important;
	opacity: .8;
	font-size: 40px;
	line-height: 0.75;
	padding: 0px 5px !important;
}
#carOfficeMobile .office-mobile-detail-text {
    display: none !important;
}
.report-cards {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	margin-top: 20px;
}
.report-card {
	flex: 1 1 calc(33.333% - 16px);
	background: #F4F4F4;
	padding: 30px 25px;
	display: flex;
	flex-direction: column;
}
.report-card-logos {
	margin-bottom: 20px;
}
.report-card-logos img {
	width: 100%;
	height: auto;
}
.report-card h5 {
	font-size: 1.28em !important;
	font-weight: 500 !important;
	color: #000;
	margin-bottom: 20px !important;
	line-height: 1.3;
	text-align: center;
}
.report-card p {
	margin-bottom: 16px;
	text-align: center;
}
.report-card-cover {
	margin: auto 0 20px;
	text-align: center;
}
.report-card-cover img {
	max-width: 75%;
}
.report-card .btn-incontent-blue,
.report-card .btn-incontent-blue:hover {
	display: flex !important;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	align-items: center;
	justify-content: space-between;
	text-align: left;
	padding: 12px 20px;
}
.report-card .btn-incontent-blue i {
	margin-left: 0 !important;
}
@media (max-width: 991px) {
	.report-card {
		flex: 1 1 100%;
	}
	.report-card-cover img {
		max-width: 50%;
	}
	.report-card .btn-incontent-blue {
		width: 90%;
	}
}
@media (max-width: 768px) {
	.report-card h5 {
		font-size: 1.2em;
	}
}

.speaker-cards .carousel .thumb-wrapper {
	background: #0054a5;
	box-shadow: none;
}
.speaker-cards .carousel .img-box img {
	margin-bottom: 0;
}
.speaker-cards .carousel .thumb-content {
	border-top: 8px solid #fdb91a;
	padding: 15px 15px 20px;
}
.speaker-cards .carousel .thumb-content h4 {
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 12px;
	line-height: 1.2;
}
.speaker-cards .carousel .thumb-content h5 {
	color: #ffffff;
	font-weight: 600;
	font-size: 14px;
	margin: 0 0 18px;
	line-height: 1.3;
}
 

.speaker-cards #carSpeakers .carousel-inner > .item > .row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.speaker-cards #carSpeakers .carousel-inner > .item > .row > .col-sm-4 {
	display: flex;
}
.speaker-cards #carSpeakers .thumb-wrapper {
	width: 100%;
	height: 100%;
}
.speaker-cards #carSpeakers .thumb-content {
	height: 100%;
}
 
/* ---------- Video Gallery: space between the "Interview" label and title ---------- */
.video-gallery-section .carousel .thumb-content h4 {
	margin-top: 15px;
}
 
/* ---------- Video Gallery: equal-height cards on desktop — same technique
   as the speaker carousel (.speaker-cards #carSpeakers), adapted to
   #carVideos. Desktop only; mobile is single-column already. ---------- */
.video-gallery-section #carVideos .carousel-inner > .item > .row,
      .video-gallery-section #carVideos .carousel-inner > .carousel-item > .row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.video-gallery-section #carVideos .carousel-inner > .item > .row > .col-sm-4,
      .video-gallery-section #carVideos .carousel-inner > .carousel-item > .row > .col-sm-4 {
	display: flex;
}
.video-gallery-section #carVideos .thumb-wrapper {
	width: 100%;
	height: 100%;
}
.video-gallery-section #carVideos .thumb-content {
	height: 100%;
} 
/* ---------- Resources: mobile-only spacing fixes (scoped to .resources-block) ---------- */
@media (max-width: 768px) {
	.resources-block .col-nogutter-right.text-end {
		margin-bottom: 20px;
	}
	.resources-block iframe {
		margin-bottom: 20px;
	}
}

/* ============================================================
   ADDED — Government-Business Partnership Phase 3 Launch (Aug 2026)   
   ============================================================ */
 
/* ---------- 1. Intro buttons (green pair) ---------- */
a.btn-incontent-green {
	display: inline-block;
	color: #ffffff !important;
	background: #00a86d;
	line-height: 1em;
	text-align: left;
	padding: 12px 15px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	border: 2px solid #00a86d;
	text-transform: uppercase;
	margin-right: 8px;
}
a.btn-incontent-green:hover {
	background: #008c5a;
	border-color: #008c5a;
	color: #ffffff !important;
	text-decoration: none;
}
a.btn-incontent-greeninvert {
	display: inline-block;
	color: #00a86d !important;
	background: rgba(0,0,0,0.01);
	line-height: 1em;
	text-align: left;
	padding: 12px 15px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	border: 2px solid #00a86d;
	text-transform: uppercase;
}
a.btn-incontent-greeninvert:hover {
	background: #00a86d;
	color: #ffffff !important;
	text-decoration: none;
}
 
/* ---------- 2. Sound bite cards ---------- */
.soundbite-cards {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	margin-top: 20px;
}
.soundbite-card {
	box-sizing: border-box;
	flex: 1 1 calc(33.333% - 16px);
	background: #F4F4F4;
	display: flex;
	flex-direction: column;
}
.soundbite-card-img img {
	width: 100%;
	display: block;
	margin-bottom: 0;
}
.soundbite-card-content {
	padding: 25px 22px 30px;
	text-align: center;
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}
.soundbite-card-content h4 {
	font-size: 22px;
	font-weight: bold;
	color: #000;
	margin: 0 0 8px;
}
.soundbite-card-content p {
	font-size: 14px;
	margin-bottom: 20px;
}
/* Green band the SoundCloud mini-player sits in. The embed itself is passed
   color=00a86d so it fills this band once it loads; the wrapper guarantees the
   green area is there regardless (including while the track ID is still a
   placeholder, which otherwise renders as an empty white box). */
.soundbite-player {
	background: #00a86d;
	height: 35px;
	margin-top: auto;
	overflow: hidden;
	display: flex;         
	align-items: center;  
	padding: 5px;
}
.soundbite-player iframe {
	display: block;
	width: 100%;
	height: 20px;
	max-height: 20px;
	border: 0;
}

@media (max-width: 991px) {
	.soundbite-card {
		flex: 1 1 100%;
	}
}
@media (max-width: 767px) {
	/* phone: job titles drop to 11px */
	.soundbite-card-content p { font-size: 11px; }
	/* the two intro buttons stack, so the lower one needs breathing room */
	a.btn-incontent-greeninvert { margin-top: 12px; }
}
 
/* ---------- 3. Snapshot 2025 stat blocks ---------- */
.snapshot-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	align-content: stretch;
	margin-bottom: 16px;
}
 
/* Paired image + blocks rows. Flex so both columns stretch to the same
   height and the photo bottom lines up with the last block.
   NOTE the negative margins: template.css line ~503 globally sets
   `.row { margin-left:0; margin-right:0 }`, overriding Bootstrap's default
   -15px gutter. Without restoring it here, these nested rows' column padding
   stacks on top of the outer column's padding and insets rows 2 and 3 by 15px
   each side versus the row-1 tile grid. Scoped to .snapshot-row so no other
   row on the site is affected. */
.snapshot-row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 16px;
}
/* Row 3 keeps its blocks first in the DOM (so mobile shows blocks, then the
   photo) and simply reverses on desktop to put the photo on the left. Using
   flex order rather than Bootstrap push/pull, which relies on relative
   offsets and doesn't behave predictably inside a flex row. */
@media (min-width: 992px) {
	.snapshot-row.snapshot-row-reverse { flex-direction: row-reverse; }
}
.snapshot-col {
	display: flex;
	flex-direction: column;
	margin-bottom: 0;
}
/* tighter centre divider than the default 15px gutter — 8px each side,
   so the gap between the two columns matches the 16px tile gap.
   Outer edges keep the standard 15px so everything stays flush with the
   tile grid above. */
.snapshot-col.snap-left { padding-right: 8px; }
.snapshot-col.snap-right { padding-left: 8px; }
 
.snapshot-col .snapshot-grid { flex: 1 1 auto; margin-bottom: 0; }
.snapshot-col .snap-bar { flex: 1 1 auto; }
.snapshot-figure {
	margin-bottom: 0;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}
.snapshot-figure picture { display: flex; flex: 1 1 auto; }
.snapshot-figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin-bottom: 0;
}
.snapshot-grid .snap-tile {
	box-sizing: border-box;
	flex: 1 1 calc(25% - 12px);
	padding: 20px 15px 25px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.snapshot-grid.snapshot-grid-2up .snap-tile {
	flex: 1 1 calc(50% - 8px);
}
.snap-green-dark { background: #00a86d; }
.snap-green-light { background: #7ac79b; }
.snap-red { background: #ee2835; }
 
.snap-label {
	font-weight: bold;
	font-size: 19px;
	color: #1d1d27;
	line-height: 1.3;
	margin-bottom: 6px;
}
.snap-arrow {
	width: 76px;
	height: auto;
	margin: 6px 0 8px;
	display: block;
}
.snap-value {
	font-size: 42px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.1;
}
.snap-change {
	font-size: 14px;
	font-weight: 500;
	color: #ffffff;
	margin-top: 4px;
}
.snap-prev {
	font-size: 15px;
	font-weight: 500;
	color: #1d1d27;
	margin-top: auto;
	padding-top: 14px;
}
 
/* wide horizontal bars (mineral exports / employment / employee earnings) */
.snap-bar {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 30px 25px;
	margin-bottom: 16px;
}
.snap-bar:last-child { margin-bottom: 0; }
.snap-bar-label {
	font-weight: bold;
	font-size: 19px;
	color: #1d1d27;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.snap-bar-label .snap-arrow { margin: 0 0 6px; }
.snap-bar-value {
	font-size: 42px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.1;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.snap-bar-value .snap-change { font-size: 14px; }
.snap-bar-prev {
	font-size: 15px;
	font-weight: 500;
	color: #1d1d27;
}
 
@media (max-width: 991px) {
	.snapshot-grid .snap-tile,
	.snapshot-grid.snapshot-grid-2up .snap-tile {
		flex: 1 1 calc(50% - 8px);
	}
	.snap-value, .snap-bar-value { font-size: 34px; }
	.snap-bar { padding: 22px 20px; }
 
	/* columns stack, so the tightened centre divider no longer applies */
	.snapshot-col.snap-left { padding-right: 15px; }
	.snapshot-col.snap-right { padding-left: 15px; }
	.snapshot-col { margin-bottom: 16px; }
	.snapshot-col:last-child { margin-bottom: 0; }
	.snapshot-figure { flex: 0 0 auto; }
	.snapshot-figure img { height: auto; }
 
	/* wide bars adopt the same stacked, centred layout as the tiles so all
	   three rows read consistently on mobile */
	.snap-bar {
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		text-align: center;
		padding: 20px 15px 25px;
	}
	.snap-bar-label {
		flex-direction: column-reverse;
		align-items: center;
		margin-bottom: 6px;
	}
	.snap-bar-label .snap-arrow { margin: 6px 0 0; }
	.snap-bar-value { align-items: center; }
	.snap-bar-prev { padding-top: 12px; }
}
@media (max-width: 600px) {
	.snapshot-grid .snap-tile,
	.snapshot-grid.snapshot-grid-2up .snap-tile {
		flex: 1 1 100%;
	}
	.snap-value, .snap-bar-value { font-size: 28px; }
	.snap-label, .snap-bar-label { font-size: 16px; }
	.snap-arrow { width: 56px; }
}
 
/* ---------- 4. #MiningMatters pattern blocks ----------
   Ported from miningmatters2025.css (see header note). Background
   image path points at this page's own asset folder. */
.block-pattern.content-left {
	background: url(../../../images/thumbnails/special-features/gbpp2026/MMBlackBackground.webp) left center no-repeat;
	background-color: #000;
	background-size: 50%;
}
.block-pattern.content-right {
	background: url(../../../images/thumbnails/special-features/gbpp2026/MMBlackBackground.webp) right center no-repeat;
	background-color: #000;
	background-size: 50%;
}
/* Flex the block so the photo column stretches to the full block height —
   otherwise black shows below the photo whenever the copy column is taller.
   Also lets the copy be vertically centred instead of top-padded into place. */
.block-pattern {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
@media (min-width: 992px) {
	.block-pattern.block-pattern-reverse { flex-direction: row-reverse; }
}
.block-pattern-figure { display: flex; }
.block-pattern-figure figure {
	margin-bottom: 0;
	display: flex;
	flex-direction: column;
	width: 100%;
}
.block-pattern-figure figure picture { display: flex; flex: 1 1 auto; }
.block-pattern-figure figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin-bottom: 0;
}
/* Padding was 18vh top — viewport-height based, so on a tall window it pushed
   the copy far down and made the column taller than the photo. Now a fixed
   vertical rhythm with the copy centred, and horizontal padding measured off
   the design (≈14vw left / 8.5vw right of the half-width panel). */
.content-right .block-pattern-content {
	color: #fff;
	padding: 85px 14vw 75px 8.5vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.content-left .block-pattern-content {
	color: #fff;
	padding: 85px 8.5vw 75px 14vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.block-pattern-content h2 {
	color: white !important;
	/* Was calc(1.0rem + 2vw). Mixing a fixed 16px with a vw unit means that as
	   the window narrows the fixed part becomes proportionally larger relative
	   to the column (which is sized purely in vw), so the heading outgrew its
	   space and "TO SOUTH AFRICA" wrapped to two lines. A pure vw value keeps a
	   constant ratio to the column at every width, so it stays on one line. */
	font-size: 2.7vw !important;
	font-weight: 800;
	margin: 0px 0px 26px;
	white-space: nowrap;
}
.block-pattern-content h3 {
	color: white !important;
	font-size: calc(0.6rem + 0.88vw) !important;
	font-weight: 700;
	margin: 26px 0px 26px;
	text-transform: none;
}
.block-pattern-content p {
	color: white !important;
	font-size: calc(0.1rem + 0.88vw) !important;
	margin: 26px 0px 26px;
}
.block-pattern-content .mmlogo {
	max-width: 350px !important;
	height: auto;
	width: calc(12.5vw + 100px);
}
@media screen and (max-width: 1670px) {
	.content-right .block-pattern-content { padding: 70px 12vw 60px 7vw; }
	.content-left .block-pattern-content { padding: 70px 7vw 60px 12vw; }
}
@media screen and (max-width: 1430px) {
	.content-right .block-pattern-content { padding: 55px 8vw 50px 6vw; }
	.content-left .block-pattern-content { padding: 55px 6vw 50px 8vw; }
	.block-pattern-content h3 { margin: 22px 0px 22px; }
	.block-pattern-content p { font-size: 16px !important; margin: 22px 0px 22px; }
}
@media screen and (max-width: 1120px) {
	.content-right .block-pattern-content { padding: 45px 5vw 40px 4vw; }
	.content-left .block-pattern-content { padding: 45px 4vw 40px 5vw; }
	.block-pattern-content p { font-size: 15px !important; margin: 22px 0px 0px; }
}
@media screen and (max-width: 991px) {
	/* stacked: even padding, heading reverts to a fixed size and is allowed to
	   wrap (2.7vw would be unreadably small on a phone), and the photo returns
	   to its natural height rather than being stretched to match the copy */
	.content-right .block-pattern-content,
	.content-left .block-pattern-content { padding: 45px 8vw; }
	.block-pattern-content h2 {
		font-size: 32px !important;
		white-space: normal;
	}
	.block-pattern-figure figure img { height: auto; object-fit: fill; }
}
@media screen and (max-width: 600px) {
	.block-pattern-content h2 { font-size: 26px !important; }
}
 
/* outline buttons used inside the pattern blocks.
   Were fixed at width:240px, which forced "VIEW THE FACT SHEET >" to wrap onto
   two lines. Now inline-block with auto width so they size to their label.
   Horizontal padding set to 24px — measured off the design, whose button comes
   out ~262px wide for this label at 18px type. */
a.btn-incontent-outlinered,
a.btn-incontent-outlineblue {
	display: inline-block;
	background: rgba(0,0,0,0.01);
	line-height: 1em;
	text-align: center;
	padding: 16px 24px;
	text-decoration: none;
	font-size: 18px;
	width: auto;
	max-width: 100%;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
}
a.btn-incontent-outlinered {
	color: #dc2430 !important;
	border: 2px solid #dc2430;
}
a.btn-incontent-outlinered:hover {
	color: #fff !important;
	background: #dc2430;
	text-decoration: none;
}
a.btn-incontent-outlineblue {
	color: #0153a7 !important;
	border: 2px solid #0153a7;
}
a.btn-incontent-outlineblue:hover {
	color: #fff !important;
	background: #0153a7;
	text-decoration: none;
}
@media (max-width: 991px) {
	a.btn-incontent-outlinered,
	a.btn-incontent-outlineblue {
		font-size: 15px;
		padding: 13px 20px;
	}
}
@media (max-width: 480px) {
	a.btn-incontent-outlinered,
	a.btn-incontent-outlineblue {
		font-size: 14px;
		padding: 12px 16px;
		white-space: normal;
	}
}