/*!
Theme Name: Social Charity
Theme URI: http://html5wp.com/downloads/social-charity-wordpress-theme/
Author: html5wp
Author URI: http://html5wp.com/
Description: Social Charity is a simple, clean, responsive and user-friendly  charity WordPress theme specially designed for charity, Social, trust, donation camp, foundations or a non-profit organisation. It can be used by those who often organise fundraising events, blood donation camps, welfare activities, campaigns etc.  It has all the features which make it a perfect charity wordpress theme but it can be used for multiple purposes as to write a blog on charity activities and welfare related things or as a portfolio. It has a fully responsive layout and cross-browser compatibility.The Social theme is written in clean and secure codes. It is SEO-friendly which makes it rank higher in search engine results.It has a testimonial section where people can express their views on your charity work.
Version: 1.0.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: social-charity
Tags: blog, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
Tested up to: 5.4
Requires PHP: 5.6

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Social Charity is based on Underscores https://underscores.me/, (C) 2012-2017 html5wp, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
body{
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
}
a{
	transition: all 0.3s ease;
	text-decoration: none !important;
	color: #222222;
}
a:hover{
	color: #fd7013;
}
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
img{
	transition: all 0.5s ease;
	width: 100%;
	height: 100%;
}
h1,h2,h3,h4,h5,h6{
	text-transform: uppercase;
	font-weight: 700;
	color: #222222;
	transition: all 0.3s ease;
}
a:hover h1,
a:hover h2,
a:hover h3,
a:hover h4,
a:hover h5,
a:hover h6{
	color: #fd7013;
}
h1{
	font-size: 36px;
}
h2{
	font-size: 30px;
	margin: 0 0 80px;
}
h3{
	font-size: 24px;
}
h4{
	font-size: 18px;
}
h5{
	font-size: 16px;
}
h6{
	font-size: 14px;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span{
	color: #fd7013;
}
p{
	color: #aaa;
	line-height: 1.8;
	margin: 0;
}
input{
	height: 45px;
	outline: none !important;
}
input,
textarea{
	border-radius: 22.5px !important;
	font-size: 14px !important;
	padding: .375rem 25px !important;
	border-color: #eee !important;
	color: #777 !important;
	box-shadow: none !important;
	background-color: transparent !important;
}
input::placeholder,
textarea::placeholder{
	color: #aaa !important; 
}
form label{
	color: #aaa;
}
.img-holder{
	position: relative;
	overflow: hidden;
	display: block;
}
.img-holder:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.mgb-lg{
	margin-bottom: 80px;
}
.mgb-md{
	margin-bottom: 50px;
}
.btn{
	font-size: 14px;
	border-radius: 1000px;
	transition: all 0.3s ease;
	border: 0;
}
.btn-lg{
	padding: 12px 31px;
}
.btn-md{
	padding: 10px 29px;
}
.btn-primary{
	background: #fd7013;
}
.btn-primary:hover{
	background: #222831;
}
.btn-default{
	background: #222831 ! important;
	color: #fff !important;
}
.btn-default:hover{
	background: #fd7013;
}
.btn-bordered{
	border: 1px solid #fd7013;
	color: #fd7013;
}
.btn-bordered:hover{
	background: #fd7013;
	color: #fff;
}
.slick-arrow{
	z-index: 2;
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius: 0;
	box-shadow: 0px 0px 20px -3px #eeeeee;
	transition: all 0.3s ease;
}
.slick-arrow:before{
	font-family: FontAwesome;
	color: #222;
	font-size: 24px;
	transition: all 0.3s ease;
}
.slick-arrow:hover:before{
	color: #fff;
}
.slick-arrow:hover, 
.slick-arrow:focus{
	background: #fd7013 !important;
}
.slick-arrow:focus:before{
	color: #fff;
}
.slick-prev{
	left: -10px;
}
.slick-prev:before{
	content: "\f104";
}
.slick-next{
	right: -10px;
}
.slick-next:before{
	content: "\f105";
}
.slick-dots{
	bottom: 45px;
}
.slick-dots li{
	margin: 0 7px;
}
.slick-dots li button{
	background: #fff;
}
.slick-dots .slick-active,
.slick-dots .slick-active button{
	width: 30px !important;
}
.slick-dots li button,
.slick-dots li,
.slick-dots li button:before{
	width: 10px;
	height: 10px;
	padding: 0;
	border-radius: 1000px;
	transition: all 0.3s ease;
}
.slick-dots li button:before{
	content: none;
}
.slick-dotted.slick-slider{
	margin: 0;
}
.slick-slider div[class*=col-]{
	max-width: 100%;
}
.main-title{
	text-align: center;
}
.title h2{
	margin: 0 0 40px;
}
.tag-date{
	display: inline-block;
	vertical-align: top;
	padding: 4px 15px;
	background: #fd7013;
	color: #fff;
	font-size: 12px;
	border-radius: 3px;
	margin: 0 0 15px;
}
.time-address{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	color: #aaa;
	margin: 0 0 10px;
}
.time-address span{
	margin: 0 25px 0 0;
}
.time-address span:last-child{
	margin: 0;
}
.time-address .fa{
	color: #fd7013;
	margin: 0 5px 0 0 !important;
}
.date{
	color: #fd7013;
}
.quote{
	width: auto;
	margin: 0 5px 0 0;
}
.b-date{
	width: 100px;
	color: #fd7013;
	text-align: center;
	border-right: 1px solid #ddd;
	margin: 0 15px 0 0;
	padding: 0 10px 0 0;
}
.b-date span{
	display: block;
}
.b-date .num{
	font-size: 30px;
	font-weight: 700;
}
.b-date .month{
	font-weight: 500;
}

/*header*/

