

/*
Theme Name: GXBible
Author: Gxl
Author URI: http://www.gxbible.com
Version: 1.0
Text Domain: gxbible
*/
#bg .animated.fadeInLeftBig.text-center {
    position: absolute;
    top: 650px;
    left: 68px; 
}

hr {
    border-top: 3px solid #26acbd !important;
    margin: 10px 0 0;
}
.custom {
    margin: 0 auto;
    float: none !important;
	clear: both;
	padding:30px;
}
.new_carousel,#caro{height:300px !important}
input.event_button {
    background: #319e7c;
    border: 1px solid #319e7c;
    color: #fff;
    font-size: 17px;
    padding: 10px 27px;
    margin: 35px;
    font-family: Catamaran;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 36px;
}
.font{
	font-family: Average Sans;
}
p{
	font-family: Average Sans;
	font-style: normal;
	font-weight: 400;
    line-height: 33px;
    font-size: 20px;
	letter-spacing: 0.1px;
	color: #444343;
}
.inner_div h3 {
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    bottom: 30px;
    color: #e8e8e8;
    background: rgba(0, 0, 0, 0.53);
    width: 86%;
    padding: 8px;
}
.inner_div {
	background: rgb(228, 228, 228);
    padding: 10px;
    margin: 30px 0;
    box-shadow: 0 0 3px rgba(158, 158, 158, 0.69);
    color: black;
}
#sandal .sub_heading{
font-family: Catamaran;
    font-style: normal;
    font-weight: 500;
    line-height: 10px;
    font-size: 17px;
    letter-spacing: 0px;
    color: #a75608;
}
body{font-family: 'Quattrocento Sans', sans-serif !important;}
.carousel-inner.bg {
    /* background: url(https://demo.themefuse.com/creed/wp-content/uploads/2016/01/about-us-background-img.jpg); */
    height: 100%;
    background-position: 100%;
    background-size: cover;
}
.carousel-control {
    background-image: none !important;
}
ul.nav.nav-tabs.menu-top li a {
   padding: 12px 35px !important;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Catamaran', sans-serif;
    font-weight: 600;
	color:#333;
	margin-right: 0 !important;
    border: none !important;
}
ul.nav.nav-tabs.menu-bottom li a{
	 padding: 12px 6px !important;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Catamaran', sans-serif;
    font-weight: 600;
	margin-right: 0 !important;
    border: none !important;
}
ul.nav.nav-tabs.menu-top, ul.nav.nav-tabs.menu-bottom {
    border-top: 1px solid #ddd;
	margin-top: 30px;
}
img.img-responsive.logo {
    width: 150px;
    margin: 0 auto;
}
.menu_left {
    position: absolute;
    z-index: 1000;
    padding-top: 30px;
	width: 63%;
}

