/*
Theme Name: TS Charity
Theme URI: https://www.themeshopy.com/themes/free-charity-wordpress-theme/
Author: Themeshopy
Author URI: https://www.themeshopy.com/
Description: TS charity WordPress Theme is helping non-profit organizations to streamline their work with ease. As the fact goes, causes need donations. Whether you are running an environmental NGO, business-friendly international NGO, foundations, churches, child welfare NGO, political organizations, fundraising or charity hub looking to collect donations from different geographical locations, women rights organization or an old-age home, this NGO WordPress theme is all you need to display your work and services in the best possible way. It is important that your website look different and unique from others and do justice to the services and work you have been doing. Our Charity WordPress theme has all the features one needs to build an exceptionally good website like elegant, user-friendly, and responsive website that is well-equipped with personalization options and testimonial sectionscross-browser compatibility, translation ready, SEO friendly, multiple page layouts etc. Its social media sharable feature will spread your good deeds among people and encourage them to be a part of your journey of spreading humanity. This multipurpose and responsive theme is translation ready due to clean customization options. Demo: https://www.themeshopy.com/ts-charity-pro/
Version: 0.4
License: GNU General Public License
License URI: license.txt
Text Domain: ts-charity
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, full-width-template, post-formats, theme-options, translation-ready, rtl-language-support, threaded-comments, blog, e-commerce, portfolio

TS Charity WordPress Theme has been created by Themeshopy, 2018.
TS Charity WordPress Theme is released under the terms of GNU GPL

In this theme some code is taken from Twenty Sixteen.
*/

/* Basic Style */
*{
	margin:0;
	padding:0;
	outline:none;
}
body{
	margin:0;
	padding:0;
	-ms-word-wrap:break-word;
	word-wrap:break-word;
	background-color:#fff;
	color:#5b5b5b;
	font-family: 'Vollkorn', serif;
}
img{
	margin:0;
	padding:0;
	border:none;
	max-width:100%;
	height:auto;
}
section img{
	max-width:100%;
}
h1,
h2,
h3,
h4,
h5,
h6{
	margin:0;
	padding:10px 0;
	color: #000
}
p{
	margin:0 0 15px;
	padding:0;
	font-size:18px;
	line-height:1.8;
}
a{
	text-decoration:none;
	color:#000;
}
a:hover{
	text-decoration:none;
	color:#666;
}
a:focus,
a:hover{
	text-decoration:none !important;
}
a:focus,
input:focus, textarea:focus, .woocommerce form .form-row input:focus.input-text, .woocommerce form .form-row textarea:focus {
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
}
ul{
	margin:0 0 0 15px;
	padding:0;
}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
select{
  width:100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{
  clear:both;
}
.clear{
	clear:both;
}
input[type='submit']:hover{
	cursor: pointer;
}
.center{
	text-align:center;
	margin-bottom:40px;
}
.middle-align{
	margin:0 auto;
	padding:20px 0 20px;
}
.wp-caption{
	margin:0;
	padding:0;
	font-size:13px;
	max-width:100%;
}
.wp-caption-text{
	margin:0;
	padding:0;
}
.screen-reader-text {
	position: absolute;
	top:-9999em;
	left:-9999em;
}
/* 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;
  width: 1px;
  word-wrap: normal !important;
}
.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. */
}
.sticky{
	margin:0;
	padding:0;
}
.gallery-caption{
	margin:0;
	padding:0;
}
.alignleft,
 img.alignleft {
 	display: inline;
	float: left;
	margin-right:20px;
	margin-top:4px;
	margin-bottom:10px;
	padding:0;
	border:1px solid #bbb;
	padding:5px;
}
.alignright,
 img.alignright {
	display: inline;
	float: right;
	border:1px solid #bbb;
	padding:5px;
	margin-bottom:10px;
	margin-left:25px;
}
.aligncenter,
 img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
}
.comment-list .comment-content ul {
	list-style:none;
	margin-left:15px;
}
.comment-list .comment-content ul li{
	margin:5px;
}
#respond{
	clear:both;
}
.toggle{
 	display:none;
}
.bypostauthor{
	margin:0;
	padding:0;
}
small{
	font-size:14px !important;
}
input[type="text"],
input[type="email"],
input[type="phno"],
input[type="password"],
 textarea{
	border:1px solid #bcbcbc;
	width:100%;
	font-size:16px;
	padding:10px 10px;
	margin:0 0 23px 0;
	height:auto;
}
textarea{
	height:111px;
}
input[type="search"] {
  padding: 10px;
  border: none;
  color: #000;
}
input[type="submit"] {
	border: none;
	text-align:center;
	font-size:17px;
	padding:10px 30px;
	background: #000;
	font-weight:bold;
	color:#fcb20b;
}
/* Sweep To Right */
.hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0,0,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;

}
.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
	color: #fff;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/* ---------Buttons--------- */
