/**
 * Theme Name:  Make (child theme)
 * Theme URI:   https://thethemefoundry.com/wordpress-themes/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.0.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
 * 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 2014 The Theme Foundry
 * Make is distributed under the terms of the GNU GPL
 */

@import url( '../make/style.css' );

/* Add your custom styles below. */

/************************************
*
* I added these styles from Basis_Child theme. These are the styles I have
* added for React and Basis.
* 
* The scale used in Make is:
* 1rem = 10px
* 
* DH 2014-June-01
*
************************************/


/************************************
*
* FOOTNOTES
*
* Added footnote class to style footnote references.
* Added style for <hr /> tag.
* DH 2014-Jan-10
*
*************************************/

.footnote{
	vertical-align: super;
	font-size: 80%;
}

hr {
	border: 0px;
	border: 0rem;
	height: 1px;
	height: 0.1rem;
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
	margin: 20px 0 20px 0;
	margin: 2rem 0rem 2rem 0rem;
}


/************************************
*
* BLOCK QUOTES
*
* Changing the way the blockquotes are displayed.
* The padding and margin are declared top, right, bottom, left.
* (For margin, when only two values declared: top & bottom, left & right.)
*  
* The p:first-child::before controls the opening quotation mark Basis adds.
* The p:last-child::after removes the quotation mark Basis adds.
* The blockquote cite rule overrides the rule in style.css:932 that set cite to normal.
*
* DH 2016-Jun-01 (Wow, looks like I traveled to the future. This should probably be 2014-Jun-01)
*
* I added the blockquote.quotation class to style individual quotation posts.
* At some point I want to adjust these styles to make it look nicer.
*
* DH 2017-Mar-10
*
*************************************/

blockquote {
	clear: both;
	margin: 24px 16px;
	margin: 2.4rem 1.6rem;
}
blockquote p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #859093;
}

/* When I fix the blockquote cite in this
*  file, be sure to uncomment the styles
*  in the parent make styles.css file
*/

blockquote cite {
	font-size: 16px;
	font-size: 1.6rem;
	font-style: italic;
/*	margin-bottom: 22px;
*	margin-bottom: 2.2rem;
*	text-align: right;*/
}

/*blockquote cite:before {
*	content: "\2014";
*}*/

blockquote.quotation {
	line-height: 0;
	margin-left: 0px;
	margin-left: 0rem;
/*	margin-bottom: 44px;
*	margin-bottom: 4.4rem;*/
	padding: 33px 32px;
	padding: 3.3rem 3.2rem;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color: #eaecee;
/*  border-style: solid;
*	border-color: #eaecee;
*	border-width: 10px; Adjust bottom to 75px*/
}

blockquote.quotation p {
	margin-bottom: 0;
}
blockquote.quotation cite {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	display: block;
	margin-bottom: 0;
	padding: 11px 0;
	padding: 1.1rem 0;
}
blockquote.quotation:after {
	position: relative;
	bottom: -60px;
	bottom: -6rem;
/*	bottom: -75px;
*	bottom: -7.5rem; Use with border-width: 10px*/
	left: 5px;
	left: .5rem;
	width: 0;
	height: 0;
	content: "";
	border-top: 22px solid #eaecee;
	border-right: 22px solid transparent;
	border-left: 22px solid transparent;
}

blockquote.ttfmake-testimonial {
	line-height: 0;
	margin-bottom: 44px;
	margin-bottom: 4.4rem;
	padding: 33px 32px;
	padding: 3.3rem 3.2rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #eaecee;
}
blockquote.ttfmake-testimonial p {
	margin-bottom: 0;
}
blockquote.ttfmake-testimonial cite {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	display: block;
	margin-bottom: 0;
	padding: 11px 0;
	padding: 1.1rem 0;
}
blockquote.ttfmake-testimonial:after {
	position: relative;
	bottom: -60px;
	bottom: -6rem;
	left: 5px;
	left: .5rem;
	width: 0;
	height: 0;
	content: "";
	border-top: 22px solid #eaecee;
	border-right: 22px solid transparent;
	border-left: 22px solid transparent;
}

q:before {
	content: "\201C";
}
q:after {
	content: "\201D";
}

/************************************
*
* I added this class to style the [recent-posts]
* shortcode I added.
* 
* DH 2014-June-03
*
************************************/

ul, li.dh-recent-posts {
	font-size: 14px;
	font-size: 1.4rem;
	list-style: circle;
	list-style-position: outside;
}

/************************************
*
* I added this class to change the style for post titles.
* This seemed to stop working, so I fiddled with it.
*
* Adding the !important fixed the problem for individual posts,
* but not for the blog page. Specifying using h1.entry-title
* should override the in-line css, but doesn’t.
*
* To get the selector to work, I had make it more specific as below.
* And I no longer needed to use !important.
* 
* DH 2017-Mar-03
*
************************************/

.entry-header h1.entry-title,
.entry-header h1.entry-title a {
	font-size: 36px;
	font-size: 3.6rem;
}


/************************************
*
* I added this class to display underlining and strikethrough.
* 
* DH 2015-Jul-25
*
************************************/

span.uline {
	text-decoration: underline;
}

span.lthrough {
	text-decoration: line-through;
}

/************************************
*
* I added this class to remove the featured image on
* the blog page from Make.
* 
* DH 2017-Mar-05
*
************************************/

figure.entry-thumbnail.post-header {
	display: none;
}

/************************************
*
* I added this to style the text in the
* parallax banner sections of the home page.
* 
* The .builder-banner-inner-content a.ttfmake-button.home-page
* controls the size of the text in the button in the
* banners.
*
* The .builder-banner-inner-content a.ttfmake-normal.color-primary-background.ttfmake-button
* is no longer needed.
* 
* DH 2017-Mar-14
*
************************************/

.builder-banner-inner-content {
	font-size: 100%;
	text-align: center;
}

.builder-banner-inner-content .ttfmake-button {
	margin-top: 20px;
}


/* .builder-banner-inner-content a.ttfmake-normal.color-primary-background.ttfmake-button {
*	font-size: 14px;
*	font-size: 1.4rem;
*}*/

.builder-banner-inner-content a.ttfmake-button.home-page {
	font-size: 14px;
	font-weight: bold;
	background-color: #3a74cf;
	color: #ffffff;
}

.builder-banner-inner-content a.ttfmake-button.home-page:hover {
	background-color: #285a96;
	color: #ffffff;
}