header a{
	color: #fff;
}

header.background .b-header{
	background: #fd7013;
}
.b-header{
	transition: all 0.5s ease;
}
.t-header{
	padding: 12px 0;
	background: #fff;
}
.t-header .container{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.t-header .fa{
	margin-right: 6px;
}
.t-header ul li{
	display: inline-block;
	vertical-align: top;
	color: #777777;
}
.t-header ul li a{
	color: #777;
}
.t-header ul li a .fa{
	color: #fd7013;
}
.t-header ul li a:hover{
	color: #fd7013;
}
.t-header .contact-info{
	margin-right: auto;
}
.t-header .contact-info li{
	margin: 0 0 0 85px;
}
.t-header .contact-info li:first-child{
	margin: 0;
}
.t-header .login-info li{
	margin: 0 32px 0 0;
	position: relative;
}
.t-header .login-info li:last-child{
	margin: 0;
}
.t-header .login-info li:before{
	content: "";
	position: absolute;
	top: 50%;
	right: -19px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 1px;
	height: 18px;
	background: #ddd;
}
.t-header .login-info li:last-child:before{
	content: none;
}
.animated {
	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	will-change: transform,opacity;
}
.header--fixed {
	position: fixed;
	z-index: 10;
	right: 0;
	left: 0;
	top: 0;
}

.dropdown-toggle::after{
	content: "\f107";
	font-family: FontAwesome;
	border: 0;
	vertical-align: top;
	width: auto;
	height: auto;
}
header .navbar{
	padding: 0;
}
header .navbar li.nav-item{
	margin: 0 46px 0 0;
}
header .navbar li:last-child{
	margin: 0;
}
header .navbar .nav-link{
	color: #fff !important;
	padding: 36px 0 35px !important;
	position: relative;
}
header .navbar li a.nav-link:before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	width: 0;
	background: #fff;
	transition: all 0.3s ease;
	opacity: 0;
    visibility: hidden;
}
header .navbar li a.nav-link:hover:before{
	width: 100%;
}

/*Dropdown Menu Start*/
header .navbar ul.navbar-nav li{
	padding: 10px;
}
header .navbar .dropdown {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	margin: 0;
	font-size: 14px;
	transition: all 0.3s ease;
	border: 0;
	border-radius: 0;
	box-shadow: 0px 0px 18px -4px #ddd;
    left: auto;
}

header .navbar-nav .dropdown li a{
	color: #fd7013;
}
header .navbar-nav li:focus-within .dropdown, header .navbar-nav li:hover .dropdown{
	background-color: #f8f9fa;
}

header .navbar li:hover > ul.dropdown{
    opacity:1;
    visibility:visible;
}
header .navbar .dropdown li {
    opacity:1;
    visibility:visible;
    width: 100%;
    margin: 0;
    float: none;
    border-bottom: 1px solid #ebebeb61;
}
header .navbar .dropdown li:last-child{
    border:none;
}
header .navbar li .dropdown li a {
    color: #555;
    padding: 8px 15px;
    text-transform: capitalize;
    font-weight: 500;
    background: transparent;
}
header .navbar li .dropdown li a:before{
    opacity: 0;
    visibility: hidden;
}
header .navbar li .dropdown li i{
    float:right;
}
header .navbar li .dropdown li:hover a{
    color:#f53d33
}
header .navbar li .dropdown li:last-child a{
    border-bottom:0px;
}
header .navbar li .dropdown li ul.dropdown{
    position:absolute;
    right:100%;
    /*top:0;*/
    opacity:0;
    visibility:hidden;
    margin-top: -47px;
}
header .navbar li .dropdown li:hover .dropdown{
    opacity:1;
    visibility:visible;
}
header .navbar li .dropdown li .dropdown li  .dropdown{
   opacity:0;
   visibility:hidden;
}
header .navbar li .dropdown li .dropdown li:hover .dropdown{
   opacity:1;
    visibility:visible;
}
header .navbar li .dropdown li .dropdown li  .dropdown li .dropdown{
   opacity:0;
   visibility:hidden;
}
header .navbar li .dropdown li .dropdown li  .dropdown li:hover .dropdown{
 opacity:1;
    visibility:visible;
}
header .navbar li .dropdown li .dropdown li a{
    color:#555;
}
header .navbar li .dropdown li dropdown li:hover a{
    color:#F53D33;
}

/*Dropdown Menu End*/

header .b-header .donate-btn li{
	margin-left: 46px;
}
header .b-header .donate-btn li a {
	background: #fd7013;
	padding: 10px 26px;
	border-radius: 1000px;
	border: 1px solid #fd7013;
}
header .b-header .donate-btn li a:hover{
	background: transparent;
	border-color: #fff;
	color: #fff;
}
header.background .b-header .donate-btn li a{
	border-color: #fff;
	background: transparent;
}
header.background .b-header .donate-btn li a:hover{
	background: #222831;
	border-color: #222831;
}

/*hamburger style*/

.navbar-light .navbar-toggler {
	outline: none;
	margin: 0 0 0 auto;
	border: 0;
	border-radius: 0;
	padding: 0;
}

#nav-icon3 {
	width: 26px;
	height: 24px;
	position: relative;
	margin: 10px auto;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

#nav-icon3 span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #fff;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
	top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
	top: 9px;
}

#nav-icon3 span:nth-child(4) {
	top: 18px;
}

#nav-icon3.open span:nth-child(1) {
	top: 7px;
	width: 0%;
	left: 50%;
}

#nav-icon3.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
	top: 7px;
	width: 0%;
	left: 50%;
}

/*end hamburger*/

