/*
 Theme Name:   Journey to 50
 Author:       Webster Interactive LLC
 Template:     uchealth-2016
 Version:      1.0.0
*/
/** Custom Styles **/
body {
  /*padding-bottom:70px;*/
  font-family: "myriad-pro", "Trebuchet MS", Helvetica, Segoe, Verdana, sans-serif;
  font-size: 16px; }

/** Mobile header, moving things around because of phone number **/
.mobile-header .subsite-brand {
  top: 3px; }

.standard-header .searchform {
  max-height: 20px; }

/** Jumbotron headings **/
/** this margin is going to depend on the length of page titles **/
.hasjumbotron #content {
  margin-top: 20px; }

/** Changes to callout box areas **/
/**.calloutbox .image-container
{
	height
}**/
/******************************************************************/
header {
  height: auto; }

.standard-header {
  max-width: none;
  margin-bottom: 30px; }
  .standard-header h1 {
    margin: 0; }
  .standard-header .brand-container {
    position: relative;
    top: 17px;
    border-bottom: none; }
  .standard-header .brand-container img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 20px auto 15px; }

.home .standard-header .brand-container, .home .brand-container-mobile {
  background: url("images/Transplant50th_topbanner.jpg");
  background-position: center center;
  background-size: cover;
  height: 300px; }
  @media (min-width: 768px) {
    .home .standard-header .brand-container, .home .brand-container-mobile {
      height: 400px; } }
  @media (min-width: 992px) {
    .home .standard-header .brand-container, .home .brand-container-mobile {
      height: 500px; } }
  @media (min-width: 1200px) {
    .home .standard-header .brand-container, .home .brand-container-mobile {
      height: 600px; } }

.mobile-header .brand-container-mobile img {
  margin: 10px auto 20px;
  max-width: 80%;
  display: block;
  border-top: 1px solid #d1a100;
  padding-top: 20px; }

.home .standard-header .brand-container img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  max-width: 1374px;
  border-bottom: 1px solid #ccc; }

body:not(.hasjumbotron) #page {
  background: none !important; }

.home h1.entry-title {
  display: none; }

#jtfpostlist .jtf-post {
  width: 50%;
  float: left;
  margin: 0 auto;
  position: relative; }
  @media (min-width: 480px) {
    #jtfpostlist .jtf-post {
      width: 33%;
      float: left; } }
  @media (min-width: 992px) {
    #jtfpostlist .jtf-post {
      width: 20%; } }
  #jtfpostlist .jtf-post img {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    z-index: 3; }
  #jtfpostlist .jtf-post .number {
    position: absolute;
    left: 0;
    top: 20%;
    width: 100%;
    text-align: center;
    z-index: 1;
    font-size: 70px;
    color: #d1a100; }
    @media (min-width: 480px) {
      #jtfpostlist .jtf-post .number {
        top: 20%; } }
    @media (min-width: 768px) {
      #jtfpostlist .jtf-post .number {
        top: 30%; } }
  #jtfpostlist .jtf-post .hover {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    text-align: center;
    z-index: 3;
    background: rgba(255, 255, 255, 0.8);
    padding: 15px; }
    @media (min-width: 992px) {
      #jtfpostlist .jtf-post .hover {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.8);
        padding: 80px 20px 20px;
        overflow: hidden;
        display: none; } }
    @media (min-width: 1200px) {
      #jtfpostlist .jtf-post .hover {
        padding: 130px 20px 20px; } }
  #jtfpostlist .jtf-post a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 4;
    top: 0;
    left: 0; }
#jtfpostlist .jtf-post.published {
  background-color: #E00122;
  background-size: cover;
  background-position: center center; }
  #jtfpostlist .jtf-post.published .number {
    display: none; }
#jtfpostlist .jtf-post.unpublished {
  background-color: #fff; }
#jtfpostlist hr.thick {
  display: none; }
  @media (min-width: 992px) {
    #jtfpostlist hr.thick {
      clear: both;
      display: block;
      height: 10px;
      background: #eab60a;
      /* Old browsers */
      background: -moz-linear-gradient(left, #eab60a 0%, #bb9518 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, #eab60a 0%, #bb9518 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, #eab60a 0%, #bb9518 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eab60a', endColorstr='#bb9518',GradientType=1 );
      /* IE6-9 */
      margin: 6px 0; } }
#jtfpostlist hr.thin {
  display: none; }
  @media (min-width: 992px) {
    #jtfpostlist hr.thin {
      clear: both;
      display: block;
      height: 0;
      border-top: 1px solid #d1a100;
      margin: 0; } }
#jtfpostlist .row-divider {
  display: none; }
  @media (min-width: 992px) {
    #jtfpostlist .row-divider {
      display: block;
      height: 15px;
      clear: both; } }

/** Single Post content **/
.content-area h1.entry-title {
  font-size: 31px;
  text-align: center; }
  @media (min-width: 992px) {
    .content-area h1.entry-title {
      margin-top: 40px;
      margin-bottom: 30px; } }

.content-area iframe {
  display: block;
  margin: 0 auto; }

.container-fluid.featuredphoto {
  height: 200px;
  background-size: cover;
  background-position: center center; }
  @media (min-width: 768px) {
    .container-fluid.featuredphoto {
      height: 300px; } }
  @media (min-width: 992px) {
    .container-fluid.featuredphoto {
      height: 400px; } }
  @media (min-width: 1200px) {
    .container-fluid.featuredphoto {
      height: 500px; } }

@media (min-width: 768px) {
  .postid-104 .container-fluid.featuredphoto {
    background-position: 0 -100px; } }

.jtf_intro {
  margin-bottom: 20px; }

/*# sourceMappingURL=style.css.map */