@font-face {
   font-family: main-font;
   src: url(font/OpenSans-Regular.ttf);
}
@font-face {
	font-family: open-sans-light;
	src: url(font/OpenSans-Light.ttf);
}
@font-face {
	font-family: open-sans-bold;
	src: url(font/OpenSans-Bold.ttf);
}

@font-face {
	font-family: open-sans-extrabold;
	src: url(font/OpenSans-ExtraBold.ttf);
}
@font-face {
   font-family: inkfree;
   src: url(font/Inkfree.ttf);
}
@font-face {
   font-family: marcellus;
   src: url(font/MarcellusSC-Regular.ttf);
}

* {
	font-family: main-font;
	color:#3B5E69;
}

h1 {    
	font-size: 45px;
	font-weight:normal;
}
h2 {
    font-size: 35px;
	font-family: open-sans-light;
	font-weight:300;
	margin: 18px 0px 10px 0px;
}
h3 {
    font-size: 25px;
	font-family: open-sans-light;
	font-weight:300;
	letter-spacing:1.7px;
	margin: 20px 0 0 0;
}
h4 {
    font-size: 19px;
	margin: 6px 0px 0px 0px;
	font-family: open-sans-bold;
	padding:0;
}
h5 {
    font-size: 20px;
	font-family: open-sans-bold;
}
h6 {
    font-size: 18px;
	font-weight:bold;
}

p, div, li {
	font-size:17px;
	font-family: open-sans-light;
	font-weight:300;
}
a {
	color:#2499B2;
	text-decoration:none;
	font-family: main-font;
	letter-spacing:1.2px;
	font-family:inkfree;
	font-weight:500;
}
a:hover { color:green; }

/*Pre text*/
mark-1 {
	font-size: 19px;
	font-family:open-sans-light;	
}
.bible-text {
	font-family:marcellus;
	font-weight:bold;
	padding:10px 0px 10px 0px;
	color:#3b5e69;
	letter-spacing:1.3px;
}
.bible-link {
	font-family:open-sans-light !important;
	font-size:14px !important;
}
.reference-tooltip {	
	border-radius:5px;
	box-shadow:3px 3px 15px #bb9;
}
.reference-tooltip-header {
	color:#442;
	font-size:13px;
	height:13px;
	background: radial-gradient(#ffc 40%, #ffe 60%);
	font-family:open-sans-light;
	font-weight:300;
	border-bottom:1px solid #ccc;
}
.reference-tooltip .bible-link-v {
	color:brown;
	font-size:11px;
	font-family:open-sans-light;
}
.reference-tooltip span {
	color:#e5bd1c;
	font-size:15px;
	font-family:marcellus;
	letter-spacing:1.4px !important;
}
.reference-tooltip p {
	color:#444;
	font-size:15px;
	font-family:marcellus;
	letter-spacing:1px;
	font-weight:bold;
}
.reference-tooltip-footer {
	height:13px;
}
.reference-tooltip-footer div {
	color:#2499B2 !important;
	font-size:14px;
	display:none;
}


/* Style all font awesome icons */	
.fa {
	width: auto;
	text-align: center;
	text-decoration: none;
	border-radius:5px;
}
.fa:hover {
	opacity: 0.8;
	color:#2499B2;
}

@media screen and (max-width: 680px) {		
	h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 24px;
		margin: 14px 0px 18px 0px;
	}
	h3 {
		font-size: 22px;
		margin: 10px 0 0 0;
	}
	h4 {
		font-size: 17px;
		margin: 6px 0px 4px 0px;		
	}
	h5 {
		font-size: 16px;
		font-weight:bold;
	}
	h6 {
		font-size: 15px;
		font-weight:bold;
	}
	p, div, li {
		font-size: 15px;
	}
	mark-1 {
		font-size: 16px;
		font-family: open-sans-light;	
	}
	
	.bible-text {
		padding:20px 0px 10px 0px;
		color:#3b5e69 !important;
	}
	
	a {
		color:#2499B2 !important;
	}
	
	.reference-tooltip-header {
		color:#442 !important;
	}
	
	/* Style all font awesome icons */	
	.fa {
		width: auto;
		text-align: center;
		text-decoration: none;
		border-radius:5px;
	}
}