/**
 * Theme Name:  Make (child theme)
 * Theme URI:   https://thethemefoundry.com/make/
 * Author:      The Theme Foundry
 * Author URI:  https://thethemefoundry.com
 * Description: Create your website without touching a line of code. Make's flexible customization features and a powerful drag and drop page builder make designing your site fun and easy. Build almost anything: a simple portfolio or photography site, an ecommerce business site, a minimalist blog, or even a professional magazine. You'll start by customizing your background, layouts, fonts, colors, and logo. Next, add and organize your content using the drag and drop page builder. Add a photo, a video, a gallery, or even a slider to any page on your website. Make is responsive, so your website will naturally look great on phones, tablets, and desktop screens. It's also fully compatible with popular plugins like WooCommerce, Gravity Forms, Contact Form 7, Jetpack, and WP PageNavi.
 * Version:     1.1.0
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Template: make
 * Text Domain: make-child
 * Domain Path: /languages/
 * Tags:        black, blue, green, gray, orange, red, white, yellow, dark, light, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, buddypress, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging
 *
 * Make WordPress Theme, Copyright 2015 The Theme Foundry
 * Make is distributed under the terms of the GNU GPL
 */

/*
 * Add your custom styles below.
 * This version of the Make child theme is only compatible with Make 1.6.0 and above.
 */

/*******************************************************************************************

Table of Contents
1. Some useful custom text styles
2. Single Notes
3. Notes thumbnail grid view styles.
4. Truth Value page-specific styles.
5. Headers on archive pages.
6. Tables on archive pages.

********************************************************************************************/

/*******************************************************************************************

1. Some useful custom text styles

********************************************************************************************/

.lead-text {
	word-wrap: break-word; 
	word-break: break-word;
	clear: both;
	margin: 22px 0;
	margin: 2.2rem 0;
	font-size: 24px;
	font-size: 2.4rem; 
	line-height: 1.5;
	}

/*******************************************************************************************

2. Single notes.

********************************************************************************************/

.note-content { font-size: 1.3em;}
.note-thumb img {border-width: 0px 10px 0px 10px;
		border-style: solid;
		border-color: black;}

.slabs-single-note {width: 30%;}

@media screen and (min-width: 800px) {
.note-thumb img {
    border-width: 0px 10px 0px 10px;
    border-style: solid;
    border-color: black;
    margin-right: 1rem;
    margin-bottom: 4rem;
    float: left;}
.note-content { font-size: 1.3em;
                float: left;}
.slabs-single-note { width: 10%;
                     display: inline-block;
                     }
}
/*******************************************************************************************

3. Notes thumbnail grid view styles.

********************************************************************************************/

/* Display the link on the title as block so its easier to tap on smaller screens */
.ttfmp-post-list-item-title a {display: block;}

/* Add black bars to left and right of images to make up for the letterbox bars at top and bottom. */
.ttfmp-post-list-item-image {		border: solid black;
					border-width: 0px 10px;
					-webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 1);
					-moz-box-shadow:    0px 0px 0px 0px rgba(255, 255, 255, 1);
					box-shadow:         0px 0px 0px 0px rgba(255, 255, 255, 1);
    					-ms-transition: all .1s ease-in;
    					-moz-transition: all .1s ease-in;
    					-webkit-transition: all .1s ease-in;
    					-o-transition: all .1s ease-in;
					}

/* Nice ease-in box shadow appears on hover. */
.ttfmp-post-list-item-image:hover {	-webkit-box-shadow: 0px 0px 0px 10px rgba(230, 230, 230, 1);
					-moz-box-shadow:    0px 0px 0px 10px rgba(230, 230, 230, 1);
					box-shadow:         0px 0px 0px 10px rgba(230, 230, 230, 1);
					}

/* Change box shadow color for Truth Value: Verified */
#verified .ttfmp-post-list-item-image:hover {	-webkit-box-shadow: 0px 0px 0px 10px rgb(102,204,51);
					-moz-box-shadow:    0px 0px 0px 10px rgb(102,204,51);
					box-shadow:         0px 0px 0px 10px rgb(102,204,51);
					}

