/*
 Theme Name:   Twenty Seventeen TCR Child
 Version: 1.5
 Description:  Twenty Seventeen Child Theme for TCR website
 Author:       Carli Scott
 Parent 
	Template:    twentyseventeen
	Version:     2.5
 Text Domain:  twentyseventeen-tcr-child
*/

/**
 * Changes to Parent Theme (originally made fpr reunion website)
 *
 *  1. Format front page same as other pages
 *  2. Increase font sizes for large screens; slightly larger than for
 *			tablets 
 *  3. Don't decrease size of page title.
 *  4. Class to remove float
 *  5. Classes to emphasize a paragraph, for verse
 *  6. Color of headings, buttons, links; rounded rectange for buttons and boxes
 *  7. Bullet or number of list item should be flush with preceding paragraph; 
 *	   no extra vertical space
 *  8. Less vertical space between paragraphs, in header menu
 *  9. Class for indented paragraph, like quote
 * 10. Adjust the H1-h5 sizes
 * 11. Format all edit links the same way
 * 12. Reduce bottom margin after paragraphs
 * 13. Don't limit width for search results
 * 14. Leave space above gallery
 * 15. Button by itself (no surrounding box) should have space below
 * 16. Use open circle for second-level bullet lists
 * 17. Leave space below image when there's no caption
 * 18. Don't use uppercase in site and page titles
 * 19. Formats for links to previous and next pages
 * 20. Styles for home-page table
 * 21. Copied from TCR Custom CSS to Highend Theme
 * 22. Format for link to alternative page
 * 23. Standardize formatting for TCR signature and date, reasearchers of SUMEX-AIM projects,
 *     and intro to Spanish pages
 * 24. Format for figures and tables
 * 25. Styles to use in pages related to TCR sourdough bread
 * 26. Footnotes
 * 27. Styles for Principal Investigator tables
 * 28. Styles for CV tables
 * 29. Different color for background when screen is wider that text area
 * 30. Use same color for site title as for header paragraphs
 * 31. Adapt headings to work with TCR vocabularies
 * 32. Style for speaker in an interview
 * 33. Button to jump to top of page
 * 34. Reduce blank space above footer
 * 35. Reduce blank space between search results
 * 36. Reduce space between media player and figure caption
 * 36. Reduce space between gallery items
 * 38. Same space between page heading and text on 404 erro page as regular pages
 * 39. Format for date subtitle
 */

/*
.test-image {
    margin-left: -6em;
    margin-right: -6em;
}

.test-image img {
    sizes: "(min-width: 1000px) 1000px, 100vw";
    border: 1px solid green;
}
*/

/* 1. Format front page same as other pages and adjust header to work with Tom's head shot
 * as logo and solid banner as header image  */


.custom-header, .navigation-top {
    margin: auto;
    max-width: 700px;
}

.navigation-top {
    padding-right: 0em;
    padding-left: 0em;
}

.navigation-top nav {
    margin-left: 0;
}

