/*
 Theme Name:   Betheme Child
 Description:  Betheme Child Theme
 Author:       Tagonline
 Author URI:   https://tagonline.com
 Template:     betheme
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

body:not(.template-slider) #Header{
	min-height: 90px !important;
}


.menu-item a span{
	padding: 0 15px !important;
}

#Content{
	padding-top: 0px !important;
}

#Top_bar{
	background-color: #FDFFFC !important;
}

#Top_bar #logo{
    padding: 0px !important;
}

#Subheader{
	background-color: #ffffff !important;
}

#Action_bar{
	background-color: #fdfffc !important;
}

.logo-main{
	max-width: 60% !important;
}

.logo-mobile{
	max-width:30% !important; 
	float: left;
}

#Side_slide{
	background-color: #fdfffc !important;
}

#menu a span{
    font-family: sans-serif !important;
    font-size: 16px !important;
}

#Side_slide #menu ul li:hover > a{
	color: black !important;
}

#menu-item-47{
	background-color: #F5CC00 !important;
}

#menu-item-47 a{
	color: #0C090D !important;
}

#menu-item-47 a span{
    font-weight: bold;
}

#menu-item-44 .sub-menu li{
	width: 260px !important;
}

.sub-menu{
	background-color: #252628 !important;
}

#Top_bar .menu > li ul li a{
	color: white !important;
}
#Top_bar .menu > li ul li{
	border-bottom: 1px solid white;
}


a.button_theme{
	background-color: #F9E500 !important;
	color: #0C090D !important;
	font-weight: bold !important;
}

.logo-overflow #Top_bar:not(.is-sticky) .logo{
	height: 0px !important;
}

.logo-sticky{
	width: 92px !important;
	height: 110px !important;
	max-width:100% !important;
}

.tag-line{
	line-height: 1;
	color: #0c090d; 
	font-size: 64px; 
	font-weight: bold;
	padding: 25px;
	padding-bottom: 0px;
}

.tag-line-sub{
	color: #0c090d; 
    padding: 0 25px;
	font-size: 1.2em;
}

.call-to-action-button a{
	background-color: #f9e500 !important;
	border-color: #0c090d !important;
	margin: 0 auto;
	color: #0c090d !important;
	font-weight: bold;

}

.call-to-action-button{
	margin-left: 55px;
}

.home-page-image{
	margin-bottom: 0px !important;
}

.home-right-image figure div{
	margin-bottom: 0px !important;
}

.home-page-image figure div{
	margin-bottom: 0px !important;
}

.hero-row{
	height: 530px !important;
}

.hero-row .wpb_wrapper{
	margin-top: 0 !important;
}

.hero-row img{
	object-fit: cover;
}

.margin-top-none .wpb_column .vc_column-inner{
	margin-top: 0px !important;
	padding-top: 0px !important;
}


.remove-padding-15 div, .remove-padding-15 figure, .remove-padding-15 img{
	padding: 0px 0px !important;
	height: auto !important;
	width: 100% !important;

}


.home-bullets{
	list-style: none !important;
	margin-left: 0px !important;
}
.h3-line-height{
	line-height: 1.4;
}

.read-more-button a{
	background-color: #f9e500 !important;
	color: #0c090d !important;
	font-weight: bold !important;
}

.breadcrumbs li a, .breadcrumbs li, .breadcrumbs li li, .breadcrumbs li li a{
	color: #0c090d !important;
}
#Top_bar {
    border-bottom: 1px solid #ececec;
}

#Subheader .title {
    font-size: 3em !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    font-style: normal !important;
	padding-bottom: 20px !important;
}

.menu_wrapper{
	background: linear-gradient(to left, #fffef0 ,#fff04d 89%)
}

.the_content_wrapper {
    margin: 0 0 2em !important;
}


/*What's New Styles*/


.subheader-both-center #Subheader .title{
	line-height: 1 !important;
}



#whatsNewHeader{
	padding: 30px !important;
	padding-bottom: 0 !important;
}

#whatsNewHeader .tag-line{
	padding-top: 10px !important;
	font-size: 30px;
  line-height: 34px;
  font-weight: 300;
  letter-spacing: 0px;
}