/* Change box shadow color for Truth Value: Seems Legit */
#seems-legit .ttfmp-post-list-item-image:hover {	-webkit-box-shadow: 0px 0px 0px 10px rgba(181, 252, 65, 1);
					-moz-box-shadow:    0px 0px 0px 10px rgba(181, 252, 65, 1);
					box-shadow:         0px 0px 0px 10px rgba(181, 252, 65, 1);
					}

/* Change box shadow color for Truth Value: Probable Invention */
#probable-invention .ttfmp-post-list-item-image:hover {	-webkit-box-shadow: 0px 0px 0px 10px rgba(245, 195, 51, 1);
					-moz-box-shadow:    0px 0px 0px 10px rgba(245, 195, 51, 1);
					box-shadow:         0px 0px 0px 10px rgba(245, 195, 51, 1);
					}

/* Change box shadow color for Truth Value: Invention */
#invention .ttfmp-post-list-item-image:hover {	-webkit-box-shadow: 0px 0px 0px 10px rgba(228, 74, 82, 1);
					-moz-box-shadow:    0px 0px 0px 10px rgba(228, 74, 82, 1);
					box-shadow:         0px 0px 0px 10px rgba(228, 74, 82, 1);
					}

/* Change box shadow color for Truth Value: Omission */
#omission .ttfmp-post-list-item-image:hover {	-webkit-box-shadow: 0px 0px 0px 10px rgba(193, 193, 193, 1);
					-moz-box-shadow:    0px 0px 0px 10px rgba(193, 193, 193, 1);
					box-shadow:         0px 0px 0px 10px rgba(193, 193, 193, 1);
					}

/* Change box shadow color for Truth Value: Chronological Distortion */
#chronological-distortion .ttfmp-post-list-item-image:hover {	-webkit-box-shadow: 0px 0px 0px 10px rgba(54, 54, 54, 1);
					-moz-box-shadow:    0px 0px 0px 10px rgba(54, 54, 54, 1);
					box-shadow:         0px 0px 0px 10px rgba(54, 54, 54, 1);
					}

/* Change box shadow color for Truth Value: Tricky Edit */
#tricky-edit .ttfmp-post-list-item-image:hover {	-webkit-box-shadow: 0px 0px 0px 10px rgba(193, 193, 193, 1);
					-moz-box-shadow:    0px 0px 0px 10px rgba(193, 193, 193, 1);
					box-shadow:         0px 0px 0px 10px rgba(193, 193, 193, 1);
					}

/* Change box shadow color for Truth Value: Trivia */
#trivia .ttfmp-post-list-item-image:hover {	-webkit-box-shadow: 0px 0px 0px 10px rgba(61, 132, 206, 1);
					-moz-box-shadow:    0px 0px 0px 10px rgba(61, 132, 206, 1);
					box-shadow:         0px 0px 0px 10px rgba(61, 132, 206, 1);
					}

/*******************************************************************************************

4. Truth Value page-specific styles.

 *******************************************************************************************/

.truth-value-slab-list .builder-text-column {
				padding: 1em;
				border: 1px solid white;
    				-ms-transition: all .1s ease-in;
    				-moz-transition: all .1s ease-in;
    				-webkit-transition: all .1s ease-in;
    				-o-transition: all .1s ease-in;
				}

.truth-value-slab-list .builder-text-column:hover {
				padding: 1em;
				border: 1px solid gray;
				text-align: center
				font-size: 5em;}

.truth-value-slab-list .builder-text-column a {display: block;}

/*******************************************************************************************

5. Headers on archive pages.

 *******************************************************************************************/

.section-description {
  font-size: 24px;
  font-size: 2.4rem; 
  line-height: 1.5;
}

.section-description p {
  margin-bottom: 0;
}

