/*
 *
 *	CSS Template for The Christian's Daily Challenge
 *
 *	  Author:	Ryan Hoshor <ryan@farmsoftstudios.com>
 *	    Date:	February 6th, 2013
 *	Revision:	v2.0 [January 27th 2019]
 *
 */

h1 {
	font-size: 30pt;
	text-align: center;
	font-family: "Playfair Display", "Times New Roman", serif;
    text-transform: uppercase;
	font-weight: 300;
}

h3 {
	padding-bottom: 5px;
	margin-bottom: 0;
}

h3.narrow {
	letter-spacing: -1px;
}

.devotional {

	line-height: 3rem;
}

.justify {
	text-align: justify;
}

.center {
	text-align: center;
}

i, em, c5 {
	font-family: "Alegreya-Italic", "Times New Roman", serif;
	font-weight: 100;
    line-height: 1em;
}

.c3:nth-child(even) {
	margin-left: 40px;
}

p.date {
	position: absolute;
	top: -5px;
	left: 10px;
	font-size: 8pt;
}

ul {
	line-height: 1.2em;
	padding: 0;
	margin: 1px 20px;
}

a.button {
	text-decoration: none;
	color: rgba(48,47,50,1);
	background: rgba(255,255,255,0.6);
	border-radius: 5px;
	font-size: 10pt;
	font-weight: bold;
	padding: 4px 5px;
}

a.button.hcp {
	display: block;
	text-align: center;
	width: calc(100% - 10px);
}

.devotional .copyright {
	text-align: center;
	font-size: 8pt;
	font-family: "Helvetica Neue", Arial sans-serif;
	color: #999999;
	line-height: 1.5rem;
}

.devotional .copyright a {
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 7pt;
	padding: 5px;
	color: #333;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
    c5 {
        font-size: 18pt;
    }
}

@media screen and (max-width: 680px) {
	.header, .devotional {
		padding: 30px;
        font-size: 13pt;
	}
    h1 {
        font-size: 25px;
    }
}

@media screen and (max-width: 320px) {
	.header, .devotional {
		padding: 15px;
        font-size: 13pt;
	}
    h1 {
        font-size: 22pt;
    }
}