.logo{
	width: 220px;
	transition: all 0.3s ease;
	display: block;
}
.navbar-brand{
	width: 229px;
	transition: all 0.3s ease;
	background: #fd7013;
	padding: 22px 20px 22px 0;
	position: relative;
}
.navbar-brand:before{
	content: "";
	position: absolute;
	top: 0;
	right: -91px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 91px 91px 0 0;
	border-color: #fd7113 transparent transparent transparent;
	z-index: -1;
}
.navbar-brand:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background: #fd7013;
	width: 110vw;
	z-index: -1;
}
.navbar-brand img{
	width: 100%;
}

/*end header*/


/*banner*/

.banner{
	overflow: hidden;
} 
.banner .img{
	position: relative;
}
.banner .img:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.3);
}
.banner .slick-slide{
	line-height: 0;
}
.banner .slick-arrow{
	opacity: 0;
	visibility: hidden;
}
.banner:hover .slick-arrow{
	opacity: 1;
	visibility: visible;
}
.banner {
	width: 100%;
}
.banner .caption{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	color: #fff;
	width: 750px;
	text-align: center;
}
.banner .caption h1,
.banner .caption p{
	margin: 0 0 20px;
	color: #fff;
}
.banner .caption .btn span {
	font-size: 20px;
	width: 39px;
	height: 39px;
	background: #fff;
	border-radius: 1000px;
	position: relative;
	vertical-align: middle;
	line-height: 1px;
	margin: 0 0 0 15px;
	transition: all 0.3s ease;
}
.banner .caption .btn span:before{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	color: #200a3e;
	transition: all 0.3s ease;
}
.banner .caption .btn:hover span{
	background: #eea282;
}
.banner .caption .btn:hover span:before{
	color: #fff;
}
.banner .slick-arrow{
	background: rgba(0,0,0,0.5);
	box-shadow: none;
}
.banner .slick-arrow:before{
	color: #fff;
}
.banner .slick-prev{
	left: 55px;
}
.banner .slick-next{
	right: 55px;
}

/*end banner*/


/*services*/

.service-icon{
	font-size: 40px;
	color: #FFF;
}

.services{
	margin-top: -100px;
}
.services .s-holder{
	background: #222831;
	text-align: center;
	padding: 30px;
	transition: all 0.3s ease;
}
.services .s-holder:hover{
	background: #fd7013;
}
.services div[class*=col-]{
	display: flex;
}
.services div[class*=col-]:first-child .s-holder{
	background: #fd7013;
}
.services .s-holder h5{
	margin: 0 0 15px;
}
.services .s-holder h5,
.services .s-holder p{
	color: #fff;
}
.services .s-holder img{
	margin: 0 0 20px;
	width: auto;
}

/*end services*/


/*progress bar*/

.progress-bar{
	background-color: #fd7013;
}

/*end progress bar*/


/*c-card*/

.c-card .card-body{
	padding: 20px;
	border: 1px solid #f5f5f5;
}
.c-card .card-body .progress,
.c-card .card-body h4,
.c-card .card-body p{
	margin: 0 0 15px;
}
.raised-goal{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	font-weight: 500;
	margin: 0 0 11px;
}
.raised-goal .raised{
	color: #aaa;
	margin: 0 20px 0 0;
}
.raised-goal .goal{
	color: #fd7013;
}

/*end c-card*/


/*about*/

.about{
	background: #f9f9f9;
	padding: 80px 0;
}
.about p{
	margin: 0 0 20px;
}
.about .btn{
	margin: 10px 0 0;
}
/*end about*/


/*media*/
.md-media .img-holder{
	width: 165px;
	margin: 0 30px 0 0;
}
.media h4{
	margin: 0 0 10px;
}
.sm-media .img-holder{
	width: 100px;
	margin: 0 20px 0 0;
}
.sm-media .media-body .title{
	color: #aaa;
	font-weight: 400;
	margin: 0 0 10px;
	display: block;
}
.sm-media .media-body .title:hover{
	color: #fd7013;
}
.date .fa{
	margin: 0 5px 0 0;
}
.lg-media .img-holder{
	width: 263px;
	margin: 0 30px 0 0;
}
.media .media-body .media{
	margin: 30px 0;
}
/*end media*/


/*events*/

.events .row div[class*=col-]{
	margin: 0 0 30px;
}

/*end events*/


/*volunteer*/

.volunteer{
	padding: 80px 0;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	position: relative;
	z-index: 0;
	text-align: center;
}
.volunteer:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.6);
	z-index: -1;
}
.volunteer p{
	color: #fff;
	margin: 0 0 60px;
}
.volunteer .title h2{
	color: #fff;
}
.volunteer input,
.volunteer input::placeholder{
	color: #fff !important;
}
.volunteer .row div[class*=col-]{
	margin: 0 0 30px;
}
.volunteer .row div[class*=col-]:last-child{
	margin: 0;
}

/*end volunteer*/


/*t-thumb*/

.t-thumb{
	padding: 0 20px 25px;
	box-shadow: 0 0 10px 0 #eeeeee;
	text-align: center;
}
.t-thumb .img{
	width: 117px;
	margin: 0 auto 15px;
	overflow: hidden;
	border-radius: 1000px;
	position: relative;
	top: -58px;
}
.t-thumb .t-body{
	margin: -58px 0 0;
}
.t-thumb .t-title{
	margin: 0 0 15px;
}
.t-thumb .t-title h6{
	margin: 0 0 3px;
}

/*end t-thumb*/

/*testimonial*/

.testimonial .slick-list{
	padding: 59px 0 5px;
}

/*end testimonial*/


/*gallery*/