a.button{
	background:#fcb20b;
  color: #000;
  font-size: 16px;
  margin: 10px 0;
  padding: 10px 30px;
	font-weight:bold;
}
/*preloader*/
.elementor-html #loader,
.elementor-html #loader-wrapper{
  display: none;
}
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  overflow: hidden;
}
.no-js #loader-wrapper {
  display: none;
}

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #16a085;
  -webkit-animation: spin 1.7s linear infinite;
          animation: spin 1.7s linear infinite;
  z-index: 99999999;
}
#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #e74c3c;
  -webkit-animation: spin-reverse .6s linear infinite;
          animation: spin-reverse .6s linear infinite;
}
#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #f9c922;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #222;
  z-index: 10;
}
#loader-wrapper .loader-section.section-left {
  left: 0;
}
#loader-wrapper .loader-section.section-right {
  right: 0;
}
.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}

/*----------Sticky Header------*/
.fixed-header {
  position: fixed;
  top:0; left:0;
  width: 100%;
  background: #fff;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  z-index: 999999;
}

/* ---------HEADER--------- */
.top-head {
  background: #000;
  float: left;
  width: 100%;
}
.header-no-slider{
	height: 100px;
}
#header .logo h1, .logo p.site-title a{
	font-weight:700;
	text-transform:uppercase;
	padding:0;
  line-height: 1.5;
	font-size:25px;
	font-weight:bold;
	margin-top: 0;
	text-align:left;
}
#header .logo a{
	color: #000;
}
#header .logo p{
	font-size:12px;
	color: #000;
  margin-bottom: 0;
}
#header {
  z-index: 999;
  background: #f7f7f7;
  transition: 0.3s;
  box-shadow: 0 0 7px 0 #000;
}
#contact-info {
  display: none;
}
.affix {
  top: 0 !important;
  z-index: 9999 !important;
  width: 100%;
}
.topbar {
  background: #fcb20b;
}
.social-media i {
  font-size: 13px;
  padding: 10px;
}
.social-media i:hover{
	background: #000;
	color: #fcb20b;
}
.contact span {
  margin-right: 5em;
  color: #000;
  font-size: 14px;
}
.contact{
	padding:6px;
	text-align: right;
}
.contact span i {
  margin-right: 8px;
}
.search-box span {
  border: 2px solid #fcb20b;
  padding: 9px 10px;
  line-height: 45px;
  margin-right: 2px;
}
.search-box span i{
  color: #000;
  font-size: 14px;
  cursor: pointer;
}
.serach_outer i{
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
}
.search-box {
  margin: 15px 0;
  padding: 0;
}
/*woocommerce*/
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #fcb20b;
  color: #000;
}
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span{
  padding: 10px 15px;
  font-size: 18px;
}
.woocommerce #sidebar {
   margin-top: 2em;
   padding: 10px;
}
.woocommerce {
  width: 100%;
  float: none;
}
a.showcoupon{
  color: #000;
}
.woocommerce-message::before{
color: #fcb20b;
}
.woocommerce-message {
   border-top-color: #ac2925;
}
.woocommerce span.onsale {
  background: #000;
  padding: 0;
  font-size: 13px;
}
.products li {
  border: solid 1px #dcdcdc;
  text-align: center;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  color: #000;
  font-weight: 500;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
margin-bottom: 5px;
}
.woocommerce h1.product_title.entry-title {
   background: none;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
  background: #fcb20b;
  color: #000;
  border-radius: 0;
  padding: 14.5px;;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background: #000;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 9px;
  border-radius: 0;
  border: solid 1px #000;
  color: #000;
}
span.woocommerce-input-wrapper{
  width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #fcb20b !important;
  padding: 12px !important;
  margin-bottom: 10px !important;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #000;
}
.posted_in {
  display: block;
}
header.woocommerce-products-header {
  margin-top: 20px;
}
.woocommerce .single-post-page h2{
  background: #fff;
}
.woocommerce .woocommerce-ordering select {
  vertical-align: top;
  padding: 10px;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
  float: none;
  padding: 11.2px;
}
.woocommerce span.woocommerce-Price-amount.amount {
  font-size: 17px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size: 25px;
  text-align: center;
}
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{
  color: #000;
}
.woocommerce .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb{
  color: #000;
  margin-top: 10px;
}
.woocommerce form .form-row .required,.woocommerce a.remove{
  color: #df0000 !important;
}
.woocommerce-MyAccount-content a,.woocommerce-info a,.woocommerce-privacy-policy-text a, td.product-name a,a.shipping-calculator-button{
  color: #000 !important;
}
.woocommerce-MyAccount-content a, nav.woocommerce-MyAccount-navigation ul li a, td.product-name a, a.shipping-calculator-button, a.showcoupon, .woocommerce-privacy-policy-text a {
  text-decoration: none !important;
}
.woocommerce div.product div.images img {
  padding: 5px;
}
.woocommerce #comments p {
  float: left;
  width: 100%;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  font-size: 16px;
}
.woocommerce .product-title{
  font-size: 17px;
}
.woocommerce .select2-container .select2-selection--single{
  height: 40px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  top:70%;
}
.select2-container--default .select2-selection--single, input#billing_phone {
  padding: 10px 0px;
  border-radius: 0px;
  border: 1px solid #bcbcbc;
}
.woocommerce-Address{
  max-width: 100%;
}
#sidebar .star-rating, #footer .star-rating{
  margin: 0 !important;
}
#sidebar .product_list_widget .star-rating, #footer .product_list_widget .star-rating{
  margin: 5px 0 10px 0 !important;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background-color: #fcb20b;
}
#sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #000;
}
#footer .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #fff;
}
#footer .price_label, #sidebar .price_label{
  font-size: 14px;
}
.woocommerce .star-rating {
  float: left;
}
.news-item.layout-two .news-text-wrap{
  font-size: 14px;
}
.related.products ul.products li.product, .related.products .woocommerce-page ul.products li.product{
  float:none;
  display: inline-table;
  width: 29%;
}
.woocommerce .woocommerce-product-rating .star-rating {
  margin: 0.5em 20px 0 0;
}
.woocommerce form.login .form-row,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
  display: block;
  float: none;
}
.woocommerce-Reviews .comment-text p.meta {
  width: 100%;
  float: left;
  padding-top: 10px;
}
#sidebar a.remove.remove_from_cart_button , #footer a.remove.remove_from_cart_button{
  font-size: 22px !important;
}
.woocommerce #reviews #comments h2{
  font-size: 25px;
}
.single-product .background-img-skin {
  margin: 36px 0;
}
.related.products h2 {
  text-align: left;
}
.comment-form-rating label {
  padding: 10px 0;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
  font-size: 11px;
  padding: 7px;
}
#footer .woocommerce.widget_shopping_cart .cart_list li{
  padding: 0 0 10px 2em;
}
#sidebar .widget_shopping_cart_content li:hover{
  padding-left: 2em;
}
.woocommerce-Reviews .comment-form-rating label{
  padding: 10px 0;
}
#footer form.woocommerce-product-search button, #sidebar form.woocommerce-product-search button{
  background: #fcb20b ;
  border-radius: 0px;
  color: #000;
  font-weight: 600;
  margin-top: 5px;
  padding: 10px 0;
  width: 100%;
  border: none;
  border: solid 1px #fcb20b;
}
#sidebar .woocommerce ul.product_list_widget li img, #footer .woocommerce ul.product_list_widget li img {
  width: 50px;
}
.woocommerce ul.products li.product .star-rating{
  margin: 10px auto !important;
}
.woocommerce-Reviews .comment-form-rating label{
  padding: 10px 0;
}
.woocommerce form.login{
  display: inline-block;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  padding: 10px;
}
#footer .woocommerce a.button:hover, #footer .woocommerce button.button:hover{
  background: #fcb20b;
  color: #000;
}
/*-----------------Search pop up----------------*/

