.text-grey{
  color:#636467;
}
.text-black{
  color:#000 !important;
}
.text-orange{
  color:#f15a22;
}
.text-white{
  color:#fff;
}
.blue-bg {
 background-color: #0c2340;
}
.grey-bg {
 background-color: #eee;
}
.dk-grey-bg {
 background-color: #8b93a4;
}


#global-header, #global-footer {
  font-family: "ff-meta-web-pro", sans-serif;
}
/* --------------------------------------------------------
   Custom application specific styles
   -------------------------------------------------------- */
html, body {
  height: 100%;
  -webkit-font-smoothing: anialiased;
  text-rendering: optimizeLegibility;
  font-family: "ff-meta-web-pro", sans-serif;
 }

#mainStory .maintext p{
    font-size:1.35rem;
    line-height: 1.85;
    font-family: "freight-text-pro", serif;
}

p.alttext{
  font-size:1.1rem;
  line-height: 1.85;
  font-family: "freight-sans-pro", sans-serif;
  color:black;
}


.gradient {
  max-height: 25%;
  background-image: linear-gradient( 0deg, rgba(20, 20, 20, 0.9), 70%, rgba(0, 0, 0, 0));
  background-repeat: repeat-x;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F2727', endColorstr='#1a82f7', gradientType='0');
}
.gradient2 {
    z-index: 1;
    height: 30%;
    background-image: linear-gradient( 0deg, rgba(20, 20, 20, 0.9), 80%, rgba(0, 0, 0, 0));
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F2727', endColorstr='#1a82f7', gradientType='0');
}


.sans-serif {
  font-family: "ff-meta-web-pro", sans-serif;
 }
  .sans-serif .by {
    letter-spacing: 1.75px;
   }
  .sans-serif .smlr {
    font-size: .9rem;
  }

  .modal .sans-serif{
    color: black !important;
    font-size: 1.5 rem !important;
  }
  .moda p {
    font-size: 1rem !important;
    line-height: 1.25 !important;
    margin-top: 5px;
}

a#fdbk_tab {
  background-image: url('http://haldev.utsa.edu/sombrilla/fall2016/img/feedback_trans_tab_black.png');
  background-size: 100%;
  cursor: pointer;
  height: 102px;
  width: 42px;
  left: 0;
  margin-left: -7px;
  overflow: hidden;
  position: fixed;
  text-indent: -100000px;
  top: 30%;
  z-index: 100000; }

a.fdbk_tab_right {
  left: auto !important;
  margin-left: auto !important;
  margin-right: -7px !important;
  right: 0 !important; }


a {
  transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -ms-transition: all .2s ease-in;
  -o-transition: all .2s ease-in; }

i {
  transition: all .3s ease-in;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -ms-transition: all .2s ease-in;
  -o-transition: all .2s ease-in; }

ul {
  font-size: 1rem;
  line-height: 1.6em;
   }


a:hover {
  text-decoration: none; }

.orangetext {
  color: #f15a22; }

a:hover,
h1,
h1 a,
h2,
h2 a,
h3,
h3 a {
  color: #0c2340; }

h1,
h2,
h3,
h5 {
  margin: .3em 0 .3em; }

h1{
  font-size: 4rem;
}
@media screen and (max-width: 1200px) {
h1.long{
  font-size: 3rem !important;
}
}
@media screen and (max-width: 1000px) {
h1.long{
  font-size: 2.75rem !important;
}
}
@media screen and (max-width: 900px) {
h1.long{
  font-size: 2.5rem !important;
}
}
@media screen and (max-width: 785px) {
h1.long{
  font-size: 2.25rem !important;
}
}
@media screen and (max-width: 991px) {
  h1{
    font-size: 2.5rem;
  }
}


  #mainstory .maintext p{
    font-family: "freight-text-pro", serif;
  }

#mainStory .headline {
  font-size: 1.35rem;
  line-height: 1.2;
 }


  #mainStory .sans, .card-body p.sans {
    font-family: "freight-sans-pro", sans-serif !important;

   }

#mainStory .maintext .modal p, #mainStory .maintext .modal h4 {
  margin-left: 0%;
  margin-right: 0%; }
#mainStory .maintext .related p, #mainStory .maintext .related h4 {
  margin-left: 0%;
  margin-right: 0%; }
#mainStory .maintext .small {
  font-size: .75rem; }


#mainStory .maintext p {
  font-size: 1.2rem; }


.z-999 {
  z-index:999 !important;
 }
 .z-9999 {
   z-index:9999 !important;
  }
.sans{
  font-family: sans-serif;
}