.gallery {
	padding: 80px 0 50px;
	background: #f9f9f9;
}
.gallery .main-title h2{
	margin: 0 0 50px;
}
.gallery .row div[class*=col-]{
	margin: 0 0 30px;
}
.gallery .img-holder{
	display: block;
}
.gallery .img-holder:after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	background: rgba(0,0,0,0.4);
	width: 0;
	height: 0;
	transition: all 0.3s ease;
}
.gallery .img-holder:hover:after{
	width: 100%;
	height: 100%;
}
.gallery .img-holder:before {
	content: "\f002";
	font-family: FontAwesome;
	position: absolute;
	top: 50%;
	left: 50%;
	right: inherit;
	bottom: inherit;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	font-size: 24px;
	color: #fff;
	background: transparent;
	opacity: 0;
	transition: all 0.3s ease;
	z-index: 1;
}
.gallery .img-holder:hover:before{
	opacity: 1;
}

/*end gallery*/


/*nav pills*/

.nav-pills li{
	margin: 0 30px 15px 0;
}
.nav-pills li:last-child{
	margin-right: 0;
}
.nav-pills .nav-link{
	border-radius: 1000px;
	padding: 12px 31px;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
	z-index: 0;
	box-shadow: 0px 0px 20px -3px #eeeeee;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	background: #200a3e;
}
.nav-pills .nav-link:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 45px;
	margin: 0 auto;
	height: 0;
	width: 1px;
	background: #200a3e;
	z-index: -1;
	transition: all 0.3s ease;
}
.nav-pills .nav-link.active:before{
	height: 100px;
}

.tab-content{
	padding: 45px 0 0;
	margin: 0 0 100px;
}

/*end nav pills*/


/*isotop*/

.gallery .portfolioFilter {
	font-weight: 500;
	margin: 0 0 65px;
	text-align: center;
}

.gallery .portfolioFilter a {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	padding: 8px 22px;
	background: #fff;
	box-shadow: 0px 0px 20px -3px #eeeeee;
	border-radius: 1000px;
	margin: 0 20px 15px 0;
}
.gallery .portfolioFilter a:last-child{
	margin-right: 0; 
}
.gallery .portfolioFilter a:hover{
	color: #fff;
	background: #fd7013;
}

.gallery .portfolioFilter a.current {
	background: #fd7013;
	color: #fff;
}

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

.isotope,
.isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}

/*end isotop*/


/*b-card*/

.b-card .b-body{
	display: flex;
	flex-direction: row;
	padding: 15px 0 0;
}

/*end b-card*/


/*footer*/

footer {
	padding: 50px 0 0;
	background: #222831;
	color: #fff;
}
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer p,
footer a{
	color: #fff;
	margin: 0;
}
footer .date{
	color: #aaa;
}
footer .newsletter{
	border-bottom: 1px dashed #fff;
	padding: 0 0 50px;
}
footer .newsletter .row{
	align-items: center;
}
footer .newsletter h2{
	margin: 0 0 15px;
}
footer .newsletter form{
	position: relative;
}
footer .newsletter input{
	color: #fff !important;
	padding-right: 155px !important;
}
footer .newsletter input::placeholder{
	color: #fff !important;
}
footer .newsletter .btn{
	position: absolute;
	top: 0;
	right: 0;
	border: 1px solid #fd7013;
	padding: 11px 31px;
}
footer .newsletter .btn:hover{
	border-color: #fff;
	color: #fff;
	background: transparent;
}
footer .logo,
footer .f-about p{
	margin: 0 0 25px;
}
footer ul li{
	margin: 0 0 10px;
}
footer ul li:last-child{
	margin: 0;
}
footer .f-title{
	margin: 0 0 30px;
}
footer .quick-links ul li{
	position: relative;
}
footer .quick-links ul li:before{
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
footer .quick-links ul li a{
	padding: 0 0 0 10px;
}
footer .r-news{
	padding: 0 0 15px;
	margin: 0 0 15px;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}
footer .recent-news .r-news:last-child{
	padding: 0;
	margin: 0;
	border: 0;
}
footer .r-news .title{
	margin: 0 0 10px;
	display: block;
}
footer .contact-form input{
	height: 35px;
}
footer .contact-form input,
footer .contact-form textarea{
	padding: .375rem 20px !important;
	background-color: rgba(255,255,255,0.2) !important;
	border: 0;
	font-size: 12px !important;
	color: #cccccc !important;
}
footer .contact-form input::placeholder,
footer .contact-form textarea::placeholder{
	color: #cccccc !important;
}
footer .contact-form .btn{
	font-size: 12px;
	padding: 8px 26px;
	border: 1px solid #fd7013;
}
footer .contact-form .btn:hover{
	border-color: #fff;
	color: #fff;
	background: transparent;
}
footer .copyright{
	margin: 30px 0 0;
	padding: 20px 0;
	background: #000;
}
footer .copyright .container{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}
footer .copyright ul li{
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px 0 0;
}
footer .copyright ul li:last-child{
	margin: 0;
}

/*end footer*/


/*breadcrumb*/

.breadcrumb-block{
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	position: relative;
	z-index: 0;
	height: 455px;
	text-align: center;
}
.breadcrumb-block:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.3);
	z-index: -1;
}
.breadcrumb-holder{
	position: absolute;
	top: 80%;
	transform: translateY(-80%);
	-webkit-transform: translateY(-80%);
	left: 0;
	right: 0;
	margin: 0 auto;
}
.breadcrumb {
	border-radius: 0;
	padding: 0;
	background: transparent;
	justify-content: center;
}
.breadcrumb li,
.breadcrumb-item.active,
.breadcrumb-item+.breadcrumb-item::before,
.breadcrumb a{
	color: #fff;
}
.breadcrumb-item+.breadcrumb-item::before{
	content: "\f105";
	font-family: FontAwesome;
}
.breadcrumb-block .title{
	margin: 0 0 45px;
}
.breadcrumb-block .title h1{
	position: relative;
	color: #fff;
	text-transform: none;
}
.breadcrumb-block .title h1:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -15px;
	height: 4px;
	width: 55px;
	background: #fff;
}