.section-header {
  margin-bottom: 0;
}

.site-content {
  padding-top: 0;
}


/*******************************************************************************************

6. Tables on archive pages.

 *******************************************************************************************/

.the-word-footnote { display: none;}

.note-mobile-meta, .note-mobile-meta-pre, .note-mobile-meta-post { display: block;}

.mobile-thumbnail {width: 25%;}

.mobile-thumbnail img { 
    border-width: 0px 5px 0px 5px;
    border-style: solid;
    border-color: black;}

a .note-hidden-link { display: none;}

table {
   border-collapse: collapse;
   border-right: 0;
   overflow-x: auto;
}

#noteArchive th {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #ccc;
}

#noteArchive th button {
      height: auto;
			margin-bottom: 0;
			padding: 0px 5px;
    }

#noteArchive tr {
   border-bottom: 1px solid #ccc;
   border-right: 0;
}

#noteArchive td {
  padding: 10px 5px;
  margin: 0;
  text-align: center;
  border: 0;
  vertical-align: top;
}

.sort {
  padding: 8px 30px;
  border: none;
  display: inline-block;
  color: black;
  background-color: transparent;
  text-decoration: none;
  font-size: 0.8em;
  font-weight: bold;
  text-transform: uppercase;
}

.sort:hover {
  text-decoration: none;
  color: gray;
}

.sort:focus {
  outline: none;
}

.sort:after {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  content: "";
  position: relative;
  top: -10px;
  right: -5px;
}

.sort.asc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
  content: "";
  position: relative;
  top: 4px;
  right: -5px;
}

.sort.desc:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
  content: "";
  position: relative;
  top: -4px;
  right: -5px;
}

@media screen and (min-width: 1px) {

#noteArchive { width: 100%; }

/* #noteArchive th {display: none;} */

/* #noteArchive td { display: inline-block; 
                  width: 100%; } */

#noteArchive td .timecode { display: inline-block; 
                  width: 40%; }

#noteArchive tr td:nth-child(2), th:nth-child(2) {
    display: none;
}

#noteArchive tr td:nth-child(3), th:nth-child(3) {
    display: none;
}
#noteArchive tr td:nth-child(4), th:nth-child(4) {
    display: none;
}

#noteArchive tr td:nth-child(5), th:nth-child(5) {
    display: none;
}

#noteArchive tr td:nth-child(6), th:nth-child(6) {
    display: none;
}

}

@media screen and (min-width: 800px) {

.the-word-footnote { display: initial;}

.note-mobile-meta, .note-mobile-meta-pre, .note-mobile-meta-post { display: none;}

a .note-hidden-link {   text-transform: uppercase;
      font-size: 0.9em;
      font-weight: bold;
      text-align: right;
      color: white;
      font-family: Open Sans;
      display: block;
}

#noteArchive {width: 100%;}

#noteArchive th {display: table-cell;
                 text-align: center;}

#noteArchive tr td:nth-child(2), th:nth-child(2) {
    display: table-cell;
}
#noteArchive tr td:nth-child(3), th:nth-child(3) {
    display: table-cell;
}
#noteArchive tr td:nth-child(4), th:nth-child(4) {
    display: table-cell;
}
#noteArchive tr td:nth-child(5), th:nth-child(5) {
    display: table-cell;
}
#noteArchive tr td:nth-child(6), th:nth-child(6) {
    display: table-cell;
}

/* Screenshot :  16:9 but thumbnail size, and let's desaturate them so they're all black and white. */

#noteArchive .screenshot img {
  width: 86px;
  height: 54px;
  margin:;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  border-width: 0px 5px 0px 5px;
  border-style: solid;
  border-color: black;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 1);
  -moz-box-shadow:    0px 0px 0px 0px rgba(255, 255, 255, 1);
  box-shadow:         0px 0px 0px 0px rgba(255, 255, 255, 1);
  -ms-transition: all .1s ease-in;
  -moz-transition: all .1s ease-in;
  -webkit-transition: all .1s ease-in;
  -o-transition: all .1s ease-in;
}