.vc_pageable-slide-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr) !important;
	margin: 0 auto !important;
	height: auto !important;
/* 	padding-left: 40px; */
/* 	padding-right: 40px; */
/* 	border: 2px solid red; */
	max-width: 1100px;
	width: 100%;
}


.vc_pageable-slide-wrapper::before, 
.vc_pageable-slide-wrapper::after, .vc_clearfix:after, .vc_clearfix:before
{
	display: none !important;
}

.vc_pageable-slide-wrapper .vc_grid-item{
	max-width: 320px !important;
	width: 100% !important;
	margin: 0 auto !important;
	border-radius: 5px !important;
/* 	box-shadow: 0px 0px 5px 1px black !important; */
}

#homePostGrid .vc_gitem-col-align-{
	background: #FCFCFC !important;
/* 	border: 2px solid red !important; */
/* 	margin-bottom: 0px; */
	background: #FCFCFC !important;
}

#homePostGrid .vc_gitem_row {
	background: #FCFCFC !important;
}

#homePostGrid .vc_btn3-container{
	margin-bottom: 50px !important
}

#homePostGrid .vc_grid-container-wrapper{
	margin-bottom: 0 !important;
}

.vc_custom_heading h4{
	font-size: 18px;
  line-height: 20px;
}

.vc_pageable-slide-wrapper {
	height: auto !important;
}

.vc_gitem-zone-mini{
	margin-top: 20px;
	padding: 10px;
	background: transparent !important;
}


.vc_gitem-zone-mini .vc_btn3{
	font-size: 14px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 20px;
  padding-right: 20px;
	border-radius: 5px;
	background-color: #f9e500 !important;
  color: #0c090d !important;
  font-weight: bold !important;
	
}


/*End What's New Styles*/



/*Our Story*/

.our-story-image figure div{
	margin-bottom: 5px !important;
}

.our-story-image{
	margin-bottom: 5px !important;
}

.logo-main{
	max-width: 43% !important;
}

.home .logo-main{
	max-width: 60% !important;
}
/* Our Work */

.our-work-title a{
	font-size: 1.05em;
	color: #0075a2;
}

.our-work-title a:hover{
	color: black;
}



/*Free PDFs*/

.pdf-col button{
	background-color: #F9E500;
	color: #0C090D;
	font-weight:bold;
	width: 50% !important;
}

/* Donation page*/

.donate-form{
	box-shadow: 8px 5px 15px 1px rgba(0,0,0,0.2);
    transition: 0.3s;
	background-color: #fdfffc;
	margin: 50px 0px;
}


.donate-tagline{
	text-align: center !important;
	font-weight: bold !important;
}

.donate-thanks{
	text-align: center !important;
	margin-bottom: 0px !important;
	
}

.form-description{
	color: #0c090d;
	font-size: 16px;
	text-align: center !important;
	margin-bottom: 0px !important;
}

.form-description-2{
	color: #0c090d;
	font-size: 16px;
	text-align: center !important;
	margin-bottom: 40px !important;
}

.read-more{
	text-align: center !important;
	font-size: 14px !important;
	color: #1a0dab;
	margin-bottom: 0px !important;
}
.read-more:hover{
	cursor: pointer;
}

.read-more-button a{
	font-family: "roboto" !important;
}

.button_label{
	font-family: "roboto" !important;
}
.donate-button{
	width: 170px;
	height: 50px;
}

.paypal-form{
	text-align: center !important;
}

.the_content_wrapper{
	margin: 0 !important;
}

/* Free ebooks */

.check-form{
    text-align: center;
	margin: 50px 0;
}

.check-form input[type="text"]{
    margin: 0 auto;
	margin-bottom: 10px;

}

.check-form input[type="submit"]{
    background-color: #F9E500;
	color: #0C090D;
	font-weight: bold;
}

#mc_embed_signup input[type="text"], #mc_embed_signup input[type="email"], #mc_embed_signup select{
	width: 100% !important;
	height: 47px !important;
}

#mc_embed_signup2{
    text-align: center;
	margin: 50px 0 50px 0;
}