@media screen and (min-width: 48em) {
    .custom-header, .navigation-top {
        margin: auto;
        max-width: 1000px;
    }
    .navigation-top {
        padding-right: 1em;
        padding-left: 1em;
    }
    .navigation-top .wrap {
        padding-right: .5em;
        padding-left: .5em;
    }
    .navigation-top nav {
        margin-left: .5em;
    }
    .has-header-image.home .custom-header-media,
    .has-header-image:not(.home) .custom-header-media{
        bottom: 0;
        height: auto;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

}

/* NOTE: Must have a header image to get the gradient on the header, but the image doesn't take up
 * the full height for narrower screens. Only way I could get both the gradient and the color was
 * to use color banner as the header image and apply the same color as the background
 */
.custom-header-media {
    background: #e7f4fd;
}

.site-branding {
    margin: auto;
    opacity: 1.0;
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.site-branding .wrap {
    padding-left: 0;
    padding-bottom: 0;
}

.custom-logo-link, .custom-logo-link img {
     max-height: 80px;
}

@media screen and (min-width: 30em) {
    .site-branding {
        padding-bottom: 0;
    }
    .custom-logo-link, .custom-logo-link img {
        max-height: 100px;
    }
}

@media screen and (min-width: 48em) {
    .custom-logo-link, .custom-logo-link img {
        max-height: 150px;
    }
    .site-branding .wrap {
        padding-left: 0;
    }
}

.has-header-image.home .custom-header-media img,
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
     max-width: 700px;
     bottom: 0;
     position: absolute;
     top: auto;
     -ms-transform: none;
     -moz-transform: none;
     -webkit-transform: none;
     transform: none;
 }

 /* For browsers that support 'object-fit' */
 @supports ( object-fit: cover ) {
     .has-header-image.home .custom-header-media img,
     .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
         height: 100%;
         -o-object-fit: none;
         object-fit: none;
         left: 0;
         -ms-transform: none;
         -moz-transform: none;
         -webkit-transform: none;
         transform: none;
     }
 }

 @media screen and (min-width: 48em) {
     .has-header-image.home .custom-header-media,
     .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
         max-width: 1000px;
         bottom: 0;
         left: 0;
         position: absolute;
         right: 0;
         top: 0;
     }
}


/* 1.1 Hanging indent for headers */
.hanging-indent,
h1, h2, h3, h4, h5 {
    margin-left: 1.5em;
    text-indent: -1.5em;
}
/* 2. Increase font sizes for large screens; slightly larger than for
 * tablets */
 @media screen and (min-width: 48em) {

	/* Typography */

	body,
	button,
	input,
	select,
	textarea {
		font-size: 19px;
		font-size: 1.1875rem;
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 14px;
		font-size: 0.875rem;
	}
}

/* 3. Don't decrease size of page title.
 */
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #006;
	font-weight: 600;
	font-size: 22px;
	font-size: 1.375rem;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

 @media screen and (min-width: 30em) {
	.page .panel-content .entry-title,
	.page-title,
	body.page:not(.twentyseventeen-front-page) .entry-title {
		font-size: 32px;
		font-size: 2.0rem;
	}
}

/* 4. Class to remove float */
.cr_nofloat {
	clear: both;
	line-height: .5;
	margin: 0;
}


/* 5. Classes to emphasize a paragraph, for verse */
.emp {
	font-style: italic; 
	padding-left: 2em; 
	padding-right: 2em;
}

.verse {
	clear: both;
	text-align: center; 
	font-family: cursive; 
	line-height: 150%;
	padding-top: .8em;
    margin-bottom: 1em;
}	


/* 6. Color of headings, buttons, links; rounded rectange for buttons and boxes */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #006;
	font-weight: 400;
	margin-bottom: 0.25em;
	padding-top: 0.25em;
}

a,
.navigation-top a,
.entry-title a,
.menu-toggle,
h2.widget-title {
	color: #006;
}

a:hover,
a:active,
.entry-meta a,
.navigation-top a:hover,
.navigation-top a:active,
.main-navigation a:hover,
.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a,
.entry-header a,
.entry-header a:visited{
    color: #33f;
}

@media screen and (min-width: 48em) {
	.main-navigation li li:hover,
	.main-navigation li li.focus {
		background: #339;
	}
}

button,
input[type="button"],
input[type="submit"] {
	background-color: #ccc;
    color: #006;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: .5em 1em;
}

:not( .mejs-button ) > button:hover,
:not( .mejs-button ) > button:focus,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background: #339;
    color: white;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	border: 1px solid #006;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.entry-content a,
.page-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	color: #00c;
	box-shadow: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-content a:focus,
.entry-content a:hover,
.page-content a:focus,
.page-content a:hover,
.entry-header a:focus,
.entry-header a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: #33f;
	-webkit-box-shadow: inset 0 0 0 #33f, 0 2px 0 #33f;
	box-shadow: inset 0 0 0 #33f, 0 2px 0 #33f;
}

