/*--- Start Careers - temp styles for Careers pages ---*/

h3.CTA {
	color: #373a36;
    font-family: Open Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-top: 50px;
    text-align: center;
	width: 100%;
    max-width: 580px;
    margin: 50px auto 0 auto;
    }


/*--- temp people quote block ---*/

.postcontent .inline-graphic .flex50.quote div:first-child {
    row-gap: 5px;
}

.postcontent .inline-graphic .flex50.quote div h2 {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 40px;
}

.postcontent .inline-graphic .flex50.quote div.infoimg img {
    border-bottom-left-radius: 58% 59%;
    border-bottom-right-radius: 69% 78%;
    border-top-left-radius: 89% 74%;
    border-top-right-radius: 0;
    max-width: 400px;
    margin: 0 auto;
}

.postcontent .inline-graphic .flex50.quote div h3 {
    font-weight: 400;
    margin: 0;
    font-size: 20px;
    line-height: 32px;
}

.postcontent .inline-graphic .flex50.quote .share-link {
    text-decoration: none;
    background: none;
	transition: all 125ms ease-in;
	border: 1.5px solid #373a36;
    border-radius: 50%;
	padding: 4px 6px 6px 8px;
    width: 32px;
    height: 32px;
    margin-top: 5px;
}

.postcontent .inline-graphic .flex50.quote .share-link:hover {
    background: #373a36;
}

.postcontent .inline-graphic .flex50.quote .share-link:hover .fab {
    color: #fff;
}


/*--- Start Expertise - temp styles for Market and Expertise pages ---*/

a.more-link, a.related-block-link {
    text-transform: uppercase;
    width: auto;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    text-decoration: none;
    position: relative;
    transition: 400ms ease-in ease-out !important;
    color: #666666 !important;
    background: none !important;
    border: 0;
    margin: 0 !important;
    padding: 0 0 10px 0;
    letter-spacing: 0.8px;
    min-width: auto;
    display: inline-block;
}

a.more-link:after, a.related-block-link:after {
    content: "\203A";
    display: inline;
    color: #84bd00;
    font-size: 20px;
    margin-left: 8px;
    position: absolute;
    top: -7%;
    transition: 400ms;
}

a.more-link:hover, a.related-block-link:hover {
    color: #84bd00 !important;
}

a.more-link:hover:after, a.related-block-link:hover:after {
    margin-left: 0.9375rem;
}

/*--- Temp resolve for button in Text Editor blocks ---*/

.TextEditorWithImageGalleryBlock_TextEditorWithImageGalleryBlock_Wrapper__4q4n4 .buttongroupWrapper {
    margin: -65px 0 0;
}

/*--- temporary promo ----*/
.line-separator {
    margin:  0;
    height: 0;
    background: transparent;
}

/* Promos */
.promo-container {
    display: flex;
    flex-direction: row;
    border-radius: 2px;
    /*margin: 80px 0 !important; */
   background-color: transparent !important;
	opacity: 1!important;
    transition-delay: .2s;
}

.promo-container p {
	font-family: 'PT Serif', serif;
	color: #84bd00 !important;
	font-size: 24px !important;
	max-width: 410px !important;
    margin-left: 0px !important;
	margin-top: 20px !important
}p

.promo-container .more-link {
	margin-left: 0px !important;
}

.img-container {
    flex: 1 0 48%;
    max-height: 100%;
}

.text-container {
    padding: 1.25rem;
    flex: 1 0 50%;
}

.img-cover {
	position: relative !important;
    margin-left: -25vw !important;
    left: 50% !important;
    border-radius: 2px 0px 0px 2px;
    object-fit: cover;
    height: 300px !important;
    display: block;
	max-width: 683px;
}

/* Small leaf promo */
.promo-container.sml-promo {
    width: 100%;
    height: auto;
    min-height: 180px;
    margin-top: 80px !important;
}

.promo-container.sml-promo .img-container {
    flex: 1 0 auto !important; 
	 opacity: 1;
	transition: color .4s ease-in-out;
}

.promo-container.sml-promo .img-container:hover {
     opacity: 0.3;
	transition: transform 1s;
	transform: scale(1.1);
}	


.promo-container.sml-promo .img-cover {
    border-bottom-left-radius: 58% 59%;
    border-bottom-right-radius: 69% 78%;
    border-top-left-radius: 89% 74%;
    border-top-right-radius: 0;
    width: 175px !important; 
    height: 180px !important;
    display: inline-block; 
    object-fit: cover; 
    margin: 0 !important; 
    left: 0 !important; 
}

.promo-container.sml-promo .img-container a {
    background: none; 
}

.promo-container.sml-promo .text-container {
    flex: 1 0 80%; 
    padding: 0px 40px; 
}

		

.promo-container.sml-promo .text-container p {
    max-width: 100% !important;
	transition: color .4s ease-in-out;
}

.promo-container.sml-promo .text-container p:hover {
    color: #666 !important;
}

/* Half page promo */
.img-container-half-width-promo {
    background-repeat: no-repeat;
	background-size: 844px 300px;
	margin: 6rem 0;
	}

.img-cover.half-width-promo {
	background-color: rgba(255,255,255,0.90);
	margin: 2.5rem;
	height: auto !important;
	max-width: 500px;
	margin-left: 18rem !important;
	left: 0 !important;
	
}

.text-container.half-width-promo {
	padding: 1rem 1rem 0 1rem;
	font-family: 'PT Serif', serif;
	color: #84bd00 !important;
	font-size: 24px !important;
}

.full-width-margin {
	margin: 6rem 0;	
}

.img-container-full-width-promo {
    background-repeat: no-repeat;
	background-size: 844px 300px;
	height: 300px;
	margin: 6rem 0;
	}

.img-cover.full-width-promo {
	background-color: rgba(255,255,255,0.90);
	margin: 4rem;
	height: auto !important;
	max-width: 750px;
	margin-left: 3rem !important;
	left: 0 !important;
	
}

.text-container.full-width-promo {
	padding: 2rem 1rem 1rem 1rem;
	font-family: 'PT Serif', serif;
	color: #84bd00 !important;
	font-size: 24px !important;
}

/*---podcast ---*/

.promo-container.podcast {
    display: flex;
    flex-direction: row;
    column-gap: 40px;
	row-gap: 40px;
    border-radius: 2px;
    margin: 0 !important;
    background-color: transparent !important;
    opacity: 1!important;
    transition-delay: .2s;
}

.podcast h3 {
	font-family: 'PT Serif', serif;
	color: #84bd00 !important;
	font-size: 24px !important;
	font-weight: 400 !important;
    margin-top: 0px !important;
}

.podcast p {
	font-family: "Open Sans", "open-sans", sans-serif, sans-serif;
    font-weight: 400;
	font-size: 1rem !important;
	color: #373a36 !important;
	max-width: 100% !important;
}

.podcast {
	padding: 0 !important;
}

.icon-slideshare:before {
    content: none !important;
}