#mc_embed_signup2 input[type="text"], #mc_embed_signup2 input[type="email"], #mc_embed_signup2 select{
    margin: 0 auto;
	margin-bottom: 10px;
	width: 36%;
	height: 45px;
}

#mc_embed_signup2 input[type="submit"]{
    width: 100%;
}

#mc_embed_signup2 input[type="submit"]{	
	width: 100px;
	margin: 0 auto;

}

/* Contact Header */

.contact-us{
	font-size: 40px !important;
}

.wpcf7-submit{
	background-color: #F9E500 !important;
	color: black !important;
	font-weight: bold;
	
}

.contact-background{
	background-color: #fdfffc !important;
	width: 750px !important;
	height: 400px;
	border:1px solid #cacaca !important;
	padding-top: 30px !important;
	box-shadow: 8px 5px 15px 1px rgba(0,0,0,0.2);
	line-height: 24px !important;
}

.contact-details{
	color: #0c090d !important;
	font-size:16px !important;
}

.contact-details-header{
	font-size: 18px !important;
}

.contact-content {
	text-align: center !important;
	
}

.contact-column-left{
	box-shadow: 10px 10px 15px 0px rgba(0,0,0,0.2)
}

.contact-column-right{
	box-shadow: 10px 11px 12px 0px rgba(0,0,0,0.2)
}

.contact-column-right form textarea{
	height: 225px;
}

.contact-column-right form input[type="text"], input[type="email"]{
	height: 30px;
}

.contact-column-right .wpb_content_element{
	margin-bottom: 15px; 
}

.p-top{
	padding-top:2em !important;
}

.p-bottom{
	padding-bottom:5em !important;
}

/*Our Work*/

.our-work-img-wrapper{
	text-align:center !important;
}

/*Footer*/

#Footer .textwidget p{
	font-size: .85em;
}



.social .facebook a,#Action_bar .social .facebook a {
	color: #3b5998 !important;
}

.social .twitter a, #Action_bar .social .twitter a{
	color: #00aced !important;
}

#Action_bar .social{
	margin-right: 18px;
}

/*What's new*/

.row-shadow{
	box-shadow:0 6px 18px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
}

.whats-new-row .date{
	color: #0c090d !important; 
}

.whats-new-row .author-date .label, .whats-new-row .fn a, .whats-new-row .author-date .icon-user, .whats-new-row .post-footer .button-love, .whats-new-row .category, .whats-new-row .post-footer .icon-comment-empty-fa, .whats-new-row .post-footer .post-links .post-comments, .single-post .home, .single-post .author-date .label{
	display: none; 
}

.whats-new-row .post-footer{
	float: left;
	background-color: #fdfffc;
	padding-left: 0px !important;
}

.whats-new-row .post-footer .post-links{
	padding-left: 0px;
	border: none;
}

.whats-new-row .post-desc-wrapper .post-desc{
	padding-top: 25px;
}

.whats-new-row .post-item{
	box-shadow:0 6px 18px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
	padding-bottom: 5px;
}

.whats-new-row .post-excerpt{
	padding-bottom: 20px;
    padding-right: 20px;
}

.whats-new-row .image_frame{
	border: none;
	margin-bottom: -5px !important;
}

.whats-new-row .post-footer{
	position: absolute;
	bottom: 0;
}

.whats-new-row .post-links{
	background-color: #f9e500;
	padding: 7px 20px 7px 20px;
	border-radius: 4px;
	margin-bottom: 8px;
}

.whats-new-row .post-links a, .whats-new-row .post-links .icon-doc-text{
	color: #0c090d;
	font-weight: bold;
}

.whats-new-row .post-links .icon-doc-text{
	margin-left: 10px;
}

.author-date{
	display: none !important;
}

.single-post .breadcrumbs li:nth-child(2){
	display: none !important;
}

/*Blog*/

#Filters, .blog .cat-btn, #Filters, .category .cat-btn{
	display: none !important;
}

.blog .image_frame, .blog-item .mask, .category .image_frame, .blog-item .mask{
	border: none;
	box-shadow: none !important;
}

.blog .post-desc-wrapper .label, .category .post-desc-wrapper .label{
	display: none;
}