.entry-content a:visited,
.entry-summary a:visited,
.widget a:visited,
.site-footer .widget-area a:visited,
.posts-navigation a:visited,
.comment-metadata a:visited,
.comment-metadata a.comment-edit-link:visited,
.comment-reply-link:visited,
.widget_authors a:visited strong,
.entry-title a:visited,
.entry-meta a:visited,
.page-links a:visited .page-number,
.entry-footer a:visited,
.entry-footer .cat-links a:visited,
.entry-footer .tags-links a:visited,
.post-navigation a:visited,
.pagination a:not(.prev):not(.next):visited,
.comments-pagination a:not(.prev):not(.next):visited,
.logged-in-as a:visited,
a:visited .nav-title,
.edit-link a:visited,
.site-info a:visited,
.widget .widget-title a:visited,
.widget ul li a:visited {
	color: #73a;
	-webkit-box-shadow: inset 0 0 0 #fff, 0 2px 0 #fff;
	box-shadow: inset 0 0 0 #fff, 0 2px 0 #fff;
}

/* 7. Bullet or number of list item should be flush with preceding paragraph; 
 * no extra vertical space */
ul,
ol {
	margin-left: 1.3333em;
}

p + ul,
p + ol {
	margin-top: -.25em;
}

li, li p, li p + p {
    margin-bottom: .25em;
}

/* 8. Less vertical space between paragraphs  */

body,
button,
input,
select,
textarea {
    line-height: 1.5;
}

.entry-header .entry-title {
    margin-bottom: 0;
}
 
.site-content {
	padding: 1em 0 0;
}

 @media screen and (min-width: 48em) {
	.site-content {
        padding: 1em 0 0;
	}
	
	.page.page-one-column .entry-header,
	.twentyseventeen-front-page.page-one-column .entry-header,
	.archive.page-one-column:not(.has-sidebar) .page-header {
		margin-bottom: 0;
	}
}

.main-navigation a {
	padding:  0 .75em;
}
 @media screen and (min-width: 48em) {
	.main-navigation a {
		padding:  0 .75em;
	}	

	body:not(.has-sidebar):not(.page-one-column) .page-header,
	body.has-sidebar.error404 #primary .page-header,
	body.page-two-column:not(.archive) #primary .entry-header,
	body.page-two-column.archive:not(.has-sidebar) #primary .page-header,
	.blog:not(.has-sidebar) #primary article,
	.archive:not(.page-one-column):not(.has-sidebar) #primary article,
	.error404:not(.has-sidebar) #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {
		float: none;
		width: 100%;
	}
		
	.search-form {
		width: 58%;
	}
}

/* 9. Class for indented paragraph, like quote */
blockquote,
.BodyLevel2 {
	color:#333;
	font-style: normal;
	margin-left: 2.6667em;
	margin-right: 2.5em;
    font-size: 100%;
}

/* 10. Adjust the H1-h5 sizes */
h1 {
    font-size: 24px;
    font-size: 1.5rem;
}

h2 {
    font-size: 20px;
    font-size: 1.25rem;
}

h3 {
	font-size: 16px;
    font-size: 1rem;
}

h4 {
    font-size: 15px;
    font-size: 0.9375rem;
}

h5 {
    font-size: 14px;
    font-size: 0.875rem;

}

@media screen and (min-width: 30em) {
	h1 {
        font-size: 26px;
        font-size: 1.625rem;
	}

	h2 {
        font-size: 22px;
        font-size: 1.375rem;
	}

	h3 {
        font-size: 18px;
        font-size: 1.125rem;
	}
    h4 {
        font-size: 16px;
        font-size: 1rem;
    }

    h5 {
        font-size: 15px;
        font-size: 0.9375rem;
    }
}

@media screen and (min-width: 48em) {
    h1 {
        font-size: 30px;
        font-size: 1.875rem;
    }

    h2 {
        font-size: 26px;
        font-size: 1.625rem;
    }

    h3 {
        font-size: 22px;
        font-size: 1.375rem;
    }

    h4 {
        font-size: 20px;
        font-size: 1.25rem;
    }

    h5 {
        font-size: 18px;
        font-size: 1.125rem;
    }
}

/* 11. Format all edit links the same way */
.edit-link {
	font-size: 14px;
	font-size: 0.875rem;
}