/*end breadcrumb*/


/*inner about*/

.inner-wrapper .services{
	margin-top: 0;
}
.inner-wrapper .about{
	background: transparent;
	padding: 0;
}
.inner-wrapper .about .img{
	width: 555px;
	float: left;
	margin: 0 30px 20px 0;
}

/*end inner about*/


/*inner bloglist*/

.inner-bloglist .blog{
	margin: 0 0 30px;
}
.inner-bloglist .blog .row div[class*=col-]{
	margin: 0 0 50px;
}

/*end inner bloglist*/


/*pagination*/

.pagination li{
	margin: 0 12px 0 0;
}
.pagination li:last-child{
	margin: 0;
}
.pagination li a{
	border-radius: 0 !important;
	width: 40px;
	height: 40px;
	align-items: center;
	display: flex;
	justify-content: center;
	color: #333;
	border: 1px solid #ddd;
}
.pagination li.active a{
	background: #fd7013 !important;
	border: 0;
}
.pagination li a:hover{
	background: #fd7013;
	color: #fff;
	border-color: #fd7013;
}
.pagination li a:focus{
	box-shadow: none;
}
.pagination li a .fa{
	font-size: 18px;
}

/*end pagination*/


/*sidebar*/
.sidebar {
	margin: 0 0 80px;
}
.sidebar .search-form{
	position: relative;
}
.sidebar .search-form .btn{
	position: absolute;
	top: 0;
	right: 0;
	padding: 12px 23px;
	border-radius: 0 1000px 1000px 0;
}
.sidebar .block{
	margin: 0 0 50px;
}
.sidebar .title{
	margin: 0 0 30px;
	font-weight: 600;
}
.sidebar ul li{
	position: relative;
	margin: 0 0 15px;
	color: #aaaaaa;
}
.sidebar ul li:last-child{
	margin: 0;
}
.sidebar ul li:before{
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	left: 0;
	width: 10px;
	height: 2px;
	background: #bbbbbb;
}
.sidebar ul li a{
	padding: 0 0 0 23px;
	color: #aaaaaa;
}
.sidebar ul li a:hover{
	color: #fd7013;
}
.sidebar .media{
	margin: 0 0 30px;
}
.sidebar .media:last-child{
	margin: 0;
}
.sidebar .tags ul li{
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 15px 0;
}
.sidebar .tags ul li:before{
	content: none;
}
.sidebar .tags ul li a{
	padding: 7px 19px;
	border: 1px solid #ddd;
	border-radius: 1000px;
	display: block;
}
.sidebar .tags ul li a:hover{
	border-color: #fd7013;
}
/*end sidebar*/


/*inner causeslist*/
.inner-causeslist .causes{
	margin: 0 0 50px;
}
.inner-causeslist .causes .row div[class*=col-]{
	margin: 0 0 30px;
}
/*end inner causeslist*/



/*inner eventlist*/
.inner-eventlist .events{
	margin: 0 0 50px;
}
/*end inner eventlist*/


/*map*/
.map{
	line-height: 0;
}
.map iframe{
	width: 100%;
	height: 375px;
}
/*end map*/


/*inner contact*/
.inner-contact .title{
	margin: 0 0 40px;
}
.inner-contact .contact-info .c-info{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	margin: 0 0 40px;
}
.inner-contact .contact-info .c-info:last-child{
	margin: 0;
}
.inner-contact .contact-info .c-info .icon{
	width: 55px;
	height: 55px;
	background: #fd7013;
	border-radius: 1000px;
	position: relative;
	float: left;
	margin: 0 15px 0 0;
}
.inner-contact .contact-info .c-info .icon .fa{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	color: #fff;
	font-size: 24px;
}
.inner-contact .contact-info .c-info .text{
	flex: 1;
}
.inner-contact .contact-info .c-info .text .title{
	margin: 0 0 10px;
	font-weight: 500;
	color: #222;
}
.inner-contact .contact-info .c-info .text span{
	display: block;
	color: #aaa;
	margin: 0 0 8px;
}
.inner-contact .contact-info .c-info .text span:last-child{
	margin: 0;
}
.inner-contact .contact-info .c-info .text a{
	display: block;
	color: #aaa;
	margin: 0 0 8px;
}
.inner-contact .contact-info .c-info .text a:last-child{
	margin: 0;
}
.inner-contact .contact-info .c-info .text a:hover{
	color: #fd7013;
}
.inner-contact .contact-form div[class*=col-]{
	margin: 0 0 30px;
}
.inner-contact .contact-form div[class*=col-]:last-child{
	margin: 0;
}
/*end inner contact*/


