.fp-banner {height:60vh; background-size:cover; width:100%; margin:0; background-position: 50% 30%; background-color:#a4b4be; position:absolute; top:0; min-height:500px;}
.fp-banner:after {content: ""; position: absolute; top: 0; left: 0; width:100%; height:calc(60vh); background: rgba(255,255,255,0.4); pointer-events: none;
}

.fp-imagecredit {color:#a4b4be; font-size: 0.8em; position:absolute; right:1em; top:15vh; line-height: 0em; transform: rotate(-90deg);transform-origin: right;}

.banner {height:100vh; background-size:cover; width:100%; margin:0; background-position: 50% 50%; background-color:#a4b4be; position:absolute; top:0; opacity:0.2; }
.logobox img {background-color: rgba(255,255,255,0.25); background-clip:content-box;}
.body-container, .footer-container {position:relative; top:200px;}

@media only screen and (max-width:980px) {.body-container {position:relative; top:100px;}}

#intro {background-color: rgba(255,255,255,0.85); padding:3px 10px; height:150px;}
#intro p {margin:auto 0;}
#main {position:relative; top:0;}



.emphasize {color:#475a65;}.emphasize {font-size:36px; font-weight:300; line-height: 48px;}
#page-title { position:relative; display:block; background-color: rgba(34,40,44,0);background-clip: content-box;  width:auto; margin-bottom:20px; text-transform: uppercase; margin-top:52px;/*box-shadow:1px 1px 2px rgba(34,40,44, 0.3);*/ }

#mobile-search {display:none;}
#principal-above-pre, .lead-image, {min-width:920px; max-width:1440px; }
#principal-above-pre {padding:0 60px; }
h1 {font-size: 2.2em; margin-bottom: 20px; margin-top:0; }
#deck {font-size: 1.3em;font-style: italic;margin:20px 0 10px 0;}
#principal-above  {width:calc(100% - 440px);max-width:850px; min-width:480px;vertical-align: middle;float:left; }
#principal-above-pre {margin-bottom:50px;}
.lead-image {height:150px; border: 1px solid #ACAEB0; background-size:cover; position:relative;  width:100%; background-position: 50% 50%; margin:0 auto 30px auto; min-width:480px; max-width:100%;}
#mobile-jump {display:none; max-width: 400px; color:#475a65;}
#mobile-jump a {display:block; font-size:1em; color:#475a65; }
#article-meta {font-size:0.95em; margin-bottom:10px;}

.credit, .credit-inline {font-size:0.75em; color: #fafcfe; float:right; padding-right:5px; position:relative;  }
.banner .credit {position:absolute; right:1em; top:10px; line-height: 0em; transform: rotate(-90deg);transform-origin: right;}
.lead-image .credit {top:125px;}
.credit a, .credit-inline a {color: #a4b4be;}
.deep {margin-bottom:0;}
#sidebar {float:right; width:380px; top:100px; position:relative; }
#sidebar a {color:#014864;margin:0px; font-style:normal; }
.article-bar img, .img-wrap img  {filter:saturate(75%);height: 100%; width:100%; object-fit: cover;margin-bottom:5px;}
.article-bar:hover img {filter:saturate(125%);}
.img-wrap {height:100px; width:100%; overflow: hidden;border: 1px solid #ACAEB0;margin-bottom:10px;}
#principal-above .img-wrap {height:200px;}
.more-articles {color:#22282c;margin:0 0 30px auto;  }
.article-bar {margin-bottom:20px; line-height: 1.2em;}

#principal-above li > a {color:#c05046; text-decoration:  underline dotted #a4b4be;}
.feature-bar-categories a {color:#c05046; }
.feature-bar-categories {font-size:0.9em; line-height:1.2em;}
.role {font-size:0.9em; margin-bottom:7px;}
.more-articles img {width:100%;}
h1 + p {padding-top:10px;}
.qualifications:before {content:'\A\2022\A'}
.contact a {text-decoration: none;}
.contact {margin:5px 0 2px 0; line-height:1.4em;}

h4 {margin:0; }

.feature-bar-categories a {color:#c05046; font-size:0.9em; line-height:1.1em;}
#mobile-contact, #mobile-accolade {display:none;}


#recent-articles {margin-top:30px; }
#recent-articles * {color:#22282c;}

.fp-article > .feature-bar-categories a, .update-readmore, #recent-articles .article-meta a {color:#c05046;}
.fp-article > a > .feature-bar-read-more, #recent-articles .update-readmore {color:#c05046;}

#recent-articles .article-meta {color:#22282c; margin-top:10px; font-size:0.9em;}
#recent-articles .feature-bar-title {font-size: 1.2em; line-height: 1.2em;padding-bottom: 10px; color:#22282c;}
#recent-articles .feature-bar-categories a, .feature-bar-categories a:visited {font-size: 0.9em;}
#recent-articles .feature-bar-read-more {color: #c05046;font-size:0.95em; position:relative; }
#recent-articles .feature-bar-deck {font-size:0.95em; display:block;line-height: 1.5em;margin-top:10px; color:#22282c;}
.feature-bar-read-more {float:right; bottom:15px;}
#recent-articles .article-listing {border-bottom: 1px solid #e3e9ec; margin-bottom:15px;}
#recent-articles .article-listing:last-of-type {border:none;}




@media only screen and (min-width: 1441px) {
  .body-container {width:1220px; padding:0;margin-left:auto; margin-right:auto;}
  #sidebar {width:450px; }
  #principal-above {width:calc(100% - 510px);max-width:850px; min-width:480px; }
  #principal-above-pre {padding:0;}
}
@media only screen and (min-width:1100px) and (max-width:1440px) {
  #principal-above-pre {padding:0 30px;}
}
@media only screen and (min-width:1036px) and (max-width:1109px) {
  #principal-above-pre {padding:0;}
}
@media only screen and (max-width: 1035px){
  #desktop-contact, #desktop-accolade {display:none;}
  #mobile-contact, #mobile-accolade {display:flex; flex-wrap: nowrap;}
  #caption * {margin:0; padding:0;}
  #mobile-accolade img {height:auto; max-width:380px; margin-left:auto; margin-right:auto;}
  #caption {display:flex; justify-content:space-between; flex-direction:column;height:200px; min-width:320px;}
  #mobile-contact img {margin-right:30px;}
  #mobile-contact a {color:#475a65; }
  .role {line-height:1.1em;}
  #principal-above > article > h1 {display:none;}
  #caption h1 {margin:-7px 0 0 0;}
  #mobile-contact img {width:200px; height:200px;}
  #principal-above, #sidebar {clear: both; width:100%;max-width:100%;min-width: 100%;}
  #sidebar {padding-top:0px; top:0;}
  #more-info-article {padding:10px 0 0 0;}
  .cta1 {margin-bottom:30px;}
  .footer-container {position:relative;top:100px;}
  .body-container:after {content: " "; display: table; clear: both;}
  #previous-next {display:none;}
  .lead-image {margin-bottom:10px;}
  #mobile-jump {display:flex; align-items: flex-start; justify-content: space-between;}

  #intro { font-size: 16px;line-height:28px; }
  #principal-above-pre  {padding:0 30px; }
  #principal-above-pre {margin-bottom: 0;}
  #principal-above-pre, #principal-above, .lead-image  {min-width:260px; width:100%;}
  #tos-bar {padding:20px 30px;}

}
@media only screen and (max-width:900px){
  #principal-above-pre {padding:0;}
  #caption h1 {font-size:1.8em;}

}

@media only screen and (max-width:650px){
  #mobile-contact {flex-direction: column; flex-wrap: wrap; justify-content:center; align-items: center;}
  #caption {width: 280px; max-width:280px; min-width:280px; height:260px;margin:20px 0 0 0; align-items: center; text-align: center;}
  #mobile-contact img {padding:0; margin:0;}
  #mobile-accolade img {object-fit:contain;}

}

@media only screen and (max-width: 540px) {
  h1 {font-weight: normal;}
  input[type=search], select {font-size: 0.9em;}
  #main-guide-title:before {content:"IP "}
  .body-container {padding-left:20px; padding-right:20px;}
}
@media only screen and (max-width: 415px) {
  h1 {font-size: 26px;margin-bottom:20px;}

}
@media only screen and (max-width: 400px) {
  #quick-links {display:none;}
  input[type=search], select {font-size: 0.8em;}
}


.invisible {transition: opacity 0.5s ease; opacity: 0.0;}
.visible {transition: opacity 0.5s ease; opacity: 1.0;}
.fromRightIn {transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,0); opacity: 1.0;}
.fromRightOut {transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(10px, 0); opacity: 0.0;}

/*end of single-industry page-specific*/