/* *********************************************************
   presidentsreport.css
************************************************************ */
html {
  max-width: 3000px;
  scroll-behavior: smooth;
}
body {
  background: #fff7ec;
  padding-top: 0;
}
.standardContent h1,
.standardContent h2,
.standardContent h3,
.standardContent h4,
.standardContent h5,
.standardContent h6 {
  font-family:"Oswald", sans-serif;
  font-weight: 100;
}
.standardContent h2 {
  font-size: 3.6rem;
  line-height: 1.5;
  margin: 0 0 3.6rem;
}
.standardContent h2 a:hover, .standardContent h2 a:focus {
  text-decoration: none;
}

.standardContent p,
.standardContent p a,
.standardContent li a,
.standardContent li {
  font-family:"Roboto Slab", serif;
}
.standardContent ol {
  padding-left:3rem;
}
.standardContent ul {
  display:list-item;
  padding-left:3rem;
}
.standardContent ul li {
  display:list-item;
  list-style: disc;
}
.standardContent ul li:before {
  content: none;
}
.primaryContent {
  padding: 30px;
}
/* *********************************************************
   Homepage
************************************************************ */
#home-animation-wrapper {
    position: relative;
    float: left;
    cursor: pointer;
}
/* *********************************************************
   Header and Nav
************************************************************ */

#presReportHeaderWrapper {
  overflow:hidden;
}
#mainlogo {
  float: left;
  height: 87px;
  padding: 30px;
}
#mainlogo a {
  height: 27px;
  display: block;
}
#mainlogo a img {
  height: 27px;
}
.navbar-text {
  color: #333;
  display: inline-block;
  float: left;
  font-family: 'Oswald', sans-serif;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 85px;
  margin: 0 !important;
  padding: 0;
  text-transform: uppercase;
  width: auto;
}
@media only screen and (max-width:420px) {
  .navbar-text {
    font-size: 1.2rem;
    height: 85px;
    line-height: 1.4rem;
    margin: 0;
    padding: 30px 0;
    width: 80px;
  }
}
.navbar-text a {
  color: #333;
  font-weight: 400;
  letter-spacing: 1px;
}
.navbar-text a:focus, .navbar-text a:hover {
  color: #aa0000;
  text-decoration: underline;
}
.navbar-toggle {
  display: block;
}
span.icon-bar {
  background:#333;
}
#bs-navbar-collapse {
  clear:both;
}

#presReportHeaderMenuWrapper {
  position: absolute;
  right: 0;
  top: 15px;
}
#presReportHeaderMenu li{
  color: #333;
  font-family: 'Oswald', sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  margin-right: 0;
}

#presReportHeaderMenu li a{
  color: #333;
  display:block;
  font-family: 'Oswald', sans-serif;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing:1px;
  line-height: 65px;
  padding: 0 19px;
  -o-transition: .25s;
  -ms-transition: .25s;
  -moz-transition: .25s;
  -webkit-transition: .25s;
  transition: .25s;
}
#presReportHeaderMenu li a:hover, #presReportHeaderMenu li a:focus, #presReportHeaderMenu .currentbranch0 {
  background: none;
  color: #aa0000;
  display:block;
  font-family: 'Oswald', sans-serif;
  font-size: 1.4rem;
  letter-spacing:1px;
  line-height: 65px;
  padding: 0 19px;
  text-transform: uppercase;
}
.currentbranch0:after {
  background-color: #aa0000;
  bottom: 0;
  content: '';
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%;
}
@media only screen and (max-width: 1140px) {
  #presReportHeaderMenuWrapper {
    position: unset;
    top: unset;
    right: unset;
  }
  .navbar-nav {
    margin:0 -15px;
  }
  .navbar-toggle {
        display: block;
        margin: 25px 20px;
    }
  .navbar-collapse.collapse {
    display:none !important;
  }
  .navbar-nav {
        float: none!important;
    }
    .navbar-nav>li {
        float: none;
    }
    .collapse.in{
        display:block !important;
    }
  #presReportHeaderMenu li a {
    line-height: 55px;
  }
}
@media screen and (min-width: 1140px) {
  .navbar-toggle {
    display: none;
  }
}

/*line animation---clean up*/

#presReportHeaderMenu li a {
    line-height:35px;
    padding: 0;
}

#presReportHeaderMenu li a:hover, #presReportHeaderMenu li a:focus, #presReportHeaderMenu .currentbranch0 {
    line-height:35px;
    padding: 0;
    text-decoration: none;
}

