/*
Theme Name: TP f6
Version: 0.1
License: Copyright 2019 Tom Peters co.
*/
/*
ff-din-web: light/300, regular/400, bold/700, black/900
chaparral-pro: light/300, regular/400, bold/700
*/    

body {
    margin-top : 15px;
    font-family: chaparral-pro, serif;
    font-size : 16px;
}
body.home {
    margin-top : 0;
}
@media only screen and (max-width: 40em) {  /* phone screens  */
    body {
        margin-top : 0px;
    }
    #m-nav {
        margin-bottom : 6px;
        font-family: ff-din-web;
    }
}


h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: ff-din-web, sans-serif;
}

p {
    line-height : 1.4375em;
}
li {
    line-height : 1.3;
}
.sans, .din { /* Ultimately .din should go */
    font-family: ff-din-web, sans-serif !important;
}
.serif {
    font-family: chaparral-pro, serif !important;
}

a:link, a:visited {
    color : #f32837;
    text-decoration : none;
}
a:hover, a:focus, a:active {
    color : #8A6868;
}
main a {
    font-weight: bold;
}
main h1 a:link, main h1 a:visited {
    color : #ffffff;
    font-weight : normal;
}


img.alignleft,
img.mt-image-left { /* legacy MT */
    float : left;
    margin : 0 1em 1em 0;
}
img.aligncenter,
.mt-image-none { /* legacy MT */
    display : block;
    margin : 1em auto;
}
img.alignright,
img.mt-image-right { /* legacy MT */
    float : right;
    margin : 0 0 1em 1em;
}

#page-header {
    margin-bottom : 10px;
}

main {
/*    margin-bottom : 50px;*/
}
main h1, main .h1 {
    padding : 10px 10px 12px 10px;
    font-size : 28px;
    line-height: 1.1;
    color:white; 
    background-color:black;
}
.post a:link h1, .post a:visited h1 {
    background-color:black;
}
.post a:hover h1, .post a:active h1 {
    background-color:#F32837;
}

main h2, main .h2 {
    font-size : 20px;
    font-weight : bold;
}
h2.archive-hed {
    margin-bottom : 1.5em;
}
main h3 {
  margin-bottom : 1em;
}
main h3 span, main .h3 {
    padding : 10px 10px 12px 10px;
    color:white; 
    background-color:black;
}

.page-body, .page-body p {
    font-family: ff-din-web, sans-serif;
    font-size: 14px;
}


main blockquote {
    margin : 1em 0;
    border : none;
    padding : 0;
}
main blockquote,
main blockquote p {
    font-family: ff-din-web, sans-serif;
    font-size : 20px !important; /* TODO: resolve these; due to shuffling around specs */
    line-height: 1.2 !important;
    font-weight : bold;
    color: #808285;
}
main blockquote p:first-child:before {
    content: url('/wp-content/themes/tompeters/img/quote_bq.png');
    margin-right : 0.5em;
}

main blockquote cite {
    font-family: ff-din-web, sans-serif;
    font-size : 20px;
    font-style: normal;
    text-transform : lowercase;
    font-variant : small-caps;
    color: #808285;
}

.post { /* TODO: hunt down causes for this for better cleanup */
    overflow : hidden;
}
#alpha .post footer p {
    font-family: ff-din-web, sans-serif;
    font-size : 12px;
}

main ul {
    list-style-type: square;
}
[class*="block-grid-"] {
    font-family: ff-din-web, sans-serif;
    font-size : 14px;
}
[class*="block-grid-"] li img {
    margin-bottom : 10px;
}

.section-nav ul {
    list-style-type: none;
    margin-left : 0;
    font-size : 14px;
}
@media only screen and (max-width: 64em) {  /* phone/tablet screens  */
  .section-nav ul {
    font-size : 17px;  
  }
}
.section-nav li {
    margin-bottom : 0.5em;
}

.section-nav li  a { 
padding : 0.7rem 1rem 0.7rem 0;
}
@media only screen and (max-width: 40em) { 
    .section-nav {
        margin-bottom : 15px;
        border-bottom : 2px solid #c4c4c4;
    }
    .section-nav  ul {
        margin: 0 auto;
    }
    .section-nav li {
        display: inline-block;
        width : 45%;
        height : 2em;
        margin : 0 ;
        vertical-align: top;
    }
}


.book {
    margin-bottom : 50px;
}
.book .book-thumb {
    position : relative;
    top : 0.5em
}
.bookyear {
    color: #808285;
}

.eb-series-hed.ibooks p {
    position : relative;
    padding-right : 136px;
}
.eb-series-hed.ibooks .buy-ibook {
    position: absolute;
    right : 0;
    top : -0.5em;
}

.item.video {
    margin-bottom : 50px;
}