ul.nav.nav-tabs.menu-top {
    margin-top: 25px;
}
/* ul.nav.nav-tabs.menu-top.right li a {
    padding: 12px 11px !important;
} */
#grey{
background: #4a4848;
    color: #fff;
    padding: 10px;
}
.heading{
    font-family: Playfair Display;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    font-size: 40px;
    letter-spacing: -0.2px;
}
#sandal{background :#f3f2ec !important}
.padding{padding: 100px 0px;}
h1.heading {
    padding-bottom: 25px;
}
footer {
    background: #333;
    margin: 0;
    padding: 30px;
    color: #bdbdbd;
}
footer a{
    color: #bdbdbd;
}
.copyright{
padding:20px;
}
.slide h3.animated.fadeInRightBig.slide-delay-2.YellowText {
    position: absolute;
    bottom: 350px;
    right: 0;
    float: right;
    font-family: Playfair Display;
    line-height: 37px;
    letter-spacing: 1px;
}
.slide h3.animated.fadeInRightBig.slide-delay-1.YellowText {
	position: absolute;
    bottom: 155px;
    letter-spacing: 1px;
    width: 100%;
	text-align: center;
}
footer{
	margin: 0px !important;
}
.entry_content{
	font-family: Average Sans !important;
    font-size: 18px;
    line-height: 33px;
    padding: 40px 0;
	font-style: normal;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 0.1px;
    color: #777675;
	text-align:justify;
}
.entry-title {
	margin-top: 0px;
    position: absolute;
    top: 50%;
    text-align: center;
    left: 40%;
    text-transform: capitalize;
    font-size: 48px;
    font-family: Playfair Display;
    font-style: italic;
    right: 35%;
	bottom:45%;
}
.entry_content  li {
    color: #333;
}
.spacer-md p {
    font-size: 56px;
    font-family: Playfair Display;
    font-style: italic;
    line-height: 83px;
}
.slide h3.animated.fadeInRightBig.slide-delay-2.YellowText {
    FONT-WEIGHT: 400;
    font-family: playfair Display !important;
    font-size: 64px !important;
    line-height: 94px;
    color: #444;
    font-style: italic;
    text-align: left;
}
.carousel-indicators li{
	border: 1px solid #333 !important;
}
.carousel-indicators .active {
    background-color: #333 !important;
}
ul.nav.nav-tabs.menu-top {
    border-top: 1px solid #333 !important;
    border-bottom: 1px solid #333 !important;
    margin-top: 30px;
}
#bg{
	background-image: url(https://www.gxbible.com/wp-content/uploads/2016/01/about-us-background-img.jpg);
	background-size: cover;
	background-position:100%;
}
.padding-space,.fw-col-inner{padding:195px 0px 0px 0px;}
#bg h3.animated.fadeInRightBig.slide-delay-2.YellowText {
	position: absolute;
    top: 230px;
    right: 0;
    float: right;
    font-family: Average Sans;
    line-height: 48px;
    font-style: italic;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 28px;
}
.saint_calendar a {
    color: #555;
    font-size: 17px;
    line-height: 25px;
}

.saint_calendar a:hover {
    text-decoration: none;
    color: #07714e;
}
input#submit, .add_field_button {
   background: #618e6d;
    border: 0px;
    color: #fff !important;
    padding: 2px 20px;
    font-size: 20px;
    border-radius: 3px;
    margin-top: 10px;
	margin-bottom: 20px;
}
label {
    color: #333;
    margin: 0px 0px 15px;
    font-size: 21px;
}
.new_bg {
    background: rgba(88, 88, 88, 0.64) !important;
    height: 350px;
}
footer .modal.fade.in .modal-body {
    bottom: 0; 
    opacity: 1;
	text-align:center;
}
#slide-bottom-popup .modal-body {
	position: fixed !important;
    bottom: 55px !important;
    left: 1%;
    width: 350px;
    background-color: rgba(210, 210, 210, 0.85);
    border: 1px solid #ddd;
    -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
    transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
}
.close {
    margin-top: -20px;
    text-shadow: 0 1px 0 #ffffff;
}
.popup-button {
    margin-left: 140px;
    margin-top: 77px;
    font-weight: bold;
}
.modal-open{
	overflow:auto !important;
	padding: 0 !important;
}
.close {
    line-height: 30px !important;
    opacity: 0.5 !important;
    width: 30px !important;
    position: absolute;
    right: 0 !important;
    border-radius: 30px;
}
.contact_address h3 {
    line-height: 45px;
    font-size: 24px;
    text-align: center;
}

.contact_address {
    height: 285px;
    border-left: 2px solid #7aa08b;
    padding: 10px;
    font-family: Playfair disney !important;
}
#slide-bottom-popup{
	z-index:1 !important;
}
#slide-bottom-popup .col-md-8{
	padding:0px !important;
}
#slide-bottom-popup p {
    font-size: 14px;
    line-height: 27px;
	text-align: left;
}
.comment {
    font-family: Average sans !important;
    color: #000;
    font-size: 21px;
    padding: 20px;
    background: rgba(221, 221, 221, 0.23);
    margin-bottom: 20px;
}

.comment-meta a {
    display: none;
}
input#user_login,input#user_pass {
    width: 100%;
    border: 1px solid #ddd;
    background: rgba(221, 221, 221, 0.4);
	padding: 0px 10px;
}
input#wp-submit {
    background: #619c8a;
    border: 0px;
    color: #fff;
    font-size: 17px;
    padding: 0px 20px;
    border-radius: 3px;
}
#home_popup{
	WIDTH:30%;
	margin:0 auto !important;
}
div#home_popup {
    background: url('http://www.gxbible.com/wp-content/uploads/2017/07/POP.jpg');
    background-repeat: no-repeat;
    margin-top: 100px !important;
    box-shadow: 0 0px 50px #525252;
    background-size: cover;
    height: 450px;
    color: rgba(255, 255, 255, 0.9) !important;
}
div#home_popup p {
    color: #f2f2f2;
    font-style: italic;
    font-size: 30px;
    line-height: 50px;
}