/* 12. Reduce bottom margin after paragraphs */
p, ul, ol {
	margin-bottom: .5em;
}

/* 13. Don't limit width for search results */
@media screen and (min-width: 48em) {
	.blog:not(.has-sidebar) #primary article,
	.archive:not(.page-one-column):not(.has-sidebar) #primary article,
	.search:not(.has-sidebar) #primary article,
	.error404:not(.has-sidebar) #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {
		float: none;
		width: 100%;
	}
}

/* 14. Leave space above gallery */
.gallery {
	margin-top: 1em;
}

/* 15. Button by itself (no surrounding box) should have space below */
.spacebelow {
	margin-bottom: 0.5em;
}

/* 16. Use open circle for second-level bullet lists */
ul ul {
	list-style: circle;
}

/* 17. Leave space above and below image when there's no caption */
img.alignright,
img.alignleft,
img.aligncenter {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

/* 18. Don't use uppercase in site and page titles */
.site-title {
	text-transform: none;
}

.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
	text-transform: none;
}

/* 19. Formats for links to previous and next pages */
.nav-links:before,
.nav-links:after {
	clear: both;
}

.nav-links {
    margin-left: -1.5em;
    margin-right: -1.5em;
    margin-bottom: .5em;
    padding-bottom: 0;
}

.nav-links.aligncenter,
.nav-links .aligncenter{
    text-align: center;
}

.entry-header .nav-links a,
.entry-content .nav-links a {
    font-size: 80%;
    background-color: #ccc;
    color: #222;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: .25em .5em;
}

.entry-header .nav-links a:focus,
.entry-header .nav-links a:hover,
.entry-content .nav-links a:focus,
.entry-content .nav-links a:hover {
    color: white;
    box-shadow: none;
    -webkit-box-shadow: none;
    background: #767676;
}

.entry-content .nav-links {
    margin-bottom: 1em;
}

/* 20. Styles for home-page table */
.tcr-issue  {
    vertical-align: top;
    text-align: center;
}

.tcr-issue p {
    line-height: 1.25;
}

.tcr-issue td {
    padding-right: 1em;
}

@media only screen and (max-width: 840px) {
    table.tcr-issue, tbody.tcr-issue, tr.tcr-issue, .tcr-issue td  {
        display: block;
    }
    
  .tcr-issue td  {
      border: none;
      border-bottom: 1px solid #eee; 
      position: relative;
  }
}

/* 21. Copied from TCR Custom CSS to Highend Theme */
.tcr_top3 {margin-top: 3%;}
.tcr_top5 {margin-top: 5%;}
.tcr_top15 {margin-top: 15%;}

.tcr_c_blk {
    margin-left: auto;
    margin-right: auto;
    }

.tcr_c_txt {
    text-align: center;
    }

.tcr_red_txt {
    color: red;
}

.tcr_abbrev_tbl {
    margin-left: auto;
    margin-right: auto;
    border-style: none;
    border: 0 white;
    border-collapse: collapse;
    overflow: hidden;
    }

.tcr_explain_tbl {
    margin-left: 0;
    margin-right: 0;
    border-style: none;
    border: 0 white;
    border-collapse: collapse;
    overflow: hidden;
    }

.tcr_tight_cell {
    border-style: none;
    border: 0 white;
    margin: 0 0 0 0;
    padding: 1pt 1pt 1pt 4pt;
    }

.tcr_medium_cell {
    border-style: none;
    border: 0 white;
    margin: 0 0 0 0;
    padding: 2pt 2pt 2pt 2pt;
    }

.tcr_loose_cell {
    border-style: none;
    border: 0 white;
    margin: 0 0 0 0;
    padding: 3pt 3pt 3pt 4pt;
    }

.tcr_zero_cell {
    border-style: none;
    border: 0 white;
    margin: 0 0 0 0;
    padding: 1pt 0 1pt 0;
    }

.tcr_w0 {
    width: 0;
    }

.tcr_w10 {
    width: 10px;
    }

.tcr_w25 {
    width: 25px;
    }

.tcr_w50 {
    width: 50px;
}