.serach_inner label {
  width: 95%;
}
.serach_inner{
  background: #fff;
  max-height: 40%;
  height: 100%;
  width: 100%;
  min-height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: all 500ms;
  box-shadow: 0px 0px 12px #c0bebe;
}
.serach_outer {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0em;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  transition: all 300ms;
  visibility: visible;
  transition: opacity 300ms, z-index 0ms;
}
.closepop {
 position: absolute;
 top: 25px;
 text-align: center;
 font-size: 40px;
 z-index: 9999;
 right: 50%;
 color: #575756;
}
.serach_outer {
 font-size: 24px;
 padding: 4px 0 0 0;
 cursor: pointer;
}
.serach_inner form.search-form {
 display: table;
 padding: 0;
 border-radius: 0;
 background: #ffffff;
 margin: 0 auto;
 max-width: 1200px;
 width: 100%;
}
.serach_inner form.search-form {
  width: calc(100% - 30px);
  margin: 0 auto;
  color: #fff;
  border: none;
  border-bottom: 1px solid #eae6e6;
  position: absolute;
  bottom: 2em;
}
.serach-page input.search-field {
 border: 1px solid #ccc;
 padding: 9px;
}
.serach_inner input.search-field {
 padding: 10px;
 font-size: 20px;
 font-style: italic;
 font-weight: normal;
 color: #000;
 max-height: 1200px;
 border: none;
}
.serach_inner input.search-submit {
 padding: 8px 35px;
 margin: 5px 0;
 font-size: 20px;
}
button.search-submit {
 border: 0;
 background: transparent;
}
input.search-field {
 border: 1px solid #bbb;
 padding: 10px 0;
 background: transparent;
 width: 100%;
}
.search-box i {
  padding: 15px 0px;
  color: #000;
  margin: 7px;
}
.search-box {
  margin: 8px 0px;
}
.serach_inner input[type="submit"]{
  text-indent: -9999px;
  z-index: 9999;
  background: url(images/search.png) no-repeat 0 10px;
  position: absolute;
  margin:0;
  background-size: 30px;
}
/* --------- MENUS CSS --------- */
#menu-sidebar .social-icons, #menu-sidebar .mail, #menu-sidebar .book-btn{
  display: none;
}
#menu-sidebar {
  text-align: center;
  display: inline;
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
}
.primary-navigation ul{
  list-style: none;
  margin: 5px 0 0;
  padding-left: 0;  
  text-align: left;
}
.primary-navigation li{
  display: inline-block;
  position: relative;
}
.primary-navigation a{
  display: block;
  color: #000;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 16px 25px 16px 10px;
  text-transform: uppercase;
}
.primary-navigation ul ul{
  display: none;
  position: absolute;
  min-width: 215px;
  z-index: 999;
  top:45px;  
  border: 1px solid #fcb20b;
  border-top: 6px solid #fcb20b;
}
.primary-navigation ul ul ul{
  left: 100%;
  top: 5px;
}
.primary-navigation ul ul a{
  color: #000;
  background-color: #fff;
  border: none;
  padding: 13px;
  font-weight: 700;
  font-size: 12px;
  z-index: 999;
}
.primary-navigation ul ul li:hover > a {
  color: #000;
}
.primary-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  padding: 0;
}
.primary-navigation ul ul li:last-child{
  border-bottom: 0;
}
.primary-navigation ul li:hover > ul{
  display: block;
}
.primary-navigation a:focus{
  color: #fcb20b;
}
/*--------------- SUPERFISH MENU ---------------------------*/