.promo-container.podcast .iframe-container {
    height: 180px;
    width: 180px;
}

.promo-container iframe {
    height: 100%;
    width: 100%;
    min-width: auto;
}

.square .player-media .seekbar-wrapper {
    height: 20px;
    top: 70px;
}

.player-media .seekbar-wrapper {
    display: flex;
    flex: 1 0;
    position: relative;
}



/*--- Expertise - government icons ---*/

.expertise-page-element a {
	background-image: none !important;
}


/*---  End Expertise - temp styles for Market and Expertise pages ---*/



/*---temp content wrapper styles ---*/

.text-wrapper {
    max-width: 720px;
    margin: 0px auto;
}

.text-wrapper.full {
    max-width: 100%;
}

/*---temp heading styles */

.text-wrapper * {
    color: #373a36;
}

.text-wrapper h1 {
    font-family: PT Serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px;
    margin: 0 0 30px 0;
    text-align: left;
}

.text-wrapper h2 {
    font-family: "PT Serif",serif;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 30px !important;
    margin-top: 80px !important;
}


.text-wrapper h3 {
	font-family: Open Sans,sans-serif;
    line-height: 28px;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 50px;
}

.container.side-gutters h3 {
	font-family: Open Sans, sans-serif;
    line-height: 28px;
    font-size: 20px;
    margin: 50px 0 30px 0;
}

/*----temp button styles ----*/

.text-wrapper .button.social-button {
	background-image: none;
	max-width: 14rem;
}

.text-wrapper .button.social-button:hover {
	background-image: none;
}

/*----temp ref styles ----*/

.postcontent hr {
    border-top: 1px solid #e1e2e0;
    margin-top: 50px;
    margin-bottom: 1.25rem;
    background-color: transparent;
    height: 0;
}


.postcontent h5 {
    color: var(--textGrey);
    font-size: 13px;
    letter-spacing: .65px;
    line-height: 20px;
    margin: 80px 0 20px;
    text-transform: uppercase;
}

.postcontent p.ref {
    color: var(--textGrey);
    font-family: Open Sans;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 15px;
    margin: 10px auto;
    text-align: left;
}


/*----temp post-script styles ----*/

p.ps, .post-body p.ps {
    font-size: 13px !important;
}


/*----temp accordion internal margin collapse fix ----*/

.TextEditor_texteditor__ikKB9 .accordion-item.isopen .accordion-content {
	display: block;
}


/* ---- inline graphics ----*/

.postcontent p.caption, .post-body p.caption, .text-wrapper p.caption {
    font-family: 'Open Sans', 'Open-sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #666666;
    background: transparent;
    padding: 8px;
    margin: 8px 0 80px 0;
}

.post-body p.caption { /* ---- temp style - blog only ----*/
	margin: 8px 0 50px 0 !important;
}

.postcontent p.caption.womargin {
    margin: 8px 0 0 0;
}

.text-wrapper .inline-graphic p.caption {
    padding: 0px;
    margin: 0px;
}

.text-wrapper .flex50 p.caption {
	margin: 0;
}

.postcontent div.inline-graphic, .post-body div.inline-graphic, .text-wrapper div.inline-graphic {
    margin-top: 80px !important;
    margin-bottom: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: 50px;
}

.post-body div.inline-graphic { /* ---- temp style - blog only ----*/
	margin-top: 50px !important;
    margin-bottom: 50px;
}

.postcontent div.inline-graphic h2:first-child {
    margin-top: 0;
}


.postcontent div.inline-graphic.womargin {
    margin-top: 0 !important;
    margin-bottom: 0;
}

.text-wrapper div.video-container {
	margin: 80px 0;
}

.postcontent div.inline-graphic.wcaption,
.postcontent div.video-container.wcaption,
.post-body div.inline-graphic.wcaption,
.post-body div.video-container.wcaption,
.text-wrapper div.inline-graphic.wcaption,
.text-wrapper div.video-container.wcaption {
    margin-bottom: 0px;
}

.postcontent div.video-container.wtranscript {
    margin-bottom: 25px;
}

.text-wrapper div.inline-graphic.wCTA {
	row-gap: 20px;
    justify-content: left;
    align-items: flex-start;
}


/* ---- more link inside graphics container ----*/

.postcontent div.inline-graphic a.more-link.button-2022, .postcontent div.flex33.lrg a.more-link.button-2022, .text-wrapper div.inline-graphic a.more-link.button-2022 {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.0125em;
    text-decoration: none;
    border-radius: 0;
    background: none;
    color: #666666 !important;
    padding: 0;
    min-width: 0;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    transition: 200ms ease-in ease-out;
}

.postcontent div.inline-graphic a.more-link.button-2022:hover, .postcontent div.flex33.lrg a.more-link.button-2022:hover, .text-wrapper div.inline-graphic a.more-link.button-2022:hover {
    background: none;
}

.postcontent div.inline-graphic a.more-link.button-2022:after, .postcontent div.flex33.lrg a.more-link.button-2022:after, .text-wrapper div.inline-graphic a.more-link.button-2022:after {
    content: "\203A";
    height: 22px;
    color: #84bd00;
    position: absolute;
    right: -0.9375rem;
    top: 50%;
    margin-top: -12.75px;
    font-size: 20px;
    transition: 200ms;
}

.postcontent div.inline-graphic a.more-link.button-2022:hover:after, .postcontent div.flex33.lrg a.more-link.button-2022:hover:after, .text-wrapper div.inline-graphic a.more-link.button-2022:hover:after {
    right: -1.25rem;
}

/*----- digital case studies temp fix for new project templates----*/

.postcontent .internal-block-image .info h2 {
    color: #fff !important;
}

.postcontent .internal-block-image .info {
    background-color: rgba(132, 189, 0, 0.9);
}

.postcontent .internal-block-image a:hover {
    color: #7eb21b;
    background-image: none !important;
}

.postcontent .internal-block-image a:hover img {
    opacity: 1;
}

/*---- story block ----*/

.content-block.story-blocks .stories .story-container .story {
    padding: 0;
    margin-right: 4%;
}

.content-block.story-blocks .stories .story-container .story:last-child {
    margin: 0;
}

.content-block.story-blocks .stories .story-container {
    padding: 0 2.8125rem;
}

/*------ modal video fix with new nav -------*/

.modal-dialog {
    margin: 150px auto 1.25rem auto;
}

.modal-body {
    padding: 0;
}

.modal-header {
    display: none;
}

.modal-content {
    display: inline;
}


/*------ remove max-width on Awards mini-site template -------*/
.container {
    max-width: none;
}

/*------ display desktop only -------*/

.disp-desktop,
.disp-dsktab {

    display: block !important;
}

.disp-mob,
.disp-tablet,
.disp-tabmob {

    display: none !important;
}

.postcontent .disp-desktop,
.postcontent .disp-dsktab {

    display: flex !important;
}

.postcontent .disp-mob,
.postcontent .disp-tablet,
.postcontent .disp-tabmob {

    display: none !important;
}