/*blog-detail*/
.detail-block .img{
	margin: 0 0 20px;
}
.detail-block .date{
	margin: 0 0 15px;
}
.detail-block .title{
	margin: 0 0 15px;
}
.detail-block .share-holder{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin: 30px 0 0;
}
.detail-block .share{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
}
.detail-block .share .title{
	margin: 0 12px 0 0;
	font-weight: 500;
}
.detail-block .share li{
	margin: 0 12px 0 0;
}
.detail-block .share li a{
	position: relative;
	width: 40px;
	height: 40px;
	box-shadow: 0 0 10px 0 #eee;
	display: block;
	border-radius: 1000px;
}
.detail-block .share li a .fa{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
/*end blog-detail*/


/*related blog*/
.related-items{
	padding: 0 0 85px;
}
.related-items .slick-arrow{
	transform: none;
	top: auto;
	bottom: -85px;
	width: 35px;
	height: 35px;
}
.related-items .slick-arrow:before{
	font-size: 18px;
}
.related-items .slick-prev{
	left: 15px;
}
.related-items .slick-next{
	left: 65px;
	right: auto;
}
/*end related blog*/


/*causes detail*/
.inner-causesdetail .progress{
	margin: 0 0 20px;
}
/*end causes detail*/


/*blockquote*/
blockquote{
	position: relative;
	padding: 15px 0 15px 35px;
	margin: 0;
}
blockquote:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 5px;
	background: #fd7013;
}
blockquote p{
	color: #fd7013;
}
/*end blockquote*/


/*event detail*/
.inner-eventdetail .dta{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	margin: 0 0 20px;
}
.inner-eventdetail .dta .tag-date{
	margin: 0 25px 5px 0;
}
.inner-eventdetail .dta .time-address{
	margin: 0;
}
.inner-eventdetail .event-info{
	margin: 40px 0;
	padding: 40px 0;
	border: 1px solid #ddd;
	border-style: solid none;
}
.inner-eventdetail .event-info .row div[class*=col-]{
	display: flex;
}
.inner-eventdetail .event-info .map{
	width: 100%;
}
.inner-eventdetail .event-info .map iframe{
	height: 100%;
}
.inner-eventdetail .event-info .info-holder{
	padding: 20px;
	background: #fafafa;
	width: 100%
}
.inner-eventdetail .event-info .info-holder .title{
	margin: 0 0 20px;
}
.inner-eventdetail .event-info .info-holder ul li{
	color: #777;
	margin: 0 0 18px;
}
.inner-eventdetail .event-info .info-holder ul li:last-child{
	margin: 0;
}
.inner-eventdetail .event-info .info-holder ul li .fa{
	margin: 0 5px 0 0;
}
.inner-eventdetail .author{
	margin: 0 0 40px;
	padding: 0 0 40px;
	border-bottom: 1px solid #ddd;
}
.inner-eventdetail .author .media .img{
	margin: 0 20px 20px 0;
}
.inner-eventdetail .media .img{
	margin: 0 20px 0 0;
	width: 100px;
}
.inner-eventdetail .media .m-title{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.inner-eventdetail .author .media .author-info{
	color: #777;
	display: block;
	margin: 0 0 15px;
}
.inner-eventdetail .media .author-info{
	margin: 0 0 10px;
	color: #777;
	display: block;
}
.inner-eventdetail .author .media .links{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
.inner-eventdetail .author .media .links li{
	margin: 0 10px 0 0;
	font-size: 12px;
}
.inner-eventdetail .author .media .links li a{
	position: relative;
	width: 30px;
	height: 30px;
	display: block;
	border-radius: 1000px;
	color: #fff;
}
.inner-eventdetail .author .media .links li a:hover{
	box-shadow: 0 0 10px 0 #eee;
	background: #fff !important;
}
.inner-eventdetail .author .media .links li a .fa{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.inner-eventdetail .author .media .links li a.facebook{
	background: #3b5998;
}
.inner-eventdetail .author .media .links li a.facebook:hover{
	color: #3b5998;
}
.inner-eventdetail .author .media .links li a.twitter{
	background: #1da1f2;
}
.inner-eventdetail .author .media .links li a.twitter:hover{
	color: #1da1f2;
}
.inner-eventdetail .author .media .links li a.google{
	background: #dd4b39;
}
.inner-eventdetail .author .media .links li a.google:hover{
	color: #dd4b39;
}
.inner-eventdetail .author .media .links li a.linkedin{
	background: #0077b5;
}
.inner-eventdetail .author .media .links li a.linkedin:hover{
	color: #0077b5;
}
.inner-eventdetail .t-title{
	margin: 0 0 40px;
}
.inner-eventdetail .comments{
	margin: 0 0 40px;
	padding: 0 0 40px;
	border-bottom: 1px solid #ddd;
}
.inner-eventdetail .reply .t-title{
	margin: 0 0 25px;
}
.inner-eventdetail .reply .reply-form{
	margin: 25px 0 0;
}
/*end event detail*/

/*donation*/
.inner-donation .title{
	margin: 0 0 20px;
}
.inner-donation .d-text{
	margin: 0 0 40px;
}
.inner-donation .d-amount form .form-check{
	margin: 0 30px 0 0;
}
.inner-donation .d-amount form .form-check-input{
	margin: 0 10px 0 0;
}
.inner-donation .d-amount form .form-check-label{
	color: #222;
	font-size: 24px;
	font-weight: 600;
}
.inner-donation .d-amount form span.text{
	margin: 0 30px 0 0;
}
.inner-donation .billing-info{
	margin: 40px 0;
	padding: 40px 0;
	border: 1px solid #eee;
	border-style: solid none;
}
.inner-donation .billing-info .title{
	margin: 0 0 30px;
}
.inner-donation .billing-info form label{
	color: #222;
	font-weight: 700;
}
.inner-donation .billing-info form div[class*=col-]{
	margin: 0 0 30px;
}
.inner-donation .billing-info form div[class*=col-]:last-child{
	margin: 0;
}
.inner-donation .billing-info form .required{
	color: #fd7013;
}
.inner-donation .payment ul {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	line-height: 0;
}
.inner-donation .payment ul li{
	margin: 0 20px 0 0;
	font-size: 48px;
}
.inner-donation .payment ul li:last-child{
	margin: 0;
}
/*end donation*/



@media (max-width: 1199px){
	header .navbar li.nav-item{
		margin: 0 32px 0 0;
	}
	header .navbar li:last-child{
		margin: 0;
	}
	header .b-header .donate-btn li {
		margin-left: 32px;
	}
}

@media (max-width: 991px){
	.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid{
		padding: 0 15px;
	}
	.navbar-brand{
		padding: 15px 0;
	}
	.header--fixed{
		position: static;
		animation: unset;
	}
	.b-header{
		background: #fd7013;
	}
	.navbar-brand:before,
	.navbar-brand:after{
		content: none;
	}
	.dropdown-menu.show{
		display: block !important;
	}
	header .navbar-nav .dropdown-menu{
		display: none;
		opacity: 1;
		visibility: visible;
	}
	header .navbar li.nav-item {
		margin: 0;
	}
	header .navbar .nav-link{
		padding: 12px 0 !important;
	}
	header .b-header .donate-btn{
		display: none;
	}
	header .navbar li a.nav-link:hover:before {
		width: 0;
	}
	.dropdown-toggle::after {
		content: "\f107";
		font-family: FontAwesome;
		border: 0;
		top: 50%;
		right: 2px;
		font-size: 16px;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		position: absolute;
		margin: 0;
	}
	.breadcrumb-block{
		height: 245px;
	}
	.banner{
		margin: 0 0 50px;
	}
	.services{
		margin-top: 0;
	}
	.services .row div[class*=col-]{
		margin: 0 0 30px;
	}
	.services .row div[class*=col-]:last-child{
		margin: 0;
	}
	h2,
	.sidebar{
		margin: 0 0 50px;
	}
	.mgb-lg{
		margin-bottom: 50px;
	}
	.about,
	.volunteer{
		padding: 50px 0;
	}
	.about .title h2{
		margin: 20px 0;
	}
	.gallery{
		padding: 50px 0 20px;
	}
	.gallery .portfolioFilter{
		margin: 0 0 45px;
	}
	.slick-prev{
		left: 0;
	}
	.slick-next{
		right: 0;
	}
	footer .f-middle .row div[class*=col-],
	footer .newsletter .row div[class*=col-]{
		margin: 0 0 30px;
	}
	footer .newsletter .row div[class*=col-]:last-child{
		margin: 0;
	}
	footer .copyright{
		margin: 20px 0 0;
	}
	.inner-eventlist .events,
	.inner-causeslist .causes{
		margin: 0 0 20px;
	}
	.inner-eventdetail .event-info .map{
		height: 300px;
	}
	.inner-bloglist .blog{
		margin: 0;
	}
	.inner-wrapper .about .img{
		float: none;
		width: 100%;
	}
}

@media (max-width: 767px){
	.t-header{
		font-size: 12px;
	}
	.t-header .contact-info li{
		margin: 0 0 0 22px;
	}
	.navbar-brand{
		width: 195px;
	}
	#nav-icon3{
		width: 24px;
		height: 18px;
	}
	#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3){
		top: 8px;
	}
	#nav-icon3 span:nth-child(4) {
		top: 16px;
	}
	.banner .caption{
		width: 100%;
		padding: 0 15px;
	}
	.banner .caption h1{
		font-size: 30px;
		margin: 0 0 15px;
	}
	.lg-media{
		display: block;
	}
	.lg-media .img-holder{
		margin: 0 0 20px;
		width: 100%;
	}
}