.sf-arrows .sf-with-ul:after{
  content: '\f067';
  position: absolute;
  font-weight: 600;
  font-family: 'Font Awesome 5 Free';
  font-size: 10px;
  padding: 0px 6px;
}
.sf-arrows ul .sf-with-ul:after{
  right: 10px;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows .sfHover > .sf-with-ul:after{
  content: '\f068';
  font-weight: 600;
  font-family: 'Font Awesome 5 Free';
}
.toggle-menu, a.closebtn{
  display: none;
}
.sf-arrows .sf-with-ul{
  padding-right: 30px;
}
/* Homepage */

.our-services small{
	color:#6d6d6d;
	margin:0 0 20px 0;
}
.our-services .small-button{
	margin-top:30px;
}
.our-services .page-box {
  padding: 10px;
  margin: 0 0 4% 0;
  border: solid 1px #000;
  margin-top: 2em;
}
.our-services .page-box h4 a{
	color:#000;
	margin:0 0 29px 0;
	padding:0;
}
.our-services .page-box p{
	font-size:15px;
	margin:0;
	line-height: 25px;
	color: #737171;
}
.our-services .box-image{
	margin:0;
}
.our-services img{
	width:100%;
}
.our-services .services-box{
	margin:40px 0 20px 0;
}
.box-image {
  position: relative;
  padding: 0;
}
.overlay-bttn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(252, 178, 11, 0.8);
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}
.box-image:hover .overlay-bttn {
  width: 100%;
}
.overlay-bttn a {
	color: #000;
	font-size: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  white-space: nowrap;
  border: solid 2px #000;
  padding: 88px;
}
.content-bttn .second-border{
  background: #fcb20b;
  padding: 12px 8px;
  text-align: center;
  float: left;
}
.content-bttn .second-border a{
  font-size: 14px;
  background: #fcb20b;
  border: 1px solid #000;
  font-weight: 600;
  padding: 8px 21px;
}
.content-bttn .second-border:hover {
  color: #000;
  background: #fcb20b;
}
.content-bttn{
	margin:20px 0;
}
/* Category */
#causes {
  padding: 3% 0;
}
#causes h2 {
  color: #000;
  font-size: 30px;
  margin:0;
}
.causes-box {
  margin-bottom: 15px;
}
.heading-line {
  margin-bottom: 2%;
}
.heading-line img {
  margin: 0 auto;
  display: block;
}
.causes-box h3 {
  font-size: 22px;
  padding-bottom: 0;
}
.causes-box h3 a {
  color: #000;
}
#causes p {
  font-size: 15px;
  color: #717171;
}
.causes-box:hover h3 a,
.causes-box:hover h3,
.causes-box:hover i,
.our-services .page-box:hover h3 a{
  color: #fcb20b;
}

