@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');

	body {
		background-color: #EDEDED;
		background-image: url(https://wongelmengstiamlak.org/content/uploads/source/images/other-images/bg.jpg);
	}

	a {
		color: #0061B5;
	}
	a:hover {
		color: #BA0000;
	}
	.articleReadMore {
		color: #0061B5;
	}
	.articleReadMore:hover {
		color: #BA0000;
	}

	.top-menu form .button {
		background-color: #007ACC;
		border-color: #007ACC;
	}

	.top-menu form .input:hover input,
	.top-menu form .textarea:hover textarea,
	.top-menu form .checkbox:hover i {
		border-color: #007ACC;
	}

	.top-menu form .input input:focus,
	.top-menu form .textarea textarea:focus,
	.top-menu form .checkbox input:focus + i {
		border-color: #007ACC;
	}

	.top-menu li:hover > a,
	.top-menu li.current > a {
		background: #007ACC;
		color: #fff;
	}

	.form .input:hover input,
	.form .textarea:hover textarea,
	.form .checkbox:hover i {
		border-color: #007ACC;
	}

	.form .input input:focus,
	.form .textarea textarea:focus,
	.form .checkbox input:focus + i {
		border-color: #007ACC;
	}

	.form .button {
		background-color: #007ACC;
		border: 2px solid #007ACC;
	}
	
	.submitSlider::-webkit-slider-thumb {
		background: #007ACC;
	}
	.submitSlider::-moz-range-thumb {
		background: #007ACC;
	}
	.submitSlider::-ms-thumb {
		background: #007ACC;
	}


	/**
	 * CUSTOM STYLES
	 *
	 * These are here to avoid being put into the normal styles.css as it gets
	 * changed too often based on the language of the website being developed.
	 */
	.meetjesus {
		margin: 7% 0 7% 0;
	}

	.meet-jesus-button-sm { /*  Create style for the new Meet Jesus link - ERE20240122 */
		margin: 1%;
		padding: 5px;
		border-radius: 5px;
		background-color: #007ACC;
		border-right: 4px solid black;
		border-top: 1px solid black;
		border-left: 1px solid black;
		border-bottom: 4px solid black;
		color: #fff;
		text-align: center;
		-webkit-transition: background-color .5s, color .5s;
		transition: background-color .5s, color .5s;
		text-decoration: none;
	}
	
	.meet-jesus-button-sm:hover { /*  Create style for the new Meet Jesus link - ERE20240122 */
		background-color: #fff;
		color: #007ACC;
		cursor: pointer;
		-webkit-transition: background-color .5s, color .5s;
		transition: background-color .5s, color .5s;
		text-decoration: none;
	
	}

	.meetjesusButton {
		margin: 1%;
		padding: 2px;
		background-color: #007ACC;
		border: 4px solid #007ACC;
		color: #fff;
		font-size: 1.5em;
		text-align: center;

		-webkit-transition: background-color .5s, color .5s;
    	transition: background-color .5s, color .5s;
	}
	.meetjesusButton:hover {
		background-color: #fff;
		color:  #007ACC;
		cursor: pointer;

		-webkit-transition: background-color .5s, color .5s;
    	transition: background-color .5s, color .5s;
	}
	#dialogPopup {
		display: none;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 99999;
	}
	#dialogPopup #background {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #000;
		opacity: .5;
		z-index: -999999;
	}
	#dialogPopup #content {
		position: fixed;
		top: 25vh;
		/*bottom: 25vh;*/
		left: 30vw;
		right: 30vw;
		border: 4px solid #007ACC;
		padding: 2%;
		background-color: #fff;
	}
	#dialogPopup #content #close {
		position: absolute;
		top: -12px;
		right: -12px;
		width: 24px;
		height: 24px;
		background-color: #007ACC;
		border: 4px solid #007ACC;
		border-radius: 24px;
		color: #fff;
		font-weight: bold;
		text-align: center;
		line-height: 24px;

		-webkit-transition: background-color .5s, color .5s;
    	transition: background-color .5s, color .5s;
	}
	#dialogPopup #content #close:hover {
		background-color: #fff;
		color: #007ACC;
		cursor: pointer;

		-webkit-transition: background-color .5s, color .5s;
    	transition: background-color .5s, color .5s;
	}
	#receiveJesus { /* ERE20211005 */
		/* margin: 0; */
    margin: 7% 0 0 0;
		text-align: center;
	}
	#receiveJesus input { /* ERE20211005 */
		width: 96%;
		height: 32px;
		margin: 1%;
		padding: 1%;
		border: 2px solid #b2b2b2;
		color: #007ACC;
		text-align: center;
		font-size: 1em;
		font-weight: bold;

		/*-webkit-transition: border .5s;
    	transition: border .5s;*/
	}
	#receiveJesus input:hover { /* ERE20211005 */
		border: 2px solid #007ACC;

		-webkit-transition: border .5s;
    	transition: border .5s;
	}
	#receiveJesus input:focus { /* ERE20211005 */
		border: 2px solid #007ACC;
		outline: none;

		-webkit-transition: border .5s;
    	transition: border .5s;
	}
	#receiveJesus button { /* ERE20211005 */
		width: 99%;
		height: 48px;
		margin: 1%;
		border: 2px solid #007ACC;
		background: #007ACC;
		color: #fff;
		text-align: center;
		font-size: 1em;
		font-weight: bold;

		-webkit-transition: background-color .5s, color .5s;
    	transition: background-color .5s, color .5s;
	}
	#receiveJesus button:hover { /* ERE20211005 */
		background-color: #fff;
		color: #007ACC;
		cursor: pointer;

		-webkit-transition: background-color .5s, color .5s;
    	transition: background-color .5s, color .5s;
	}

  /* ERE20211018 */
  /* #salvations_err_msg {
    margin: 30px auto 1px auto;
    width: 96%;
    text-align: center;
    color: #f30;
  } */
	#audioPlayer {
		width: 98%;
		margin: 8% auto 0 auto;
		padding: 1%;
		background-color: #007ACC;
		text-align: center;
	}
	#audioPlayer .button {
		display: inline-block;
		width: 24px;
		height: 24px;
		margin: 1% 1% 0 0;
		padding: 1%;
		background-color: #fff;
		border: 4px solid #fff;
		color: #007ACC;
		font-weight: bold;
		text-align: center;
		line-height: 24px;

		-webkit-transition: background-color .5s, color .5s;
    	transition: background-color .5s, color .5s;
	}
	#audioPlayer .button:hover {
		background-color: #007ACC;
		color: #fff;
		cursor: pointer;

		-webkit-transition: background-color .5s, color .5s;
    	transition: background-color .5s, color .5s;
	}
	#audioPlayer .information {
		width: 100%;
		display: block;
		color: #fff;
		font-weight: bold;
	}
	#audioPlayIcon {
		display: inline;
	}
	#audioPauseIcon {
		display: none;
	}

	/*

Enter custom css here. For example, entering the following will make the background green:

  body{
    background-color: green;
    background-image: none;
  }

*/;