.series-desc { /* Utility class for descriptions of book groupings */
    font-family: chaparral-pro, serif !important;
    font-size : 15px;
}


#beta {
    font-family: ff-din-web, sans-serif;
    font-weight : 700;
}

#gamma .teaser {
    margin-left : 15%;
    font-size : 15px;
    font-style: italic;
    color : #808285;
}
#gamma a .h3 {
    padding : 0;
    font-size : 15px;
    font-style : normal;
    color: #f32837; 
    background-color: transparent;
}
#gamma p.contact-info {
    font-size : 14px;
    font-family: ff-din-web, sans-serif;
}

#page-footer {
    padding-top : 15px;
    font-family: ff-din-web, sans-serif;
    background-color : #F5F5F5;
}

#nav-footer {
/*    background : transparent url(/wp-content/themes/tompeters/img/_footerbird.png) no-repeat right bottom;
    background-size : 239px 253px;*/
}
#nav-footer h1, 
#nav-footer p {
    font-size : 13px;
}
#nav-footer h1 {
    margin-bottom : 0.25em;
    font-weight : bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
#nav-footer #nav-footer-home {
    margin-bottom : 1em;
}
.social a:link, .social a:visited {
    color: #9B9D9F;
}
.social a {
    font-size : 1.75em;
}

#oriole {
    min-height : 250px;
}
#oriole-copy {
    display : none;
    width:150px;
    height:110px;
    margin-top:80px;
    padding:10px;
    background:rgba(255,255,255,0.5);
}
#oriole-copy a:link, #oriole-copy a:visited {
    color : #000000;
}
#oriole-copy a span {
    color : #f32837;
}

#sub-footer {
    border-top : 2px solid #c4c4c4;
}
#sub-footer p {
    font-size : 11px;
    color : #939598;
    text-transform: uppercase;
    letter-spacing: 0.1em;

}
#copyright {
    padding-top : 10px;
    text-align: right;
}

#searchform input {
    height : 1.75rem;
/*    border : none;*/
    padding : 0 8px;
    font-size : 12px;
}
#sub-footer #searchform [type='text'], #sub-footer #searchform [type='submit'] {
    display : inline-block;
}
#sub-footer #searchform [type='text'] {
    width : 20em;
}
#sub-footer #searchform [type='submit'] {
    background-color : #f32837;
    color : #ffffff;
    font-weight : bold;
}
::-webkit-input-placeholder {
  text-transform : uppercase;
}
:-moz-placeholder { /* Firefox 18- */
     color: red;  
}
::-moz-placeholder {  /* Firefox 19+ */
    text-transform : uppercase;
}
:-ms-input-placeholder {  
    text-transform : uppercase;
}

/* TLBT Video styles */
.tlbt-vid {
    position: relative;
    min-height: 150px;
    padding-left : 185px;
}
.tlbt-vid img {
    position : absolute;
    left : 0;
    top : 0;
}
.tlbt-vid img + br {
    display:none;
}
.tlbt-vid h2 {
    margin-top : -0.25em;
    margin-bottom: 0;
}
.tlbt-vid h2 span {
    color: #808285;
}
.tlbt-vid p {
    font-family: ff-din-web, sans-serif;
    font-size : 14px;
}
.tlbt-vid .time {
  font-style: italic;
}

/* Manifesto page */
.type-manifestos {
    margin-bottom : 2em;
}
.type-manifestos p:first-child {
    margin-bottom : 0;
}


#logo, #logo_sml {
    background-color:#f32837;
}

/* HOME PAGE STYLES */

#mosaic-container .overlay,
#mosaic-container .ic_caption {
    display : none;
}
#mosaic-container .ic_caption a {
  display:block;
}