/*------ image left and right -------*/

img.right {
    width: 100%;
    max-width: 380px;
    float: right;
    padding: 0 0 0.9375rem 0.9375rem;
}

img.left {
    width: 100%;
    max-width: 380px;
    float: left;
    padding: 0 0.9375rem 0.9375rem 0;
}

/*------ location note within content, location note under full width banner  -------*/
.location-note,
.location-note-top {
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding: 15px;
    background: #eeeeee;
}

div.location-note p,
div.location-note-top p {
    font-size: 0.8em;
    margin: 0px;
}

.location-note-top {
    padding: 15px 45px 15px 45px;
}

div.location-note img,
div.location-note-top img {
    margin-right: 8px;
}

/*------ navy note with anchor tag-----*/
.navy-note {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 10px 15px 20px;
    background: #3f5169;
    margin: 0px 0px 12px 0px;
    color: #ffffff;
    font-size: 0.9rem;
}

p.navy-note span,
p.navy-note a {
    margin: 5px 10px 0px 0px;
    color: #ffffff;
    font-size: 0.9rem;
}

/*------- display two column, two child flex ------*/
.flex50 {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 0.9375rem;
}

.flex50 div.col {
    margin: .9375rem .9375rem 0px 0px;
    flex: 1;
    max-width: 50%;
}

.flex50 div.col:last-child {
    margin: .9375rem 0px 0px 0px;
}

/*------- display three column, three child flex ------*/

.flex33 {
    display: flex;
    flex-direction: row;
    max-width: 100%;
}

.flex33 div {
    flex: 1 0 30%;
    padding-right: 0.9375rem;
}

.flex33 div ul {
    list-style: none;
    margin-left: 1.25rem;
    font-size: 0.9rem;
}

.postcontent .flex33 div ul {
    list-style: inherit;
    margin-left: 1.25rem;
    font-size: 0.9rem;
}

.flex33 div ul li:before {
    /* color: rgb(254, 209, 65); */
    content: "\2022";
    font-size: 1.5rem;
    font-weight: 600;
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    margin-left: -0.8em;
    top: 0.13em;
    position: relative;
}

.postcontent .flex33 div ul li:before {
    content: "";
}

/* reversing link decoration */

a.reverse {
    text-decoration: none;
}

/*------ table styles --------*/
table {
    border-collapse: collapse;
    border-style: hidden;
    width: 100%;
    text-align: center;
    margin: 0px 0px 1px 0px;
    color: #000000;
}

table td,
table th {
    border: 1px solid white;
}

th,
td {
    padding: 5px 10px 5px 10px;
    font-size: 0.875rem;
}

table h3,
table h4,
table p {
    font-size: 0.875rem;
}

table th {
    color: white;
}

table th.th-alt {
    color: black;
}

table a {
    font-size: 0.875rem;
}

table col:nth-child(1) {
    width: 200px;
}

table.sml-right td:last-child {
    white-space: nowrap;
    width: 25%;
}

table.sml-left td:first-child {
    white-space: nowrap;
    width: 25%;
}

table th {
    background-color: #7ab800;
    color: #ffffff;
}

table col {
    background-color: #bcdb7f;
}

/*---- navy table styles -----*/
table.navy th {
    background-color: #3f5169;
    color: #ffffff;
}

table.navy col {
    background-color: #c5cad2;
}

table.navy col:nth-child(1) {
    background-color: #8c97a5;
    color: #ffffff;
}

/*---- bondi blue table styles -----*/
table.bondi th {
    background-color: #169aa6;
    color: #ffffff;
}

table.bondi col {
    background-color: #b9e0e4;
}

table.bondi col:nth-child(1) {
    background-color: #5bb8c0;
    color: #ffffff;
}

/*---- peach table styles -----*/
table.peach th {
    background-color: #fd8a5e;
    color: #ffffff;
}

table.peach col {
    background-color: #fec4ae;
}

table.peach col:nth-child(1) {
    background-color: #fda280;
    color: #ffffff;
}

/*----- greyscale table styles -----*/
table.greyscale {
    text-align: left;
}

table.greyscale th {
    background-color: #ffffff;
    color: #000000;
    text-align: left;
}

table.greyscale tr:nth-child(even) {
    background-color: #eeeeee;
}

table.greyscale tr:nth-child(odd) {
    background-color: #f6f6f6;
}

/*------ teams table custom styles ------*/
table#teams {
    table-layout: fixed;
}

.text-wrapper table#teams tbody tr {
    border-bottom: 1px solid #ffffff;
}

table tr#units td, .text-wrapper table#teams tbody td {
	vertical-align: middle;
}

table tr#units td p {
	margin: 0 auto;
    font-weight: 600;
    font-size: 0.75rem;
    line-height: 13px;
}

table tr#units td a {
    font-size: 0.725rem;
	background: none;
	text-decoration: underline;
	transition: 200ms ease-in-out;
}

table tr#units td a:hover {
	text-decoration: none;
}

table#teams th:nth-child(odd) {
    background-color: #89C925;
    font-size: 0.75rem;
	color: #ffffff;
	vertical-align: middle;
}

table#teams th:nth-child(even) {
    background-color:#E9EDEC;
    font-size: 0.75rem;
	vertical-align: middle;
}

tr#markets th:nth-child(1) {
    background-color: #383a37;
}

tr#markets th:nth-child(2) {
    background-color: #4e5859;
}

tr#markets th:nth-child(3) {
    background-color: #8e9c9c;
}

tr#markets th:nth-child(4) {
    background-color: #bbc6c2;
}

tr#markets th:nth-child(5) {
    background-color: #e9edec;
}

tr#markets th:nth-child(1) div, 
tr#markets th:nth-child(2) div,
tr#markets th:nth-child(3) div{
    color: #ffffff;
}

table#teams col:nth-child(1),
table#teams td:nth-child(1) {
    background-color: #e4fcbe;
    text-align: left;
    width: 20%;
    font-size: 0.75rem;
}

table#teams col:nth-child(2), table#teams col:nth-child(5) {
    background-color: #c5cccc;
}

table#teams col:nth-child(3), table#teams col:nth-child(6), table#teams col:nth-child(8) {
    background-color: #e9edec;
}

table#teams col:nth-child(4), table#teams col:nth-child(7),
table#teams td#resources {
    background-color: #f7f8f8;
    text-align: center;
}

table#teams col:nth-child(8) {
    background-color: #d6dcda;
}

table tr#units td {
    font-weight: 600;
}

tr#units td:nth-child(1) {
    background-color: #c5cccc;
    text-align: center;
}

#MR-flex {
    display: flex;
    flex-direction: column;
}

/*------- temp accordion styles -------*/

.text-wrapper .flex50 div.text {
    row-gap: 0;
    justify-content: flex-start;
}

.text-wrapper .flex50 div.accordion {
	display: block;
    margin: 5px 0;
    flex: 0 0 auto;
}