.tcr_w75 {
    width: 75px;
}

.tcr_w100 {
    width: 100px;
}

.tcr_w110 {
    width: 100px;
}

.tcr_w120 {
    width: 120px;
    }

.tcr_w150 {
    width: 150px;
    }

.tcr_w170 {
    width: 170px;
    }

.tcr_w200 {
    width: 200px;
    }

.tcr_VocabWord {
    margin: .2em 0 0 1.5em;
    text-indent:-1.5em;
     }

.tcr_Note {
    margin: .3em 0 0 3em;
    text-indent:-3em;
     }

.tcr_Footnote {
    margin: .3em 0 0 1em;
    text-indent:-1em;
     }

.tcr_hr
{ width: 90%;
  margin: 1em auto 1em auto;
  clear: both;
  border-style: solid;
  border-color: #009;
  height: 1px;
}
.tcr_full
{ width: 100%;
  margin: 1em 0 1em 0;
  border-style: solid;
    border-color: gray;
  height: 1px;
}

p.tcr_AuthorEntry, li.tcr_AuthorEntry, div.tcr_AuthorEntry
    {margin:.5em 0in .0001pt 1.5em;
    text-indent:-1.5em;
    line-height: 120%;
    }

div.tcr_ul {
    margin: 0 0 14px 1em;
    }
    
div.tcr_ol {
    margin: 0 0 14px 1em;
    }
    
ul.tcr_ul {
margin-left: 1.5em;
text-align: left;
}

ul.tcr_ul li {
list-style-type: disc;
padding: 0 0 6pt .5em;
line-height: 125%;
}

ol.tcr_ol {
margin-left: 0;
text-align: left;
}

ol.tcr_ol li {
margin: 0 0 6pt 1.5em;
text-indent: -.1em;
line-height: 125%;
}

.tcr_quotation {
    margin-left: 2em;
    margin-left: 2em;
    line-height: 1.5;
    font-style: italic;
}

.tcr_offset {
    margin: 0 0 1.1em 2em;
    text-align: left;
    line-height: 1.5;
}

/* 22. Format for link to alternative page */
.tcr-alt-link {
    margin-left: 1em;
}

.tcr-alt-link p {
    line-height: 1.25;
    margin-bottom: 0;
}

/* 23. Standardize formatting for TCR signature and date, reasearchers of SUMEX-AIM projects,
 * and intro to Spanish pages
 */
.tcr-signature, .tcr-researchers, .tcr-intro  {
    line-height: 1.3;
}

.tcr-researchers  {
    padding-bottom: .25em;
}

.tcr-signature, .tcr-intro {
    border-bottom: 3px solid #bbb;
    margin-bottom: .75em;
    padding-bottom: .25em;
}