#presReportHeaderMenu {
  text-align: right;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
}
#presReportHeaderMenu * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
#presReportHeaderMenu li {
  display: inline-block;
  list-style: outside none none;
  margin: 10px 30px 0 30px;
  padding: 0;
  float: right;
  clear:both;
}
@media screen and (min-width:768px) {
  #presReportHeaderMenu li {
    clear: none;
    float:none;
  }
}
#presReportHeaderMenu a {
  padding: 0.3em 0;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  text-decoration: none;
  display: inline-block;
}
#presReportHeaderMenu a:after {
  height: 3px;
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background-color: #aa0000;
  width: 0;
}
#presReportHeaderMenu a:after {
  bottom: 0;
  left: 0;
}

#presReportHeaderMenu a:hover:after,
#presReportHeaderMenu .currentbranch0 {
  width: 100%;
}
@media only screen and (min-width: 1140px) {
  #presReportHeaderMenu li {
    margin: 10px 15px 0 15px;
  }
}

/* *********************************************************
   Footer
************************************************************ */

footer {
  background-color: #333;
  background-image:none;
  background-repeat:repeat;
}
footer #footerInner {
  padding: 15px;
}

footer .downloadPDF {
  margin: 2rem 0 0 -10px;
}
footer .downloadPDF span {
  padding-bottom:0;
  width: 1.65em;
}
footer .downloadPDF a {
    color: #fff7ec;
    font-family: 'Oswald';
    font-size: 1.8rem;
    font-weight: 100;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase;
}
footer .fa-file-pdf:before {
    color: #fff7ec;
}
footer .presReportStoryShare h3 {
    color: #fff7ec;
    font-family: Oswald,sans-serif;
    font-size: 1.8rem;
    letter-spacing: 1px;
    padding: 1rem 0;
    text-transform: uppercase;
}
footer .addthis_inline_share_toolbox_urus {
    margin-left: -10px;
}
footer #organization, 
footer #organization a, footer #organization a:visited, 
footer .footerLinks a {
  text-align: left !important;
}
footer #organization .name {
  font-size:1.4rem;
}
footer #organization .phone a,
footer #organization .email a,
footer #organization .url a{
  text-decoration: none;
}
footer #organization .phone a:focus,
footer #organization .phone a:hover,
footer #organization .email a:focus,
footer #organization .email a:hover,
footer #organization .url a:focus,
footer #organization .url a:hover{
  color:#fff;
  text-decoration: underline;
}
footer #organization img { /* su logo */
  margin-top: 30px;
  width: 125px;
}
footer #footerSocialMediaLinks {
  text-align:left;
}
footer #footerSocialMediaLinks .social a {
  color: #fff;
}
footer #footerSocialMediaLinks .social a:hover, footer #footerSocialMediaLinks .social a:focus {
  color: #aa0000;
}

#subfooterWrapper {
  background: none;
  margin-top: 1.5rem;
  width: 100%;
}
#subfooter #subfooterLinks {
  float:none;
}

/* *********************************************************
   presReportStory
************************************************************ */
.presReportStory {
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 30px 15px;
}


@media screen and (min-width: 768px) {
  .presReportStory {
    flex-direction: row-reverse;
    align-items: stretch;
  }
  .presReportStory.textright {
    flex-direction: row;
  }  
}
.presReportStory .textWrapper {
  padding-top:3.6rem;
}
.presReportStory .textWrapper p {
  font-size: 1.8rem;
  line-height:1.5;
}
@media screen and (min-width: 768px) {
  .presReportStory div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    padding: 5rem;
  }
}
.presReportStoryTextHtml h2 {
    margin: 0 0 4rem 0;
    padding: 0;
}
.presReportStory h2 a {
  color:#333;
  text-decoration:none;
}
.presReportStory h2 a:focus,
.presReportStory h2 a:hover {
    color:#aa0000;
}
.presReportStoryTextHtml img {
    padding: 0;
    width: 100%;
}
.presReportStoryTextHtml p {
    line-height: 1.8;
    margin-bottom: 0;
}
.presReportStoryTextHtml p a, .presReportStoryTextHtml p a:visited {
    color: #aa0000;
    text-decoration: none;
    font-family: 'Oswald';
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;  
    margin-top:20px;
    }
.presReportStoryTextHtml p a:focus, .presReportStoryTextHtml p a:hover {
    text-decoration:underline;
}
.presReportStoryFullText {
  margin-bottom: 3rem;
}
.presReportStoryFullText .presReportStoryImage {
    padding: 0;
    text-align:center;
}
.presReportStoryFullText .presReportStoryImage img {
    width: 100%;
    max-width: 2390px;
}
.presReportStoryFullText .caption p {
  font-family: "Roboto Slab", serif;
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: 3.2rem;
    line-height: 2;
  text-align:left;
}

