/*!
Theme Name: Believer's Songs
Theme URI: https://www.allchristianquotes.org/
Author: Justice Kwesi Akuffo 20250905
Author URI: https://www.allchristianquotes.org/
Description: For Only Believe and Believer’s Songs
Version: 0.0.2
*/
/*-------------------------------------------------------------
	#Import All Link CSS - 0.0.1
--------------------------------------------------------------*/
@import url('assets/css/jqm-demos.css');
@import url('assets/css/jquery.mobile-1.4.5.min.css');
@import url('assets/css/swipe-page.css');
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

main {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
@charset "utf-8";
@import url("assets/css/webfonts/OpenSans_Regular/stylesheet.css");
@import url("assets/css/webfonts/lobster_regular/stylesheet.css");
body {
	font-family: "OpenSans Regular";
	background-color: #FFF;
	font-size: 28px;
	margin: 0px;
	padding: 0px;
}
.ui-bar-a,
.ui-page-theme-a .ui-bar-inherit,
html .ui-bar-a .ui-bar-inherit,
html .ui-body-a .ui-bar-inherit,
html body .ui-group-theme-a .ui-bar-inherit {
background-color:#87CEFA /*{a-bar-background-color}*/;
}
.ui-panel {
	width: 240px;
	min-height: 100%;
	max-height: none;
	border-width: 0;
	position: absolute;
	top: 0;
	display: block;
	background-color: #87CEFA;
	margin: 0px;
	padding: 0px;
	color: #000;
}
#header {
	background-color: #87CEFA;
	box-shadow: 0px 0px 5px rgba(0,0,255,0.9);
	height: 40px;
	font-size: 20px;
	border:none;
}
.ui-page-theme-a {
	background-color: #FFFFFF;
	color: #000;
}
.ui-page-theme-b {
	background-color: #FFFFFF;
	color: #000;
}
.ui-footer {
	line-height: 30px;
	height:50px;
	}
.ui-header h1{
	font-family: "lobster regular";
	font-weight: lighter;
	text-transform: capitalize;
	line-height: 10px;
	}
.ui-panel-inner {
	padding: 5px;
}
.ui-panel-inner img {
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.9);
}
.title-wrapper{
	background-color: #87CEFA;
	border-radius: 10px;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	width: 98%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
.ui-content {
	width: 95%;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	padding:2px;
	margin-top: 15px;
}

@media (min-width: 576px) {
  .ui-content {
   width: 95%;
  }
}

@media (min-width: 768px) {
  .ui-content {
    max-width: 720px !important;
  }
}

@media (min-width: 992px) {
  .ui-content {
    max-width: 750px !important;
  }
}

@media (min-width: 1200px) {
  .ui-content {
    max-width: 760px !important;
  }
}

@media (min-width: 1400px) {
  .ui-content {
    width: 95%;
  }
}
em{
	padding-left: 30px;
	font-family: "lobster regular";
	font-weight: lighter;
	text-transform: capitalize;
	}	
hr {
	width: 65%;
	margin-right: auto;
	margin-left: auto;
		}
h1{
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
}
h3{
	text-align: center;
	width: 95px;
	padding: 2px;
	font-style: italic !important;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #87CEFA;
}
h4{
	margin-top: -20px;
	padding:0px;
	text-align:right;
	font-family: "lobster regular";
	font-weight: lighter;
}
h5{
	margin: 10px;
	padding: 0px;
	text-align: center;
	font-family: "lobster regular";
	font-size: 20px;
	font-weight: normal;
}
p{
	margin-top: 2px;
	font-size:28px;
	padding-left:5px;
	padding-right:5px;
	}
h4{
	margin-top: -20px;
	padding:0px;
	text-align:right;
	font-family: "lobster regular";
	font-weight: lighter;
}
sFont{
	font-family: "lobster regular";
}
img {
	max-width:100% !important;
	height: auto;
	margin: 0px;
}
.ui-grid-b a{
	font-size:13px !important;
	text-align:center;
		}
.just-wrapper{
width:100%;
margin-left:auto;
margin-right:auto;
	}
.just-wrapper img{
box-shadow: 0px 2px 5px rgba(0,0,0,0.9);
	}
.justice{
	text-align:left;
	}
.justice em{
	font-weight: bold;
	font-family: "Muli Regular";
	margin: 0px;
	padding: 0px;
	}
.justice h1{
	font-family: "lobster regular";
	text-transform: capitalize;
	font-weight: normal;
	font-size: 24px;
	padding: 0px;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
.ui-footer {
	background: none;
	border: none;
	bottom: 0;
}
.ui-footer {
	background: none;
	border: none;
	bottom: 0;
}
.ui-listview > .ui-li-has-thumb > .ui-btn,
.ui-listview > .ui-li-static.ui-li-has-thumb {
	padding-left: 45px;
}
.ui-listview  p{
	padding: 0px;
	font-size: 18px;
}
.rheader{
	padding: 0px;
	width: 100%;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #87CEFA;
	box-shadow: 0px 0px 5px rgba(0,0,255,0.9);
	}

#id_search_list {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 6px;
	margin-left: auto;
	width: 100%;
	border-radius: 10px;
	box-shadow: 0px 0px 5px #87CEFA;
	margin-left: -25px;
	font-size: 20px;
	padding: 5px;
}
form{
	margin-top: -20px;
	}
.ruth{
	box-shadow: 0px 0px 2px 0px #2E0854;
	margin-top: 5px;
	margin-left: -30px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-right: 10px;
}
.ruth h1{
	font-family: "lobster regular";
	text-transform: capitalize;

}
.ruth h2{
	text-transform: capitalize;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#list_example li {
	list-style-image: url(../img/open.png);
	list-style-position: inside;
	padding-bottom: 5px;
	padding-top: 2px;
	padding-left: 0px;
}
#list_example li a{
	text-decoration: none;
	color: #000;
}
.ruthheader{
	position: relative;
	box-shadow: 0px 0px 3px 1px #2E0854;
	margin-top: -5px;
	background-color: #87CEFA;
}
.ruthheader img{
	float: left;
	text-decoration: none;
	border-radius: 20%;
	padding: 10px;
	box-shadow: 0px 0px 3px 1px #2E0854;
	margin-top: 5px;
	margin-left: 3px;
}
.ruthheader h1{
	font-family: "lobster regular";
	font-weight: lighter;
	text-transform: capitalize;
	padding: 10px;
	text-shadow: 1px 1px 1px #FFFFFF;
	}
