/*
Theme Name: Carli V. Lowe
Theme URI: http://carlivlowe.com/
Description: child theme for TwentyFifteen
Author: Stace Felder
Author URI: http://www.stacefelder.com
Template: twentyfifteen
Version: 1.0
*/
 
@import url("../twentyfifteen/style.css");

body,
button,
input,
select,
textarea {
	font-family: 'Abhaya Libre', serif;
	font-size: 17px;
	font-size: 1.7rem;
}

.main-navigation a, 
.post-navigation .meta-nav, 
.post-navigation .post-title, 
h1.entry-title,
h2.entry-title,
h1.entry-title a,
h2.entry-title a,
.site-title,
.site-title a, 
.site-description {
	font-family: 'Belleza', sans-serif;
}

.entry-content p,
.site-info a {
	font-family: 'Abhaya Libre', serif;
}

.entry-content, 
.entry-summary, 
.page-content, 
.comment-content {
	hyphens: none;
}


.site-description {
	font-size: 16px;
	font-size: 1.6rem;
}

@media screen and (min-width: 38.75em) {
	.site-title {
		font-size: 26px;
		font-size: 2.6rem;
	}
}


@media screen and (min-width: 46.25em) {
	.site-title {
		font-size: 31px;
		font-size: 3.1rem;
	}
	.site-description {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.main-navigation {
		font-size: 16px;
		font-size: 1.6rem;
	}
}


@media screen and (min-width: 55em) {
	.site-title {
		font-size: 34px;
		font-size: 3.4rem;
	}
	.site-description {
		font-size: 20px;
		font-size: 2rem;
	}
}

@media screen and (min-width: 59.6875em) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 19px;
		font-size: 1.9rem;
	}
	.site-title {
		font-size: 26px;
		font-size: 2.6rem;
	}
	.site-description {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.main-navigation {
		font-size: 16px;
		font-size: 1.6rem;
	}
}

@media screen and (min-width: 68.75em) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 19px;
		font-size: 1.9rem;
	}
	.site-title {
		font-size: 28px;
		font-size: 2.8rem;
	}
	.site-description {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.main-navigation {
		font-size: 16px;
		font-size: 1.6rem;
	}
}


@media screen and (min-width: 77.5em) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 21px;
		font-size: 2.1rem;
	}
	.site-title {
		font-size: 30px;
		font-size: 3rem;
	}
	.site-description {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.main-navigation {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.entry-title, .widecolumn h2 {
		font-size: 41px;
		font-size: 4.1rem;
	}
}