@font-face {
    font-family: AvertaRegular;
    src: url("font/Intelligent Design - Averta-Regular.otf") format("opentype");
}

body {
  font-family: "AvertaRegular", Helvetica, sans-serif;
  background-color: #FFF; 
  width:100%;
  height:100%;
  margin: 0px;
  padding: 0px;
  color: #3C1252;
  line-height: 2;
}

text.shadow {
  stroke: #FFF;
  stroke-width: 5px;
  opacity: 0.8;
  pointer-events: none;
}


img {
  height: 50px;
}

#socialMedia {
  width: 1200px;
  margin: 0px auto;
  background-color: #FFF; 
  margin-bottom: 10px;
}

ul.share-buttons{
  text-align: center;
  list-style: none;
  padding: 20px;
  margin-top:0px;
  margin-bottom: 0px;
}

ul.share-buttons li{
  display: inline;
}

ul.share-buttons .sr-only{
  position: absolute;
  clip: rect(1px 1px 1px 1px)
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}


#heading {
  height: 600px;
  width: 1200px;
  margin: 0px auto;
}

#authors {
  height: 100px;
  width: 1200px;
  margin: 0px auto;
  text-align: center;
  font-size: 16px;
}

#container1, #container2, #container3, #container4, #container5 {
    width: 1200px;
    margin: 0px auto;
    background-color: #FFF; 
    padding-bottom: 0px;
}

#sectionHeadingText {
   font-size: 30px;
   color: #3C1252;
   text-align: left;
   background-color: #FFF;   
   padding: 10px;
   padding-top: 60px;
   margin-left: 20%;
}  

#subSectionHeadingText {
   font-size: 30px;
   color: #3C1252;
   text-align: center;
   padding-top: 10px;
   padding-bottom: 10px;
}

.inSectionHeadingText {
   font-size: 20px;
   color: #3C1252;
   text-align: left;
   padding-top: 0px;
   padding-bottom: 0px;
   margin-left: 0%;
   line-height: 1;
   margin-top: 40px;
   margin-bottom: 0px;
   font-weight: bold;
}

#visDivLeft1, #visDivLeft2, #visDivLeft3, #legend2, #legend3 {
  width: 1200px;
  padding-bottom: 20px;
}

#visDivRight1 {
  height: 1300px;
}

#visDivRight2, #visDivRight3   {
  height: 1300px;
}

#legend3 {
  height: 200px;
}

#legend2 {
  height: 100px;
}


#visText {
   color: #000;
   font-size: 17px;
   padding: 20px;
   max-width: 700px;
   margin: 0px auto;
}

#notes {
   font-size: 12px;
   text-align: center;
   margin: 10px auto 0px auto;
   padding: 20px;
   color: #7f7f7f;
   max-width: 700px;
}

#searchGrowthDiv, #searchTaxonomyDiv {
  width: 600px;
  margin: 0px auto;
  padding-top: 0px;
  font-family: "AvertaRegular", Helvetica, sans-serif;
  color: #3C1252;
}

#searchGrowth, #searchTaxonomy {
  width: 460px;
  height: 50px;
  color: #3C1252;
  font-family: "AvertaRegular", Helvetica, sans-serif;
  font-size: 15px;
  border: 2px solid #3C1252;
  background-color: #FFF;
  padding-left: 10px;
  border-radius: 5px;
}

.buttonGrowth, .buttonTaxonomy {
  width: 100px;
  height: 55px;
  background-color: #3C1252;
  color: #FFF;
  font-family: "AvertaRegular", Helvetica, sans-serif;
  font-size: 16px;
  text-align: center;
  border: 2px solid #3C1252; 
  border-radius: 5px;
  cursor: pointer;
}

.buttonTaxonomy:hover, .buttonGrowth:hover  {
  border: 3px solid #3C1252;
  font-size: 18px;
}

.buttonTaxonomy:focus, .buttonGrowth:focus {
  outline:0;
}

.ui-autocomplete { 
  overflow-y: hidden; 
  overflow-x: hidden;
  background: none !important;
  background-color: #FFF !important;
  fill: #000;
}

.ui-state-hover, .ui-state-focus, .ui-state-default, .ui-state-active {
  background: #FFF !important;
  background-color: #3C1252 !important;
  outline: none !important;
  color: #FFF !important;
  border: #3C1252 !important;
  font-weight: normal !important;
}


