/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/



:root {
/*drop cap for callout*/
    --drop-cap-size:2vh;

/*footer variables*/
    --inset-padding:10px;
    --aspect-ratio:calc(7/18*100%);
}

/*callout module adjustments*/

p.dropcap:first-of-type:first-letter {
    float: left;
    color: #fff;
    font-size: calc(var(--drop-cap-size) * 5);
    line-height: calc(var(--drop-cap-size) * 3.5);
    padding: 10px 2px 0 0;
}

.c-Callout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

picture.c-Callout-Img_container {
    width: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: 1rem 2rem;
}

.c-Callout_Large .c-Callout-Img {
    margin-bottom: 0;
    max-height: 80vh;
}

.c-Callout blockquote {
color:#fff
}

.c-Callout-content {
    width: unset;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    min-width: 40%;
    padding: 2rem 0 0;
}


.u-full-width {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
            justify-content: center!important;
    -webkit-box-align: center!important;
        -ms-flex-align: center!important;
            align-items: center!important;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
        -ms-flex-flow: column!important;
            flex-flow: column!important;
}

@media screen and (min-width: 64em) {
div.o-Grid-Col_12.u-full-width {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
            justify-content: center!important;
    -webkit-box-align: center!important;
        -ms-flex-align: center!important;
            align-items: center!important;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
        -ms-flex-flow: column!important;
            flex-flow: column!important;
    left: unset!important;
    margin-left: unset!important;
    margin-right: unset!important;
    position: relative !important;
    right: unset!important;
    width: 100%!important;
}
}




/*blockquote adjustments*/

.c-Blockquote {
    border-top: 8px double #1e272e;
    padding: 2rem 0;
    border-bottom: 4px solid #1e272e;
    overflow: visible;
    position: relative;
}

.c-Blockquote-Icon {
    margin-bottom: .5rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
    top: -29px;
    background: #fff;
    border: 8px solid #fff;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}

.c-Blockquote-Txt {
    border: none;
    margin-bottom: .75rem;
    padding: 0;
    max-width: 900px;
    margin: auto;
}

.c-Blockquote-Author {
    margin: auto;
    display: block;
    position: relative;
    max-width: 200px;
}


/*hamburger color fix*/

.c-Menu-ButtonIcon span {
background-color:#fff;
}

/*hero area*/
.background {
  background-image:url(https://kenburns-tc.pbs.org/uploads/Hemingway/Homepage-brand-images/Hemingway_bg_16x9.jpg);
  background-repeat:no-repeat;
  background-size:cover;
}

.sizing {
  width:100%;
  xmin-height:50vh;
}

.flex {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
  -webkit-box-flex:1;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  max-height:90vh;
  overflow:hidden;
}

.hemingway {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  max-height:50vh;
  -o-object-fit:contain;
     object-fit:contain;
  -o-object-position:86% -36px;
     object-position:86% -36px;
  -webkit-box-flex:1;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  margin:-50px;
}

.titleh1 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  padding:0;
  margin:0;
}

.brand-msg {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-flow:column;
          flex-flow:column;
  -webkit-box-flex:1;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  padding:0 20px 20px;;
}

.lockup-text {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-weight:600;
font-size:1.4em;
text-align:center;
line-height: 1em;
margin: 0;
padding: 0;
color:#2638c4;
font-family: 'PBS Sans', 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.hmy-red {
color: #c72729;
}

.hmy-font {
font-family: Courier;
}

.titlelogo {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  max-width:100%;
  -webkit-box-flex:1;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  -o-object-fit:contain;
     object-fit:contain;
  margin: .2em -1em;
}

.asset-grid__item-content a:not(.c-Button), 
.filmmaker-grid__item-content a:not(.c-Button) {
color:#126eb5;
}


/*--Footer adjustments*/


ul.c-Footer-Logos li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position:relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 170px;
          flex: 0 0 170px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  max-width: none;
  padding: 15px;
  margin:10px 20px;
}

ul.c-Footer-Logos li:before {
  padding-top: var(--aspect-ratio);
  content: '';
  display: block;
  position:relative;
  width:100%;
  border-radius:0;
background-color: transparent;
margin:0;
}

ul.c-Footer-Logos li img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-height: calc(100% - var(--inset-padding));
    max-width: calc(100% - var(--inset-padding));
}

/*hero area*/
@media (max-width:764px) {
.hemingway {
  -o-object-position:50% -36px;
     object-position:50% -36px;
margin:0;
} 
.flex {
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
    -ms-flex-direction:column;
        flex-direction:column;
}
}