div#home_popup input.btn {
    margin-top: 30px;
    background: #a28a62 !important;
    font-weight: 600;
    padding: 5px;
    width: 35%
}

div#home_popup input.form-control {
    width: 80%;
    background: #ddd;
}
div#home_popup .col-md-8{
	padding: 60px 20px;
    color: #fff !important;
}
div#home_popup button.close {
    color: #fff;
    position: absolute !important;
   /*  right: -17px !important; */
    opacity: 1 !important;
    font-size: 34px !important;
}
.carousel-indicators .active{background-color: #008eff  !important;}
.carousel-indicators li{border: 2px solid #fff !important;}
.tab-pane.fade {
    height: auto !important;
}
#birthday{
	background:url('https://www.gxbible.com/wp-content/uploads/2016/01/donate-section-bg.jpg');
	min-height: 450px;
	background-size: 100%;
	padding: 80px;
}
#birthday h3 {
    font-size: 28px;
    font-style: italic;
    line-height: 38px;
    font-weight: 600;
    font-family: playfair disney;
}

#birthday .inner-para p {
    color: rgb(37, 37, 37) !important;
    font-size: 19px;
    font-family: playfair disney !important;
    font-style: italic;
    font-weight: 600;
}
.donate{
	font-family: Catamaran;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 32px !important;
    font-size: 15px !important;
    color: #ffffff;
    background: #1b3d32;
    text-transform: uppercase;
    position: absolute;
    bottom: -200px;
}
input.btn.btn_primary.donate:hover {
    color: #fff !important;
}
ul.nav.nav-pills.nav-justified a:hover {
    background: #e1bd8b;
}

@media screen and (max-width: 769px) {
	div#home_popup {
		width: 80%;
	}
	input.event_button{
		margin:0px !important;
	}
	div#bg {
		background: none !important;
	}
	.entry-title {
    margin-top: 0px;
    position: absolute;
    top: 50%;
    text-align: center;
    left: 20% !important;
    text-transform: capitalize;
    font-size: 30px !important;
    font-family: Playfair Display;
    font-style: italic;
    right: 20% !important;
    bottom: 45%;
	}
	ul#primary {
    list-style: none;
    padding: 0px;
}


.menu_location a {
    color: #000;
    line-height: 28px;
    font-weight: 500;
}

li.menu-item {
    border-bottom: 1px solid #ddd;
    margin: 10px;
}
	img.img-responsive.logo{width:100px !important;margin-top: -25px;}
	.menu_left {
		width: 95%;
	}
	body{
		padding:0px !important;
	}
	header#myCarousel {
    height: 350px;
	}

	#grey h1 {
		font-size: 16px;
		line-height: 31px;
		padding: 0 !important;
	}
	.navbar {
        height: auto;
		-webkit-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
	.navbar-nav.mobile-bar {
		display: block;
		max-height: 64px;
		margin: 0px -15px;
	}
	.navbar-nav.mobile-bar > li > a > span.menu-icon {
		display: none;
	}
	.spacer-md p {
		font-size: 39px;
		position: absolute;
		bottom: -135px;
		line-height: 51px;
		left: -21px !important;
	}

	#bg h3.animated.fadeInRightBig.slide-delay-2.YellowText {
		position: initial !important;
	}

	.animated.fadeInLeftBig.text-center {
		position: initial !important;
		padding-top: 30px !important;
	}

	div#newcar {
		height: auto !important;
	}

	.carousel-inner.bg {
		height: initial;
	}

	h1.heading {
		padding-bottom: 0px;
		font-size: 22px;
		margin-top: 2px;
	}

	h3.font {
		bottom: 0px;
	}

	div#caro {
		height: auto !important;
	}
	input.btn.btn_primary.donate {
		position: initial !important;
	}

	section#birthday {
		padding: 20px;
	}

	#birthday img.img-responsive {
		float: none !important;
		margin: 0 auto;
	}
	.container.padding {
		padding: 30px 20px;
	}

	.carousel-inner.new_carousel {
		height: auto !important;
	}
	.page-id-6 .carousel, .item, .active {
			height: auto !important;
		}

	.page-id-6 .nav-justified>li>a {
			width: 46%;
			float: left;
			margin: 5px !important;
			font-size: 12px;
		}

	.page-id-6 ul.nav.nav-pills.nav-justified {
			padding: 0px 15px 20px;
		}
}
/*21/7*/
.alert.alert-info {
    margin-bottom: 0px;
    padding: 10px;
	background-color: rgba(130, 170, 165, 0.53) !important;
    border-color: rgba(130, 170, 165, 0.53) !important;
}
.alert span {
    font-size: 17px;
    color: #333;
    font-family: playfair disney;
    margin-right: 20px;
}