.textStraight, .textCurvy, .textCurvyShadow, .link, .linkSearch, .nodeRect {
  pointer-events: none;
}

.salaryRectsMed, .salary3Text, .salaryRects2, .salary3TextShadow, .salaryCircles, .salaryLines {
  pointer-events: none;
}

.text4, .text4Shadow, .connectingLineVer4, .connectingLineHor4, .textTitle3, .pulsingCircle, .resultsHor, .resultsVer {
  pointer-events: none;
}


.app-footer {
  width: 1100px;
  margin: 0px auto;
    border-top: 3px solid rgba(160, 143, 125, 0.2);
    background-color: #fff;
    text-align: left;
}

.app-footer__container {
    padding: 26.25px 17.5px 26.25px 17.5px;
    width: 1100px;
    margin: 0 auto;
}

.app-footer__icons {
    padding: 0px 0px 17.5px 0px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
   -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
            overflow-x: hidden
}

.page__footer .share-item__icon {
    fill: #fff
}

.app-footer__icons .site-by-torchbox {
    position: absolute;
    right: -44px;
    top: 0
}

.site-by-torchbox:hover .site-by-torchbox__icon--text {
    opacity: 1
}

.site-by-torchbox:hover .site-by-torchbox__icon--flame {
    -webkit-transform: translate(-70px, 0);
    transform: translate(-70px, 0);
    -webkit-transition: -webkit-transform 1s ease 0s;
    transition: -webkit-transform 1s ease 0s;
    transition: transform 1s ease 0s;
    transition: transform 1s ease 0s, -webkit-transform 1s ease 0s
}

.site-by-torchbox__container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 25px
}

.site-by-torchbox__icon--text {
    opacity: 0;
    -webkit-transform: translate(-70px, 0);
    transform: translate(-70px, 0);
    margin-left: 7px;
    -webkit-transition: opacity 300ms ease 0s, fill 300ms ease 0s;
    transition: opacity 300ms ease 0s, fill 300ms ease 0s
}

.site-by-torchbox__icon--flame {
    height: 18px;
    width: 14px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: opacity 300ms ease 0s, fill 300ms ease 0s, -webkit-transform 300ms ease 0s;
    transition: opacity 300ms ease 0s, fill 300ms ease 0s, -webkit-transform 300ms ease 0s;
    transition: opacity 300ms ease 0s, fill 300ms ease 0s, transform 300ms ease 0s;
    transition: opacity 300ms ease 0s, fill 300ms ease 0s, transform 300ms ease 0s, -webkit-transform 300ms ease 0s
}

.footer-link-item {
    font-size: 15px;
    font-size: .83333rem;
    margin-right: 14px;
    color: #6a5847;
    text-align: left;
}

.footer-link-item__link {
    color: #231f20;
    text-decoration: none;
    padding-right: 15px;
}

.footer-link-item__link:hover {
    color: #e61f47
}


.social-links {
  padding: 0px 0px 17.5px 0px;
}

.social-links__container {
    padding: 0px 0px 0px 0px;
    border-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    margin: 0
}

.social-link-item {
    padding: 0px 7px 0px 7px;
    list-style-type: none;
    height: 21px
}

.social-link-item__icon {
    fill: #a08f7d;
    -webkit-transition: fill 300ms ease 0s, -webkit-transform 300ms ease 0s;
    transition: fill 300ms ease 0s, -webkit-transform 300ms ease 0s;
    transition: transform 300ms ease 0s, fill 300ms ease 0s;
    transition: transform 300ms ease 0s, fill 300ms ease 0s, -webkit-transform 300ms ease 0s
}

.social-link-item__link {
    display: inline-block;
    width: 21px;
    height: 21px
}

.social-link-item:hover .social-link-item__icon {
    fill: #e61f47;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.sprite--light {
    fill: #fff
}

.sprite--dark {
    fill: #231f20
}


.footer-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-links__container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 1100px;
    padding: 0px 0px 0px 17.5px;    
}



#tooltip {
  position: absolute;
  padding: 5px;
  pointer-events: none;
  background: #152536;
  font-family: "AvertaRegular", Helvetica, sans-serif;
  border-radius: 5px;
  z-index: 6;
  width: 250px;
  border: 3px solid #FFF
}

#tooltip.hidden {
    display: none;
}

#tooltip p {
  margin: 0px;
  font-size: 12px;
  color: #FFF;
  text-align: left;
}


