/* ===================================================================================

* Theme Name: Charitious Child
* Theme URI: https://themeforest.net/user/xpeedstudio/portfolio
* Description: Charitious is powerful and modern charitable responsive WordPress Theme.
* Version: 1.0
* Author: XpeedStudio
* Author URI: http://www.xpeedstudio.com
* Template: charitious
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

.ui-datepicker{
   max-width: 222px;
}
@media (max-width:780px){
    .header-transparent .nav-menu li a, .xs-box .nav-menu li a{
        text-align:center;
    }
    .ui-datepicker{width:auto !important;}
}


/*  */
/*  */
/*  */
/*  */
/*  */
/*  More CSS */
.xs-menus.xs_nav-landscape .nav-submenu li a:hover{
    color:#be0202;
}
.color-light-red a{
   color: #be0202;
}
.footer-top-area{
    text-align: center;
    color: #8f8f8f;
    padding-top: 80px;
    line-height: 20px;
    font-size: 16px;
    font-style: italic;
}
.about-hoani{
    max-width: 670px;
    margin: 0 auto;
}
.about-hoani img{
    max-width: 160px;
    margin-bottom:50px;
}
.xs-copyright .col-md-6{
    width:100% !important;
    max-width: 100%;
    flex: auto;
    text-align: center;
}
footer .xs-info-list li,
footer .xs-info-list a{
    color:#8f8f8f;
}
.footer-widget ul li a{
    color:#8f8f8f;
}
.footer-widget ul li a:hover,
.footer-widget ul li a:focus{
    color:#be0202;
}
.header-transparent .nav-brand img, .xs-box .nav-brand img, .box-header .nav-brand img{
	max-height: 115px;
}
.header-transparent .nav-brand, .xs-box .nav-brand {
    background-image:none;
    background-color: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.xs-header .nav-menu li.current-menu-item > a::before, .xs-header .nav-menu li.current-menu-item > a::after{
	display:none !important;
}
.btn-primary{
	background-color: #be0202;
}
.btn-primary:hover {
background-color: #960303;
}
.header-top-newnav a:hover,
.header-top-newnav a:focus{
	color: #960303;
}
.btn:hover:before, .btn:hover:after{
	display:none;
}
header .xs-navs-button.d-flex-center-end{
	display:inline-block;
	text-align:right;
	padding-top: 20px;
}
.header-top-newnav{
	padding-right:25px;
	padding-bottom: 2px;
}
.header-top-newnav span,
.header-top-newnav a{
	color:#fff;
}
.xs-footer-section{
	background-image:none !important;
}
@media (max-width:780px){
    .about-hoani{
        padding-left:15px;
        padding-right:15px;
    }
	.xs-footer-top-layer .textwidget{
		display:none;
	}
    .footer-widget .widget-title{
        margin-bottom:20px;
		cursor:pointer;
    }
    .footer-widget{
        margin-bottom:25px;
    }
    h3.widget-title:before {
        content: "\f054";
        font-family: "fontawesome";
        position: absolute;
        right: 10px;
    }
    .activeWidget h3.widget-title:before {
		content: "\f078";
	}
    .footer-widget.activeit h3.widget-title:before{
        content: "\f078";
    }
	header .xs-navs-button.d-flex-center-end{
		text-align:center;
		padding-top:0px;
	}
	.header-top-newnav{padding-right:0px;}
	.header-top-newnav span,
	.header-top-newnav a{
		color:#333333;
	}
	.xs-header .nav-menus-wrapper {
		padding-top:30px;
	}
	.xs-menus .nav-menu>li>a {
		padding: 12px 15px 12px 15px;
	}
}
@media (min-width: 320px) and (max-width: 425px) {
  button.btn.btn-primary.nextBtn.btn-lg {
    width: 100%;
}

 button.btn.btn-primary.prevBtn.btn-lg {
    width: 100%;
  
}
}
@media (max-width: 768px){
.elementor-348 .elementor-element.elementor-element-629842e2 > .elementor-widget-container {
    margin: 0px 0px 0px -108px;
}
}
@media (max-width: 640px){
	.elementor-348 .elementor-element.elementor-element-629842e2 > .elementor-widget-container {
		margin: 0px 0px 0px 40px;
	}
}