.blog .post-footer, .category .post-footer{
	position: absolute;
	bottom: 0;
}


.blog #Content ul, .category #Content ul{
	background-color: #f9f9f9;
	padding:0px;
}

.blog #Content ul li, .category #Content ul li{
	background-color: #F9E500;
	padding: 0px 0px;
	border-radius: 4px;
	margin-bottom: 10px;
	text-align: center;
	list-style: none;
}

.blog #Content ul a, .category #Content ul a{
	color: #0c090d !important;
	font-weight: bold;
}

.blog #Content ul a:hover, .category #Content ul a:hover{
	text-decoration: none;
}

.single-post .post-nav{
	margin-top: 20px;
}

.blog .post-links{
	border-left: none !important;
	padding-left: 0px !important;
}

/*Donate 2*/

.donate-column{
	box-shadow: 8px 5px 15px 1px rgba(0,0,0,0.2);
    transition: 0.3s;
}

/*Publications*/

.publications input[type='image']{
	position:relative !important;
	bottom: 45px !important;
	
}

.collapseomatic_content {
	margin-left: 0px !important;
	margin-bottom: 10px !important;
}
.right-column h4{
	margin-top: 10px;
}

.widgets_wrapper .container{
	max-width: 1440px !important;
	width: 1360px !important;
}

/*Responsive*/


@media screen and (max-width: 1580px){
	.hero-row{
		height: 620px !important;
	}
}

@media screen and (max-width: 1421px) {
  .tag-line{
  	  font-size: 53px;
	  margin-bottom: 25px !important;
  }
}


@media screen and (min-width: 1400px) {
  .home-page-image figure div img{
    width: 1400px !important;
  }
}

/* What's New Media */

@media screen and (max-width: 1300px){
	.vc_pageable-slide-wrapper{
		grid-template-columns: repeat(2, 1fr) !important;
		max-width: 700px;
		width: 100%;
	}
	
	
	.hero-image{
		height: auto !important;
	}
}

@media only screen and (max-width: 1239px){
	#menu a span {
		font-size: .85em !important;
	}
	#Top_bar #logo{
		position: relative;
		right: 30px;
	}
	a.button .button_label {
    padding: 8px 12px !important;
	}
	.home .logo-main {
        max-width: 40% !important;
    }
    .tag-line{
  	  font-size: 45px !important;
	  margin-bottom: 25px !important;
	  padding-top: 0px !important;
	  margin-top: -30px;
    }
	.hero-row .wpb_text_column{
		padding-top: 35px !important;
		padding-bottom: 35px !important;
	
	}

}


@media only screen and (max-width: 1078px){
	.hero-row{
		height: 415px !important;
	}
	.tag-line{
		font-size: 35px !important;
	}
	.hero-row .wpb_text_column{
		padding-bottom: 30px !important;
	}

}


@media only screen and (max-width: 1017px){
	.tag-line{
		font-size: 30px !important;
	}
	.tag-line-sub{
		font-size: 15px !important;
	}

}



@media only screen and (max-width: 992px){
	
	#menu a span {
		font-size: .8em !important;
		padding: 0 10px !important;
	}
	#Top_bar #logo{
		position: relative;
		right: 50px;
	}
	a.button .button_label {
    padding: 8px 12px !important;
    }
	#Top_bar a.button.action_button{
		left: 50px;
	}
	#Top_bar .menu_wrapper{
		position: relative;
        left: 30px;
	}
	.is-sticky .menu_wrapper{
		position: relative;
        left: 30px;
		bottom: 60px !important;
	}
	.home .logo-main {
        max-width: 40% !important;
	}
}

/* What's New Media */
@media screen and (max-width: 980px){
	.vc_pageable-slide-wrapper{
		grid-template-columns: repeat(2, 1fr) !important;
		max-width: 700px;
		width: 100%;
	}
	
	
	.hero-image{
		height: auto !important;
	}
}