#mosaic-lrg {
    position :relative;
    height : 685px;
}
#mosaic-lrg .item {
    position:absolute;
}
#mosaic-lrg #logo {
    top : 0px;
    left : 0px;
    width : 365px;
    height : 125px;
}
#mosaic-lrg #exc {
    top : 0px;
    left : 378px;
    width : 175px;
    height : 125px;
}
#mosaic-lrg #slides {
    top : 0px;
    left : 567px;
    width : 365px;
    height : 265px;
}
#mosaic-lrg #acque {
    top : 140px;
    left : 0px;
    width : 175px;
    height : 125px;
}
#mosaic-lrg #tom {
    top : 140px;
    left : 189px;
    width : 365px;
    height : 265px;
}
#mosaic-lrg #boat {
    top : 280px;
    left : 0px;
    width : 175px;
    height : 125px;
}
#mosaic-lrg #leaves {
    top : 280px;
    left : 567px;
    width: 365px;
    height: 125px;
}
#mosaic-lrg #brief {
    top : 420px;
    left : 0px;
    width : 350px;
    height : 265px;
    overflow : hidden;
}
#mosaic-lrg #gyro {
    top : 420px;
    left : 363px;
    width : 350px;
    height : 265px;
}
#mosaic-lrg #soc {
    top : 420px;
    left : 727px;
    width: 205px;
    height: 265px;
}
#mosaic-lrg #brief {
    width: 350px;
    height: 265px;
    padding : 10px;
    background-color : #231f20;
    overflow : hidden;
}
#mosaic-lrg #brief h2 {
    margin-bottom : 25px;
    font-weight : normal;
}
/* ***************** */
#mosaic-sml {
    position :relative;
    height : 945px;
}
#mosaic-sml .item {
    position:absolute;
}
#mosaic-sml #logo_sml {
    top : 0px;
    left : 0px;
    width : 306px;
    height : 105px;
}
#mosaic-sml #leaves_sml {
    top : 111px;
    left : 0px;
    width : 202px;
    height : 70px;
}
#mosaic-sml #exc_sml {
    top : 111px;
    left : 208px;
    width : 98px;
    height : 70px;
}
#mosaic-sml #acque_sml {
    top : 187px;
    left : 0px;
    width : 98px;
    height : 70px;
}
#mosaic-sml #boat_sml {
    top : 263px;
    left : 0px;
    width : 98px;
    height : 70px;
}
#mosaic-sml #tom_sml {
    top : 187px;
    left : 104px;
    width : 202px;
    height : 147px;
}
#mosaic-sml #brief_sml {
    top : 340px;
    left : 0px;
    width : 150px;
    height : 109px;
    padding : 0px 5px 5px 5px;
    background-color : #231f20;
    overflow : hidden;
}
#mosaic-sml #brief_sml h2 {
    margin-bottom : 0;
    font-size : 14px;
    font-weight : normal;    
}
#mosaic-sml #brief_sml p {
    font-size : 10px;
}
#mosaic-sml #slides_sml {
    top : 340px;
    left : 156px;
    width : 150px;
    height : 109px;
}
#mosaic-sml #gyro_sml {
    top : 455px;
    left : 0px;
    width : 306px;
    height : 230px;
}
#mosaic-sml #soc_sml {
    top : 691px;
    left : 0px;
    width : 305px;
    height : 230px;
}

#mosaic-sml .ic_text {
    font-size : 10px;
    line-height: 1.2;
}
#mosaic-sml .h3 {
    font-size : 10px;
}

#slides-bar {
    margin-top : 15px;
}
#slides-bar .inner {
    margin : 0;
    padding : 25px 20px 25px 180px;
    background : #CADB2A url(/wp-content/themes/tompeters/img/slides-hand.png) no-repeat left;
    font-family: ff-din-web, sans-serif;
    color : #ffffff;
}
#slides-bar .inner * {
  margin : 0;
}
#slides-bar p {
    font-size : 14px;
    font-weight : normal;
}


#rand-quotes {
    margin : 20px 0;
    font-family: ff-din-web, sans-serif;
}
#rand-quote {
    padding-left : 60px;
    min-height: 60px;
    background : url(/wp-content/themes/tompeters/img/quote.png) no-repeat left 0.325em;
    font-size : 20px;
    line-height: 1.2;
    font-weight : bold;
    color : #808285;
}
#rand-quote #quote-attrib {
    text-transform: lowercase;
    font-variant : small-caps;
    white-space: nowrap;
}
#rand-quote #quote-sub {
    font-size : 14px;
    font-weight : normal;
    color : #000000;
}

.wp-playlist-tracks {
    height : 150px;
    overflow:auto;
}