input.form_input {
    border: 0px solid #f8fdff;
    background: rgb(236, 233, 226);
    padding: 4px;
    width: 19%;
    margin-right: 20px;
	color: #000;
}

.alert input#Subcribe {
    padding: 3px 13px;
    color: #fff;
    background: #6592a9;
}
.alert a.close {
    top: 20px;
}
span.icon-prev, span.icon-next {
    color: #9a643e;
}
img.avatar.avatar-32.photo {
    border-radius: 30px;
    padding: 2px;
}
img.img_sidebar {
    width: 45%;
    float: right;
    padding: 10px;
    border: 1px solid #ddd;
    margin: 20px 0px 0 20px;
}
footer input#email_footer {
    width: 61%;
    padding: 7px;
    margin: 1px;
}

footer  input#Subcribe {
    background: #9cad9a;
    color: #000;
}

footer .col-md-4.text-right {
    margin: 30px 0px 0px;
}
#slide-bottom-popup input.btn {
    background: #319f7c;
    color: #f7f7f7;
    font-weight: 600;
    width: 100%;
    padding: 2px;
}
.item input.btn {
    margin-top: 20px;
    width: 25%;
    background: #494a4a;
    margin-left: 10px;
    font-weight: 600;
    font-size: 20px !important;
    padding: 2px 10px;
    line-height: 35px;
    color: #fff;
}
#slide-bottom-popup{position:initial !important;}
div#confirmation {
    width: 30%;
    margin: 0 auto;
}

#confirmation .modal-body {
    background: #fff;
    padding: 37px;
    top: 20%;
}

#confirmation h3 {
    font-size: 28px;
    font-weight: 600;
    margin-top: 0;
    font-family: playfair disney !important;
}

#confirmation p {
    font-family: playfair disney !important;
    margin-top: 25px;
}
h3.preference {
    margin: 40px;
    color: #444;
    font-weight: 600;
    font-family: playfair disney !important;
    text-align: center;
    text-decoration: underline;
}
p.ajax-success {
    background: green;
    color: #fff;
    padding-left: 20px;
    width: 70%;
}

p.ajax-error {
    background: rgba(164, 27, 27, 0.63) !important;
    padding-left: 20px;
    width: 70%;
    color: #fff;
}
span.icon-bar {
    border: 2px solid #000;
}

div#mobilemenu {
    background: #f1f1f1;
	box-shadow: 0 0 3px #000;
}
#menu_location a {
    font-weight: 600;
    color: #666;
    font-size: 16px;
    border-bottom: 1px solid #666;
}
@media screen and (max-width:1367px){
	
	.menu_left {
		width: 95% !important;
	}
	div#home_popup button.close{
		right:0 !important;
	}
	ul.nav.nav-tabs.menu-top li a {
		padding: 10px 10px!important;
	}
	#bg {
    background-image: url(https://www.gxbible.com/wp-content/uploads/2016/01/about-us-background-img.jpg);
    background-size: 100% 100%;
	}
	.item input.btn{width:auto !important;}
	.inner_div h3{ width: 80% !important;}
}
@media screen and (min-width:768px){
.inner_div  img.img-responsive {
    width: 100%;
    height: 230px;
}
}
@media screen and (min-width:768px) and (max-width:1367px){
input.btn.btn_primary.donate {
    font-size: 12px !important;
    padding: 0;
    width: 120px;
}.menu_left{
width: 90% !important;}
}
p.error {
    background: rgba(150, 62, 62, 0.71);
    width: 64%;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