/* --------- Blog Page ------- */
.metabox{
	color:#000;
	padding:10px 0;
	clear:both;
}
.metabox span {
  margin-right: 24px;
  font-size: 17px;
}
.metabox i {
  margin-right: 5px;
}
.metabox a:hover{
  color: #fcb20b;
}
.entry-content code{
  color:#000;
}
.nav-links {
  padding: 10px 0;
}
.meta-nav {
  color: #000;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  padding: 10px;
  background: #f1f2f3;
}
.meta-nav:hover{
  background: #fcb20b;
  color: #000;
}
.page-box-single{
  background: #fafafa;
  padding:20px;
}
.post-title{
  margin:10px 0;
  color: #1a8129;
  display: block;
}
.meta-nav i {
  font-weight: 900;
  font-size: 15px;
  padding: 8px 0;
}
.tags{
  margin:20px 0;
}
.tags i{
  font-size: 20px;
  color:#fcb20b;
  margin-right: 10px;
}
.tags p a{
  font-size: 15px;
  color:#000;
  border: 1px solid #000;
  padding: 5px 10px;
  display: inline-block;
  margin:5px;
}
.tags p a:hover{
  color: #000;
  background: #fcb20b;
  border: 1px solid #fcb20b;
}
/* Headings */
section h2{
	font-weight:bold;
	text-align:center;
	margin:0 0 45px;
	padding:0;
	text-transform:uppercase;
}
section h2{
	font-weight:bold;
	text-align:center;
	margin:30px 0 0 0;
	text-transform:uppercase;
}
section h3{
	color:#000;
	font-weight:bold;
	font-size:20px;
}
section h5{
	color:#3890cb;
	font-weight:bold;
	font-size:24px;
	margin:0 0 10px 0;
	padding:0;
}
.text-center{
	text-align: center!important;
}
a.r_button {
	background: #3790ca;
	padding: 0.5em 2em;
	color: #fff;
}
section .innerlightbox{
	background-size:100% 100%;
	padding:4.5em 0;
	color:#000;
}
.entry-content a, .comment-body p a, .woocommerce-product-details__short-description p a{
  color: #000;
  text-decoration: underline;
}
/* Footer Section */

#footer a:focus,
#footer input:focus {
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}
.tagcloud a {
  color: #fff;
}
#footer aside{
  padding: 10px 0;
}
#footer form.search-form label{
  width: 100%;
}
#footer input[type="search"] {
  width: 100%;
  border: none;
  padding: 10px;
  border: solid 1px #fcb20b;
  color: #fff
}
#footer input[type="submit"] {
  font-size: 10px;
  padding: 12px 8px;
  font-weight: bold;
  color: #fff;
  margin: 3px 0 0 0;
  width: 25%;
  float: right;
  font-size: 15px;
}
#footer td#prev a {
  color: #fff;
}
table#wp-calendar {
  width: 100%;
}
#footer table#wp-calendar td a {
  color: #fff;
}
#footer .textwidget a{
  color: #fff;
  text-decoration: underline;
}
#sidebar {
  margin-top: 3em;
}
#footer caption,
#sideabr caption {
  font-weight: bold;
  color: #fff;
  font-size: 20px;
}
#footer table,#footer th,#footer td,
#sidebar table,#sidebar th,#sidebar td {
  border: 1px solid #d1d1d1;
  text-align: center;
}
#sidebar td,
#sidebar td#prev a,
#sidebar th {
	color:#737171 !important;
	padding: 10px;
}
#footer td {
  padding: 6px;
  color: #fff;
}
#footer th,
#sidebar th {
  text-align: center;
  padding: 10px;
  color: #fff;
}
#footer select,
#sidebar select {
  padding: 8px 5px;
  color: #4d4d4d;
}
#footer li a {
  color: #fff;
  font-size: 16px;
}
#footer li a:hover{
  color: #fcb20b;
}
#footer ul li {
  list-style: none;
  padding: 5px 0;
}
#footer ul {
  	margin: 0;
}
#footer{
	background:#000;
	color:#fff;
  clear:both;
  padding: 10px 0;
}
#footer h3{
	text-align:left;
	text-transform:uppercase;
	font-size:24px;
	font-weight: bold;
	color: #fff;
}
#footer p{
	font-size:16px;
}
#footer .news-form{
	margin-top:24px;
}
#footer input[type="text"]{width:60%;
	padding:8px 5%;
	float:left;
	margin-right:2%;
	border-radius:5px;
}
#footer input[type="submit"] {
  width: 100%;
  padding: 10px;
  float: right;
  border: none;
  background: #fcb20b;
  border-radius: 0px;
  color: #000;
  margin: 2px 0;
}
#footer .copyright{
	text-align:center;
}
#footer a.rsswidget {
  color: #fff;
}
.copyright p {
  font-size: 17px !important;
  color: #000;
  margin-bottom: 0;
}
.copyright p a{
  color: #000;
}
.copyright {
  background: #000;
  padding: 10px 0px;
}
.footer-bor-two {
  margin: 0 15px;
  border: solid 2px #fcb20b;
  padding: 15px;
  text-align: center;
  background: #fcb20b;
}
#footer .tagcloud a {
  border: solid 1px #fff;
  color: #fff;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 5px 5px 0;
  display: inline-block;
}
#footer .tagcloud a:hover{
  background-color: #fcb20b;
  color: #000;
}
/*scroll to top*/
#scroll-top{
  background:#252525;
  border:2px solid #252525;
  color:#fff;
  cursor:pointer;
  width:65px;
  height:65px;
  opacity:0.5;
  position:fixed;
  bottom:60px;
  right:20px;
  z-index:9999;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  font-size:20px;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  display: none;
}
.left-align{
  left: 20px;
}
.center-align {
  left: 50%;
  right: 50%;
}
/* --------- POST --------- */