/* Tab style */
#scrollUp {
    bottom: 0px;
    right: 30px;
    width: 70px;
    height: 70px;
    margin-bottom: -10px;
    padding: 10px 5px;
    font-family: ff-din-web, sans-serif;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    color: #828282;
    -webkit-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
    background-color: #E6E6E6;
    background-image: -moz-linear-gradient(top, #EBEBEB, #DEDEDE);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EBEBEB), to(#DEDEDE));
    background-image: -webkit-linear-gradient(top, #EBEBEB, #DEDEDE);
    background-image: -o-linear-gradient(top, #EBEBEB, #DEDEDE);
    background-image: linear-gradient(to bottom, #EBEBEB, #DEDEDE);
    background-repeat: repeat-x;
    -webkit-transition: margin-bottom 150ms linear;
    -moz-transition: margin-bottom 150ms linear;
    transition: margin-bottom 150ms linear;
}
#scrollUp:hover {
    margin-bottom: 0px;
}

/* #utility */
.light {
    color: #808285;
}
.hi {
    color : #f32837;
}
.nowrap {
    white-space: nowrap;
}

.cf:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .cf             { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */

/* #Foundation overrides */
/* Foundation Block Grids for below small breakpoint */
/*
@media only screen {
  [class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -0.9375em;
    *zoom: 1; }
    [class*="block-grid-"]:before, [class*="block-grid-"]:after {
      content: " ";
      display: table; }
    [class*="block-grid-"]:after {
      clear: both; }
    [class*="block-grid-"] > li {
      display: inline;
      height: auto;
      float: left;
      padding: 0 0.9375em 1.25em; }

  .small-block-grid-1 > li {
    width: 100%;
    padding: 0 0.9375em 1.25em; }
    .small-block-grid-1 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .small-block-grid-2 > li {
    width: 50%;
    padding: 0 0.9375em 1.25em; }
    .small-block-grid-2 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .small-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.9375em 1.25em; }
    .small-block-grid-3 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .small-block-grid-4 > li {
    width: 25%;
    padding: 0 0.9375em 1.25em; }
    .small-block-grid-4 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .small-block-grid-5 > li {
    width: 20%;
    padding: 0 0.9375em 1.25em; }
    .small-block-grid-5 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .small-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.9375em 1.25em; }
    .small-block-grid-6 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .small-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.9375em 1.25em; }
    .small-block-grid-7 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .small-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.9375em 1.25em; }
    .small-block-grid-8 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .small-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.9375em 1.25em; }
    .small-block-grid-9 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .small-block-grid-10 > li {
    width: 10%;
    padding: 0 0.9375em 1.25em; }
    .small-block-grid-10 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .small-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.9375em 1.25em; }
    .small-block-grid-11 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .small-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.9375em 1.25em; }
    .small-block-grid-12 > li:nth-of-type(n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width: 768px) {
  /* Remove small grid clearing */
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: none; }

  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: none; }

  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: none; }

  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: none; }

  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: none; }

  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: none; }

  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: none; }

  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: none; }

  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: none; }

  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: none; }

  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: none; }

  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: none; }

  .large-block-grid-1 > li {
    width: 100%;
    padding: 0 0.9375em 1.25em; }
    .large-block-grid-1 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .large-block-grid-2 > li {
    width: 50%;
    padding: 0 0.9375em 1.25em; }
    .large-block-grid-2 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .large-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 0.9375em 1.25em; }
    .large-block-grid-3 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .large-block-grid-4 > li {
    width: 25%;
    padding: 0 0.9375em 1.25em; }
    .large-block-grid-4 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .large-block-grid-5 > li {
    width: 20%;
    padding: 0 0.9375em 1.25em; }
    .large-block-grid-5 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .large-block-grid-6 > li {
    width: 16.66667%;
    padding: 0 0.9375em 1.25em; }
    .large-block-grid-6 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .large-block-grid-7 > li {
    width: 14.28571%;
    padding: 0 0.9375em 1.25em; }
    .large-block-grid-7 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .large-block-grid-8 > li {
    width: 12.5%;
    padding: 0 0.9375em 1.25em; }
    .large-block-grid-8 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .large-block-grid-9 > li {
    width: 11.11111%;
    padding: 0 0.9375em 1.25em; }
    .large-block-grid-9 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .large-block-grid-10 > li {
    width: 10%;
    padding: 0 0.9375em 1.25em; }
    .large-block-grid-10 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .large-block-grid-11 > li {
    width: 9.09091%;
    padding: 0 0.9375em 1.25em; }
    .large-block-grid-11 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .large-block-grid-12 > li {
    width: 8.33333%;
    padding: 0 0.9375em 1.25em; }
    .large-block-grid-12 > li:nth-of-type(n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
*/






.workcell {
    width : 172px;
    height : 125px;
    float : left;
    margin-left : 25px;
    background-color:#ababab;
    background-size: 245px 245px;
    font-size: 15px;
    font-weight: 300;
    font-style: italic;
    text-align:center;
    text-transform: uppercase;
    letter-spacing: 2px;
    display:table;
    background-repeat: no-repeat;
}

.workcell:first-child {
    margin-left : 0;
}

.workcell .showSingle {
    display:table-cell;
    width: 175px;
    height: 125px;
    vertical-align: middle;
}

.targetDiv {
    display: none;
    margin-top: 10px;
}




.wp-pagenavi {
    font-family: ff-din-web, sans-serif;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 3px 5px;
    margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #000;
}

.wp-pagenavi span.current {
    font-weight: bold;
}


/* Media collection tables */
.targetDiv table {
    border : none;
    font-family: ff-din-web, sans-serif;
    font-size : 12px;
}
.targetDiv table tr {
    
}
.targetDiv table td {
    border-bottom : 1px solid #ffffff;
    background-color : #F6F4EC;
    vertical-align: top;
}
.targetDiv table td:first-child {
    width : 100px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color : #808285;
}