.presReportStoryFullText .presReportStoryHeader h1 {
  color: #aa0000;
  font-size: 4.8rem;
  line-height: 1.5;
  margin-top: 3.6rem;
}

.presReportStoryFullText .subhed p {
    font-size: 2.2rem;
    line-height: 1.5;
}
.presReportStoryMainCopy { 
  margin-top: 3.2rem; 
}
.presReportStoryMainCopy p {
  line-height:2;
  margin-bottom:3.2rem;
}
@media screen and (min-width:768px) {
  .presReportStoryMainCopy h2, .presReportStoryMainCopy h3, .presReportStoryMainCopy h4, .presReportStoryMainCopy h5, .presReportStoryMainCopy h6,
  .presReportStoryMainCopy p, .presReportStoryMainCopy ol, .presReportStoryMainCopy ul {
     margin-left: 16.6666%;
     margin-right: 16.6666%;
  }
}
.presReportStoryMainCopy p:first-child:first-letter {
  color: #333;
  float: left;
  font-family: "Roboto Slab", serif;
  font-weight:400;
  font-size: 65px;
  line-height: 60px;
  padding-top: 0px;
  padding-right: 8px;
  padding-left: 3px;
}
.presReportStoryMainCopy p a {
  border-bottom: 2px solid #088099;
  text-decoration: none;
}
.presReportStoryMainCopy p a:focus, 
.presReportStoryMainCopy p a:hover { 
  color:#aa0000; 
  border-bottom: 2px solid #088099; 
  text-decoration: none; 
}
.presReportStoryMainCopy blockquote {
  border: none;
  margin: 0 0 3.2rem 0;
  padding: 0;
}
.presReportStoryMainCopy blockquote p {
  color:#ef4135;
  font-family: Oswald,sans-serif;
  font-size:3rem;
  line-height:1.5;
}

@media only screen and (min-width: 768px) {
  .presReportStoryMainCopy blockquote p {
    font-size:4rem;
  }
}
@media screen and (min-width: 991px) {
   .presReportStoryMainCopy blockquote {
     transform: translateX(-150px);
   }
}
.presReportStoryMainCopy blockquote p:after {
 content:none;
}
.presReportStoryMainCopy blockquote p:first-child:first-letter {
  color: #ef4135;
  float: none;
  font-family: "Oswald",serif;
  font-size: 4rem;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
}
.presReportStoryMainCopy .presReportStoryImage {
  max-width:50%;
}

.presReportStoryMainCopy img {
    max-width:50%;
    float:right;
}

.presReportStoryShare h3 {
    font-family:Oswald,sans-serif;
    font-weight:100;
}
.presReportStoryShare a {
    background-color:transparent !important;
    display: inline-block;
    position: static;
    visibility: visible;
}



.presReportStoryFullText .returnLink p {
    padding-top: 3.2rem;
    margin-top: 3.2rem;
}
.presReportStoryFullText .returnLink p a {
    color: #333;
    text-decoration: none;
    font-family: 'Oswald';
    font-size:1.4rem;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;  
}
.presReportStoryFullText .returnLink p a:hover {
    color: #aa0000;
    text-decoration:underline;
}
/* *********************************************************
   Image Panel
************************************************************ */
.panelWrapper {
    flex-direction: column-reverse;
    display: flex !important;
    border: none;
}
.panelWrapper .panelText {
  background: none;
}
.panelWrapper .panelText p {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 0 0 1.8rem;
}
.panelInner {
  padding:0 !important;
}

.panelWrapper .panelRedDiv {
    border: none;
}

.panelText .standardContent h2 a {
  text-decoration:none;
}
@media screen and (min-width:768px) {
  .panelWrapper .panelRedDiv {
    border: none;
  }
}
@media screen and (min-width:992px) {
  .panelWrapper {
    border: none;
    display: block !important;
  }
  .panelWrapper .panelRedDiv {
    border: 10px solid #aa0000;
    border-bottom: 0;
    border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, #aa0000 25.01%, #aa0000 100%);
    border-image-slice: 1;
  }
  .panelText .standardContent h2 {
    border:none;
    padding-top:0;
  }
}


.infographic .colorGreen .infographicItemNumber, .infographic .colorGreen .infographicItemHeader {
    color: #fff7ec;
    font-family: "Oswald",sans-serif;
    font-weight: 100;
}
.infographicItemText.standardContent a {
    color: #333;
    font-family:"Montserrat",sans-serif;
}
.infographicItemText a:focus, .infographicItemText a:hover {
    color: #fff7ec;
}