.bradcrumbs{
	padding:30px 0;
}
.bradcrumbs a{
	background:#f1f1f1;
	color:#000;
	padding:5px 15px;
	margin-right:5px;
}
.bradcrumbs a:hover{
	background:#ffd34e;
}
.bradcrumbs span{
	background:#dddddd;
	color:#000;
	padding:5px 15px;
}
/* Comments BOX */

#comments {
  display: block;
}
#comments h2.comments-title{
  font-size:25px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
  margin:10px 0;
  padding: 30px 0 10px;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}  
#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  width:100%;
  padding:12px 10px;
  font-size:18px;
  margin:20px 0 0 0;
}
#comments input[type="submit"].submit{
  background:#fcb20b;
  padding:10px 50px;
  text-transform:normal;
  font-weight:bold;
  color: #000;
  margin-top:20px;
  margin-left:0;
  border: none;
}
#comments a.comment-reply-link{
  color:#000;
  background: #fcb20b;
  padding:5px 15px;
}
#comments a.comment-reply-link:hover{
  background:#000;
  color: #fff;
}
#comments a time{
  color:#1a8129;
  font-weight:bold;
  font-size:12px;
}
#comments ol li li{
  margin-left: 25px;
}
.comment-body{
  margin-bottom: 20px;
}
.content-ts #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  text-align: right;
}
#comments ol.comment-list {
  color: #5b5b5b;
  font-size: 18px;
}
.comment-meta.commentmetadata {
  margin: 8px 0;
}
li#comment{
  margin-bottom: 20px;
}
.comment-author cite.fn{
  padding-left: 10px;
}
.content-ts #comments h2.comments-title{
  padding-top: 10px;
  font-size: 25px;
}
.content-ts #comments ol li li{
  margin-left: 25px;
}
.content-ts #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0;
  background:#fff;
  display: inline-block;
} 

/* --------- SLIDER--------- */
#slider .carousel-control-next-icon,
#slider .carousel-control-prev-icon{
  background: transparent;
}
#slider{ 
  max-width:100%;
  margin:auto; 
  padding:0;
  background: #000;
}
#slider img {
  width: 100%;
  opacity: 0.6;
}
#slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
  display: block !important;
}
#slider .carousel-control-next, #slider .carousel-control-prev{
  opacity: 1;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: auto;
  height: auto;
}
#slider .inner_carousel h1 a {
  font-weight: bolder;
  color: #fcb20b;
  padding:0px;
  font-size: 38px;
  text-transform: uppercase;
}
#slider .inner_carousel h1 {
  padding: 0px;
  text-align: left;
  margin-bottom: 12px;
}
#slider .inner_carousel {
  text-align: left;
  color: #fff;
}
#slider .carousel-caption {
  position: absolute;
  left: 15%;
  right: 45%;
  transform: translateY(-50%);
  padding: 0;
  top: 50%;
}
#slider .carousel-caption .more-btn a {
  font-size: 14px;
  background: #fcb20b;
  padding: 11px 88px;
  border: 1px solid #000;
  font-weight: 600;
}
#slider .carousel-caption .more-btn {
  background: #fcb20b;
  padding: 3%;
  text-align: center;
  display: inline-block;
  margin-top: 10px;
}
#slider .carousel-caption .more-btn:hover a{
  color: #000;
}
#slider .inner_carousel p {
  text-align: left;
  font-size: 15px;
}
/* slider end */