.tcr-intro .tcr-signature {
    margin-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.tcr-researchers  {
    margin-top: -.25em;
}

.tcr-intro p {
    margin-bottom: .5em;
}

.tcr-signature p, .tcr-researchers p {
    margin-bottom: 0;
}

.tcr-researchers ul {
    margin-bottom: 0;
    margin-top: .25em;
}
.tcr-indent {
    margin-left: +1em;
}
/* 24. Format for figures and tables
*/

figure {
    margin-bottom: .75em;
}

table {
    margin-bottom: .75em;
}

.wp-caption,
.gallery-caption {
    margin-bottom: 1em;
}

figcaption {
    color: #666;
    padding-left: 1em;
    text-indent: -1em;
}

figcaption.gallery-caption {
    padding-left: 1em;
}

figcaption.tcr-tb-cap {
    margin-bottom: .5em;
}

figure.tcr-audio {
    padding: .5em;
        border: 1px solid #999;
}

.tcr-audio figcaption {
    text-align: center;
}

th {
    color: #006;
    background-color:#eee;
}

th:first-child, td:first-child {
    padding-left: .5em;
}

tcr-center: {
    text-align: center:
}

tr:last-child {
    border-bottom: 2px solid #eee;
}

/* 25. Styles to use in pages related to TCR's sourdough bread */

/* a.  List items */

/* Simple style for list of ingredients */
ul.ingredients,
.tb ul ul.ingredients {
    list-style: none;
}

/* b. Spacing for images without captions */

.tb li > img,
.tb li > a > img {
    margin-top: .5em;
}

/* c. Class for Note paragraphs */
.tb-nb:before {
    content: "Note: ";
    padding-right: .5em;
    font-variant: small-caps;
    font-weight: bold;
    font-family: "Noto Sans", sans-serif;
}

/* d. Class for starting times of a step */
.tb-time {
    font-variant: small-caps;
    font-family: sans-serif;
}

/* e. Don't clear before H4 */

.tb h4 {
    clear: none;
}

/* 26. Footnotes */
.tcr-foot: {
    font-size: 90%
}

/* 27. Styles for Principal Investigator tables */
.tcr-pi  {
    vertical-align: top;
    text-align: left;
}

.tcr-pi  tr {
    vertical-align: top;
}

.tcr-pi p {
    line-height: 1.25;
    margin-bottom: .25em;
}

.tcr-pi td {
    padding-right: 1em;
}

/* 28. Styles for CV tables */
.tcr-cv  {
    vertical-align: top;
    text-align: left;
}

.tcr-cv p {
    line-height: 1.4;
    margin-bottom: .5em;
}

.tcr-cv td {
    padding-right: 1em;
}

td.tcr-datecol {
    width: 10em;
}
/* 29. Different color for background when screen is wider that text area */

.site-content .wrap {
    background-color: #fff;
}
.site-content-contain, .site-header {
    background: #f3f7fc;
}

/* 30. Use same color for site title as for header paragraphs */
body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
    color: #005;
}

/* 31. Adapt headings to work with TCR vocabularies */
.tcr-vocab h3 {
    margin-top: .75em;
}

.tcr-notes, .tcr-vocab {
    margin-bottom: 1em;
}

/* 32. Style for speaker in an interview */
span.trc-speaker {
    font-variant:    small-caps;
    font-weight: 600;
}

/* 33. Button to jump to top of page */
#myBtnBox {
    overflow: visible;
    position: fixed;
    bottom: 15px;
    right: 10px;
    z-index: 99;
}

#myBtn {
    display: none;
    font-size: 18px;
    font-size: 0.875rem;
    line-height: 1.0;
    weight: 900;
    padding: 10px;
    border: none;
    outline: none;
}

@media screen and (min-width: 48em) {
    #myBtnBox {
        bottom: 20px;
        right: 20px;
    }
    #myBtn {
    }
}

/ * 34. Reduce blank space above footer */
.site-footer {
    margin-top: 0;
}

#colophon {
    margin-top: 0;
    border-top: none;
}

@media screen and (min-width: 48em) {
    .site-footer {
        margin-top: 0;
    }
    #colophon {
        margin-top: 0;
    }
    .page:not(.home) #content,
    .page.home #content {
        padding-bottom: 1.5em;
    }

}

.site-footer .wrap {
    padding-top: 1em;
    padding-bottom: 0;
}

/* 35. Reduce blank space between search results */
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
    padding-bottom: .5em;
}

@media screen and (min-width: 48em) {
    .blog .site-main > article,
    .archive .site-main > article,
    .search .site-main > article {
        padding-bottom: 1em;
    }
}

.entry-summary .link-more {
    margin-left: 1em;
}

/* 36. Reduce space between media player and figure caption */
.mejs-container {
    margin-bottom: .5em;
}

/* 37. Reduce space between gallery items */
.gallery-item {
    margin: 0 0 .5em;
    padding: 0 1em 0 0;

}

/* 38. Same space between page heading and text on 404 erro page as regular pages */

.error-404 .page-header {
    padding-bottom: 1em;
}

/* 39. Format for date subtitle */
h2.tcr-date {
    font-size: 16px;
    padding-top: 0;
    margin-top: -.em;
}

@media screen and (min-width: 30em) {
    h2.tcr-date {
        font-size: 18pt;
    }
}

@media screen and (min-width: 48em) {
    h2.tcr-date {
        font-size: 20pt;
    }
}