@media (max-width: 575px){
	.t-header .contact-info{
		display: none;
	}
	.t-header .login-info{
		margin: 0 auto;
	}
	.banner .caption h1{
		font-size: 24px
	}
	.banner .caption .btn span{
		width: 35px;
		height: 35px;
	}
	.inner-donation .d-amount form .form-check{
		width: auto;
	}
}

@media (max-width: 475px){
	.banner .caption h1{
		font-size: 20px
	}
	.banner .caption p{
		display: none;
	}
	h2{
		font-size: 26px;
	}
	.md-media{
		display: block;
	}
	.md-media .img-holder{
		margin: 0 0 20px;
		width: 100%;
	}
	.inner-eventdetail .comments .media{
		display: block;
	}
	.inner-eventdetail .comments .media .img{
		margin: 0 0 15px;
	}
	.detail-block .share{
		margin: 10px 0 0;
	}
}

.post-navigation, .posts-navigation{
	display: none;
}

.wp-caption{}
.wp-caption-text{}
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}
.gallery-caption {}
.bypostauthor{}
.alignright{}
.alignleft{}
.aligncenter{}

/*additional css for register page*/
#give-register-form input[type="submit"]{
	margin-top:175px;
}

.give-btn{
	background: #ffffff;
	border: 1px solid #fd7013 ! important;
	color: #fd7013 ! important;
	padding: 10px 29px;
	font-size: 14px;
	border-radius: 1000px;
	transition: all 0.3s ease;
	border: 0;

}

.give-btn:hover{
	background: #fd7013;
	color: #fff ! important;
}

.volunteer .tnp-field-email {
	float:left;
}
.volunteer .tnp-field-firstname:after{
	clear: both;
}
.volunteer .tnp-button{
	background: #fd7013 ! important;
	padding: 12px 31px;
	font-size: 14px;
	border-radius: 1000px;
	transition: all 0.3s ease;
	border: 0;
	cursor: pointer;

}

.volunteer .tnp-button:hover{
	background: #222831 ! important;
}

.volunteer .tnp-field.tnp-field-button{
	margin-top: 30px;
}