.love1 {
	float: left;
	width: 46%;
	margin-right: 2%;
	margin-left: 2%;
	line-height: 16px;
	}
.love2 {
	float: right;
	width: 46%;
	margin-right: 2%;
	margin-left: 2%;
	line-height: 16px;
	}
.wlist{
	width:70%;
	margin-left:auto;
	margin-right:auto;	
	}
@media all and (max-width: 767px) {
body {font-size: 22px;}
p{font-size: 22px;}
form{margin-top: -10px;}
p{text-align:left;}
#list_example li {font-size: 15px;}
}
@media screen and (max-width: 481px) {
.love1, .love2{
	width: 96% !important;
	font-size:16px;
		}
.ruthheader h1{
	font-size:22px;
	}
.ruthheader img{
	padding: 7px;
	margin-top: 3px;
	}
@media screen and (max-width: 360px) {
.ui-grid-b a{
	font-size:13px !important;
	text-align:center;
		}
body {font-size: 20px;}
p{font-size: 20px;}
}



/*-------------------------------
	#Margin/Paddings - 0.0.7
--------------------------------*/
.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.m-1{margin:.25rem}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.m-2{margin:.5rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.8rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.m-3{margin:1rem}.mt-3{margin-top:1rem}.mr-3{margin-right:1rem}.mb-3{margin-bottom:1rem}.ml-3{margin-left:1rem}.m-4{margin:1.5rem}.mt-4{margin-top:1.5rem}.mr-4{margin-right:1.5rem}.mb-4{margin-bottom:1.5rem}.ml-4{margin-left:1.5rem}.m-5{margin:3rem}.mt-5{margin-top:3rem}.mr-5{margin-right:3rem}.mb-5{margin-bottom:3rem}.ml-5{margin-left:3rem}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.p-1{padding:.25rem}.pt-1{padding-top:.25rem}.pr-1{padding-right:.25rem}.pb-1{padding-bottom:.25rem}.pl-1{padding-left:.25rem}.p-2{padding:.5rem}.pt-2{padding-top:.5rem}.pr-2{padding-right:.5rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.p-3{padding:1rem}.pt-3{padding-top:1rem}.pr-3{padding-right:1rem}.pb-3{padding-bottom:1rem}.pl-3{padding-left:1rem}.p-4{padding:1.5rem}.pt-4{padding-top:1.5rem}.pr-4{padding-right:1.5rem}.pb-4{padding-bottom:1.5rem}.pl-4{padding-left:1.5rem}.p-5{padding:3rem}.pt-5{padding-top:3rem}.pr-5{padding-right:3rem}.pb-5{padding-bottom:3rem}.pl-5{padding-left:3rem}.m-n1{margin:-.25rem}.mt-n1{margin-top:-.25rem}.mr-n1{margin-right:-.25rem}.mb-n1{margin-bottom:-.25rem}.ml-n1{margin-left:-.25rem}.m-n2{margin:-.5rem}.mt-n2{margin-top:-.5rem}.mr-n2{margin-right:-.5rem}.mb-n2{margin-bottom:-.5rem}.ml-n2{margin-left:-.5rem}.m-n3{margin:-1rem}.mt-n3{margin-top:-1rem}.mr-n3{margin-right:-1rem}.mb-n3{margin-bottom:-1rem}.ml-n3{margin-left:-1rem}.m-n4{margin:-1.5rem}.mt-n4{margin-top:-1.5rem}.mr-n4{margin-right:-1.5rem}.mb-n4{margin-bottom:-1.5rem}.ml-n4{margin-left:-1.5rem}.m-n5{margin:-3rem}.mt-n5{margin-top:-3rem}.mr-n5{margin-right:-3rem}.mb-n5{margin-bottom:-3rem}.ml-n5{margin-left:-3rem}.no-gutters{margin-right:0;margin-left: 0;}.marginBottomHide {margin-bottom: 40px;}@media (max-width: 833px) {.marginBottomHide {margin-bottom: 40px;}}