#foot {
  font-family: sans-serif;
  color: #f15a22;
  background-color: #55595c;
  padding: 1em 0; }
  #foot h2 {
  font-weight: 200 !important;
  }
  #foot h4 {
    padding-bottom: 5px;
    font-weight: 200 !important; }
    #foot .top a {
      font-size: 1.25rem; }
      @media screen and (max-width: 600px) {
        #foot .top a {
          font-size: 1.15rem; } }
    #foot .top .table {
      vertical-align: text-top; }
  #foot ul {
    list-style: none;
    margin-left: 0; }
    #foot ul li {
      font-size: .8rem;
      line-height: 1.1rem;
      margin-bottom: 10px;
      padding-bottom: 5px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
    #foot ul li:last-child {
      border-bottom: none; }
  #foot a, #foot p {
    color: #fff !important; }
  #foot a:hover {
    color: #f15a22 !important; }



.card{
  border-radius:4px !important;
}
.card img {
  border:none;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
}
.card img.img-fluid {
  border:none;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
}


.imagetoappear {
    visibility: hidden;
}

.fadeIn {
    -webkit-animation: animat_show 0.8s;
    animation: animat_show 0.8s;
    visibility: visible !important;
}

@-webkit-keyframes animat_show{
    0%{opacity:0}
    100%{opacity:1}
}

.smlcaps{
	font-variant:small-caps;
}

p.pull-quote{
  font-weight:bold;
  font-size: 1.5rem !important;
  line-height: 1.75rem !important;
  letter-spacing:1.5px !important;
  font-family:sans-serif !important;
}
@media screen and (min-width:876px) and (max-width:1109px){
p.pq150{
  font-size: 1.75vmin !important;
  line-height: 2.25vmin !important;
}
}
@media screen and (min-width:1109px){
p.pq150{
  font-size: 1.5vmin !important;
  line-height: 2vmin !important;
}
}
@media screen and (min-width:876px){
p.pq225{
  font-size: 2.25vmin !important;
  line-height: 2.75vmin !important;
}
p.pq200{
  font-size: 2vmin !important;
  line-height: 2.5vmin !important;
}
p.pq175{
  font-size: 1.75vmin !important;
  line-height: 2.25vmin !important;
}

}

a.pull-box{
  color:#000;
}

a.pull-box:hover{
  color:#0088dd;
}


@media screen and (min-width:1200px){
  .p-left{
    padding-left:95px;
  }
  .p-right{
    padding-right:95px;
  }
}
@media screen and (min-width:992px) and (max-width:1199px){
  .p-left{
    padding-left:82px;
  }
  .p-right{
    padding-right:82px;
  }
}

p.sans {
  font-family: "ff-meta-web-pro", sans-serif !important;
}
.sans.smlr {
  font-size: .95rem !important;
  line-height: 1.4 !important;
}
.rounded-corners{
  border-radius: 5px;
}
a.nav-link{
  color:#fff !important;
}
a.nav-link:hover{
  color:#f15a22 !important;
}
.sans.lgr{
  font-size: 1.75rem !important;
  line-height: 1.25 !important;
}
#mainStory a.card-link {
  color:black;
}
#mainStory a.card-link:hover {
  color:#0088dd;
}
.dk-grey-bg{
  color:#fff !important;
}
.dk-grey-bg:hover{
  color:#0c2340 !important;
  transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  -moz-transition: all .2s ease-in;
  -ms-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
}
@media screen and (min-width:991px){
  .mt-10{
    margin-top:4.75rem;
  }
}
.mt-6 {
    margin-top: 1rem !important;
}
@media screen and (min-width:991px){
.mt-6 {
    margin-top: 2.25rem !important;
}
}

.bb2px{
  border-bottom:2px solid !important;
}
.bb2px-right{
  border-right:2px solid !important;
}
.bb2px-right-share{
  border-right:2px solid !important;
}
@media screen and (max-width: 991px) {
  .bb2px-right{
    border-right:0px !important;
  }
}
@media screen and (max-width: 767px) {
  .bb2px-right-share{
    border-right:0px !important;
  }
}
.delayedAnimation {
  visibility: hidden;
}
.slideLeft,.slideRight {
    visibility: hidden;
}
.texttoappear {
    visibility: hidden;
}
.slide-left, div.slide-left, .slide-left p,.slide-left img {
  width:100%;
  overflow:hidden;
  visibility: visible !important;
  animation: slide-left 2s;
}
@keyframes slide-left {
  from {
    margin-left: 100%;
    width: 100%;
    opacity: 0;
  }

  to {
    margin-left: 0%;
    width: 100%;
    opacity: 1;
    visibility: visible !important;
  }
}
div.slide-right, .slide-right p, .slide-right, .slide-right img, .slide-right ul, .slide-right ul li {
  width:100%;
  overflow:hidden;
  font-size: 2rem;
  animation: 2s slide-right;
  visibility: visible !important;
}
@keyframes slide-right {
  from {
    margin-left: -100%;
    width: 100%;
    opacity: 0;
  }

  to {
    margin-left: 0%;
    width: 100%;
    opacity: 1;
    visibility: visible !important;
  }
}

div.fade-in, .fade-in p, .fade-in, .fade-in img {
  animation: 2s fade-in;
  visibility: visible !important;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}