/*Comment area*/
#commentform p {
	margin-bottom: 12px;
}
#commentform #comment {
	width: 100%;
}
#respond { } 
#reply-title { } 
#cancel-comment-reply-link { }
#commentform { } 
#author,#email,#url{
	width: 100%;
	height: 38px;
	border: 1px solid #ffffff;
}

.comment-form .form-submit #submit{
	background-color: #fd7013 ! important;
	color:#FFF ! important;
	cursor: pointer;
}
.comment-form .form-submit #submit:hover{
	background-color: #222831 ! important;
}
.comments-area{margin: 35px 15px;}

.comments-area{margin: 35px 15px;}
.comment-notes { } 
.required { }
.comment-form-author { }
.comment-form-email { } 
.comment-form-url { }
.comment-form-comment { } 

#commentform p a{
	color:#ff6853;
}

.comments-area{
	width: 100%;
}

.breadcrumb-holder .breadcrumb li{
	color: #fff;
	margin: 3px;
}
.breadcrumb-holder .breadcrumb li:after{
	content: "\f105";
	font-family: FontAwesome;
	color: #fff;
	margin-left: 5px;
}
.breadcrumb-holder ol.breadcrumb li:last-child:after{
	content:"";
}

.single-widget form.search-form input[type="submit"] {
    background: #3436a8;
}

/*Additional CSS*/
.btn-default:hover {
    background: #fd7013 !important;
}
input{
	border-width: 1px;
	border-style: solid;
}
form.newsletter {
    display: flex;
    flex-wrap: wrap;
	margin: 0 -15px;
}
.newsletter .tnp-field {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
}
.newsletter input {
    width: 100%;
}
.newsletter .tnp-field.tnp-field-button {
    max-width: 100%;
    flex: 0 0 100%;
}
.newsletter input.tnp-button {
    width: auto;
}

footer .newsletter input{
	padding-right: 0 !important;
}

.tnp-subscription-minimal input.tnp-email{
	max-width: 100%;
	width: 100%;
	padding-right: 155px !important
}
.tnp-subscription-minimal input.tnp-submit {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fd7013 !important;
    padding: 11px 31px !important;
	width: auto;
	    border: 1px solid #fd7013 !important;
	transition: all 0.3s ease;
}
.tnp-subscription-minimal input.tnp-submit:hover{
	border-color: #fff !important;
    background-color: transparent !important;
}

footer .contact-form .btn {
    border: 1px solid #fd7013 !important;
    background: #fd7013 !important;
    color: #fff !important;
}

footer .contact-form .btn:hover{
	background: transparent !important;
	border-color: #fff !important;
}

.comments-area{
	margin: 35px 0;
}

.comment-form .form-submit #submit{
	transition: all 0.3s ease;
}

.widget_search form label {
    width: 100%;
}

.widget_search form label input {
    width: 100%;
}

.widget_search form .search-submit {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fd7013 !important;
    color: #fff !important;
    border-color: #fd7013 !important;
    cursor: pointer;
	transition: all 0.3s ease;
}

.widget_search form .search-submit:hover {
    background-color: #222831 !important;
    border-color: #222831 !important;
}

.custom-logo-link {
    width: 229px;
    transition: all 0.3s ease;
    background: #fd7013;
    padding: 21px 20px 21px 0;
    position: relative;
}

.custom-logo-link:before {
    content: "";
    position: absolute;
    top: 0;
    right: -91px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 92px 91px 0 0;
    border-color: #fd7113 transparent transparent transparent;
    z-index: -1;
}
.custom-logo-link:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fd7013;
    width: 110vw;
    z-index: -1;
}

.f-about.widget_media_image {
    width: 220px;
    margin: 0 0 25px;
}

@media (max-width: 767px){
	.newsletter .tnp-field{
		flex: 0 0 100%;
		max-width: 100%;
		margin-top: 0 !important;
		margin: 0 0 30px;
	}
	.newsletter .tnp-field:last-child{
		margin-bottom: 0;
	}
}

/*Keyboard Navigation start*/
a:focus {
	outline: 2px solid #23282d;
}

button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #23282d #23282d #23282d;
}



.navbar-nav li > ul.dropdown a:focus-within{
	color: #2980B9;
}

.admin-bar header{
	margin-top: 32px;
}

button:focus-within{
	outline: 2px solid #23282d ! important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	header .navbar .dropdown{
		visibility: hidden;
		opacity: 0;
	}
	header .navbar-nav li:focus-within .dropdown, header .navbar-nav li:hover .dropdown{
		background-color: #fd7013;
		color:#FFF;
	}

	header .navbar .dropdown{
		position: absolute;
	}

	header .navbar .dropdown a{
		color:#FFF ! important;
	}
	.navbar-nav li:focus-within > ul.dropdown, .navbar-nav li:hover > ul.dropdown{
		position: relative ! important;
	  visibility: visible;
	  opacity: 1;
	}
}


@media only screen and (min-width: 300px) and (max-width: 768px) {

	header .navbar-nav li:focus-within .dropdown, header .navbar-nav li:hover .dropdown{
		background-color: #fd7013;
		color:#FFF;
	}

	header .navbar .dropdown{
		display:none;
		position: relative;
	}

	header .navbar .dropdown a{
		color:#FFF ! important;
	}

	header .navbar .dropdown{
		/*display: none;*/
		visibility: hidden;
		opacity: 0;
	}

	.navbar-nav li:focus-within  ul.dropdown,.navbar-nav li:hover  ul.dropdown{
	  /*display: block;*/
		display:block;
	  visibility: visible;
	  opacity: 1;
	}
}

.navbar-nav li:focus-within > ul.dropdown{
   opacity:1 ! important;
    visibility:visible ! important;
}