/* Sidebar */
#sidebar form{
 	display: table;
	width: 100%;
}
#sidebar h3 {
  margin: -40px 0 20px;
  padding: 15px;
  font-weight: bold;
  font-size: 20px;
  background: #fcb20b;
  color: #000;
  text-transform: none;
  text-align: center;
}
#sidebar input[type="search"] {
	background:#fff;
	padding:10px;
	border:none;
	font-size:15px;
	color:#000;
	width:100%;
  border: 1px solid;
}
#sidebar form.search-form label{
	width:100%;
}
#sidebar input[type="submit"]{
	background: #fcb20b;
  border: none;
  color: #000;
  padding: 10px 0;
  width: 100%;
  font-size: 14px;
  float: left;
  margin: 0;
}
#sidebar aside {
  margin-bottom: 12%;
  border: 1px solid #000;
  padding: 15px;
  border-radius: 3px;
}
#sidebar ul {
  list-style:none;
	margin:0;
	padding:0;
	font-size:16px;
}
#sidebar ul li{
	margin:0 0 15px;
  font-size: 17px;
}
#sidebar ul li a{
	color:#5b5b5b;
}
#sidebar ul li a:hover{
	color:#fcb20b;
}
#sidebar .textwidget a{
  color: #000;
  text-decoration:underline;
}
#sidebar .tagcloud a{
	background:#eeeeee;
	color:#000;
	font-size:15px !important;
	padding:5px 18px;
	margin:0 0 5px;
	display:inline-block;
}
#sidebar .tagcloud a:hover{
	background:#fcb20b;
}
#monster-widget-placeholder-2 select#archives-dropdown--1 {
    padding: 10px;
}
select#cat {
    padding: 10px;
}
img.rss-widget-icon {
    width: auto !important;
}
/* Page */

h2.entry-title{
  margin-bottom: 10px;
  color: #000;
}
div.content-ts {
    margin: 2% auto;
}
.content-ts p{
	text-align:justify;
	font-size: 16px;
	margin:0 0 20px;
}
.content-ts hr{
	border:none;
	border-bottom:2px dotted #7e7e7e;
	margin:35px 0;
	clear:both;
}
.content-ts h2{
	font-size:32px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#000;
	margin:0 0 25px;
}
.content-ts h3{
	font-size:36px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#000;
	margin:0 0 25px;
}
.content-ts h4{
	font-size:20px;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#333;
	margin:0 0 25px;
}
.content-ts ul{list-style:none;
	margin:0 0 0 10px;
	padding:10px 0 0;
	font-size:16px;
}
.content-ts ul li{
	padding:0;
	margin:0 0 20px 0;
	line-height:25px;
}
.content-ts ol{list-style: none;
	padding:10px 0 0 0;
	font-size:16px;
	counter-reset: myCounter;
}
.content-ts ol li{
	padding:0 0 0 0;
	margin:0 0 20px 0;
}

/* Pagination */
.nav-previous {
  float: left;
  width: 50%;
  font-size: 15px;
}
.nav-next {
  text-align: right;
  font-size: 15px;
}
.pagination {
	clear:both;
	position:relative;
	font-size:14px;
	line-height:13px;
	float:right;
	font-weight:bold;
}
.pagination span,
.pagination a {
	display:block;
  float:left;
  margin: 2px 2px 2px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#fff;
  background: #000 ;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}
.pagination a:hover{
	color:#000;
  background: #fcb20b;
}
.pagination .current{
	padding:10px 15px;
  background: #fcb20b;
  color:#000;
	font-weight:bold;
}
/* video*/
iframe{
  width: 100%;
}
/*audio*/
.entry-audio audio{
  width: 100%;
}

/* Media */
@media screen and (max-width: 768px) and (min-width: 720px){
	#slider .slide-cap a.read-more {
    padding: 8px;
	}
  #sidebar .woocommerce ul.product_list_widget li img, #footer .woocommerce ul.product_list_widget li img{
    width: 40px;
  }
	.menubox {
  	float: right;
 	}
  #footer input[type="submit"] {
    width: 100%;
    margin: 5px 0;
  }
  #footer th, #sidebar th {
    text-align: center;
    padding: 0px;
    color: #fff;
  }
  #footer td{
    padding: 0px;
  }
  #sidebar input[type="submit"] {
    width: 100%;
  }
  #sidebar h3 {
    margin: -34px 0 20px;
    padding: 11px;
  }
  #slider .carousel-caption .more-btn a{
    padding: 6px 55px;
  }
  .contact span {
    margin-right: 4em;
  }
  #slider .inner_carousel p{
    display: none;
  }
  .woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){
    display: inline-table;
    margin: 10px;
  }
  .related.products ul.products li.product, .related.products .woocommerce-page ul.products li.product{
    width: 44%;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
    width: 44%;
    float: left;
    clear: both;
    margin: 10px;
  }
}
@media screen and (max-width: 720px){
  #slider .inner_carousel h1 a,#slider .inner_carousel p{
    display: none;
  }
  .center-align {
    left: 40%;
    right: 50%;
  }
  .products li {;
    width: 100% !important;
  }
  #slider .carousel-caption, #slider .inner_carousel {
    text-align: center !important;
    left: 0 !important;
    right:0 !important;
  }
}
/*------------------RESPONSIVE MEIDA-------------------*/