#noteArchive .screenshot img:hover {
  -webkit-box-shadow: 0px 0px 0px 10px rgba(230, 230, 230, 1);
  -moz-box-shadow:    0px 0px 0px 10px rgba(230, 230, 230, 1);
  box-shadow:         0px 0px 0px 10px rgba(230, 230, 230, 1);
}

}

/* Timecode */
#noteArchive .timecode { font-size: 0.8em; }


/* Refers To */

#noteArchive .refers-to { font-size: 0.8em; }

/* Refers To Info */

#noteArchive .refers-to-label {	font-variant: small-caps;
				display: block;}

#noteArchive .small-caps { font-variant: small-caps;}

/* Truth Value term list link styles */

.truth-value a {
                  font-size: 0.8em;
                  font-variant: normal;
                  font-weight: bold;
}

.truth-value a:hover {
                  text-decoration: underline;
}

/* We're not going to color the names of the truth values anymore,
   but we let's leave the classes in our HTML as hooks for later use...

.verified { color: #58c627; }
.seems-legit { color: #b5fc41; }
.probable-invention { color: #f5c333; }
.invention { color: #e44a52; }
.chronological-distortion { color: #333333; }
.tricky-edit { color: #333333; }
.omission { color: #333333; }
.trivia { color: #3d84ce; } */

.truth-value-list { width: 100%;
                    margin: 0;
                    padding: 0; }
.truth-value-slabs { width: 100%;
                     margin: 0;
                     padding: 0; }

.truth-value-slabs img { width: 60px;
                         margin: 0;
                         padding: 0; }

.truth-value-slabs a {  margin: 0;
                        padding: 0; }

/* Keywords */

#noteArchive .keywords a {	font-size: 0.8em;
				font-variant: normal;
				font-weight: normal;}

#noteArchive .keywords a:hover {text-decoration: underline;}

/* Search: Let's push the search field to the far right of the table header. */

#note-search {
  	float: right;
	background-color: white;
	border: solid 1px #ccc;
  	border-radius: 5px;
  	padding: 7px 14px;
  	-ms-transition: all .25s ease-in;
  	-moz-transition: all .25s ease-in;
  	-webkit-transition: all .25s ease-in;
  	-o-transition: all .25s ease-in;
}

#note-search:focus {
  outline: none;
  border-color: #aaa;
  background-color: #e6e6e6;
}

/* Note: custom styles for everything in the .note td, including hidden text. */

#noteArchive .note,
#noteArchive .note-verified
#noteArchive .note-seems-legit
#noteArchive .note-probable-invention
#noteArchive .note-invention
#noteArchive .note-trivia {
  text-align: left;
  background-color: white;
  padding: 15px;
  -ms-transition: all .1s ease-in;
  -moz-transition: all .1s ease-in;
  -webkit-transition: all .1s ease-in;
  -o-transition: all .1s ease-in;
}

/* Note hover higlights, which are color-coded when on Truth Value pages: */

#noteArchive .note:hover {  background-color: #e6e6e6;}

/* Actually, we're getting rid of the highlights... 
#noteArchive .note-verified:hover {	background-color: #58c627;}
#noteArchive .note-seems-legit:hover { background-color: #b5fc41;}
#noteArchive .note-probable-invention:hover { background-color: #f5c333;}
#noteArchive .note-invention:hover { background-color: #e44a52;}
#noteArchive .note-trivia:hover { background-color: #3d84ce;}
*/

#noteArchive .note-text-link { 	font-weight: normal;
				display: block;
}

/* note-hidden : Let's make a class that hides part of the note, so the table looks tidy, but still allows us to search through the hidden text. In this hypothetical, we'd be using Wordpress to load both excerpts and the text of full posts, but we'd hid the full post text using the "note-hidden" class. Each "Read more..." would link to a new page with the full note. */

 .note-hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}