.text-wrapper div.accordion .accordion-header, .text-wrapper .flex50 div.accordion .accordion-header {
    background-color: transparent;
    border: none;
    border-radius: 0px;
    padding: 0 1.25rem 0 0;
	display: flex !important;
}

.text-wrapper .accordion-header h3 {
	font-size: 1rem !important;
    margin: 0 0 15px 50px !important;
    font-weight: 400 !important;
    line-height: 28px !important;
}

.text-wrapper .accordion-header span.icon-circle-right {
	position: absolute;
    right: inherit;
    left: 0.9375rem;
    top: -3px;
    z-index: 99;
    cursor: pointer;
}

.text-wrapper .accordion-header span.icon-circle-right:before {
    content: "+";
    font-size: 1.75rem;
    color: #84bd00;
}

.text-wrapper .transcript.next-level {
	padding: 60px 30px 20px 50px;
    background: #F7FBEC;
    border: none;
    border-radius: 10px;
    margin-top: -55px;
	display: none;
}

/*------- testimonials styles -------*/

ul.testimonials {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

ul.testimonials p {
    margin-top: 25px;
}

ul.testimonials li {
    display: flex;
    flex-direction: row;
    vertical-align: top;
    flex: 1;
    min-width: 30%;
    margin: 0px .9375rem 0px 0px;
}

.quote-marks {
    color: #3f5169;
    font-size: 5rem;
    margin: 0px 10px 0px -2px;
}

.testimonials-box {
    background-color: #eeeeee;
    padding: 1.875rem;
}

.testimonials-box h2 {
    margin-top: 0px;
}

/*------- article block styles -------*/
ul.et {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1 1 auto;
    justify-content: space-between;
    list-style: none;
    width: 100%;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    color: #ffffff;
}

ul.et li {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin: .9375rem .9375rem 0px 0px;
    background-color: #3f5169;
}

ul.et li h3 {
    margin-top: 0px;
}

ul.et li a {
    overflow: hidden;
}

ul.et li div {
    padding: 20px;
}

ul.et li div.btn-container {
    padding: 0px;
}

ul.et li:last-child {
    margin: .9375rem 0px 0px 0px;
}

.et-box {
    margin-top: -.9375rem;
}

/*------ two column list box style ------*/
ul.rp {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

ul.rp li {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 45%;
    padding: 20px 25px 25px 30px;
    background-color: #eeeeee;
}

ul.rp li h3,
ul.rp li h4 {
    color: #3f5169;
}

ul.rp li div {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 5px;
}

ul.rp li:nth-child(even) {
    margin: .9375rem 0px 0px 0px;
}

ul.rp li:nth-child(odd) {
    margin: .9375rem .9375rem 0px 0px;
}

ul.rp li:last-child {
    margin: .9375rem 0px 0px 0px;
}

ul.rp li ul {
    margin-bottom: 12px;
}

ul.rp li ul li {
    display: list-item;
    list-style: disc;
    margin: 0px !important;
    padding: 0px;
}

.lrg-num {
    color: #3f5169;
    font-size: 2.5rem;
    padding: 0px 10px 0px 0px;
    text-align: right;
}

.rp-box {
    margin-bottom: 0.9375rem;
}

/*--- Awards site styles ---*/

.share-widget:before {
    content: "SHARE THIS PAGE:";
    margin: auto 0.9375rem auto 0;
}


/*------ ### START flex box custom stying for inline graphics ### ------*/

/*---- base flex columns ----*/

.postcontent .flex75, .text-wrapper .flex75,
.postcontent .flex66,
.postcontent .flex50, .text-wrapper .flex50,
.postcontent .flex33,
.postcontent .flex25, .text-wrapper.full .flex25  {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    column-gap: 40px;
    row-gap: 50px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.postcontent .flex75 div, .text-wrapper .flex75 div,
.postcontent .flex66 div,
.postcontent .flex50 div, .text-wrapper .flex50 div,
.postcontent .flex33 div,
.postcontent .flex25 div, .text-wrapper.full .flex25 div {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    justify-content: center;
    flex: 1 0 45%;
    padding: 0;
}

.postcontent .flex33 div {
    flex: 1 0 30%;
    /* tweak for all columns of flex33 to span 1/3 */
}

.text-wrapper .flex50 div.text {
    row-gap: 0;
    justify-content: flex-start;
}

.postcontent .flex66 div:first-child {
    flex: 1 0 60%;
    /* tweak for first column of flex66 to span 2/3 */
}

.postcontent .flex66 div:last-child {
    flex: 1 0 30%;
    /* tweak for second column of flex66 to span 1/3 */
}

.postcontent .flex25 div, .text-wrapper .flex25 div {
    flex: 1 0 20%;
    /* tweak for all columns of flex25 to span 1/4 */
}

.postcontent .flex33 div,
.postcontent .flex25 div,
.postcontent .flex66 div.text,
.postcontent .flex50 div.text,
.postcontent .flex33 div.text,
.postcontent .flex25 div.text {
    justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
}

.postcontent .flex66 div.text ul, .postcontent .flex50 div.text ul {
    margin-top: 0px;
    margin-bottom: 0px;
}

.postcontent .flex66 div.text.valign,
.postcontent .flex50 div.text.valign,
.postcontent .flex33 div.text.valign,
.postcontent .flex25 div.text.valign {
	justify-content: center;
}

.postcontent .flex66 div img,
.postcontent .flex50 div img {
    margin: 30px auto;
    width: 100%;
    max-width: 350px;
}

.postcontent div.inline-graphic .flex66 div.infoimg img,
.postcontent div.inline-graphic .flex50 div.infoimg img {
    margin: 0;
    width: 100%;
    max-width: none;
}

.postcontent div.inline-graphic .flex66 div.infoimg,
.postcontent div.inline-graphic .flex50 div.infoimg {
    row-gap: 0px;
}

.text-wrapper .inline-graphic .flex50 img {
    margin: 0 auto;
}

.postcontent .flex33 div img {
    margin-bottom: 0;
	margin: 0 auto;
}

.postcontent .flex66 div h2,
.postcontent .flex50 div h2 {
    margin-bottom: 10px;
    margin-top: 60px;
}

.postcontent .flex75 div h3, .text-wrapper .flex75 div h3,
.postcontent .flex75 div h4, .text-wrapper .flex75 div h4,
.postcontent .flex66 div h3,
.postcontent .flex66 div h4,
.postcontent .flex50 div h3,
.postcontent .flex50 div h4,
.postcontent .flex33 div h3,
.postcontent .flex33 div h4,
.postcontent .flex25 div h3,
.postcontent .flex25 div h4 {
    margin: 30px 0 10px 0;
}

.postcontent .flex75.icon div h3 span, .text-wrapper .flex75.icon div h3 span,
.postcontent .flex75.icon div h4 span, .text-wrapper .flex75.icon div h4 span,
.postcontent .flex50.icon div h3 span,
.postcontent .flex50.icon div h4 span,
.postcontent .flex33.icon div h3 span,
.postcontent .flex33.icon div h4 span {
    font-weight: 400;
}

.postcontent .flex75 div p, .text-wrapper .flex75 div p,
.postcontent .flex66 div p,
.postcontent .flex50 div p,
.postcontent .flex33 div p,
.postcontent .flex25 div p,
.postcontent .flex75 div a,
.postcontent .flex66 div a,
.postcontent .flex50 div a,
.postcontent .flex33 div a,
.postcontent .flex25 div a {
    margin: 0;
}

.postcontent .flex75 div > *:first-child, .text-wrapper .flex75 > *:first-child,
.postcontent .flex66 div > *:first-child,
.postcontent .flex50 div > *:first-child,
.postcontent .flex33 div > *:first-child,
.postcontent .flex25 div > *:first-child, .text-wrapper.full .flex25 div > *:first-child {
    margin-top: 0;
}

/*---- flex with icon ----*/

.postcontent .flex75.icon, .text-wrapper .flex75.icon,
.postcontent .flex50.icon {
    max-width: 840px;
}

.postcontent .flex50.icon div,
.postcontent .flex33.icon div,
.postcontent .flex25.icon div, .text-wrapper.full .flex25.icon div {
    align-items: center;
    text-align: center;
    justify-content: flex-start;
    max-width: 360px;
    row-gap: 15px;
}

.postcontent .flex75.icon div:nth-child(odd), .text-wrapper .flex75.icon div:nth-child(odd) {
    width: 120px;
    flex: 1 0 8%;
    align-items: center;
    text-align: center;
    justify-content: flex-start;
    row-gap: 15px;
}

.postcontent .flex75.icon div:nth-child(even), .text-wrapper .flex75.icon div:nth-child(even) {
    flex: 1 0 75%;
    row-gap: 20px;
    justify-content: flex-start;
}


.postcontent .flex33.icon div {
    min-width: 212px;
    max-width: 300px;
    /* tweak for 3 col */
}

.postcontent .flex25.icon div {
    min-width: 180px;
    max-width: 260px;
    /* tweak for 4 col */
}

.text-wrapper.full .flex25.icon div {
    min-width: 212px;
    max-width: 212px;
    /* tweak for 4 col on old templates */
}

.postcontent .flex75.icon div img, .text-wrapper .flex75.icon div img,
.postcontent .flex50.icon div img,
.postcontent .flex33.icon div img,
.postcontent .flex25.icon div img, .text-wrapper.full .flex25.icon div img {
    margin: 0 auto;
    width: 120px;
    height: 120px;
}

.postcontent .flex75.icon div h3, .text-wrapper .flex75.icon div h3,
.postcontent .flex75.icon div h4, .text-wrapper .flex75.icon div h4,
.postcontent .flex50.icon div h3,
.postcontent .flex50.icon div h4,
.postcontent .flex33.icon div h3,
.postcontent .flex33.icon div h4,
.postcontent .flex25.icon div h3,
.postcontent .flex25.icon div h4 {
    margin: 0;
}

.postcontent .flex75.icon div:nth-child(even) ul, .text-wrapper .flex75.icon div:nth-child(even) ul {
    margin: 0 0 0 18px;
}

.postcontent .flex75.icon div:nth-child(even) ul li:first-child, .text-wrapper .flex75.icon div:nth-child(even) ul li:first-child {
    margin-top: 0;
}



/*---- flex with large illustration or icon ----*/

.postcontent .flex50.lrg div,
.postcontent .flex33.lrg div {
    max-width: 300px;
    width: 100%;
    text-align: center;
	align-items: center;
    justify-content: flex-start;
    row-gap: 15px;
}

.postcontent .flex25.lrg div {
    max-width: 260px;
    width: 100%;
    text-align: center;
	align-items: center;
    justify-content: flex-start;
    row-gap: 15px;
}

.postcontent .flex50.icon.lrg div,
.postcontent .flex33.icon.lrg div {
    max-width: 360px;
    padding: 0 1.875rem;
    row-gap: 20px;
}

.postcontent .flex50.lrg div img,
.postcontent .flex33.lrg div img {
    width: 300px;
    height: 300px;
}

.postcontent .flex25.lrg div img {
    width: 220px;
    height: 220px;
}

.postcontent .flex50.icon.lrg div img,
.postcontent .flex33.icon.lrg div img,
.text-wrapper.full .flex25.icon.lrg div img {
    width: 180px;
    height: 180px;
}

.postcontent .flex50.lrg div h3,
.postcontent .flex50.lrg div h4,
.postcontent .flex33.lrg div h3,
.postcontent .flex33.lrg div h4,
.postcontent .flex25.lrg div h3,
.postcontent .flex25.lrg div h4{
    margin: 0;
	width: 100%;
}

/*---- flex with small illustration or icon ----*/

.postcontent .flex50.sml.icon {
    max-width: 100%;
}

.postcontent .flex75.icon.sml div:nth-child(odd), .text-wrapper .flex75.icon.sml div:nth-child(odd) {
    width: 60px;
    flex: 1 0 auto;
}

.postcontent .flex75.icon.sml div:nth-child(even), .text-wrapper .flex75.icon.sml div:nth-child(even) {
    flex: 1 0 88%;
}

.postcontent .flex75.icon.sml div,
.postcontent .flex50.icon.sml div,
.postcontent .flex33.icon.sml div {
    min-width: 300px;
    max-width: 360px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    column-gap: 40px;
    text-align: left;
}

.postcontent .flex50.icon.sml div {
    max-width: 800px;
	align-items: flex-start;
}

.postcontent .flex75.icon.sml div {
    max-width: 100%;
	align-items: flex-start;
}

.postcontent .flex75.icon.sml div img, .text-wrapper .flex75.icon.sml div img,
.postcontent .flex50.icon.sml div img,
.postcontent .flex33.icon.sml div img {
    width: 60px;
    height: 60px;
    margin: 0;
}

.flex50.sml.icon.location div img {
    width: 50px !important;
    height: 50px !important;
}

/*---- ## flex with ordered and unordered lists ## ----*/

.postcontent .flex50.icon div ul,
.postcontent .flex33.icon div ul {
    list-style: inherit;
    margin-left: 10px;
    padding: 0;
    text-align: left;
    /*come back to this */
}

.postcontent .flex33.icon div ul li:before {
    display: none;
}

/*---- row reverse on flexbox ----*/

.postcontent .flex66.reverse,
.postcontent .flex50.reverse {
    flex-direction: row-reverse;
}


/*---- flex66 for policy lists ----*/

.postcontent .policyList {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
	margin: 80px 0;
}

.postcontent .policyList .flex66 div:first-child {
    flex: 1 0 66%;
}

.postcontent .policyList .flex66 div:last-child {
    flex: 1 0 auto;
    justify-content: flex-start;
}

.postcontent .policyList div.flex66 div:first-child p:first-child {
    font-weight: 600;
	line-height: 40px;
}

.postcontent .policyList div.flex66 div:first-child p:first-child span {
    color: var(--text-grey-3);
    font-family: Open Sans;
    font-weight: 400;
    letter-spacing: .0125em;
	margin-left: 10px;
}

.postcontent .policyList div.flex66:not(:last-child) {
    border-bottom: 1px solid var(--background-grey-2);
    padding-bottom: 30px;
}


/*------ ### END flex box custom stying ### ------*/

/*------ ### Start section-accordion ### ------*/

.section-accordion-inside:first-child ul, .section-accordion-inside ul:first-child li:first-child {
    margin-top: 0!important;
}

/*------ ### START table custom stying for new templates ### ------*/

/*---- base table ----*/

.postcontent table, .text-wrapper table {
    border-collapse: collapse;
    border: none;
    margin: 0;
    text-align: center;
    width: 100%;
}

.postcontent table tbody tr,
.postcontent table tfoot tr,
.text-wrapper table tbody tr,
.text-wrapper table tfoot tr {
    border-bottom: 1px solid #D1D2D0;
}

.postcontent table thead th,
.text-wrapper table thead th {
    background: #D1D2D0;
    color: #373A36;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    align-items: center;
    text-align: center;
    padding: 10px 12px;
    border: 1px solid white;
    vertical-align: top;
}

.postcontent table tbody td,
.postcontent table tbody th,
.postcontent table tfoot td,
.postcontent table tfoot th,
.text-wrapper table tbody td,
.text-wrapper table tbody th,
.text-wrapper table tfoot td,
.text-wrapper table tfoot th {
    border: none;
    background: transparent;
    padding: 10px 12px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    vertical-align: top;
	color: #373A36;
}

.postcontent table tbody th,
.postcontent table tfoot td,
.postcontent table tfoot th,
.text-wrapper table tbody th,
.text-wrapper table tfoot td,
.text-wrapper table tfoot th {
    font-weight: 700;
}

.postcontent table.a-left,
.postcontent table.a-left thead th,
.text-wrapper table.a-left,
.text-wrapper table.a-left thead th {
    text-align: left;
    /*forces content in tables to align left */
}

.postcontent table.nowrap-1stcol thead th:first-child,
.postcontent table.nowrap-1stcol tbody th:first-child,
.postcontent table.nowrap-1stcol tfoot th:first-child {
	white-space: nowrap;
}

.postcontent table thead th span {
	font-size: 13px;
	font-weight: 500;
}


/*------ ### END table custom stying for new templates ### ------*/

/*--- Start Expertise - temp styles for Market and Expertise pages ---*/

@media only screen and (max-width: 1370px) {
	
	/* Half page promo */
	.img-cover.half-promo {
		position: relative !important;
		margin-left: -25vw !important;
		left: 30% !important;
		border-radius: 2px 0px 0px 2px;
		height: 300px !important;
		display: block;
		max-width: 600px;
		min-width: 500px;
		object-position: 100% 100%;
	}

	.text-container.half-promo {
		margin: 5px 0;
	}
	
	.text-container.half-promo p {
		max-width: 80% !important;
		margin-left: 170px !important;
	}

	.more-link.half-promo{
		margin-left: 170px !important;
	}
	
	/* Promo full width */
	.img-container.full-width-promo {
		position: relative;
		height: 280px;
		min-width: 844px;
	}
	
	.img-cover.full-width-promo {
	    margin-left: -50vw !important;
    	left: 49% !important;
	}

}

/*---  End Expertise - temp styles for Market and Expertise pages ---*/

@media (min-width: 1024px) {

h2.HeroHeader_themeBanner__uyJqK.col-8 {
    max-width: calc(66.66667%);
	}
}

@media (max-width: 1024px) {

	.postcontent p.col-8 {
		width: 100%;
		max-width: 100%;
	}

    /*------ two column list box style ------*/
    ul.rp li {
        flex-basis: 45%;
    }

    /*------ ### START flex box custom stying ### ------*/

    .postcontent .flex66,
    .postcontent .flex66.reverse {
        flex-direction: column;
        align-items: center;
    }

    .postcontent .flex66.reverse.col {
        flex-direction: column-reverse;
    }

    .postcontent .flex75.icon, .text-wrapper .flex75.icon {
        flex-direction: column;
        align-items: center;
        max-width: 480px;
        row-gap: 15px;
    }

    .postcontent .flex75.icon.sml div:nth-child(odd), .text-wrapper .flex75.icon.sml div:nth-child(odd) {
        width: auto;
    }

    .postcontent .flex75.icon div:nth-child(even), .text-wrapper .flex75.icon div:nth-child(even) {
        row-gap: 15px;
    }

    .postcontent .flex75.icon div:nth-child(even) ul, .test-wrapper .flex75.icon div:nth-child(even) ul {
        margin: 0 0 0 35px;
    }

    .postcontent .flex75.icon div h3, .text-wrapper .flex75.icon div h3,
    .postcontent .flex75.icon div h4, .text-wrapper .flex75.icon div h4 {
        text-align: center;
    }
	
	.postcontent .policyList .flex66 {
    align-items: flex-start;
    row-gap: 40px;
}
	
	.postcontent .flex75.icon.sml {
    max-width: 840px;
		row-gap: 50px;
}

    /*------ ### END flex box custom stying ### ------*/
	
/*--- Start Expertise - temp styles for Market and Expertise pages ---*/
	
	/* Promos */
	.img-cover.half-promo {
		position: relative !important;
		margin-left: -20vw !important;
		left: 0% !important;
		border-radius: 2px 0px 0px 2px;
		height: 300px !important;
		display: block;
		max-width: 800px;
		min-width: 420px;
		object-position: 100% 100%;
	}

	.text-container.half-promo {
		margin: 3px 0;
    	padding-top: 0.75rem !important;
		
	}
	
	.text-container.half-promo p {
		max-width: 73% !important;
		margin-left: 120px !important;
	}
	
	.more-link.half-promo{
		margin-left: 120px !important;
	}
		
	.img-cover.full-width-promo {
		width: 99.5vw;
    	top: 0;
    	bottom: 0;
    	right: 0;
    	max-width: 99.5vw;
    	margin-left: -49.5vw !important;
    	left: 49% !important;
    	height: 300px !important;
	}
	
	.text-container.full-width-promo {
		MARGIN: 7% 0;
		/*right: 31%;*/
	}	
	
	.experience-aurecon .inner-content {
        padding: 2.8125rem;
    }
	
	/*---  End Expertise - temp styles for Market and Expertise pages ---*/
}

@media (max-width: 52em) {
	
	/*--- Start Expertise - temp styles for Market and Expertise pages ---*/
	/* Podcast */
	.podcast {
	    padding: 0 !important;
	    width: 100vh;
	    max-width: 100%;
	}
	
	.podcast p {
		padding-bottom: 3%;
	}
	
	.podcast h3, .podcast p {
		text-align: center;
	}

	
	.promo-container.podcast .iframe-container, .promo-container.podcast .iframe-container iframe {
       width: 100%;
       height: 100%;
       max-width: 100%;
		text-align: center;
    }

	/* promos */
	.promo-container {
		display: flex !IMPORTANT;
    	flex-direction: column !IMPORTANT;
	}
	
	.promo-container .more-link {
		display: block;
        margin: 0 0 0 -2% !important;
    	text-align: center;
		width: 100%;
	}

	a.promo-container .more-link:after {
		margin-left: 8px;
    	top: -9%;
	}

	a.more-link:after {
		margin-left: 8px;
    	top: -9%;
	}

	
	/* promo small */
	.promo-container.sml-promo {
		margin: 80px auto 60px auto !important;
	    text-align: center;
	}
	
	.promo-container.sml-promo .img-container {
		margin: auto !important;
		padding-bottom: 30px;
	}
	
	/* Promo half */
	.img-container.half-promo {
   		    flex: 1 0 100%;
    	margin: 0 0 0.9375rem 0;
	}
	
	.img-cover.half-promo {
		/*margin-left: -13vw !important;*/
	    max-width: none;
    	margin: 0 auto;
		width: 100vw;
		left: 0 !important;
		max-height: 300px;
		object-position: 80% 80%;
	}
	
	.text-container.half-promo {
	    padding: 1.25rem 2rem 0 0;
    	text-align: center;
		margin: 0;
	}
	
	.text-container.half-promo p {
		margin-left: 0 !important;
		max-width: 100% !important;
	}
	
	.half-promo.more-link {
    	display: block;
    	margin: 0 0% !important;
    	text-align: center;
	}
	
	a.half-promo.more-link:after {
		margin-left: 8px;
    	top: -9%;
	}
	
	.img-container.half-promo {
   		display: flex;
		flex-direction: column;
		flex: 1 0 100%;
    	object-fit: cover;
    	margin: 0;
		height: 100%;
    	width: 100%;
		left: 0 !important;
		margin-left: 0 !important;
	}
	
	.img-cover.half-promo {
		max-width: none;
    	margin: 0 auto;
		width: 100vw;
		left: 0 !important;
		max-height: 300px;
		object-position: 80% 80%;
	}
	
	.text-container.half-promo {
	    padding: 1.25rem 2rem 0 0;
    	text-align: center;
		margin: 0;
	}
	
	.text-container.half-promo p {
		margin-left: 0 !important;
		max-width: 100% !important;
	}
	
	.half-promo.more-link {
    	display: block;
    	margin: 0 0% !important;
    	text-align: center;
	}
	
	a.half-promo.more-link:after {
		margin-left: 8px;
    	top: -9%;
	}
	
	/*---  End Expertise - temp styles for Market and Expertise pages ---*/
	
	
	.postcontent .flex50.lrg div, .postcontent .flex33.lrg div, .postcontent .flex25.lrg div {
    flex: 1 0 33%;
    max-width: 300px;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: flex-start;
    row-gap: 15px;
}
	
	.postcontent .flex50.lrg div img, .postcontent .flex33.lrg div img, .postcontent .flex25.lrg div img {
    width: 300px;
    height: 300px;
}
}

@media (max-width: 768px) {
	
	.postcontent .flex75.icon.sml div {
		flex-direction: column;
	}
	
	 .postcontent .flex75.icon.sml div img, .text-wrapper .flex75.icon.sml div img  {
        width: 120px;
        height: 120px;
        margin: 0 auto;
    }

    /*---story block ----*/


    .content-block.story-blocks .stories .story-container .story {
        flex: 46%;
        max-width: 50%;
    }

    .content-block.story-blocks .stories .story-container .story:nth-child(2n) {
        margin: 0px;
    }

    /*------ display on tablet ------*/

    .disp-tablet,
    .disp-tabmob {

        display: block !important;
    }

    .disp-desktop,
    .disp-desk,
    .disp-mob {

        display: none !important;
    }

    .postcontent .disp-tablet,
    .postcontent .disp-tabmob {

        display: flex !important;
    }

    .postcontent .disp-desktop,
    .postcontent .disp-desk,
    .postcontent .disp-mob {

        display: none !important;
    }

    /*------ display two column, two child flex ------*/
    .flex50 {
        flex-direction: column;
    }

    .flex50 div.col {
        max-width: 100%;
        margin: .9375rem 0px 0px 0px;
    }

    div.col.no-margin-top,
    .flex50 div.col.no-margin-top:last-child {
        margin-top: 0px;
    }

    /*------- display three column, three child flex ------*/

    .postcontent .flex33, .text-wrapper .flex33  {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .postcontent .flex33 div, .text-wrapper .flex33 div {
        flex: 1 0 50%;
    }

    /*----- teams table custom styles --------*/
    table#teams col:nth-child(1),
    table#teams td:nth-child(1) {
        width: 35%;
    }
	
	tr#units {
    height: 200px;
}

    tr#units p {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        writing-mode: vertical-rl;
        vertical-align: middle;
        text-align: center;
        height: 120px;
    }

    #MR-flex {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        writing-mode: vertical-rl;
        text-align: center;
        height: 120px;
    }

    #MR-flex a {
        margin-right: 8px;
    }


    /*------- testimonials styles ------*/

    ul.testimonials li {
        min-width: 40%;
    }

    /*------ article block styles -------*/
    ul.et li {
        min-width: 45%;
        flex-basis: 45%;
        margin: .9375rem .9375rem 0px 0px;
    }

    ul.et li:nth-child(even) {
        margin: .9375rem 0px 0px 0px;
    }

    ul.et li:nth-child(3):last-child {
        margin: .9375rem 0px 0px 0px;
        flex-direction: row;
    }

    ul.et li:nth-child(3):last-child a {
        width: 50%;
    }

    ul.et li:nth-child(3):last-child img {
        height: 250px;
        object-fit: cover;
    }

    ul.et li:nth-child(3):last-child div {
        padding: 20px 20px 20px 27.5px;
        width: 50%;
    }

    ul.et li:nth-child(3):last-child div.btn-container {
        padding: 0px;
    }

    ul.et li:nth-child(3):last-child div.btn-container a {
        width: 100%;
    }

    /*------ two column list box style ------*/
    ul.rp li {
        min-width: 100%;
        flex-basis: 100%;
    }

    ul.rp li:nth-child(even) {
        margin: .9375rem 0px 0px 0px;
    }

    ul.rp li:nth-child(odd) {
        margin: .9375rem 0px 0px 0px;
    }

    /*------ ### START flex box custom stying ### ------*/

    .postcontent .flex50,
    .postcontent .flex33,
    .postcontent .flex25,
    .postcontent .flex50.reverse,
    .postcontent .flex50.icon.sml div,
    .postcontent .flex33.icon.sml div {
        flex-direction: column;
        align-items: center;
    }

    .postcontent .flex50.reverse.col {
        flex-direction: column-reverse;
    }

    .postcontent .flex50.icon div,
    .postcontent .flex33.icon div,
    .postcontent .flex25.icon div,
    .postcontent .flex50.icon.lrg div,
    .postcontent .flex33.icon.lrg div,
    .postcontent .flex50.icon.sml div,
    .postcontent .flex33.icon.sml div {
        max-width: 230px;
        padding: 0;
        flex-direction: column;
        text-align: center;
        row-gap: 15px;
    }

    .postcontent .flex50.lrg div h3,
    .postcontent .flex50.lrg div h4,
    .postcontent .flex50.lrg div p,
    .postcontent .flex33.lrg div h3,
    .postcontent .flex33.lrg div h4,
    .postcontent .flex33.lrg div p {
        max-width: 230px;
        margin: 0 auto;
    }

    .postcontent .flex50.icon div img,
    .postcontent .flex33.icon div img,
    .postcontent .flex25.icon div img,
    .postcontent .flex50.icon.lrg div img,
    .postcontent .flex33.icon.lrg div img,
    .postcontent .flex50.icon.sml div img,
    .postcontent .flex33.icon.sml div img {
        margin: 0 auto;
        width: 120px;
        height: 120px;
    }
	
	.postcontent .flex50.list {
		row-gap: 0
	}
	
	.postcontent .flex50.list div:first-child ul, .postcontent .flex50.list div:first-child ul li, .postcontent .flex50.list div:first-child ol, .postcontent .flex50.list div:first-child ol li {
    margin-bottom: 0;
	}
	
		