@media screen and (max-width: 1000px){
  .menubar .nav ul li a:focus,
  a.closebtn.mobile-menu:focus{
    outline: 1px dotted #fff;
    border-bottom: 1px solid #fff;
  }
  .toggle-menu i {
    font-size: 20px;
    color: #fff;
    padding:10px;
    background: #262626;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
  }
  .sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #252525;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  .sidebar .closebtn {
    position: absolute;
    top: -9px;
    left: -6px;
    font-size: 40px !important;
    display: block;
    color: #ffffff;
    border:none;
    background: transparent;
  }
  .sidebar #primary-site-navigation {
    width: 100%;
  }
  .toggle-menu span{
    font-size:30px;
    cursor:pointer; 
  }
  .toggle-menu{
    display: block;
    text-align: right;
    padding: 10px;
  }
  .primary-navigation ul ul li{
    display: block;
  }
  .primary-navigation ul ul a, .primary-navigation li a:hover, .primary-navigation li:hover a{
    background-image: linear-gradient(-90deg, #000 0%, #fcb20b 120% );
  }
  .primary-navigation li a:hover, .primary-navigation li:hover a{
    background: unset !important;
  }
  .primary-navigation ul li a{
    padding: 15px;
    display:block;
    color:#ffffff;
    border:none;
  }
  .primary-navigation ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .primary-navigation ul li ul li a{
    padding-left:20px !important;
  }
  .primary-navigation ul li ul li ul li a{
    padding-left:30px !important;
  }
  .primary-navigation ul ul{
    position: static;
    width: 100%;
    background: unset;
    border: none !important;
  }
  .primary-navigation ul ul li{
    text-align: center;
  }
  .primary-navigation li{
    padding: 0;
  }
  .main-header-box{
    padding-bottom: 15px;
  }
  #menu-sidebar {
    display: inline;
    background-image: linear-gradient(-90deg, #000 0%, #fcb20b 120% );
    opacity: 0.95;
  }
  #header .primary-navigation ul.sub-menu li a, #header .primary-navigation ul li a{
    color: #fff !important;
  }
  .primary-navigation ul{
    display: grid;
    text-align: center;
  }
  nav#primary-site-navigation a.closebtn.mobile-menu i {
    color: #fff;
  }
  #menu-sidebar .social-media{
    display: block;
  }
  .top-header .social-media{
    display: none;
  }
  #menu-sidebar .social-media a{
    padding:5px 0;
  }
  #contact-info{
    background-image: linear-gradient(-90deg, #000 0%, #fcb20b 120% );
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    opacity: 1;
  }
  #menu-sidebar .primary-navigation a{
    font-size: 15px;
    font-weight: 600;
  }
  #menu-sidebar .search-box i{
    color: #fff;
    text-align: center;
    display: block;
  }
  .search-box i{
    display: none;
  }
  .social-media a{
    color: #fff !important;
    font-size: 15px;
    font-weight: 600;
  }
  #menu-sidebar input[type="submit"]{
    padding: 10px;
    background-color: #fcb20b;
    color: #000;
    font-size: 16px;
  }
  #menu-sidebar input.search-field{
    background: #fff;
  }
  .primary-navigation a{
    display: inline-block;
  }
  #contact-info form.search-form {
    display: block;
  }
  .main-menu-navigation{
    overflow-y: scroll;
    scroll-behavior: auto;
  }
  .social-media{
    text-align: center;
  }
  .top-header {
    display: none;
  }
  .sf-arrows .sf-with-ul:after{
    position: absolute;
    left: 87%;
    right: 0;
    color: #fff;
  }
  .social-media i{
    font-size: 17px;
    color: #fff;
    padding: 10px;
  }
  .topbar .contact, .topbar .social-media{
    display: none;
  }
  #contact-info{
    display: block;
  }
  .contact {
    text-align: center;
  }
  .contact .call, .contact .time, .contact .email {
    padding: 2px 0;
  }
  .contact span{
    color: #fff;
    font-size: 16px;
    margin:0;
  }
  #slider .carousel-caption .more-btn a {
    font-size: 10px;
    background: #fcb20b;
    padding: 11px 20px;
    border: 1px solid #000;
    font-weight: 600;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text{
    font-size: 15px;
  }
}