@media only screen and (max-width: 861px){
	.hero-row{
		height: 330px !important;
	}
	.tag-line{
		font-size: 20px !important;
		padding-left: 22px !important;
	}
	.tag-line-sub{
		font-size: 13px;
	}
	.hero-row .wpb_text_column{
		padding-left: 5px !important;
	}
	.call-to-action-button{
		margin-left: 31px !important;
	}
}
@media only screen and (max-width: 767px){
	
	.logo-mobile {
        width: 90px !important;
		position: relative;
		left: 40px;
	}
	#Subheader{
		padding: 50px 0 30px !important;
	}
	#Top_bar a.responsive-menu-toggle {
    top: 40px;
    margin-right: 30px;
	}
	.top_bar_right{
		margin-right: 100px;
	}
	#Action_bar .social {
    margin-right: -10px;
}
	.tag-line{
		padding-left: 0px !important;
	}
	.tag-line-sub{
		padding-left: 2px;
	}
	.call-to-action-button{
		margin-left: 32px !important;
	}
	#menu a span{
		font-size: 1em !important;
	}
	#Side_slide #menu ul li.hover > a{
		color: #0c090d !important
	}
	.current-menu-item a{
		color: #0c090d !important;
		font-weight: bold !important;
	}
	.sub-menu a{
		color: #fdfffc !important;
	}
	.sub-menu li{
		border-bottom: 1px solid #fdfffc !important;
	}
	.sub-menu a:hover{
		color: #fdfffc !important;
	}
	.sub-menu a > span:hover{
		color: #fdfffc !important;
	}
	.sub-menu a:hover span{
		color: #fdfffc !important;
	}
	
	#Side_slide #menu ul li.current-menu-ancestor > a{
		color: #0c090d !important;
	}
	.donate-button{
		width: 140px;
		height: 40px;
	}
	.form-description, .form-description-2{
		font-size: 14px;
	}
	#Subheader .title{
		line-height: 36px !important;
	}
	.hero-row{
		height: 700px !important;
	}
	.hero-image{
		height: 430px !important;
	}
	.hero-row .vc_column-inner{
		padding-top: 0px !important;
	}
	.tag-line{
		padding-top: 70px !important;
	}
	.hero-row .wpb_text_column{
		padding-left: 30px !important;
	}

}

@media only screen and (min-width: 768px){
	#Top_bar.is-sticky .logo {
    	margin: 0 0px 0 20px !important;
		}
}

@media only screen and (max-width: 767px){
	.tag-line{
		font-size: 26px !important;
	}
	.tag-line-sub{
		font-size: 17px !important;
	}
	.hero-row{
		height: 740px !important;
	}
    .flex-group{
	    display: flex;
		flex-wrap: wrap;
	}
	.flex-inner-left{
		order:2 !important;
	
	}
	.flex-inner-right{
		order:1 !important;
	}
	.hero-row .wpb_text_column{
		padding-top: 22px !important;
	}
}

/* What's New Media */


@media screen and (max-width: 700px){
	.vc_pageable-slide-wrapper{
		grid-template-columns: repeat(1, 1fr) !important;
	}
}


@media only screen and (max-width: 676px){
	.hero-image{
		height: 380px !important;
	}
	.hero-row{
	//	height: 710px !important;
	} 
}


@media only screen and (max-width: 553px){ 
	.hero-row .wpb_text_column{
		padding-top: 22px !important;
	}
	.hero-image{
		height: 330px !important;
	}
	.hero-row{
		height: 660px !important;
	} 
}


@media only screen and (max-width: 447px){
	.tag-line-sub{
		font-size: 15px !important; 
	}
	.hero-image{
		height: 280px !important;
	}
	.hero-row{
		height: 610px !important;
	} 
}

@media only screen and (max-width: 400px){
	.tag-line{
		font-size: 22px !important; 
	}
	.hero-image{
		height: 240px !important;
	}
	.hero-row{
		height: 580px !important;
	}
	.tag-line {
	    padding-top: 50px !important;
	} 
}


@media only screen and (max-width: 351px){
	.tag-line{
		font-size: 18px !important; 
	}
	.tag-line-sub{
		font-size: 14px !important;
	
	}
	.hero-image{
		height: 200px !important;
	}
	.hero-row{
		height: 530px !important;
	} 

}