.postcontent .flex75.icon.sml {
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 300px;
    row-gap: 50px;
}

.postcontent .flex75.icon.sml div {
    max-width: 300px;
    text-align: center;
}

    /*------ ### END flex box custom stying ### ------*/
}

@media (max-width: 480px) {
	

	
	/*--- temp people quote block ---*/

.postcontent .inline-graphic .flex50.quote {
    flex-direction: column-reverse;
}


    /*---- story block ----*/

    .content-block.story-blocks .stories .story-container .story,
    .content-block.story-blocks .stories .story-container .story:nth-child(2n) {
        padding: 0;
        margin-right: 0;
        margin-bottom: 50px;
    }

    .content-block.story-blocks .stories .story-container .story {
        flex: 100%;
        max-width: 100%;
    }

    .content-block.story-blocks .stories .story-container .story:last-child {
        margin: 0;
    }

    .content-block.story-blocks .stories .story-container {
        padding: 0 1.25rem;
    }



    /*--- Awards site styles ---*/

    .awards-wrapper .people .people-content .content-wrapper .content .share-widget {
        flex-wrap: wrap;
    }


    .share-widget:before {
        margin: auto auto 0.9375rem 0;
        flex: 1 0 100%;
    }

    /*------ show on mobile -----*/

    .disp-mob,
    .disp-tabmob {

        display: block !important;
    }

    .disp-desktop,
    .disp-desk,
    .disp-tablet,
    .disp-dsktab {
        display: none !important;
    }

    .postcontent .disp-mob,
    .postcontent .disp-tabmob {

        display: flex !important;
    }

    .postcontent .disp-desktop,
    .postcontent .disp-desk,
    .postcontent .disp-tablet,
    .postcontent .disp-dsktab {
        display: none !important;
    }

    /*------ image left and right -------*/

    img.right {
        max-width: 100%;
        float: none;
        padding: 0 0 0.9375rem 0;
    }

    img.left {
        max-width: 100%;
        float: none;
        padding: 0 0 0.9375rem 0;
    }

    /*------ location note under full width banner -------*/
    .location-note-top {
        padding: 15px 18px 15px 18px;
    }

    /*------ navy note with anchor tag-----*/
    .navy-note {
        flex-direction: column;
        align-items: flex-start;
        padding: 5px 15px 10px 15px;
    }

    /*------- display three column, three child flex ------*/

    .postcontent .flex33 div, .text-wrapper .flex33 div {
        flex: 1 0 100%;
        padding: 0;
    }
	
	.text-wrapper.full .flex25.icon div {
    margin: 0 auto;
}
    /*---- mobile table styles -----*/
    table col:nth-child(1) {
        width: 180px;
    }

    /*------ teams table custom styles ------*/
    table#teams th,
    table#teams td {
        padding: 2px;
        font-size: 0.8rem;
    }

    table#teams col:nth-child(1),
    table#teams td:nth-child(1) {
        width: 30%;
    }

    table#teams a {
        font-size: 0.7rem;
    }

    tr#units p {
        margin: 0px;
        height: 150px;
        font-size: 0.8rem;
    }

    #MR-flex a {
        margin-right: 0px;
        height: 150px;
        font-size: 0.7rem;
    }

    /*------- testimonials styles ------*/

    ul.testimonials li {
        min-width: 100%;
        margin: 0px;
    }

    .testimonials-box {
        padding: 1.25rem;
    }

    /*------ article block styles ------*/
    ul.et li {
        min-width: 100%;
        flex-basis: 100%;
        margin: .9375rem 0px 0px 0px;
    }

    ul.et li:last-child {
        margin: .9375rem 0px 0px 0px;
    }

    ul.et li:nth-child(3):last-child {
        margin: .9375rem 0px 0px 0px;
        flex-direction: column;
    }

    ul.et li:nth-child(3):last-child a {
        width: 100%;
    }

    ul.et li:nth-child(3):last-child img {
        height: auto;
        object-fit: inherit;
    }

    ul.et li:nth-child(3):last-child div {
        padding: 20px;
        width: 100%;
    }

    /*------ two column list box style ------*/
    ul.rp li {
        padding: 15px 20px 20px 20px;
    }

    /*------ ### START table custom stying for new templates ### ------*/

    /*---- base table ----*/

    .postcontent table thead th,
    .postcontent table tbody th,
    .postcontent table tbody td,
    .postcontent table tfoot th,
    .postcontent table tfoot td {
        font-size: 12px;
        padding: 8px;
    }

    /*---- horizontal scroll ----*/

    .postcontent .inline-graphic.hscroll {
        position: relative;
        overflow-x: auto;
		align-items: flex-start;
    }

    .postcontent .inline-graphic.hscroll:before {
        content: "Scroll horizontally to see full table \2192";
        font-style: normal;
        color: #373a36 !important;
        display: inline-block;
        font-family: Open Sans;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: .0125em;
        line-height: 20px;
        text-align: left;
        position: sticky;
        left: 0;
    }

    .postcontent .inline-graphic.hscroll table {
        min-width: 480px;
    }

    /*---- sticky first header column ----*/

    .postcontent table.stickycol tbody th:first-child,
    .postcontent table.stickycol tfoot th:first-child,
    .postcontent table.stickycol thead th:first-child {
        position: sticky;
        left: 0;
        background: white;
        z-index: 2;
		width: 26vw;
    }

    /*------ ### END table custom stying for new templates ### ------*/
}