/*
Theme Name: Charity Give
Theme URI: https://themepalace.com/downloads/charity-give/
Author: Theme Palace
Author URI: https://themepalace.com
Description: Charity Give is a WordPress charity theme built for any kind of non-profit organization. It is a fully functional and ready-to-use theme for any organization related to non-profit campaigns like Fundraising, Crowdfunding, or any other contribution & cause-related organization Website. It is designed and developed to have a complete website that helps create awareness, display the events you have been doing, and even attract visitors to participate and donate to your events. Charity Give is easy to use and get started with.
Version: 1.0.3
Requires PHP: 5.6
Requires at least: 5.0
Tested up to: 6.7
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: charity-give
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, editor-style, right-sidebar, full-width-template, two-columns,  grid-layout, custom-colors, custom-header, custom-logo, featured-image-header, blog, portfolio, entertainment

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.

Charity is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, 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 http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Preloader
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Layouts and Titles
# Media
	## Captions
	## Galleries
# Social Icons
# Breadcrumb List
# Homepage Sections
	## Featured Slider
	## About Us Section
	## Services Section

# Blog/Archive/Single
# Footer
# Font Family Options
# Responsive

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#loader {
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	background-color: #fff;
	position:fixed;
	display: table;
	width: 100%;
	top:0;
	height: 100%;
	min-height: 100%;
	z-index:9999;
}

.loader-container {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	z-index: 12;
	text-align:center;
	text-transform: uppercase;
}

.loader-container svg {
	width: 70px;
	height: 70px;
	fill: #F0B557;
	-webkit-animation: rotating 2s linear infinite;
	-moz-animation: rotating 2s linear infinite;
	-ms-animation: rotating 2s linear infinite;
	-o-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.blog-loader {
    text-align: center;
    margin-top: 50px;
}
.blog-loader svg {
    width: 30px;
    height: 30px;
}
#LBloadmore svg.latest-posts-loader,
.blog-loader svg {
    margin-left: 15px;
    animation: infinitepreloader 1.5s  infinite ease-in-out;
}
@keyframes infinitepreloader {
	100%{transform: rotate(180deg);}
}

#preloader {
	position:relative;
	margin:auto;
	width:100px;
}

#preloader span {
	display:block;
	bottom:0px;
	width: 9px;
	height: 5px;
	background:#fff;
	position:absolute;
	animation: preloader 1.5s  infinite ease-in-out;
}
 
#preloader span:nth-child(2) {
	left:11px;
	animation-delay: .2s;
}
#preloader span:nth-child(3) {
	left:22px;
	animation-delay: .4s;
}
#preloader span:nth-child(4) {
	left:33px;
	animation-delay: .6s;
}
#preloader span:nth-child(5) {
	left:44px;
	animation-delay: .8s;
}

@keyframes preloader {
    0% {height:5px;transform:translateY(0px);background: #0bb3e4;}
    25% {height:30px;transform:translateY(15px);background: #0bb3e4;}
    50% {height:5px;transform:translateY(0px);background: #0bb3e4;}
    100% {height:5px;transform:translateY(0px);background: #0bb3e4;}
}

.backtotop {
    background-color: #F0B557;
    z-index: 300;
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    position: fixed;
    bottom: -100px;
    right: 25px;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    color: #fff;
}
.backtotop:hover {
	background-color: #000;
}
.backtotop svg {
    display: inline-block;
    vertical-align: middle;
    fill: #fff;
}

@-webkit-keyframes colorchange {
	0%   {border-color: #e30048;}
	25%  {border-color: #F0B557;}
	50%  {border-color: #9acf0b;}
	75%  {border-color: #a93d7b;}
	100% {border-color: #f1ad02;}
}

@keyframes colorchange {
	0%   {border-color: #e30048;}
	25%  {border-color: #F0B557;}
	50%  {border-color: #9acf0b;}
	75%  {border-color: #a93d7b;}
	100% {border-color: #f1ad02;}
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
	/*font-family: 'Lora', serif;*/
	font-weight: 400;
}

#page {
    position: relative;
}

.boxed-layout,
.frame-layout {
    background-image: url('assets/uploads/pattern.png');
}

#content {
    position: relative;
    overflow-x: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 52px;
}

h2 {
	font-size: 35px;
}

h3 {
	font-size: 26px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	color: #000;
	margin: 16px 0;
	line-height: 1.2;
	font-weight: 400;
	
}

h1 {
	margin: 0 0 16px;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
tbody {
    text-align: left;
}
tr {
    border: 1px solid #e4e4e4;
}
td,
th {
	padding: 5px;
    font-weight: 400;
}

th {
	color: #000;
}

td#next {
    text-align: right;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #666;
	font-size: 16px;
	font-size: 1rem;
	line-height: 28px;
    word-wrap: break-word;
}
p {
	margin: 0 0 1em;
}
p:last-child {
	margin-bottom: 0;
}
dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
    text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
    overflow-x: hidden;
}

blockquote {
    padding: 0 60px 0 40px;
    font-size: 18px;
    line-height: 35px;
    font-weight: 300;
    position: relative;
    margin: 0 0 21px;
}
blockquote.alignright {
    padding-right: 0;
    margin-bottom: 14px;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 21px;
    padding-left: 1.5em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 0.5em;
}

dt {
	font-weight: bold;
    margin-bottom: 1em;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	vertical-align: middle;
}

figure {
	margin: 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

table#wp-calendar {
    display: table;
    width: 100%;
    overflow: auto;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	text-decoration: none;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	outline: thin dotted #000;
	text-decoration: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	width: 100%;
	border: 1px solid #ccc;
	padding: 10px 20px;
	background-color: #eee;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #000;
	outline: thin dotted;
}

p.form-submit {
    clear: both;
    display: inline-block;
    position: relative;
}
.comment-notes {
    margin-top: 0;
    margin-bottom: 20px;
}
#respond label {
    color: #273238;
    margin-bottom: 5px;
    display: block;
}
#commentform p {    
    margin-bottom: 21px;
}
.customize-support #commentform p.comment-form-comment {
    margin-bottom: 0;
}
#commentform p.form-submit {
	margin: 21px 0 0;
}
#comments {
    margin: 60px 0 0;
}
#respond {
    margin-top: 50px;
}
#respond .comment-form-cookies-consent input[type="checkbox"], 
.comment-form-cookies-consent input[type="checkbox"] {
    width: auto;
    float: left;
    height: auto;
    min-height: auto;
    margin-right: 10px;
}
#respond .comment-form-cookies-consent label, 
.comment-form-cookies-consent label {
    display: table;
    margin: 0;
    line-height: 1;
}
.comment-form-cookies-consent {
    clear: both;
    margin-top: 15px;
    display: inline-block;
    width: 100%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #F0B557;
	text-decoration: underline;
}

a:hover,
a:focus,
a:active {
	color: #000;
}

a:focus {
	outline: thin dotted;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#top-navigation {
    background-color: #F0B557;
    z-index: 3;
    position: relative;
}
#top-navigation .main-navigation ul.nav-menu > li > a {
	text-transform: uppercase;
}
#top-navigation .social-icons ul {
    display: inline-block;
}
#top-navigation .social-icons li a svg {
    fill: #fff;
}
#masthead {
    background-color: #fff;
    position: relative;
    width: 100%;
    z-index: 2;
}
.menu-sticky #masthead {
    position: sticky;
    top: 0;
}
.site-branding {
    float: left;
    padding: 15px 0;
    display: flex;
    align-items: center;
    min-height: 100px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.site-title {
    font-size: 32px;
    margin: 0;
    font-weight: 600;
    line-height: 1.3;
    font-family: 'Poppins', sans-serif;
}
.site-title a {
    color: #000;
    text-decoration: none;
}
.site-title a:hover,
.site-title a:focus {
    color: #F0B557;
}
.site-description {
    margin: 0;
    color: #666;
}
.site-logo {
    margin-right: 20px;
}
.site-logo img {
    max-height: 75px;
    width: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#masthead .custom-button {
    padding: 8px 35px;
    display: inline-block;
    text-align: center;
    background-color: #F0B557;
    border: 2px solid #F0B557;
    border-radius: 50px;
    color: #000;
    text-decoration: none;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#masthead .custom-button:hover,
#masthead .custom-button:focus {
	background-color: #000;
	border-color: #000;
	color: #fff;
}
.main-navigation {
	display: block;
    position: relative;
    float: right;
}
.main-navigation ul.nav-menu li.current-menu-item > a,
.main-navigation ul.nav-menu li:hover > a,
.main-navigation ul.nav-menu li:focus > a {
    color: #F0B557;
}
.main-navigation ul.nav-menu li:hover > svg,
.main-navigation ul.nav-menu li:focus > svg,
.main-navigation li.menu-item-has-children:hover > a > svg,
.main-navigation li.menu-item-has-children > a:hover > svg,
.main-navigation li.menu-item-has-children > a:focus > svg,
.main-navigation ul.nav-menu > li.current-menu-item > a > svg {
    fill: #F0B557;
}
.main-navigation ul ul {
    background-color: #fff;
    text-align: left;
    padding: 0;
}
.main-navigation ul.sub-menu li a {
    padding: 8px 15px;
    color: #000;
    border-bottom: 1px solid #eee;
    border-left: 1px solid rgba(238, 238, 238, 0.5);
}
.main-navigation ul.sub-menu a:after {
	float: right;
}
.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	position: relative;
}

.main-navigation ul.nav-menu > li > a {
    padding: 10px 0;
    color: #000;
}
.user-logged-in > a > img {
    width: 40px;
    object-fit: cover;
    height: 40px;
    border-radius: 40px;
}
.main-navigation ul.nav-menu > li {
	padding: 0 15px;
}
.main-navigation form.search-form input {
    background-color: #000;
    border-color: #000;
    color: #000;
    font-weight: 400;
}
.main-navigation ul.nav-menu > li > a.search:hover svg.icon-search,
.main-navigation ul.nav-menu > li > a.search:focus svg.icon-search,
.main-navigation li.search-menu a:hover svg,
.main-navigation li.search-menu a:focus svg,
.main-navigation li.search-menu a.search-active svg {
	fill: #F0B557;
}
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation ul.nav-menu > li > a:hover,
.main-navigation ul.nav-menu > li > a:focus {
    color: #F0B557;
}
.main-navigation a {
    display: block;
    text-decoration: none;
    color: #000;
    position: relative;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation ul ul a {
	width: 225px;
}
.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus {
	background-color: #F0B557;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
	color: #000;
}
.main-navigation .count {
    float: right;
    background-color: #F0B557;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    text-align: center;
    line-height: 1.1;
    margin-top: 5px;
}
.main-navigation .search-form .search-submit:hover,
.main-navigation .search-form .search-submit:focus {
    background-color: #F0B557;
}
.main-navigation .search-form .search-submit:hover svg,
.main-navigation .search-form .search-submit:focus svg {
    fill: #fff;
}
form.search-form {
    width: 100%;
    max-width: 100%;
    position: relative;
}
.main-navigation form.search-form {
    min-width: 320px;
}
input.search-field {
    height: 45px;
    border-radius: 0;
    padding: 0 50px 0 15px;
    width: 100%;
}
.main-navigation svg.icon-close {
    display: none;
}
svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}
svg.icon-search,
svg.icon-close {
    width: 15px;
    height: 15px;
}
.main-navigation svg.icon-down {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    fill: #000;
}
.main-navigation .sub-menu svg {
    width: 12px;
    height: 12px;
    fill: #000;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    -o-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}
.menu-toggle {
    border-radius: 0;
    font-size: 16px;
    margin: auto;
    display: block;
    height: 100px;
    position: relative;
    background-color: transparent;
    min-width: 64px;
    border: none;
    min-width: 112px;
}
.menu-label {
    float: right;
    color: #000;
}
svg.icon-menu {
    fill: #000;
    width: 30px;
    height: 30px;
    vertical-align: baseline;
}
.menu-open svg.icon-menu {
    display: none;
}
button.dropdown-toggle {
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    height: 55px;
    line-height: 62px;
}
.main-navigation .dropdown-toggle.active > svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.menu-overlay {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.menu-overlay.active {
    background-color: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 1;
}
.main-navigation .social-menu ul {
    position: relative;
    float: none;
    left: 0;
    background-color: transparent;
    display: inline-block;
}
.main-navigation .social-menu ul li {
	padding: 0;
	margin-right: 5px;
}
.main-navigation .social-menu ul li a {
	width: 40px;
    height: 40px;
    line-height: 37px;
    background-color: rgb(0 0 0 / 0.10);
}
#masthead .main-navigation .social-menu ul li a svg {
	transform: none;
	fill: #000;
}
#masthead .main-navigation .social-menu ul li a:hover svg,
#masthead .main-navigation .social-menu ul li a:focus svg {
	fill: #fff;
}
.main-navigation .social-menu ul li a:hover,
.main-navigation .social-menu ul li a:focus {
	opacity: 1;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 50px 0 0;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
	position: relative;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
	position: relative;
}
.post-navigation a, 
.posts-navigation a {
    font-weight: 400;
    color: #F0B557;
    text-decoration: none;
}
.navigation.pagination a {
    text-decoration: none;
}
.post-navigation a:hover, 
.posts-navigation a:hover,
.post-navigation a:focus, 
.posts-navigation a:focus {
	color: #000;
}
.post-navigation, 
.posts-navigation {
    padding: 0;
    position: relative;
    clear: both;
}
.pagination .page-numbers,
.pagination .page-numbers.dots:hover,
.pagination .page-numbers.dots:focus,
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
    text-align: center;
    line-height: 40px;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    color: #000;
    background-color: #eee;
    border: 1px solid #eee;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus {
    color: #fff;
    border-color: #F0B557;
    background-color: #F0B557;
}
.pagination .prev.page-numbers img {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.pagination img {
	opacity: 0.4;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.pagination a:hover img,
.pagination a:focus img {
	opacity: 1;
	-webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.navigation .nav-previous svg {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-right: 10px;
}
.navigation .nav-next svg {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: 10px;
}
.navigation.post-navigation, 
.navigation.posts-navigation {
    background-color: #eee;
}
.navigation.post-navigation .nav-previous, 
.navigation.posts-navigation .nav-previous,
.navigation.post-navigation .nav-next, 
.navigation.posts-navigation .nav-next {
	padding: 30px;
}
.navigation.post-navigation a,
.navigation.posts-navigation a {
	font-size: 18px;
	color: #000;
}
.navigation.post-navigation a:hover,
.navigation.posts-navigation a:hover,
.navigation.post-navigation a:focus,
.navigation.posts-navigation a:focus {
	color: #F0B557;
}
.navigation.post-navigation a:hover svg,
.navigation.posts-navigation a:hover svg,
.navigation.post-navigation a:focus svg,
.navigation.posts-navigation a:focus svg {
	fill: #F0B557;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.3em;
}
.widget:last-child {
    margin-bottom: 0;
}

#colophon .widget {
	margin: 0 0 40px;
}

#colophon .widget.widget_text {
	margin-bottom: 20px;
}

#colophon .widget:last-child {
    margin-bottom: 0;
}

#secondary .widget {
    background-color: #eee;
    padding: 30px;
    margin-bottom: 30px;
}

#secondary .widget:last-child {
    margin-bottom: 0;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
    background-color: #f6f6f6;
    padding: 10px;
    border: none;
    width: 100%;
    max-width: 300px;
}
.widget select:focus {
    outline: thin dotted;
}

.widget input {
    height: 40px;
    border-radius: 0;
    padding: 0 15px;
    border: none;
}

form.search-form button.search-submit {
    height: 45px;
    line-height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    border: none;
    width: 45px;
    border-radius: 0;
}
.widget_search form.search-form button.search-submit {
    width: 50px;
    height: 50px;
    color: #fff;
    line-height: 1;
}
.widget_search form.search-form button.search-submit svg {
	fill: #b9b9b9;
	width: 16px;
    height: 16px;
}
.widget_search form.search-form button.search-submit:hover svg,
.widget_search form.search-form button.search-submit:focus svg {
	fill: #F0B557;
}
.widget_search form.search-form input {
	border: none;
}
.widget_search form.search-form input {
    padding: 0 40px 0 15px;
    height: 50px;
    background-color: #f5f5f3;
}
form.search-form {
    position: relative;
}

form.search-form input {
    width: 100%;
    padding: 0 40px 0 15px;
    font-weight: 300;
}
.widget_block.widget_search .wp-block-search__input  {
    background-color: #fff;
}
#wp-calendar tbody td {
    text-align: center;
}

#wp-calendar caption {
    margin-bottom: 15px;
}

#secondary .widget-header {
    margin-bottom: 23px;
}

#secondary .widget-subtitle {
    color: #000;
    text-transform: uppercase;
    margin: 0;
}

#secondary .widget-title,
#secondary .widget.widget_block h1,
#secondary .widget.widget_block h2,
#secondary .widget.widget_block h3,
#secondary .widget.widget_block h4 {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 20px;
    word-wrap: break-word;
    position: relative;
    background-color: #000;
    color: #fff;
    padding: 12px;
    text-align: center;
    text-transform: uppercase;
}

.widget li:not(:last-child) {
    margin-bottom: 20px;
}

.right-sidebar #secondary, 
.left-sidebar #secondary {
	margin-top: 50px;
}
#secondary {
    position: relative;
    overflow: hidden;
}
#secondary .widget_search form.search-form input {
	background-color: #fff;
}
#secondary ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
input[type="submit"] {
    padding: 9px 35px;
    display: inline-block;
    text-align: center;
    background-color: #F0B557;
    border: 2px solid #F0B557;
    border-radius: 50px;
    color: #000;
    text-decoration: none;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #000;
    border-color: #000;
    color: #fff;
}
#secondary ul li a:hover,
#secondary ul li a:focus {
	color: #F0B557;
}
#secondary ul li a {
	color: #000;
	text-decoration: none;
}
#secondary .widget ul li:not(:last-child) {
    margin-bottom: 10px;
}
#secondary .widget.widget_popular_post ul li,  
#secondary .widget.widget_editor_choice ul li {
    margin-bottom: 20px;
}
.widget_popular_post .has-post-thumbnail, 
.widget_editor_choice .has-post-thumbnail {
    display: table;
    width: 100%;
    position: relative;
}
.widget_popular_post .has-post-thumbnail .featured-image, 
.widget_editor_choice .has-post-thumbnail .featured-image  {
    margin-right: 20px;
    width: 100px;
    height: 100px;
    float: left;
}
.widget_popular_post .has-post-thumbnail .featured-image img, 
.widget_editor_choice .has-post-thumbnail .featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.widget_popular_post .has-post-thumbnail .entry-container, 
.widget_editor_choice .has-post-thumbnail .entry-container {
    display: table;
}
.widget_popular_post .entry-title, 
.widget_editor_choice .entry-title  {
    margin: 0 0 3px;
    font-size: 18px;
}
#secondary .widget.widget_popular_post li:last-child, 
#secondary .widget.widget_editor_choice li:last-child  {
    margin-bottom: 0;
}
.widget_popular_post .has-post-thumbnail .entry-container .cat-links, 
.widget_editor_choice .has-post-thumbnail .entry-container .cat-links {
	margin-right: 0;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.hentry {
	margin: 0;
}

.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

.page-header span.posted-on {
    margin-bottom: 12px;
    display: inline-block;
    width: 100%;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.page-header small {
    font-size: 12px;
    color: #F0B557;
}
nav.navigation.pagination {
    margin-top: 50px;
    clear: both;
    display: inline-block;
    width: 100%;
}
.no-sidebar nav.navigation.pagination {
	text-align: center;
}
.no-sidebar-content #inner-content-wrapper {
    margin: 0 auto;
}
.navigation.pagination svg {
    fill: #000;
    width: 14px;
    height: 14px;
    position: relative;
    top: -1px;
    left: -1px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.navigation.pagination .next svg {
	left: auto;
    right: -1px;
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.navigation.pagination a:hover svg,
.navigation.pagination a:focus svg {
	fill: #fff;
}
.navigation.posts-navigation svg, 
.navigation.post-navigation svg {
    width: 14px;
    height: 14px;
    fill: #000;
}
.navigation.posts-navigation .nav-previous svg.icon-up, 
.navigation.post-navigation .nav-previous svg.icon-up {
	margin-right: 10px;
}
.navigation.posts-navigation .nav-next svg.icon-up, 
.navigation.post-navigation .nav-next svg.icon-up {
	margin-left: 10px;
}
.single-wrapper .entry-title {
    font-size: 32px;
    font-weight: 700;
}
.single-wrapper .post-categories {
    margin-bottom: 7px;
    display: inline-block;
    width: 100%;
}
.single-wrapper article p {
    margin-top: 0;
    margin-bottom: 28px;
}
.single-wrapper article blockquote p {
    margin-bottom: 0;
}
.single-wrapper article .author-image img {
    margin-bottom: 0;
    border-radius: 50%;
}
.single-wrapper article p.first-letter:first-letter {
    display: inline-block;
    float: left;
    font-size: 90px;
    line-height: 0.6;
    margin: 16px 16px 0 0;
}
.posted-on a,
#secondary .posted-on a {
    text-decoration: none;
    color: #666;
}
.posted-on a:hover,
.posted-on a:focus,
#secondary .posted-on a:hover,
#secondary .posted-on a:focus {
	color: #F0B557;
}
.single-wrapper span.posted-on svg,
.single-wrapper span.cat-links svg {
    fill: #F0B557;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -3px;
}
.single-wrapper span.cat-links svg {
	top: -2px;
}
.single-wrapper span.posted-on a:hover svg,
.single-wrapper span.posted-on a:focus svg,
.single-wrapper span.cat-links:hover svg {
    fill: #000;
}
.single-wrapper .entry-meta > span:not(:last-child):after {
	content: "";
	padding: 0 5px;
}
.tags-title {
    color: #000;
    text-transform: uppercase;
    margin-bottom: 13px;
}
.tags-links {
    display: inline-block;
}
.tags-links a {
    color: #865FC1;
    background-color: #E7DFF4;
    display: inline-block;
    padding: 11px 30px;
    text-decoration: none;
    border-radius: 50px;
    font-weight: bold;
    margin-right: 7px;
    margin-bottom: 10px;
}
.tags-links a:nth-child(1n) {
	color: #865FC1;
    background-color: #E7DFF4;
}
.tags-links a:nth-child(1n):hover,
.tags-links a:nth-child(1n):focus {
	color: #E7DFF4;
    background-color: #865FC1;
}
.tags-links a:nth-child(2n) {
	color: #EB4986;
    background-color: #FBDBE8;
}
.tags-links a:nth-child(2n):hover,
.tags-links a:nth-child(2n):focus {
	color: #FBDBE8;
    background-color: #EB4986;
}
.tags-links a:nth-child(3n) {
	color: #FF9933;
    background-color: #FEE7D7;
}
.tags-links a:nth-child(3n):hover,
.tags-links a:nth-child(3n):focus {
	color: #FEE7D7;
    background-color: #FF9933;
}
.single-wrapper span.tags-links a {
    display: inline-block;
    padding: 2px 10px;
    margin-right: 5px;
    font-size: 14px;
    border: 1px solid #ddd;
    color: #72757a;
    font-weight: 400;
}
.single-wrapper span.tags-links a:hover,
.single-wrapper span.tags-links a:focus {
	color: #F0B557;
	border-color: #F0B557;
}
.single-wrapper .entry-meta {
    margin-bottom: 25px;
}
.single-wrapper .entry-meta .date {
    font-size: 49px;
    color: #000;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}
.single-wrapper .entry-meta .month {
    font-size: 14px;
    letter-spacing: 0.5em;
    text-transform: uppercase;
    padding-left: 5px;
    margin-bottom: 28px;
    font-weight: bold;
}
.single-post .site-main .comment-navigation, 
.single-post .site-main .posts-navigation, 
.single-post .site-main .post-navigation {
	margin-bottom: 0;
}
.post-navigation .previous-article span span,
.posts-navigation .previous-article span span,
.post-navigation .next-article span span,
.posts-navigation .next-article span span {
    display: block;
}
.post-navigation span.previous-article b,
.post-navigations span.previous-article b,
.post-navigation span.next-article b,
.post-navigations span.next-article b {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}
.post-navigation span.previous-article,
.post-navigations span.previous-article {
    display: table;
}
.no-sidebar .single-wrapper .featured-image {
	text-align: center;
}
span.next-article {
    padding-right: 65px;
    display: inline-block;
}
#author-section {
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 35px 0;
    margin-bottom: 35px;
}
.author-image {
    float: left;
    margin-right: 30px;
}
.author-content {
    display: table;
}
.author-name {
    font-size: 18px;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 30px;
}
.author-name:after {
    content: "";
    background-color: #F0B557;
    width: 29px;
    height: 3px;
    display: block;
    margin-top: 30px;
}
.author-name span {
    color: #5e5e5e;
    padding-left: 5px;
    font-weight: 400;
}
.author-content .social-icons li a {
	background-color: #171717;
}
.author-content .social-icons li a svg {
	fill: #fff;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

#reply-title,
.comments-title {
    font-size: 32px;
    margin: 0;
    font-weight: 300;
    margin-bottom: 40px;
}
ul.post-categories li:after {
    content: ",";
}
ul.post-categories li:last-child:after {
    display: none;
}
ol.comment-list {
    padding: 0;
    margin: 0 0 15px;
    list-style: none;
}
#comments ol {
    list-style: none;
    margin-left: 0;
    padding: 0;
}
#comments ol.comment-list {
	padding-top: 35px;
	position: relative;
    overflow: hidden;
}
#comments ol.children .reply {
    padding-left: 12px;
}
.says {
    display: none;
}
.comment-meta img {
    width: 65px;
    height: 65px;
    float: left;
    border-radius: 50%;
    margin-right: 35px;
    margin-top: -20px;
}
#comments time:before {
    display: none;
}
.comment-body {
    position: relative;
}
.reply {
    padding-bottom: 25px;
    text-align: right;
    padding-right: 10px;
}
#comments article {
    margin-bottom: 30px;
    clear: both;
}
#comments ol.comment-list > li:last-child article:last-child,
#comments ol.comment-list > li:last-child {
	border-bottom: none;
}
#comments ol.comment-list > li {
    padding-top: 18px;
}
#comments ol.comment-list > li:first-child {
    padding-top: 0;
}
#comments ol.comment-list > li article:last-child .reply {
	border-bottom: none;
    padding-bottom: 0;
}
.reply a {
    padding: 5px 20px;
    display: inline-block;
    text-align: center;
    background-color: #F0B557;
    border: 2px solid #F0B557;
    border-radius: 50px;
    color: #000;
    text-decoration: none;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.reply a:hover,
.reply a:focus {
    background-color: #000;
    border-color: #000;
    color: #fff;
}
.comment-meta .url,
.comment-meta .fn {
    color: #000;
    display: inline-block;
    text-decoration: none;
}
.comment-metadata {
    float: right;
    padding-right: 35px;
    position: relative;
    z-index: 1;
}
.comment-metadata a {
    text-decoration: none;
    color: #000;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.comment-meta .url:hover,
.comment-meta .url:focus {
	color: #F0B557;
}
.comment-content {
    margin-bottom: 13px;
    padding: 57px 25px 7px;
    margin-top: -50px;
    background-color: #eee;
    margin-left: 120px;
    position: relative;
    right: 10px;
    clear: both;
}
.comment-content:before {
    content: "";
    border: 9px solid transparent;
    border-right-color: #fff;
    position: absolute;
    left: -18px;
    top: 30px;
}
.comment-content p {
    margin-bottom: 1em;
}
.comment-meta {
    margin-bottom: -100px;
    display: inline-block;
    width: 100%;
}
.comment-meta .fn {
    padding-left: 35px;
    position: relative;
    z-index: 1;
    font-weight: 400;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Layouts and titles
--------------------------------------------------------------*/
section {
	position: relative;
}
.relative {
	display: block;
	position: relative;
}
.relative:before,
.relative:after {
	content: "";
	display: table;
	clear: both;
}
.entry-content {
	margin-top: 0;
}
.wrapper {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.page-section {
    padding: 60px 0;
}
.section-header {
    margin-bottom: 45px;
    text-align: center;
}
.section-subtitle {
	max-width: 600px;
    margin: 0 auto;
    font-family: 'Poppins', sans-serif;
}
.section-title {
    font-size: 32px;
    font-weight: 600;
    margin: 0 0 10px;
    word-wrap: break-word;
    position: relative;
    font-family: 'Poppins', sans-serif;
}
.section-title a {
	text-decoration: none;
    color: #000;
}
.section-title a:hover,
.section-title a:focus {
	color: #F0B557;
}
.entry-title {
    font-size: 22px;
    margin: 0 0 15px;
    font-weight: 500;
}
.entry-title a {
	color: #000;
    text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus {
	color: #F0B557;
}
.overlay {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.btn {
    padding: 9px 35px;
    display: inline-block;
    text-align: center;
    background-color: #F0B557;
    border: 2px solid #F0B557;
    border-radius: 8px;
    color: #000;
    text-decoration: none;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn:hover,
.btn:focus {
	background-color: #000;
	border-color: #000;
	color: #fff;
}
.read-more {
    text-align: center;
}
.same-background + .same-background {
    padding-top: 0;
}
.col-1 article, 
.col-2 article, 
.col-3 article, 
.col-4 article,
.col-5 article,
.col-6 article {
	margin-bottom: 30px;
	width: 100%;
}
.col-1 article:last-child, 
.col-2 article:last-child, 
.col-3 article:last-child, 
.col-4 article:last-child,
.col-5 article:last-child,
.col-6 article:last-child {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin: -5px;
    clear: both;
    display: table;
    width: 100%;
}

.gallery-item {
	display: inline-block;
	vertical-align: top;
	width: 100%;
    float: left;
    padding: 5px;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
/*--------------------------------------------------------------
## Social Icons
--------------------------------------------------------------*/
.social-icons li {
    display: inline-block;
    height: auto;
    text-align: center;
    position: relative;
    list-style: none;
}
.footer-widgets-area .widget .social-icons li {
	display: inline-block;
    width: auto;
}
.social-icons,
.social-icons ul {
    margin: 0;
    padding: 0;
}
.social-icons li a {
    background-color: transparent;
    width: 40px;
    height: 40px;
    line-height: 37px;
    display: block;
    border-radius: 40px;
    border-bottom: none;
}
.social-icons li a:hover svg,
.social-icons li a:focus svg {
	fill: #fff;
}
.social-icons li a:hover svg,
.social-icons li a:focus svg {
	fill: #fff;
}
.social-icons li a svg {
    fill: #000000;
}
/*--------------------------------------------------------------
## Social Icons Hover Color
--------------------------------------------------------------*/
.social-icons li a[href*="facebook.com"]:hover,
.social-icons li a[href*="fb.com"]:hover,
.social-icons li a[href*="facebook.com"]:focus,
.social-icons li a[href*="fb.com"]:focus,
.tp-social.social-icon li a[href*="fb.com"],
.tp-social.social-icon li a[href*="facebook.com"] {
 	background-color: #3c5798 !important;
}
.social-icons li a[href*="twitter.com"]:hover,
.social-icons li a[href*="twitter.com"]:focus,
.tp-social.social-icon li a[href*="twitter.com"] {
 	background-color: #1ea0f1 !important;
}
.social-icons li a[href*="linkedin.com"]:hover,
.social-icons li a[href*="linkedin.com"]:focus,
.tp-social.social-icon li a[href*="linkedin.com"] {
 	background-color: #0077B5 !important;
}
.social-icons li a[href*="plus.google.com"]:hover,
.social-icons li a[href*="plus.google.com"]:focus,
.tp-social.social-icon li a[href*="plus.google.com"] {
 	background-color: #ec7161 !important;
}
.social-icons li a[href*="slack.com"]:hover,
.social-icons li a[href*="slack.com"]:focus,
.tp-social.social-icon li a[href*="slack.com"] {
	background-color: #E60264;
}
.social-icons li a[href*="youtube.com"]:hover,
.social-icons li a[href*="youtube.com"]:focus,
.tp-social.social-icon li a[href*="youtube.com"] {
 	background-color: #cc181e !important;
}

.social-icons li a[href*="dribbble.com"]:hover,
.social-icons li a[href*="dribbble.com"]:focus,
.tp-social.social-icon li a[href*="dribbble.com"] {
 	background-color: #f4a09c !important;
}

.social-icons li a[href*="pinterest.com"]:hover,
.social-icons li a[href*="pinterest.com"]:focus,
.tp-social.social-icon li a[href*="pinterest.com"] {
 	background-color: #bd081b !important;
}

.social-icons li a[href*="bitbucket.org"]:hover,
.social-icons li a[href*="bitbucket.org"]:focus,
.tp-social.social-icon li a[href*="bitbucket.com"] {
 	background-color: #205081 !important;
}

.social-icons li a[href*="github.com"]:hover,
.social-icons li a[href*="github.com"]:focus,
.tp-social.social-icon li a[href*="github.com"] {
 	background-color: #323131 !important;
}

.social-icons li a[href*="codepen.io"]:hover,
.social-icons li a[href*="codepen.io"]:focus,
.tp-social.social-icon li a[href*="codepen.com"] {
 	background-color: #000 !important;
}

.social-icons li a[href*="flickr.com"]:hover,
.social-icons li a[href*="flickr.com"]:focus,
.tp-social.social-icon li a[href*="flickr.com"] {
 	background-color: #025FDF !important;
}

.social-icons li a[href$="/feed/"]:hover,
.social-icons li a[href$="/feed/"]:focus,
.tp-social.social-icon li a[href*="feed.com"] {
 	background-color: #089DE3 !important;
}

.social-icons li a[href*="foursquare.com"]:hover,
.social-icons li a[href*="foursquare.com"]:focus,
.tp-social.social-icon li a[href*="foursquare.com"] {
 	background-color: #F94877 !important;
}

.social-icons li a[href*="instagram.com"]:hover,
.social-icons li a[href*="instagram.com"]:focus,
.tp-social.social-icon li a[href*="instagram.com"] {
 	background-color: #cd42e7 !important;
}

.social-icons li a[href*="tumblr.com"]:hover,
.social-icons li a[href*="tumblr.com"]:focus,
.tp-social.social-icon li a[href*="tumblr.com"] {
 	background-color: #56BC8A !important;
}

.social-icons li a[href*="reddit.com"]:hover,
.social-icons li a[href*="reddit.com"]:focus,
.tp-social.social-icon li a[href*="reddit.com"] {
 	background-color: #FF4500 !important;
}

.social-icons li a[href*="vimeo.com"]:hover,
.social-icons li a[href*="vimeo.com"]:focus,
.tp-social.social-icon li a[href*="vimeo.com"] {
 	background-color: #00ADEF !important;
}

.social-icons li a[href*="digg.com"]:hover,
.social-icons li a[href*="digg.com"]:focus,
.tp-social.social-icon li a[href*="digg.com"] {
 	background-color: #00ADEF !important;
}

.social-icons li a[href*="twitch.tv"]:hover,
.social-icons li a[href*="twitch.tv"]:focus,
.tp-social.social-icon li a[href*="twitch.tv"] {
 	background-color: #0E9DD9 !important;
}

.social-icons li a[href*="stumbleupon.com"]:hover,
.social-icons li a[href*="stumbleupon.com"]:focus,
.tp-social.social-icon li a[href*="stumbleupon.com"] {
 	background-color: #EB4924 !important;
}

.social-icons li a[href*="delicious.com"]:hover,
.social-icons li a[href*="delicious.com"]:focus,
.tp-social.social-icon li a[href*="delicious.com"] {
 	background-color: #0076E8 !important;
}

.social-icons li a[href*="mailto:"]:hover,
.social-icons li a[href*="mailto:"]:focus,
.tp-social.social-icon li a[href*="mailto:"] {
 	background-color: #4169E1 !important;
}
.social-icons li a[href*="soundcloud.com"]:hover,
.social-icons li a[href*="soundcloud.com"]:focus,
.tp-social.social-icon li a[href*="soundcloud.com"] {
 	background-color: #FF5500 !important;
}
.social-icons li a[href*="wordpress.org"]:hover,
.social-icons li a[href*="wordpress.org"]:focus,
.tp-social.social-icon li a[href*="wordpress.org"] {
 	background-color: #0073AA !important;
}
.social-icons li a[href*="wordpress.com"]:hover,
.tp-social.social-icon li a[href*="wordpress.com"] {
 	background-color: #00AADC !important;
}

.social-icons li a[href*="jsfiddle.net"]:hover,
.social-icons li a[href*="jsfiddle.net"]:focus,
.tp-social.social-icon li a[href*="jsfiddle.net"] {
 	background-color: #396AB1 !important;
}

.social-icons li a[href*="tripadvisor.com"]:hover,
.social-icons li a[href*="tripadvisor.com"]:focus,
.tp-social.social-icon li a[href*="tripadvisor.com"] {
 	background-color: #FFE090 !important;
}

.social-icons li a[href*="angel.co"]:hover,
.social-icons li a[href*="angel.co"]:focus,
.tp-social.social-icon li a[href*="angel.co"] {
 	background-color: #000 !important;
}

#contact-section .social-icons li a,
#secondary .widget_social_icons li a {
 	background-color: transparent !important;
    margin-right: 20px;
}
#contact-section .social-icons li:last-child a,
#secondary .widget_social_icons li:last-child a {
	margin-right: 0;
}
#contact-section .social-icons li a svg,
#secondary .widget_social_icons li a svg {
 	fill: #3c5798;
 	width: 22px;
    height: 22px;
}
#contact-section .social-icons li a[href*="facebook.com"] svg,
#contact-section .social-icons li a[href*="fb.com"] svg,
#secondary .widget_social_icons li a[href*="facebook.com"] svg,
#secondary .widget_social_icons li a[href*="fb.com"] svg {
 	fill: #3c5798;
}
#contact-section .social-icons li a[href*="twitter.com"] svg,
#secondary .widget_social_icons li a[href*="twitter.com"] svg {
 	fill: #1ea0f1;
}
#contact-section .social-icons li a[href*="linkedin.com"] svg,
#secondary .widget_social_icons li a[href*="linkedin.com"] svg {
 	fill: #0077B5;
}
#contact-section .social-icons li a[href*="plus.google.com"] svg,
#secondary .widget_social_icons li a[href*="plus.google.com"] svg {
 	fill: #ec7161;
}
#contact-section .social-icons li a[href*="slack.com"] svg,
#secondary .widget_social_icons li a[href*="slack.com"] svg {
	background-color: #E60264;
}
#contact-section .social-icons li a[href*="youtube.com"] svg,
#secondary .widget_social_icons li a[href*="youtube.com"] svg {
 	fill: #cc181e;
}

#contact-section .social-icons li a[href*="dribbble.com"] svg,
#secondary .widget_social_icons li a[href*="dribbble.com"] svg {
 	fill: #f4a09c;
}

#contact-section .social-icons li a[href*="pinterest.com"] svg,
#secondary .widget_social_icons li a[href*="pinterest.com"] svg {
 	fill: #bd081b;
}

#contact-section .social-icons li a[href*="bitbucket.org"] svg,
#secondary .widget_social_icons li a[href*="bitbucket.org"] svg {
 	fill: #205081;
}

#contact-section .social-icons li a[href*="github.com"] svg,
#secondary .widget_social_icons li a[href*="github.com"] svg {
 	fill: #323131;
}

#contact-section .social-icons li a[href*="codepen.io"] svg,
#secondary .widget_social_icons li a[href*="codepen.io"] svg {
 	fill: #000;
}

#contact-section .social-icons li a[href*="flickr.com"] svg,
#secondary .widget_social_icons li a[href*="flickr.com"] svg {
 	fill: #025FDF;
}

#contact-section .social-icons li a[href$="/feed/"] svg,
#secondary .widget_social_icons li a[href$="/feed/"] svg {
 	fill: #089DE3;
}

#contact-section .social-icons li a[href*="foursquare.com"] svg,
#secondary .widget_social_icons li a[href*="foursquare.com"] svg {
 	fill: #F94877;
}

#contact-section .social-icons li a[href*="instagram.com"] svg,
#secondary .widget_social_icons li a[href*="instagram.com"] svg {
 	fill: #cd42e7;
}

#contact-section .social-icons li a[href*="tumblr.com"] svg,
#secondary .widget_social_icons li a[href*="tumblr.com"] svg {
 	fill: #56BC8A;
}

#contact-section .social-icons li a[href*="reddit.com"] svg,
#secondary .widget_social_icons li a[href*="reddit.com"] svg {
 	fill: #FF4500;
}

#contact-section .social-icons li a[href*="vimeo.com"] svg,
#secondary .widget_social_icons li a[href*="vimeo.com"] svg {
 	fill: #00ADEF;
}

#contact-section .social-icons li a[href*="digg.com"] svg,
#secondary .widget_social_icons li a[href*="digg.com"] svg {
 	fill: #00ADEF;
}

#contact-section .social-icons li a[href*="twitch.tv"] svg,
#secondary .widget_social_icons li a[href*="twitch.tv"] svg {
 	fill: #0E9DD9;
}

#contact-section .social-icons li a[href*="stumbleupon.com"] svg,
#secondary .widget_social_icons li a[href*="stumbleupon.com"] svg {
 	fill: #EB4924;
}

#contact-section .social-icons li a[href*="delicious.com"] svg,
#secondary .widget_social_icons li a[href*="delicious.com"] svg {
 	fill: #0076E8;
}

#contact-section .social-icons li a[href*="mailto:"] svg,
#secondary .widget_social_icons li a[href*="mailto:"] svg {
 	fill: #4169E1;
}
#contact-section .social-icons li a[href*="soundcloud.com"] svg,
#secondary .widget_social_icons li a[href*="soundcloud.com"] svg {
 	fill: #FF5500;
}
#contact-section .social-icons li a[href*="wordpress.org"] svg,
#secondary .widget_social_icons li a[href*="wordpress.org"] svg {
 	fill: #0073AA;
}
#contact-section .social-icons li a[href*="wordpress.com"] svg,
#secondary .widget_social_icons li a[href*="wordpress.com"] svg {
}

#contact-section .social-icons li a[href*="jsfiddle.net"] svg,
#secondary .widget_social_icons li a[href*="jsfiddle.net"] svg {
 	fill: #396AB1;
}

#contact-section .social-icons li a[href*="tripadvisor.com"] svg,
#secondary .widget_social_icons li a[href*="tripadvisor.com"] svg {
 	fill: #FFE090;
}

#contact-section .social-icons li a[href*="angel.co"] svg,
#secondary .widget_social_icons li a[href*="angel.co"] svg {
 	fill: #000;
}
/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/
#page-site-header {
    padding: 200px 0;
    text-align: center;
    position: relative;
    background-color: #333;
    background-size: cover;
    background-position: 50%;
}
#page-site-header .wrapper {
    position: relative;
}
#page-site-header .page-title {
	font-size: 52px;
	color: #fff;
    margin: 0;
}
.post-thumbnail-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*--------------------------------------------------------------
#  Breadcrumb List
--------------------------------------------------------------*/
#breadcrumb-list {
    margin-top: 5px;
}
.trail-items {
    margin: 0;
    padding: 0;
    list-style: none;
}
.trail-items li {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    color: #fff;
}
.trail-items li:not(:last-child):after {
	content: "/";
	padding-left: 4px;
	padding-right: 1px;
}
.trail-items li a {
    color: #fff;
    text-decoration: none;
}
.trail-items li a:hover,
.trail-items li a:focus {
    opacity: 1;
    text-decoration: underline;
}

/*--------------------------------------------------------------
#  Slick Pagination
--------------------------------------------------------------*/
.slick-dotted.slick-slider {
	margin-bottom: 0;
}
.slick-slide {
    outline: none;
}
.slick-prev:before, 
.slick-next:before {
    content: "";
	background-image: url('assets/uploads/right-arrow-angle.svg');
    width: 16px;
    height: 16px;
    display: inline-block;
    opacity: 1;
    background-size: contain;
    background-repeat: no-repeat;
}
.slick-prev:before {
	-webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.slick-prev,
.slick-next {
	background-color: rgb(255 255 255 / 50%);
    width: 50px;
    height: 50px;
    border-radius: 50px;
    opacity: 1;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
	opacity: 1;
	background-color: #fff;
}
.slick-prev {
	left: 50px;
}
.slick-next {
	right: 50px;
}
.slick-dots {
	bottom: 25px;
}
.slick-dots li {
    margin: 0 2px;
}
.slick-dots li button {
	width: 12px;
	height: 12px;
	border-radius: 12px;
	border: 1px solid #F0B557;
}
.slick-dots li.slick-active button {
	background-color: #F0B557;
}
.slick-dots li button:focus {
	outline: thin dotted #000;
}
.slick-dots li button:before {
	display: none;
}

/*--------------------------------------------------------------
#  Featured Slider Section
--------------------------------------------------------------*/
#charity_give_featured_slider_section {
    position: relative;
}
#charity_give_featured_slider_section .wrapper {
	position: relative;
}
.featured-slider article {
	background-color: #000;
    background-size: cover;
    background-position: 50%;
    padding: 150px 0;
    vertical-align: middle;
    position: relative;
}
.featured-content-wrapper {
    position: relative;
    z-index: 1;
}
.featured-content-wrapper .entry-container {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}
.featured-content-wrapper .section-subtitle {
    color: #fff;
    font-size: 18px;
}
.featured-content-wrapper .entry-title {
    font-size: 32px;
    margin: 0 0 20px;
    line-height: 1.1;
    font-weight: 600;
   font-family: 'Poppins', sans-serif;
}
.featured-content-wrapper .entry-title a,
.featured-content-wrapper .entry-content {
	color: #fff;
}
.featured-content-wrapper .entry-title a:hover,
.featured-content-wrapper .entry-title a:focus {
	opacity: 0.8;
}
.featured-content-wrapper .entry-content {
	margin-bottom: 33px;
}
.featured-slider .read-more a {
	margin-right: 15px;
}
.featured-slider .read-more a:first-child {
	background-color: #fff;
	border-color: #fff;
	color: #000;
}
.featured-slider .read-more a:first-child:hover,
.featured-slider .read-more a:first-child:focus {
	background-color: #F0B557;
	border-color: #F0B557;
	color: #000;
}
.featured-slider .slick-dots li button {
	border-color: #fff;
}
.featured-slider .slick-dots li.slick-active button {
	background-color: #fff;
}

/*--------------------------------------------------------------
#  Featured Section
--------------------------------------------------------------*/
#charity_give_featured_section {
    background-color: #369ff4;
    padding: 30px;
}
#charity_give_featured_section .section-header {
    text-align: left;
    float: left;
    width: 50%;
    margin-bottom: 0;
}
#charity_give_featured_section .section-title {
    font-size: 28px;
    color: #fff;
}
#charity_give_featured_section p {
    color: #fff;
}
#charity_give_featured_section .read-more {
    float: right;
    margin-top: 15px;
}
#charity_give_featured_section .read-more .btn {
	color: #fff;
}
#charity_give_featured_section .read-more .btn:hover,
#charity_give_featured_section .read-more .btn:focus {
	color: #fff;
	background-color: #000;
    border-color: #000;
}
#charity_give_featured_section .read-more .btn:after,
#charity_give_recent_cause_section .btn:after {
    content: '\f178';
    font-family: "FontAwesome";
    margin-left: 10px;
    vertical-align: middle;
}
/*--------------------------------------------------------------
#  Blog Slider Section
--------------------------------------------------------------*/
#charity_give_blog_slider_section {
    position: relative;
}
#charity_give_blog_slider_section .wrapper {
	position: relative;
}
.blog-slider article {
	background-color: #000;
    background-size: cover;
    background-position: 50%;
    padding: 150px 0;
    vertical-align: middle;
    position: relative;
}
.blog-content-wrapper {
    position: relative;
    z-index: 1;
}
.blog-content-wrapper .entry-container {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}
.blog-content-wrapper .section-subtitle {
    color: #fff;
    font-size: 18px;
}
.blog-content-wrapper .entry-title {
    font-size: 32px;
    margin: 0 0 20px;
    line-height: 1.1;
    font-weight: 500;
}
.blog-content-wrapper .entry-title a,
.blog-content-wrapper .entry-content {
	color: #fff;
}
.blog-content-wrapper .entry-title a:hover,
.blog-content-wrapper .entry-title a:focus {
	opacity: 0.8;
}
.blog-content-wrapper .entry-content {
	margin-bottom: 33px;
}
.blog-slider .read-more a {
	margin-right: 15px;
}
.blog-slider .slick-dots li button {
	border-color: #fff;
}
.blog-slider .slick-dots li.slick-active button {
	background-color: #fff;
}
.blog-content-wrapper {
    background-color: rgb(255 255 255 / 90%);
    max-width: 600px;
    text-align: center;
    margin: 0 auto;
    padding: 50px 30px;
}
#charity_give_blog_slider_section .cat-links {
    margin-bottom: 15px;
    display: block;
}
.blog-content-wrapper .entry-title {
    font-size: 28px;
    font-weight: 500;
}
.blog-content-wrapper .entry-title a, 
.blog-content-wrapper .entry-content {
    color: #000;
}
.blog-content-wrapper .entry-title a:hover,
.blog-content-wrapper .entry-title a:focus {
	color: #F0B557;
	opacity: 1;
}
.blog-content-wrapper .entry-container,
.blog-content-wrapper .read-more {
    text-align: center;
}
.blog-slider .entry-meta {
	margin-bottom: 15px;
}
.blog-slider .entry-meta span:not(:last-child):after {
	content: "-";
}
.blog-slider ul.post-categories {
    display: inline-block;
}
#charity_give_blog_slider_section .entry-meta > span {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

/*--------------------------------------------------------------
#  Featured Posts Section
--------------------------------------------------------------*/
#charity_give_featured_posts_section .featured-post-item {
    position: relative;
}
#charity_give_featured_posts_section .featured-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    padding: 150px 0;
}
#charity_give_featured_posts_section .featured-image a:after {
    position: absolute;
    content: "";
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    border: 1px solid rgba(255,255,255,.95);
    box-shadow: 0 0 0 15px rgb(255 255 255 / 10%);
    will-change: opacity;
    opacity: 0;
    transition: opacity .6s,transform .4s cubic-bezier(.25,.46,.45,.94);
    pointer-events: none;
}
#charity_give_featured_posts_section .featured-image a:hover:after,
#charity_give_featured_posts_section .featured-image a:focus:after {
	opacity: 1;
}
#charity_give_featured_posts_section .entry-title {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#charity_give_featured_posts_section .entry-title a {
    background-color: #fff;
    display: inline-block;
    padding: 9px 20px;
}

/*--------------------------------------------------------------
#  Recent Posts Section
--------------------------------------------------------------*/
#charity_give_recent_posts_section .entry-meta {
	margin-bottom: 15px;
}
#charity_give_recent_posts_section .entry-meta span:not(:last-child):after {
	content: "-";
}
#charity_give_recent_posts_section ul.post-categories {
    display: inline-block;
}
#charity_give_recent_posts_section .entry-meta > span {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

/*--------------------------------------------------------------
#  Popular Posts Section
--------------------------------------------------------------*/
#charity_give_popular_posts_section .entry-meta {
	margin-bottom: 15px;
}
#charity_give_popular_posts_section .entry-meta span:not(:last-child):after {
	content: "-";
}
#charity_give_popular_posts_section ul.post-categories {
    display: inline-block;
}
#charity_give_popular_posts_section .entry-meta > span {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

/*--------------------------------------------------------------
#  About Section
--------------------------------------------------------------*/
#charity_give_about_section article:nth-child(odd) {
    margin-bottom: 30px;
}
#charity_give_about_section .featured-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    padding: 300px 0;
    margin-bottom: 40px;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    -webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
#charity_give_about_section article.has-post-thumbnail .featured-image:before {
    content: "";
    background: #fff;
    content: "";
    height: 35px;
    margin: auto;
    margin-left: 45px;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 100%;
    top: 0;
    width: 35px;
    z-index: 1;
    -webkit-transform: rotate( 45deg);
    transform: rotate( 45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: margin-left 0.45s ease-in-out 0s, opacity 0.75s ease-in-out 0s;
    transition: margin-left 0.45s ease-in-out 0s, opacity 0.75s ease-in-out 0s;
}
#charity_give_about_section article.has-post-thumbnail:hover .featured-image {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
#charity_give_about_section article.has-post-thumbnail .featured-image:before {
    content: "";
    background: #fff;
    content: "";
    height: 35px;
    margin: auto;
    margin-left: 45px;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 100%;
    top: 0;
    width: 35px;
    z-index: 1;
    -webkit-transform: rotate( 45deg);
    transform: rotate( 45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: margin-left 0.45s ease-in-out 0s, opacity 0.75s ease-in-out 0s;
    transition: margin-left 0.45s ease-in-out 0s, opacity 0.75s ease-in-out 0s;
}
#charity_give_about_section article.has-post-thumbnail:hover .featured-image:before, 
#charity_give_about_section article.has-post-thumbnail:nth-child(even):hover .featured-image:before {
    margin-left: -18px;
    margin-right: 0;
    opacity: 1;
}
#charity_give_about_section article.has-post-thumbnail:nth-child(even) .featured-image:before {
    left: 0;
    margin-left: -45px;
}
#charity_give_about_section .section-header {
    margin-bottom: 25px;
}
#charity_give_about_section .entry-content {
    text-align: center;
    margin-bottom: 30px;
}

/*--------------------------------------------------------------
#  Recent Cause Section
--------------------------------------------------------------*/
#charity_give_about_section + #charity_give_recent_cause_section {
    padding-top: 0;
}
#charity_give_recent_cause_section .featured-image {
    padding: 150px 0;
	position: relative;
    background-size: cover;
    background-position: 50%;
}
#charity_give_recent_cause_section .entry-container {
    text-align: center;
    background-color: #9064bf;
    padding: 30px 20px;
    color: #fff;
}
#charity_give_recent_cause_section article:nth-child(1n) .entry-container {
    background-color: #9064bf;
}
#charity_give_recent_cause_section article:nth-child(2n) .entry-container {
    background-color: #fa575d;
}
#charity_give_recent_cause_section article:nth-child(3n) .entry-container {
    background-color: #5586e8;
}
#charity_give_recent_cause_section .cat-links {
    margin-bottom: 5px;
    display: block;
}
#charity_give_recent_cause_section .post-categories li a ,
#charity_give_recent_cause_section .entry-title a {
    color: #fff;
}
#charity_give_recent_cause_section .post-categories li a:hover,
#charity_give_recent_cause_section .post-categories li a:focus,
#charity_give_recent_cause_section .entry-title a:hover,
#charity_give_recent_cause_section .entry-title a:focus {
    color: #F0B557;
}
#charity_give_recent_cause_section .entry-content {
    margin-bottom: 21px;
}
#charity_give_recent_cause_section .btn {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}
#charity_give_recent_cause_section .btn:hover,
#charity_give_recent_cause_section .btn:focus {
    background-color: #fff;
    border-color: #fff;
    color: #000;
}


/*--------------------------------------------------------------
#  Service Section
--------------------------------------------------------------*/
#charity_give_services_section {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-attachment: fixed;
}
.service-item-wrapper {
    border: 1px solid #fcc91b;
    border-top: none;
    position: relative;
    padding: 0 20px 30px;
    margin-top: 40px;
    position: relative;
    color: #fff;
    text-align: center;
}
.service-item-wrapper:after, 
.service-item-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    width: 70px;
    height: 1px;
    background: #fcc91b;
    z-index: 1;
}
.service-item-wrapper:before {
    left: 0;
}
.service-item-wrapper:after {
    right: 0;
}
.service-item-wrapper:hover .icon-container a {
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1);
}
.service-item-wrapper .icon-container {
    width: 100%;
    height: auto;
    left: 0;
    top: -30px;
    position: absolute;
    min-height: 72px;
    text-align: center;
    padding-right: 0!important;
}
.service-item-wrapper .icon-container a {
    font-size: 40px;
    display: inline-block;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
    -moz-transition: all .35s;
    -ms-transition: all .35s;
}
.service-item-wrapper .entry-header {
    text-align: center;
    padding-top: 35px;
}
.service-item-wrapper .entry-header a,
#charity_give_services_section .section-title,
#charity_give_services_section .section-subtitle {
    color: #fff;
}
.service-item-wrapper .entry-header a:hover,
.service-item-wrapper .entry-header a:focus {
    color: #F0B557;
}
/*--------------------------------------------------------------
#  Event Section
--------------------------------------------------------------*/
#charity_give_events_section .section-content {
    max-width: 900px;
    margin: 0 auto;
}
#charity_give_events_section article {
    text-align: center;
    margin-bottom: 20px;
}
#charity_give_events_section article:last-child {
	margin-bottom: 0;
}
#charity_give_events_section .event-item {
    background-color: #eee;
    padding: 25px;
    border-radius: 5px;
    border: 1px solid #ddd;
}
#charity_give_events_section .posted-on {
	font-size: 18px;
    margin-bottom: 15px;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
}
#charity_give_events_section .entry-header {
    margin-bottom: 20px;
}
#charity_give_events_section .entry-title {
    font-size: 20px;
    margin-bottom: 0;
}
#charity_give_events_section .event-location {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}
#charity_give_events_section .venue-time span {
    font-family: 'Poppins', sans-serif;
}
#charity_give_events_section .entry-title a:hover,
#charity_give_events_section .entry-title a:focus,
#charity_give_events_section .posted-on a:hover,
#charity_give_events_section .posted-on a:focus {
	color: #F0B557;
}


/*--------------------------------------------------------------
#  Promotion Section
--------------------------------------------------------------*/
#charity_give_promotion_section {
    background-size: cover;
    background-position: 50%;
    background-attachment: fixed;
}
#charity_give_promotion_section .wrapper {
    position: relative;
    text-align: center;
    max-width: 825px;
}
#charity_give_promotion_section .entry-title {
    font-size: 32px;
    color: #fff;
    margin-bottom: 20px;
}
#charity_give_promotion_section .entry-content {
    color: #fff;
    font-size: 22px;
    line-height: 1.5;
}
#charity_give_promotion_section .read-more {
    margin-top: 30px;
}
.video-button {
    display: block;
    text-align: center;
    margin-top: 30px;
}
.video-button a {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    line-height: 100px;
    background-color: #F0B557;
    color: #fff;
    display: inline-block;
    padding-left: 6px;
    text-align: center;
}
.video-button a:hover,
.video-button a:focus {
    background-color: #000;
}
.video-button svg {
    fill: #fff;
    width: 28px;
    height: 28px;
}
/*--------------------------------------------------------------
#  Gallery Section
--------------------------------------------------------------*/
#charity_give_gallery_section {
    background-color: #eee;
}
ul li a {
	text-decoration: none;
}
ul.filter-tabs {
    list-style: none;
    padding: 0;
    text-align: center;
    margin-bottom: 50px;
}
ul.filter-tabs li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 15px;
}
ul.filter-tabs li a {
    text-decoration: none;
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #000;
    color: #000;
    font-size: 13px;
    line-height: 1.2;
    position: relative;
    border-radius: 50px;
    font-weight: 600;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
}
ul.filter-tabs li.active a, 
ul.filter-tabs li a:hover, 
ul.filter-tabs li a:focus {
    color: #fff;
    background-color: #F0B557;
    border-color: #F0B557;
}
.tab-content {
    display: none;
}
.tab-content.active {
    display: block;
}
#charity_give_gallery_section .featured-image {
    background-color: #F0B557;
    background-size: cover;
    background-position: 50%;
    padding: 150px 0;
    position: relative;
    overflow: hidden;
}
#charity_give_gallery_section .entry-header {
    background-color: rgb(240 181 87 / 90%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#charity_give_gallery_section .featured-image:hover .entry-header {
	-webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
#charity_give_gallery_section .entry-title {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    padding: 0 30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#charity_give_gallery_section .entry-title a {
	color: #fff;
}
#charity_give_gallery_section .entry-title a:hover,
#charity_give_gallery_section .entry-title a:focus {
	color: #000;
}
#charity_give_gallery_section .read-more {
    margin-top: 50px;
}
#charity_give_gallery_section .gallery {
    clear: none;
}
#charity_give_gallery_section .col-3 article:nth-child(3n+1) {
    clear: left;
}
/*--------------------------------------------------------------
#  Counter Section
--------------------------------------------------------------*/
#charity_give_counter_section {
    position: relative;
    background-size: cover;
    background-position: 50%;
    background-attachment: fixed;
    padding: 120px 0;
}
#charity_give_counter_section .overlay {
    opacity: 0.6;
}
#charity_give_counter_section .counter-item {
	text-align: center;
	position: relative;
	z-index: 1;
}
#charity_give_counter_section .counter-icon {
    font-size: 36px;
    color: #F0B557;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 100%;
    border: 2px solid #F0B557;
    display: inline-block;
    margin: 0 auto 15px;
}
#charity_give_counter_section .counter-value,
#charity_give_counter_section .counter-title {
    font-size: 62px;
    color: #F0B557;
    margin: 0 0 10px;
    font-weight: 600;
}
#charity_give_counter_section .counter-title {
    font-size: 18px;
    color: #fff;
    margin: 0;
    font-weight: 400;
}

/*--------------------------------------------------------------
#  Help Us
--------------------------------------------------------------*/
.featured-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
}
.help-wrapper .featured-image {
    padding: 100px 0;
    text-align: center;
}
.help-wrapper .featured-image .btn {
    color: #fff;
    text-align: center;
    margin: auto;
    width: auto;
    position: relative;
}
.help-wrapper .featured-image .overlay {
     display: none; 
}
.help-wrapper .featured-image .btn {
    opacity: 0;
}
.help-wrapper:hover .featured-image .overlay {
     display: block; 
}
.help-wrapper:hover .featured-image .btn {
    opacity: 1;
}

.help-wrapper {
    border: 1px solid rgb(30 41 57 / 0.20);
}
.help-wrapper .entry-container {
    padding: 30px 20px;
}
.help-wrapper .entry-meta {
    margin-bottom: 5px;
}
.help-wrapper .entry-meta span {
    display: inline-block;
    position: relative;
}
.entry-meta ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.cat-links {
    margin-right: 20px;
}
.trip-category a {
    color: #566273;
}
.trip-category a:hover {
    color: #f7a94f;
}
.help-wrapper .entry-meta > span:not(:last-child):after {
    content: "|";
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: -15px;
    margin: auto;
    text-align: center;
}
.help-wrapper .entry-title a:hover {
    color: #f7a94f;
}
.help-wrapper .entry-title a {
    color: #1e2939;
}
.help-wrapper .price {
    margin-top: 20px;
}
.help-wrapper .price span {
    display: block;
    margin-bottom: 10px;
}
.help-wrapper .price input[type="range"] {
    background-color: #000;
    padding: 10px;
    margin: 0;
    display: block;
    width: 100%;
    background-color: #9a905d;
}
.help-wrapper .read-more {
    margin-top: 30px;
    text-align: left;
}
.give-progress-bar>span {
	background-color: #F0B557 !important;
}
/*--------------------------------------------------------------
#  Team Section
--------------------------------------------------------------*/
#charity_give_team_section .team-item-wrapper {
    text-align: center;
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    background-color: #f6f6f6;
    padding: 30px 0;
}
#charity_give_team_section .featured-image {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    width: 200px;
    height: 200px;
    border-radius: 100%;
    border: 8px solid #F0B557;
}
#charity_give_team_section .featured-image:before {
    content: "";
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#charity_give_team_section .featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}
#charity_give_team_section .social-icons {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#charity_give_team_section .team-item-wrapper:hover .featured-image:before,
#charity_give_team_section .team-item-wrapper:focus .featured-image:before {
	opacity: 0.5;
}
#charity_give_team_section .team-item-wrapper:hover .social-icons,
#charity_give_team_section .team-item-wrapper:focus .social-icons {
	opacity: 1;
	visibility: visible;
}
#charity_give_team_section .social-icons svg {
    width: 20px;
    height: 20px;
    fill: #fff;
}
#charity_give_team_section .entry-container {
    padding: 30px 15px;
}
#charity_give_team_section .entry-title {
    margin: 0 0 10px;
    font-weight: 600;
}
#charity_give_team_section .team-position {
    display: block;
    margin-bottom: 20px;
}
#charity_give_team_section .btn {
    border-color: #000;
    background-color: transparent;
    padding: 5px 25px;
}
#charity_give_team_section .btn:hover,
#charity_give_team_section .btn:focus {
    border-color: #000;
    background-color: #000;
    color: #fff;
}

/*--------------------------------------------------------------
#  Testimonial Section
--------------------------------------------------------------*/
#charity_give_testimonial_section {
    background-size: cover;
    background-position: 50%;
}
#charity_give_testimonial_section .overlay {
    background-color: #F0B557;
    opacity: 0.8;
}
#charity_give_testimonial_section .testimonial-slider {
    position: relative;
    z-index: 1;
}
#charity_give_testimonial_section article {
    padding: 0 15px;
}
#charity_give_testimonial_section .featured-image {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}
#charity_give_testimonial_section .featured-image img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    border-radius: 90px;
    margin-right: 20px;
}
#charity_give_testimonial_section .entry-container {
    text-align: center;
    border: 1px solid rgb(255 255 255 / 40%);
    padding: 40px 30px;
    position: relative;
}
#charity_give_testimonial_section .entry-container:before {
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgb(255 255 255 / 40%);
    display: block;
    position: absolute;
    top: -11px;
    left: 30px;
}
#charity_give_testimonial_section .entry-title {
    font-size: 20px;
    margin: 0 0 5px;
    font-weight: 500;
}
#charity_give_testimonial_section .entry-title a {
    color: #fff;
}
#charity_give_testimonial_section .entry-title a:hover,
#charity_give_testimonial_section .entry-title a:focus {
	color: #fff;
	opacity: 0.8;
}
#charity_give_testimonial_section .testimonial-position {
    color: #fff;
}
#charity_give_testimonial_section .entry-content {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}
#charity_give_testimonial_section .entry-container svg {
    fill: #fff;
    margin-left: auto;
    display: block;
    width: 20px;
    height: 20px;
}
#charity_give_testimonial_section .slick-dots {
    position: relative;
    bottom: 0;
    margin-top: 25px;
}
#charity_give_testimonial_section .slick-dots li button {
    border-color: #fff;
}
#charity_give_testimonial_section .slick-dots li.slick-active button {
    background-color: #fff;
}

/*--------------------------------------------------------------
# Sponsor Section
--------------------------------------------------------------*/
#charity_give_sponsor_section article {
    text-align: center;
}
#charity_give_sponsor_section img {
    max-height: 100px;
}

#charity_give_instagram_section {
    padding-bottom: 0;
}
#charity_give_instagram_section .wrapper {
    width: 100%;
    max-width: 100%;
    padding: 0;
}
#charity_give_instagram_section .col-6 {
    margin: 0;
}
#charity_give_instagram_section article {
    padding: 0;
    margin: 0;
    position: relative;
}
#charity_give_instagram_section article img {
	width: 100%;
	object-fit:cover;
}
#charity_give_instagram_section article:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
}
#charity_give_instagram_section article:hover:before, 
#charity_give_instagram_section article:focus:before {
    opacity: 0.5;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}
#charity_give_instagram_section i {
    font-size: 22px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
}
#charity_give_instagram_section article:hover i, 
#charity_give_instagram_section article:focus i {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}
#charity_give_instagram_section .col-6 article:nth-child(3n+1) {
	clear: none;
}
/*--------------------------------------------------------------
#  Archive / Blog
--------------------------------------------------------------*/
#charity_give_latest_posts_section {
    background-color: #eee;
}
.archive-blog-wrapper .post-wrapper {
    border: 1px solid #ddd;
}
.archive-blog-wrapper .featured-image {
    background-size: cover;
    background-position: 50%;
    position: relative;
}
#charity_give_latest_posts_section .archive-blog-wrapper .featured-image {
    padding: 120px 0;
}
.archive-blog-wrapper .entry-container {
    padding: 30px 25px 40px;
}
.archive-blog-wrapper .posted-on {
    margin-bottom: 7px;
    display: block;
}
.archive-blog-wrapper .entry-content {
    margin-bottom: 21px;
}
.archive-blog-wrapper .read-more {
    text-align: left;
}
.entry-meta span:not(:last-child):after {
    content: ".";
    margin: 0 5px;
}
.entry-meta {
	padding: 0;
}
.archive-blog-wrapper.col-3 article:nth-child(3n+1) {
     clear: left; 
}

/*--------------------------------------------------------------
#  Single
--------------------------------------------------------------*/
#inner-content-wrapper {
    position: relative;
}
.single-wrapper .entry-meta span svg {
    fill: #82868b;
    margin-right: 10px;
}
.single-wrapper .entry-meta span.cat-links svg {
    margin-right: 7px;
}
.page #primary .has-post-thumbnail.hentry .featured-image,
.single-post .featured-image {
    margin-bottom: 30px;
}
.page img,
.single-post img {
	object-fit: cover;
    width: 100%;
}
.single-wrapper .entry-meta {
	margin-bottom: 15px;
}
.single-wrapper .entry-meta a, 
.single-wrapper .entry-meta i {
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
}
.single-wrapper .entry-meta > span:not(:last-child):after {
    content: "/";
}
.single-wrapper .entry-meta > span.post-categories:after,
.single-wrapper .entry-meta > span.tags-links:after {
	display: none;
}
.single-wrapper .post-categories + .tags-links {
    margin-top: 15px;
    display: block;
    margin-bottom: 0;
}
.single-wrapper .entry-meta > span.tags-links a:hover,
.single-wrapper .entry-meta > span.tags-links a:focus {
    background-color: #F0B557;
    color: #fff;
    border-color: #F0B557;
}
.single-wrapper .comment-respond {
	background-color: transparent;
	border: none;
}
#commentform .comment-form-url,
.comment-respond p.comment-form-author,
.comment-respond p.comment-form-email {
    width: 100%;
    float: none;
    margin-right: 0;
}
ul.post-categories {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.post-categories li {
	display: inline-block;
}
ul.post-categories li a {
    color: #000;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
}
ul.post-categories li a:hover,
ul.post-categories li a:focus {
	color: #F0B557;
}

/*--------------------------------------------------------------
# 					Footer
--------------------------------------------------------------*/
#colophon {
    background-color: #1e2436;
    color: #fff;
}
.site-info {
    background-color: #1a202f;
}
.footer-widgets-area a {
    color: #fff;
}
#colophon li a {
	text-decoration: none;
}
#colophon a:hover,
#colophon a:focus {
    color: #F0B557;
}
#colophon .widget-title,
#colophon .widget.widget_block h1,
#colophon .widget.widget_block h2,
#colophon .widget.widget_block h3,
#colophon .widget.widget_block h4 {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 20px;
    color: #F0B557;
}
a.showcoupon {
	text-decoration: none;
}
.site-info {
	padding: 15px 0;
    border-top: 1px solid rgb(255 255 255 / 15%);
}
.site-info span {
	display: block;
	text-align: center;
    padding: 5px 0;
    color: #fff;
}
.site-info,
.site-info a {
	margin: 0;
}
.site-info .social-icons {
	text-align: center;
	line-height: 44px;
}
#colophon .site-info a {
	color: #F0B557;
	text-decoration: none;
}
#colophon .site-info a:hover,
#colophon .site-info a:focus {
	color: #fff;
}
#colophon .social-icons li:not(:last-child) {
	margin-right: 25px;
}
#colophon .social-icons a:hover svg {
	fill-opacity: 1;
}
.footer-widgets-area ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-widgets-area .widget ul li {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.footer-widgets-area .widget ul li:last-child,
.footer-widgets-area .widget .social-icons li {
	margin-bottom: 0;
}
.footer-widgets-area .hentry {
	margin-bottom: 45px;
}
.footer-widgets-area.col-1 .hentry {
    text-align: center;
}
.footer-widgets-area.col-1 .hentry:last-child {
	margin-bottom: 0;
}
.footer-widgets-area.col-1 .textwidget img {
    margin-left: auto;
    margin-right: auto;
}
.footer-widgets-area.page-section.col-1 {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
#colophon .social-icons li a {
    width: 40px;
    height: 40px;
    line-height: 37px;
    background-color: transparent;
}
#colophon .social-icons li a svg {
	fill: #474747;
    width: 28px;
    height: 28px;
}
#colophon .social-icons li a:hover svg,
#colophon .social-icons li a:focus svg {
	fill: #fff;
}

/*--------------------------------------------------------------
#  Shop Sections
--------------------------------------------------------------*/
#charity_give_shop_services_section .section-content {
    position: relative;
 
}
#charity_give_shop_services_section .section-content::before {
    position: absolute;
    content: "";
    background: #eee;
    width: 98%;
    height: 2px;
    top: 42px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.shop-service-item-wrapper {
    margin-top: 24px;
}
.shop-service-item-wrapper .feature-timeline {
    text-align: center;
}
.shop-service-item-wrapper .feature-timeline span {
    display: inline-block;
    height: 36px;
    width: 36px;
    background: #F0B557;
    line-height: 36px;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    text-align: center;
    position: relative;
}
.shop-service-item-wrapper .entry-container:hover {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    -webkit-transition: all .5s;
    transition: all .5s;
}
.shop-service-item-wrapper .feature-timeline span::before {
    position: absolute;
    content: "";
    height: 44px;
    width: 44px;
    border: 1px solid #F0B557;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.shop-service-item-wrapper .entry-container {
    padding: 30px 23px;
    background: #F0B557;
    border-radius: 5px;
    margin-top: 40px;
    position: relative;
    text-align: center;
    color: #fff;
}
.shop-service-item-wrapper .entry-container::before {
    position: absolute;
    content: "";
    bottom: 100%;
    height: 8px;
    width: 14px;
    background: #F0B557;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-clip-path: polygon(50% 0%,0% 100%,100% 100%);
    clip-path: polygon(50% 0%,0% 100%,100% 100%);
}
.shop-service-item-wrapper .icon-container .fa {
    font-size: 28px;
    color: #fff;
}
.shop-service-item-wrapper .entry-header {
    margin-top: 15px;
}
.shop-service-item-wrapper .entry-title {
   margin: 0;
}
.shop-service-item-wrapper .entry-title a {
   color: #fff;
}
.shop-service-item-wrapper .entry-title a:hover,
.shop-service-item-wrapper .entry-title a:focus {
   color: #fff;
   opacity: 0.8;
}

#charity_give_latest_products_section .grid {
	margin: -10px;
}
#charity_give_latest_products_section .grid article {
	width: 100%;
    padding: 10px;
    margin-bottom: 0;
}
#charity_give_latest_products_section .grid article:last-child {
	margin-bottom: 0;
}
#charity_give_latest_products_section .featured-image {
    background-size: cover;
    background-position: 50%;
    background-color: #333;
    padding: 100px 0;
    text-align: center;
    position: relative;
}
#charity_give_latest_products_section .entry-container {
    text-align: left;
    margin: 0 auto;
    padding: 15px 30px;
    color: #fff;
    position: relative;
    z-index: 1;
}
#charity_give_latest_products_section .entry-title a {
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #fff;
}
#charity_give_latest_products_section .entry-title a:hover,
#charity_give_latest_products_section .entry-title a:focus {
	color: #F0B557;
}
#charity_give_latest_products_section span.cat-links {
    margin-top: 10px;
    display: block;
}
#charity_give_latest_products_section .cat-links li {
	display: block;
}
#charity_give_latest_products_section .cat-links li:after {
	display: none;
}
#charity_give_latest_products_section .cat-links a {
	color: #797973;
}
#charity_give_latest_products_section .cat-links a:hover,
#charity_give_latest_products_section .cat-links a:focus {
	color: #000;
}
#charity_give_featured_products_section .entry-title span {
    color: #F0B557;
}
.product-filtering {
    text-align: center;
    margin-bottom: 45px;
}
ul.product-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    display: inline-block;
}
ul.product-nav li {
    text-align: center;
    float: left;
}
ul.product-nav li a {
    display: block;
    color: #000;
    padding: 11px 28px;
    border: 2px solid #E5E5E5;
    border-right: none;
    text-decoration: none;
}
ul.product-nav li:last-child a {
    border-right: 2px solid #E5E5E5;
}
ul.product-nav li.active a {
    background-color: #000;
    border-color: #000;
    color: #fff;
    text-decoration: none;
}
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
    right: auto;
    left: 25px;
    top: 10px;
    margin: 0;
    min-width: auto;
    min-height: auto;
    padding: 0;
    background-color: #F0B557;
    border-radius: 0;
    line-height: 1.3;
    padding: 4px 11px;
    font-weight: 400;
}
.product_meta a {
    color: #797973;
    text-transform: uppercase;
    text-decoration: none;
}
.product_meta a:hover,
.product_meta a:focus,
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
    color: #F0B557;
}
.woocommerce div.product p.price del {
	color: #797973;
    margin-right: 5px;
}
.woocommerce div.product .product_meta > span {
    display: block;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
    font-weight: 600;
    font-size: 16px;
}
.woocommerce ul.products li.product .price {
    color: #F0B557;
}
.woocommerce ul.products li.product .price {
    color: #F0B557;
    font-size: 16px;
    font-weight: 600;
}
.woocommerce ul.products li.product .price del {
    color: #797973;
    opacity: 1;
    font-weight: 400;
    margin-right: 3px;
}
.woocommerce ul.products li.product a img {
    margin-bottom: 20px;
}
.woocommerce ul.products li.product .button {
    margin-top: 5px;
}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce button.button.alt,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    padding: 9px 35px;
    display: inline-block;
    text-align: center;
    background-color: #F0B557;
    border: 2px solid #F0B557;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    line-height: 28px;
    font-family: 'Poppins', sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce #respond input#submit:focus, 
.woocommerce a.button:focus, 
.woocommerce button.button:focus, 
.woocommerce input.button:focus,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus {
	border-color: #000;
	background-color: #000;
	color: #fff;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	width: 100%;
}
.woocommerce div.product form.cart {
    margin-top: 20px;
}
.woocommerce #charity_give_popular_products_section ul.products li.first, 
.woocommerce-page #charity_give_popular_products_section ul.products li.first {
	clear: none;
}
.woocommerce #charity_give_popular_products_section ul.products, 
.woocommerce-page #charity_give_popular_products_section ul.products {
	margin: 0 -15px;
}
.woocommerce #charity_give_popular_products_section ul.products li.product, 
.woocommerce-page #charity_give_popular_products_section ul.products li.product {
	margin: 0;
	padding: 0 15px;
	width: 100%;
}
#charity_give_popular_products_section ul.slick-dots {
    position: relative;
    bottom: 0;
    margin-top: 35px;
}
#charity_give_popular_products_section .slick-arrow {
    background-color: transparent;
    border: none;
}
#charity_give_popular_products_section .slick-arrow:before {
	width: 30px;
    height: 30px;
    opacity: 1;
}
body:not(.dark-version) #charity_give_popular_products_section .slick-arrow:before {
	filter: none;
}
#charity_give_popular_products_section .slick-prev {
    left: -50px;
}
#charity_give_popular_products_section .slick-next {
    right: -50px;
}
.single-product .flex-viewport {
    margin-bottom: 10px;
}
.single-product.woocommerce div.product div.images .flex-control-thumbs {
    margin: 0 -5px;
}
.single-product .woocommerce-product-gallery li img {
    padding: 0 5px;
}
.woocommerce.woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 192px !important;
    padding: 9px 15px;
    border-radius: 50px;
    line-height: 28px;
}
#charity_give_popular_products_section li .product-wrapper,
#charity_give_recent_products_section li .product-wrapper {
    position: relative;
    transition: all .4s ease-in-out;
    height: 100%;
    border-radius: 24px;
    padding: 30px;
    z-index: 9;
}
#charity_give_popular_products_section li .product-wrapper:hover,
#charity_give_recent_products_section li .product-wrapper:hover {
    z-index: 99;
}
#charity_give_popular_products_section li .product-wrapper:before,
#charity_give_recent_products_section li .product-wrapper:before {
    content: "";
    display: inline-block;
    position: absolute;
    border-radius: 24px;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    border: 2px solid #eee;
    transition: all .3s ease;
}
#charity_give_popular_products_section li .product-wrapper:hover:before,
#charity_give_recent_products_section li .product-wrapper:hover:before {
    bottom: -50px;
    border-color: #F0B557;
}
#charity_give_promotion_section span {
    text-transform: uppercase;
    color: #F0B557;
    margin-bottom: 20px;
    display: inline-block;
}

.woocommerce #charity_give_recent_products_section ul.products li.product, 
.woocommerce-page #charity_give_recent_products_section ul.products li.product {
	float: none;
	width: 100%;
	padding: 0;
}
.woocommerce #charity_give_recent_products_section ul.products li.product:last-child, 
.woocommerce-page #charity_give_recent_products_section ul.products li.product:last-child {
	margin-bottom: 0;
}
#charity_give_featured_products_section .featured-image {
    background-size: cover;
    background-position: 50%;
    padding: 50px 0;
    position: relative;
}
#charity_give_featured_products_section .entry-container {
	text-align: center;
    padding: 10px;
    position: relative;
}
#charity_give_featured_products_section .cat-links a {
    text-transform: uppercase;
    color: #fff;
}
#charity_give_featured_products_section .entry-title {
	margin-bottom: 0;
    font-weight: bold;
}
#charity_give_featured_products_section .entry-title a,
#charity_give_featured_products_section .entry-content {
    color: #fff;
}
#charity_give_featured_products_section .entry-content {
	margin-bottom: 15px;
}
#charity_give_featured_products_section .entry-title a:hover,
#charity_give_featured_products_section .entry-title a:focus,
#charity_give_featured_products_section .cat-links a:hover,
#charity_give_featured_products_section .cat-links a:focus {
	color: #F0B557;
}
.category-title {
	font-size: 24px;
    margin: 0;
    word-wrap: break-word;
    position: relative;
    font-weight: 600;
    margin-bottom: 38px;
}
span.discount-offer {
    background-color: #F0B557;
    color: #fff;
    line-height: 1.2;
    padding: 3px 7px;
    display: inline-block;
}

#charity_give_product_category_section article:hover .featured-image:before,
#charity_give_product_category_section article:focus .featured-image:before {
    transform: scale(1);
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#charity_give_product_category_section article:nth-child(1n) .product-cat .featured-image:before {
    background-color: #eed352;
}
#charity_give_product_category_section article:nth-child(2n) .product-cat .featured-image:before {
    background-color: #e4b986;
}
#charity_give_product_category_section article:nth-child(3n) .product-cat .featured-image:before {
    background-color: #ff8c66;
}
#charity_give_product_category_section article:nth-child(4n) .product-cat .featured-image:before {
    background-color: #eda340;
}
#charity_give_product_category_section article:nth-child(5n) .product-cat .featured-image:before {
    background-color: #e4b986;
}
#charity_give_product_category_section .product-cat {
    background-color: transparent!important;
}
.product-cat {
    background-color: #eed352;
}
#charity_give_product_category_section .product-cat .featured-image {
    position: relative;
}
#charity_give_product_category_section .product-cat .featured-image:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    border-radius: 50%;
    z-index: -1;
    transform: scale(.8);
    transition: all 0.3s ease;
}
#charity_give_product_category_section .product-cat img {
    margin-left: auto;
    margin-right: auto;
    object-fit: cover;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.product-cat .entry-header {
    text-align: center;
    margin-top: 10px;
}
.fourth-design #charity_give_sponsor_section img {
    margin: 0 auto;
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(100%);
}
.fourth-design #charity_give_sponsor_section article:hover img {
    filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none;
    zoom: 1;
    -webkit-filter: grayscale(0%);
}
#charity_give_popular_products_section h2 a,
#charity_give_recent_products_section h2 a {
    color: #000;
}
#charity_give_popular_products_section h2 a:hover,
#charity_give_popular_products_section h2 a:focus,
#charity_give_recent_products_section h2 a:hover,
#charity_give_recent_products_section h2 a:focus,
.dark-version #charity_give_popular_products_section h2 a:hover,
.dark-version #charity_give_popular_products_section h2 a:focus,
.dark-version #charity_give_recent_products_section h2 a:hover,
.dark-version #charity_give_recent_products_section h2 a:focus {
    color: #F0B557;
}


@media screen and (min-width: 567px) {
	#charity_give_latest_products_section .grid article {
		width: 50%;
	}
	.woocommerce #charity_give_popular_products_section ul.products li.product, 
	.woocommerce-page #charity_give_popular_products_section ul.products li.product {
		width: 50%;
		margin-bottom: 40px;
	}
	.woocommerce #charity_give_popular_products_section ul.products li.product, 
	.woocommerce-page #charity_give_popular_products_section ul.products li.product,
	.woocommerce #charity_give_recent_products_section ul.products li.product, 
	.woocommerce-page #charity_give_recent_products_section ul.products li.product {
		text-align: center;
	}
	.woocommerce #charity_give_recent_products_section ul.products li.product, 
	.woocommerce-page #charity_give_recent_products_section ul.products li.product {
		padding: 0 15px;
		float: left;
		width: 50%;
		margin-bottom: 30px;
	}
	.woocommerce #charity_give_recent_products_section ul.products li.product:nth-child(2n+1), 
	.woocommerce-page #charity_give_recent_products_section ul.products li.product:nth-child(2n+1) {
		clear: left;
	}
	.woocommerce #charity_give_recent_products_section ul.products li.product:nth-last-child(-n+2), 
	.woocommerce-page #charity_give_recent_products_section ul.products li.product:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
	.woocommerce #charity_give_recent_products_section ul.products li.product, 
	.woocommerce-page #charity_give_recent_products_section ul.products li.product {
		margin: 0;
		margin-bottom: 30px;
	}
}

@media screen and (min-width: 767px) {
	.fourth-design .col-5 article:nth-child(3n+1), 
	.fourth-design .col-6 article:nth-child(3n+1) {
		clear: none;
	}
	#charity_give_latest_products_section .featured-image {
		padding: 100px 0;
	}
	#charity_give_featured_products_section .featured-image {
	    padding: 150px 0;
	}
	#charity_give_featured_products_section .entry-container {
	    position: absolute;
	    top: 50%;
	    left: 0;
	    right: 0;
	    width: 100%;
	    padding: 25px;
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
	#charity_give_featured_products_section .entry-title {
	    font-size: 32px;
	    margin-bottom: 7px;
	}
	#charity_give_featured_products_section .cat-links {
	    margin-bottom: 2px;
	    display: block;
	}
	#charity_give_featured_products_section .entry-content {
	    margin-bottom: 21px;
	}
	#trending-products .product-wrapper:nth-child(2n+1) {
		clear: left;
	}
	#trending-products .product-wrapper:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
	#trending-products .product-wrapper {
		width: 50%;
		float: left;
	}
}

@media screen and (min-width: 992px) {
	.woocommerce #charity_give_recent_products_section ul.products li.product, 
	.woocommerce-page #charity_give_recent_products_section ul.products li.product {
		width: 25%;
	}
	.woocommerce #charity_give_recent_products_section ul.products li.product:nth-child(2n+1), 
	.woocommerce-page #charity_give_recent_products_section ul.products li.product:nth-child(2n+1) {
		clear: none;
	}
	.woocommerce #charity_give_recent_products_section ul.products li.product:nth-child(4n+1), 
	.woocommerce-page #charity_give_recent_products_section ul.products li.product:nth-child(4n+1) {
		clear: left;
	}
	.woocommerce #charity_give_recent_products_section ul.products li.product:nth-last-child(-n+4), 
	.woocommerce-page #charity_give_recent_products_section ul.products li.product:nth-last-child(-n+4) {
		margin-bottom: 0;
	}
	#trending-products .product-wrapper {
		width: 33.33%;
	}
	#trending-products .product-wrapper:nth-child(2n+1) {
		clear: none;
	}
	#trending-products .product-wrapper:nth-child(3n+1) {
		clear: left;
	}
	#trending-products .product-wrapper:nth-last-child(-n+3) {
		margin-bottom: 0;
	}
}

@media screen and (min-width: 1024px) {
	.woocommerce #charity_give_popular_products_section ul.products li.product, 
	.woocommerce-page #charity_give_popular_products_section ul.products li.product {
		width: 25%;
	}
}

@media screen and (min-width: 1200px) {
	#charity_give_featured_products_section .entry-title {
		font-size: 42px;
	}
	#charity_give_featured_products_section .col-2 article:last-child {
	    width: 40%;
	}
	#charity_give_featured_products_section .col-2 article:first-child {
	    width: 60%;
	}
}


@media screen and (max-width: 567px) {
	.woocommerce #charity_give_recent_products_section ul.products li.product, 
	.woocommerce-page #charity_give_recent_products_section ul.products li.product {
		text-align: center;
	}
}

/*--------------------------------------------------------------
#  Second Design
--------------------------------------------------------------*/
.second-design .section-title {
    background: linear-gradient(90deg, rgba(18,115,235,1) 30%, rgba(4, 215, 242, 1) 100%);
    color: #1273eb;
    position: relative;
    z-index: 1;
    display: inline-block;
    background: linear-gradient(90deg, rgba(18,115,235,1) 30%, rgba(4, 215, 242, 1) 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.second-design #masthead .custom-button {
    border-radius: 8px;
}
.second-design .btn {
    color: #fff;
}
.second-design #charity_give_team_section .btn {
    color: #000;
}
.second-design #charity_give_team_section .btn:hover,
.second-design #charity_give_team_section .btn:focus,
.second-design input[type="submit"],
.second-design .reply a,
.second-design #masthead .custom-button,
.second-design .featured-slider .read-more a:first-child:hover, 
.second-design .featured-slider .read-more a:first-child:focus {
	color: #fff;
}
.second-design #charity_give_sponsor_section img {
    max-height: 40px;
}
.second-design #colophon {
	background-color: #111;
}

/*--------------------------------------------------------------
#  Business Services
--------------------------------------------------------------*/
#charity_give_business_services_section {
    background-color: #1b1b1b;
}
#charity_give_business_services_section .section-title, 
#charity_give_business_services_section .section-subtitle {
    color: #fff;
}
.services-slider {
    margin: 0 -15px;
}
.services-slider article {
    padding: 0 15px;
    color: #fff;
    cursor: pointer;
}
.service-slider-wrapper {
    position: relative;
    z-index: 1;
    padding: 0 15px;
}
.service-slider-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 80px;
    right: 0;
    background: #24282b;
    content: "";
    bottom: 0;
    z-index: -1;
    border-radius: 7px;
}
.service-slider-wrapper .featured-image {
    padding: 150px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 7px;
    margin-bottom: 30px;
}
.service-slider-wrapper .entry-container {
    padding: 30px;
    padding-top: 0;
}
.service-slider-wrapper .entry-title a {
    color: #fff;
}
.service-slider-wrapper .entry-title a:hover,
.service-slider-wrapper .entry-title a:focus {
    color: #F0B557;
}
.service-slider-wrapper .read-more {
    margin-top: 30px;
    text-align: left;
}
#charity_give_business_services_section .slick-dots {
    bottom: -45px;
}

/*--------------------------------------------------------------
#  Gallery Section
--------------------------------------------------------------*/
#charity_give_business_gallery_slider_section .section-header {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
#charity_give_business_gallery_slider_section article {
    background-size: cover;
    background-position: 50%;
    padding: 220px 0;
    position: relative;
}
#charity_give_business_gallery_slider_section .video-button a {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    border-radius: 100%;
    background-color: #000;
}
#charity_give_business_gallery_slider_section .video-button svg {
	fill: #fff;
	width: 18px;
	height: 18px;
	margin-top: 0;
}
#charity_give_business_gallery_slider_section .entry-header {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 43px 50px;
    background: linear-gradient(0deg, rgba(0,0,0,.6) 0, transparent);
}
#charity_give_business_gallery_slider_section .entry-title {
	font-size: 24px;
    font-weight: 500;
    margin: 0;
}
#charity_give_business_gallery_slider_section .entry-title a {
    color: #fff;
}
#charity_give_business_gallery_slider_section .entry-title a:hover,
#charity_give_business_gallery_slider_section .entry-title a:focus {
	opacity: 0.8;
}
#charity_give_business_gallery_slider_section .slick-dots {
    position: relative;
    bottom: 0;
    margin-top: 25px;
}
#charity_give_business_gallery_slider_section .slick-arrow {
    background-color: transparent;
    border: none;
}
#charity_give_business_gallery_slider_section .slick-arrow:before {
	width: 50px;
	height: 50px;
}
#charity_give_business_gallery_slider_section .slick-prev:hover, 
#charity_give_business_gallery_slider_section .slick-next:hover, 
#charity_give_business_gallery_slider_section .slick-prev:focus, 
#charity_give_business_gallery_slider_section .slick-next:focus {
    opacity: 0.5;
}

/*--------------------------------------------------------------
#  Skills Section
--------------------------------------------------------------*/
#charity_give_skills_section .section-subtitle {
    font-size: 24px;
}
#charity_give_skills_section .section-header-wrapper {
    margin-bottom: 50px;
}
#charity_give_skills_section .section-content {
    text-align: center;
}
#charity_give_skills_section .skills-wrapper {
    text-align: left;
    max-width: 640px;
}
#charity_give_skills_section .skillbar-outer {
    background-color: #dcd4d4;
    width: 100%;
    height: 5px;
}
#charity_give_skills_section .skillbar-inner {
    background-color: #F0B557;
    width: 0;
    height: 5px;
    position: relative;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}
#charity_give_skills_section .skill-percentage {
    position: absolute;
    right: 0;
    bottom: 10px;
    color: #000;
}
#charity_give_skills_section .skill-name {
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 5px;
    display: inline-block;
    letter-spacing: 0.01em;
    font-family: 'Poppins', sans-serif;
}
#charity_give_skills_section .skill-item:not(:last-child) {
    margin-bottom: 43px;
}
#charity_give_skills_section .section-content {
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 0 15px;
    border-radius: 8px;
}
#charity_give_skills_section .section-content::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 100%;
    width: 100%;
    border-radius: 0 0 8px 8px;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 130%) repeat scroll 0 0;
}
#charity_give_skills_section .section-content article {
    border-right: 1px solid rgba(255, 255, 255, 0.6);
    z-index: 1;
}
#charity_give_skills_section  .single-item  {
    padding: 50px;
    padding-top: 450px;
    position: relative;
    z-index: 1;
    text-align: left;
}
#charity_give_skills_section .entry-header {
    position: absolute;
    transition: all 0.35s ease-in-out;
    transform: translateY(5px);
    left: 50px;
    right: 50px;
    bottom: 50px;
    color: #fff;
}
#charity_give_skills_section  .single-item .entry-header a {
    color: #fff;
}
#charity_give_skills_section  .single-item .entry-header a:hover,
#charity_give_skills_section  .single-item .entry-header a:focus {
    color: #F0B557;
}
#charity_give_skills_section  .single-item:hover .entry-header {
    transform: translateY(-90px);
}
#charity_give_skills_section .read-more {
    text-align: left;
}
#charity_give_skills_section .btn {
    display: inline-block;
    text-align: center;
    border-radius: 30px;
    z-index: 1;
    bottom: 65px;
    position: absolute;
    opacity: 0;
    transform: translateX(-30px);
    background: #F0B557;
    border: 2px solid #F0B557 !important;
    font-size: 14px;
    color: #fff;
    padding: 12px 35px;
}
#charity_give_skills_section  .single-item:hover .btn {
    opacity: 1;
    transform: translateX(0);
}
#charity_give_skills_section .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
#charity_give_skills_section .fixed-shape {
    position: absolute;
    left: -180px;
    bottom: -120px;
    height: 350px;
    width: 350px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}

/*--------------------------------------------------------------
#  Work Section
--------------------------------------------------------------*/
#charity_give_work_section article:nth-child(2n) .work-wrapper, 
#charity_give_work_section article .work-wrapper:hover {
    box-shadow: 1px 4px 20px -2px rgb(0 0 0 / 10%);
}
.work-wrapper {
    padding: 60px 30px;
    transition: all 0.35s ease-in-out;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.work-wrapper .entry-header {
    display: flex;
    align-items: center;
      margin-bottom: 20px;
}
.work-wrapper .entry-header span::after {
    position: absolute;
    left: 65px;
    top: 50%;
    content: "";
    height: 1px;
    width: 35px;
    background: #cccccc;
}
.work-wrapper .entry-header span {
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    font-weight: 800;
    position: relative;
    padding-right: 70px;
    color: #F0B557;
    text-shadow: -5px 5px 0px #eceefe;
}
.work-wrapper .entry-title {
    margin: 0;
    font-weight: 600;
    font-size: 18px;
}
.work-wrapper a.more-link {
    display: inline-block;
    height: 45px;
    width: 45px;
    line-height: 45px;
    border: 2px solid #e7e7e7;
    text-align: center;
    border-radius: 50%;
    font-size: 20px;
    position: relative;
    margin-top: 30px;
}
.work-wrapper a.more-link::before, 
.work-wrapper a.more-link::after {
    box-sizing: inherit;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 50%;
}
.work-wrapper a.more-link::before {
    border: 2px solid transparent;
}
.work-wrapper a.more-link::after {
    border: 0 solid transparent;
}
.work-wrapper a.more-link svg {
    position: relative;
    top: 2px;
    width: 20px;
    height: 20px;
    vertical-align: text-top;
}
.work-wrapper:hover a.more-link {
    border-color: transparent;
}
.work-wrapper:hover a.more-link::before {
    border-top-color: #F0B557;
    border-right-color: #F0B557;
    border-bottom-color: #F0B557;
    transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
.work-wrapper:hover a.more-link::after {
    border-top: 2px solid #F0B557;
    border-left-width: 2px;
    border-right-width: 2px;
    transform: rotate(270deg);
    transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
}

/*--------------------------------------------------------------
#  Second Design / Team Section
--------------------------------------------------------------*/
.second-design #charity_give_team_section {
    background: linear-gradient(90deg, rgba(237,245,255,1) 0%, rgba(204,223,247,1) 100%);
}
.second-design #charity_give_team_section .team-item-wrapper {
    box-shadow: none;
    background-color: transparent;
    text-align: center;
    padding: 5px;
    border: 1px solid #151515;
    border-radius: 5px;
}
.second-design #charity_give_team_section .social-icons {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 1;
    visibility: visible;
    margin-top: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.second-design #charity_give_team_section .featured-image {
    position: relative;
    margin: 0 auto;
    overflow: visible;
    width: 100%;
    height: 100%;
    border-radius: 0;
    border: none;
}
.second-design #charity_give_team_section .featured-image img {
    border-radius: 5px;
}
.second-design  #charity_give_team_section .social-icons svg {
    fill: #000;
}
.second-design  #charity_give_team_section .social-icons a:hover svg {
    fill: #fff;
}

/*--------------------------------------------------------------
#  Second Design / Counter Section
--------------------------------------------------------------*/
.second-design #charity_give_counter_section .counter-icon {
    font-size: 28px;
    color: #fff;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border: 2px solid #F0B557;
    margin: 0 auto 15px;
    background-color: #F0B557;
    margin-right: 20px;
    float: left;
    text-align: center;
}
.second-design #charity_give_counter_section .counter-value, 
.second-design #charity_give_counter_section .counter-title {
    font-size: 42px;
    color: #fff;
    display: table-row;
}
.second-design #charity_give_counter_section .counter-title {
    font-size: 18px;
    color: #fff;
    margin: 0;
    font-weight: 400;
}

@media screen and (min-width: 992px) {
	#charity_give_business_gallery_slider_section .wrapper {
	    max-width: 100%;
	    width: 100%;
	    padding: 0;
	}
	#charity_give_business_gallery_slider_section .section-header {
	    margin-bottom: 93px;
	}
	#charity_give_business_gallery_slider_section .gallery-slider {
	    margin: 0 -15px;
	}
	#charity_give_business_gallery_slider_section article {
	    margin: 0 15px;
	}
	#charity_give_business_gallery_slider_section .entry-container {
		opacity: 0;
		visibility: hidden;
		transition: all 0.5s ease-in-out;
	}
	#charity_give_business_gallery_slider_section .slick-current + article .entry-container {
		opacity: 1;
		visibility: visible;
	}
	#charity_give_business_gallery_slider_section .slick-current + article {
		padding: 275px 0;
	    margin-top: -55px;
	}
	#charity_give_business_gallery_slider_section .slick-list {
	    margin: 0 -450px;
	}
	#charity_give_business_gallery_slider_section .slick-list {
	    overflow: visible;
	}
	#charity_give_skills_section .section-content article {
	    width: 33.33%;
	    flex: 0 0 33.333333%;
	}
}


@media screen and (min-width: 1200px) {
	#charity_give_business_gallery_slider_section .slick-prev {
	    left: 15%;
	}
	#charity_give_business_gallery_slider_section .slick-next {
	    right: 15%;
	}
}

@media screen and (min-width: 1900px) {
	#charity_give_business_gallery_slider_section .slick-prev {
	    left: 21%;
	}
	#charity_give_business_gallery_slider_section .slick-next {
	    right: 21%;
	}
}


/*--------------------------------------------------------------
#  Third Design
--------------------------------------------------------------*/
.third-design .btn,
.third-design .reply a,
.third-design input[type="submit"] {
    color: #fff;
}
#charity_give_business_services_section .entry-meta {
    margin-bottom: 15px;
}
#charity_give_business_services_section .post-categories {
    display: inline-block;
}
#charity_give_business_services_section .post-categories li a,
#charity_give_business_services_section .posted-on a {
	color: #fff;
}
#charity_give_business_services_section ul.post-categories li a:hover,
#charity_give_business_services_section ul.post-categories li a:focus,
#charity_give_business_services_section .posted-on a:hover,
#charity_give_business_services_section .posted-on a:focus {
	color: #F0B557;
}
#inner-content-wrapper .load-more {
    margin-top: 40px;
}
#inner-content-wrapper .load-more .btn {
    padding: 13px 50px;
    border-radius: 8px;
    width: 100%;
}
#charity_give_culture_post_section {
    background-color: #1b1b1b;
}
#charity_give_culture_post_section .section-title, 
#charity_give_culture_post_section .section-subtitle {
    color: #fff;
}
.culture-post-item {
    position: relative;
}
.culture-post-item .featured-image {
    padding: 250px 0;
}
.culture-post-item .featured-image:after {
    position: absolute;
    content: "";
    border: 1px solid #fff;
    top: 0;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    margin: 15px;
    z-index: 3;
    pointer-events: none;
    transform: translate3d(0,0,0);
}
.culture-post-item .entry-container {
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 0 30px;
    padding-bottom: 35px;
    background: rgba(0,0,0,.6);
    box-sizing: border-box;
    text-align: center;
    transform: translate3d(0,0,0);
    transition: all .3s ease-in;
}
.culture-post-item img:hover {
    opacity: .84;
}
.culture-post-item .entry-meta a {
    display: inline-block;
    vertical-align: top;
    transform: translateY(-50%);
    background: #F0B557;
    color: #fff;
    padding: 7px 11px;
    line-height: 1;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .075em;
    text-transform: uppercase;
    pointer-events: auto;
}
.culture-post-item .entry-meta a:hover,
.culture-post-item .entry-meta a:focus {
    background: #151515;
}
.culture-post-item .entry-title a {
    color: #fff;
}
.culture-post-item .entry-title a:hover,
.culture-post-item .entry-title a:focus {
    color: #F0B557;
}
#charity_give_culture_post_section .read-more {
    margin: 50px auto auto;
    display: inline-block;
    width: 100%;
}
/*--------------------------------------------------------------
#  fourth Design
--------------------------------------------------------------*/
.fourth-design #charity_give_sponsor_section img {
    max-height: 40px;
}
.fourth-design #charity_give_latest_posts_section + #charity_give_sponsor_section {
    padding-top: 0;
}
.fourth-design .btn {
    color: #fff;
}
.fourth-design input[type="submit"],
.fourth-design .reply a,
.fourth-design #masthead .custom-button,
.fourth-design .featured-slider .read-more a:first-child:hover, 
.fourth-design .featured-slider .read-more a:first-child:focus {
	color: #fff;
}
.fourth-design #charity_give_sponsor_section img {
    max-height: 40px;
}
.fourth-design #colophon {
	background-color: #111;
}

@media screen and (min-width: 1024px) {
	.fourth-design #charity_give_promotion_section .entry-title {
	    font-size: 52px;
	}
}

.woocommerce table.shop_table td a {
	text-decoration: none;
}
.woocommerce .quantity .qty {
    width: 4.631em;
}
.woocommerce-checkout .select2-container .select2-selection--single {
	height: 45px;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
}
.tagcloud a,
.logged-in-as a {
	text-decoration: none;
}
em.comment-awaiting-moderation {
    display: none;
}
.error404.left-sidebar #primary,
.error404.right-sidebar #primary,
.error404.no-sidebar #primary {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    float: none;
    text-align: center;
}
.error-404 .page-content {
    max-width: 700px;
    margin: 50px auto auto;
}
.error-404 .read-more {
    margin-top: 35px;
}
.pro-design .service-slider-wrapper .btn {
    color: #fff;
}
#charity_give_popular_posts_section.col-2 article:nth-child(2n+1) {
    clear: left;
}
.cat-links a,
.woocommerce-privacy-policy-text a {
    text-decoration: none;
}

/*--------------------------------------------------------------
# 					Dark Version
--------------------------------------------------------------*/
.dark-version,
.dark-version #masthead,
.dark-version .blog-content-wrapper,
.dark-version #charity_give_about_section article.has-post-thumbnail .featured-image:before {
	background-color: #222;
}


.dark-version #top-navigation,
.dark-version .btn,
.dark-version #charity_give_team_section .team-item-wrapper,
.dark-version #charity_give_testimonial_section .overlay,
.dark-version input[type="text"], 
.dark-version input[type="email"], 
.dark-version input[type="url"], 
.dark-version input[type="password"], 
.dark-version textarea,
.dark-version input[type="submit"],
.dark-version input[type="tel"],
.dark-version #call-to-action,
.dark-version .backtotop,
.dark-version .pagination .page-numbers, 
.dark-version .pagination .page-numbers.dots:hover, 
.dark-version .pagination .page-numbers.dots:focus, 
.dark-version .pagination .page-numbers.prev, 
.dark-version .pagination .page-numbers.next,
.dark-version #secondary .widget,
.dark-version .navigation.post-navigation, 
.dark-version .navigation.posts-navigation,
.dark-version .comment-content,
.dark-version .reply a,
.dark-version #charity_give_skills_section,
.dark-version #charity_give_featured_posts_section .entry-title a,
.dark-version.woocommerce ul.products li.product .onsale, 
.dark-version.woocommerce span.onsale,
.dark-version.woocommerce #respond input#submit, 
.dark-version.woocommerce a.button, 
.dark-version.woocommerce button.button, 
.dark-version.woocommerce input.button,
.dark-version.woocommerce-checkout .select2-dropdown,
.dark-version.woocommerce-checkout .select2-container--default .select2-selection--single,
.dark-version.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.dark-version.woocommerce button.button,
.dark-version.woocommerce button.button,
.dark-version.woocommerce button.button.alt,
.dark-version.woocommerce button.button.alt,
.dark-version.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.dark-version #masthead .custom-button {
	background-color: #333;
}

.dark-version #charity_give_featured_section,
.dark-version #charity_give_events_section .event-item,
.dark-version #charity_give_gallery_section,
.dark-version #charity_give_latest_posts_section,
.dark-version.second-design #charity_give_team_section,
.dark-version #charity_give_popular_products_section li .product-wrapper:before, 
.dark-version #charity_give_recent_products_section li .product-wrapper:before,
.dark-version.woocommerce-checkout #payment {
	background-color: #111;
}
.dark-version.second-design #charity_give_team_section {
	background: #111;
}

.dark-version .btn:hover,
.dark-version .btn:focus,
.dark-version input[type="submit"]:hover, 
.dark-version input[type="submit"]:focus,
.dark-version #colophon,
.dark-version .backtotop:hover,
.dark-version .backtotop:focus,
.dark-version .pagination .page-numbers.current, 
.dark-version .pagination .page-numbers:hover, 
.dark-version .pagination .page-numbers:focus,
.dark-version .reply a:hover, 
.dark-version .reply a:focus,
.dark-version.woocommerce #respond input#submit:hover, 
.dark-version.woocommerce a.button:hover, 
.dark-version.woocommerce button.button:hover, 
.dark-version.woocommerce input.button:hover,
.dark-version #masthead .custom-button:hover,
.dark-version #masthead .custom-button:focus   {
    background-color: #000;
}

.dark-version,
.dark-version p,
.dark-version h1, 
.dark-version h2, 
.dark-version h3, 
.dark-version h4, 
.dark-version h5, 
.dark-version h6,
.dark-version .site-title a,
.dark-version .site-description,
.dark-version #masthead .custom-button,
.dark-version .btn,
.dark-version .post-categories li a,
.dark-version .entry-title a,
.dark-version input[type="text"], 
.dark-version input[type="email"], 
.dark-version input[type="url"], 
.dark-version input[type="password"], 
.dark-version textarea,
.dark-version input[type="submit"],
.dark-version .pagination .page-numbers, 
.dark-version .pagination .page-numbers.dots:hover, 
.dark-version .pagination .page-numbers.dots:focus, 
.dark-version .pagination .page-numbers.prev, 
.dark-version .pagination .page-numbers.next,
.dark-version #secondary ul li a,
.dark-version .single-wrapper .entry-meta a, 
.dark-version .single-wrapper .entry-meta i,
.dark-version .navigation.post-navigation a, 
.dark-version .navigation.posts-navigation a,
.dark-version .comment-meta .url, 
.dark-version .comment-meta .fn,
.dark-version .comment-metadata a,
.dark-version .reply a,
.dark-version #respond label,
.dark-version.second-design #charity_give_team_section .btn,
.dark-version #charity_give_skills_section .skill-name,
.dark-version #charity_give_skills_section .skill-percentage,
.dark-version .filter-tabs li a,
.dark-version.woocommerce-cart table.cart th,
.dark-version.woocommerce table.shop_table th,
.dark-version.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered,
.dark-version input[type="tel"],
.dark-version .menu-label,
.dark-version .woocommerce-privacy-policy-text a:hover,
.dark-version .woocommerce-privacy-policy-text a:focus,
.dark-version #charity_give_popular_products_section h2 a,
.dark-version #charity_give_recent_products_section h2 a {
	color: #fff;
}

.dark-version #colophon .widget-title {
    color: rgb(255 255 255 / 70%);
}

.dark-version .menu-toggle:focus {
	outline: thin dotted #fff;
}

.dark-version .site-title a:hover,
.dark-version .site-title a:focus,
.dark-version .post-categories li a:hover,
.dark-version .post-categories li a:focus,
.dark-version #secondary ul li a:hover,
.dark-version #secondary ul li a:focus,
.dark-version .single-wrapper .entry-meta a:hover,
.dark-version .single-wrapper .entry-meta a:focus,
.dark-version .navigation.post-navigation a:hover, 
.dark-version .navigation.posts-navigation a:hover, 
.dark-version .navigation.post-navigation a:focus, 
.dark-version .navigation.posts-navigation a:focus,
.dark-version .comment-metadata a:hover, 
.dark-version .comment-metadata a:focus, 
.dark-version .comment-meta .url:hover, 
.dark-version .comment-meta .url:focus,
.dark-version .comment-metadata a:hover, 
.dark-version .comment-metadata a:focus, 
.dark-version .comment-meta .url:hover, 
.dark-version .comment-meta .url:focus,
.dark-version #charity_give_team_section .team-item-wrapper .entry-title a:hover,
.dark-version #charity_give_team_section .team-item-wrapper .entry-title a:focus,
.dark-version .entry-title a:hover,
.dark-version .entry-title a:focus,
.dark-version .shop-service-item-wrapper .entry-title a:hover, 
.dark-version .shop-service-item-wrapper .entry-title a:focus,
.dark-version.archive.woocommerce ul.products li.product a:hover,
.dark-version.archive.woocommerce ul.products li.product a:focus,
.dark-version.woocommerce table.shop_table td a:hover,
.dark-version.woocommerce table.shop_table td a:focus {
	opacity: 0.8;
	color: #fff;
}

.dark-version .navigation.pagination svg,
.dark-version .navigation.posts-navigation svg, 
.dark-version .navigation.post-navigation svg,
.dark-version .work-wrapper a.more-link svg,
.dark-version.second-design #charity_give_team_section .social-icons svg,
.dark-version svg.icon-menu,
.dark-version .menu-open .menu-toggle .icon-close {
	fill:#fff;
}

.dark-version .navigation.post-navigation a:hover svg, 
.dark-version .navigation.posts-navigation a:hover svg, 
.dark-version .navigation.post-navigation a:focus svg, 
.dark-version .navigation.posts-navigation a:focus svg {
	fill:#fff;
	opacity: 0.8;
}


.dark-version .btn,
.dark-version input[type="text"], 
.dark-version input[type="email"], 
.dark-version input[type="url"], 
.dark-version input[type="password"], 
.dark-version textarea,
.dark-version input[type="submit"],
.dark-version .pagination .page-numbers, 
.dark-version .pagination .page-numbers.dots:hover, 
.dark-version .pagination .page-numbers.dots:focus, 
.dark-version .pagination .page-numbers.prev, 
.dark-version .pagination .page-numbers.next,
.dark-version .reply a,
.dark-version.woocommerce #respond input#submit, 
.dark-version.woocommerce a.button, 
.dark-version.woocommerce button.button, 
.dark-version.woocommerce input.button,
.dark-version.woocommerce-checkout .select2-container--default .select2-selection--single,
.dark-version input[type="tel"],
.dark-version.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.dark-version.woocommerce button.button,
.dark-version.woocommerce button.button,
.dark-version.woocommerce button.button.alt,
.dark-version.woocommerce button.button.alt,
.dark-version.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.dark-version.woocommerce table.shop_table,
.dark-version.woocommerce table.shop_table td,
.dark-version #masthead .custom-button {
	border-color: #333;
}

.comment-content:before {
	border-right-color: #333;
}

.dark-version .btn:hover,
.dark-version .btn:focus,
.dark-version #charity_give_team_section .featured-image,
.dark-version input[type="submit"]:hover, 
.dark-version input[type="submit"]:focus,
.dark-version #call-to-action .btn:hover,
.dark-version #call-to-action .btn:focus,
.dark-version .pagination .page-numbers.current, 
.dark-version .pagination .page-numbers:hover, 
.dark-version .pagination .page-numbers:focus,
.dark-version .reply a:hover, 
.dark-version .reply a:focus,
.dark-version.woocommerce #respond input#submit:hover, 
.dark-version.woocommerce a.button:hover, 
.dark-version.woocommerce button.button:hover, 
.dark-version.woocommerce input.button:hover,
.dark-version #masthead .custom-button:hover,
.dark-version #masthead .custom-button:focus {
    border-color: #000;
}

.dark-version .filter-tabs li a {
	border-color: #fff;
}

.dark-version #charity_give_sponsor_section img {
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.dark-version #charity_give_events_section .event-item,
.dark-version #charity_give_popular_products_section li .product-wrapper:before, 
.dark-version #charity_give_recent_products_section li .product-wrapper:before {
	border-color: #111;
}



@media screen and (min-width: 1024px) {
	.dark-version .main-navigation ul.nav-menu > li > a {
		color: #fff;
	}
	.dark-version .main-navigation svg.icon-down,
	.dark-version svg.icon-search, 
	.dark-version svg.icon-close {
		fill:#fff;
	}
	.dark-version .main-navigation ul.nav-menu li:hover > svg,
	.dark-version .main-navigation ul.nav-menu li:focus > svg, 
	.dark-version .main-navigation li.menu-item-has-children:hover > a > svg, 
	.dark-version .main-navigation li.menu-item-has-children > a:hover > svg, 
	.dark-version .main-navigation li.menu-item-has-children > a:focus > svg {
	 	fill:#fff;
	 	opacity: 0.8;
	 }
}


/*--------------------------------------------------------------
# 					RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 567px) {
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6 {
		margin: 0 -15px;
	}
	.col-2 article,
	.col-3 article,
	.col-4 article,
	.col-5 article,
	.col-6 article {
		padding: 0 15px;
		float: left;
		width: 50%;
		margin-bottom: 30px;
	}
	.col-2 article:nth-last-child(-n+2),
	.col-3 article:nth-last-child(-n+2),
	.col-4 article:nth-last-child(-n+2),
	.col-5 article:nth-last-child(-n+2),
	.col-6 article:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
	.featured-content-wrapper .entry-title {
	    font-size: 42px;
	}
	#reply-title, 
	.comments-title {
		font-size: 42px;
	}
	#comments ol.children {
	    padding-left: 110px;
	}
	.right-sidebar #secondary, 
	.left-sidebar #secondary {
		margin-top: 50px;
	}
	#secondary .widget_social_icons li a svg {
		width: 30px;
		height: 30px;
	}
	.comment-metadata {
		margin-top: -30px;
	}
	.footer-widgets-area.col-2 .hentry,
	.footer-widgets-area.col-4 .hentry {
		width: 50%;
		float: left;
	}
	.footer-widgets-area.col-2 .hentry:nth-child(2n+1),
	.footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
		clear: left;
	}
	.footer-widgets-area.col-2 .hentry:nth-child(odd),
	.footer-widgets-area.col-4 .hentry:nth-child(odd) {
		padding-right: 40px;
	}
	.footer-widgets-area.col-2 .hentry:nth-last-child(-n+2),
	.footer-widgets-area.col-4 .hentry:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
}
@media screen and (min-width: 767px) {
    .col-1 .hentry {
        width: 100%;
    }
    .col-2 .hentry {
        width: 50%;
        float: left;
    }
    .col-3 .hentry {
        width: 33.33%;
        float: left;
    }
    .col-4 .hentry {
        width: 50%;
        float: left;
    }
    .col-5 .hentry {
        width: 20%;
        float: left;
    }
    .col-6 .hentry {
        width: 16.66%;
        float: left;
    }
	.col-5 article,
	.col-6 article {
		width: 33.33%;
	}
	.col-5 article:nth-child(2n+1),
	.col-6 article:nth-child(2n+1) {
		clear: none;
	}
	.col-5 article:nth-child(3n+1),
	.col-6 article:nth-child(3n+1) {
		clear: left;
	}
	.col-5 article:nth-last-child(-n+3),
	.col-6 article:nth-last-child(-n+3) {
		margin-bottom: 0;
	}
    blockquote.alignright {
	    width: -webkit-calc(50% - 0.736842105em);
	    width: calc(50% - 0.736842105em);
        margin-top: 10px;
        margin-bottom: 25px;
	}
	#charity_give_about_section article.has-post-thumbnail {
	    position: relative;
	    display: table;
	    width: 100%;
	}
	#charity_give_about_section article.has-post-thumbnail .featured-image {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 50%;
	    display: table-cell;
	    height: 100%;
	    padding: 0;
	    margin-bottom: 0;
	}
	#charity_give_about_section article.has-post-thumbnail:nth-child(even) .featured-image {
	    left: auto;
	    right: 0;
	}
	#charity_give_about_section article.has-post-thumbnail .entry-container {
	    width: 50%;
	    display: table-cell;
	    float: right;
        padding: 50px 0 50px 50px;
	}
	#charity_give_about_section article.has-post-thumbnail:nth-child(even) .entry-container {
	    float: left;
	    padding: 50px 50px 50px 0;
	}
	#charity_give_about_section article.has-post-thumbnail .section-header,
	#charity_give_about_section article.has-post-thumbnail .entry-content,
	#charity_give_about_section article.has-post-thumbnail .read-more {
		text-align: center;
	}
	#charity_give_events_section article {
		text-align: left;
	}
	#charity_give_events_section .posted-on,
	#charity_give_events_section .entry-header {
		float: left;
		margin-bottom: 0;
	}
	#charity_give_events_section .posted-on {
		margin-right: 50px;
	}
	#charity_give_events_section .venue-time {
	    float: right;
	}
	.single-wrapper #reply-title {
	    margin-bottom: 40px;
	    font-size: 42px;
	}
	.single-itineraries #page-site-header .page-title {
		font-size: 32px;
	}
	.single-itineraries #page-site-header .header-wrapper {
		padding: 50px 0;
	}
	.single #booking .availabily-list {
	    border: 1px solid #ddd;
	}
	.single #booking .availabily-heading {
	    border-bottom: 1px solid #ddd;
	    padding-bottom: 0;
	}
	.single #booking .availabily-heading > div,
	.single #booking ul.availabily-list li > form > div {
	    padding: 8px 5px;
	    border-right: 1px solid #ddd;
	    text-align: center;
	}
	.single #booking .availabily-heading > div:last-child,
	.single #booking ul.availabily-list li > form > div.action {
		border-right: none;
	}
	.single #booking ul.availabily-list li > form {
	    margin: 0;
        padding: 0;
	    border-bottom: none;
	}
	.single #booking ul.availabily-list .availabily-content .btn {
	    padding: 3px 15px;
	    min-width: auto;
	    font-size: 14px;
	    font-weight: 400;
	}
	.comment-navigation .nav-previous, 
	.posts-navigation .nav-previous, 
	.post-navigation .nav-previous {
	    padding-right: 25px;
	}
	.comment-navigation .nav-next, 
	.posts-navigation .nav-next, 
	.post-navigation .nav-next {
		padding-left: 25px;
	}
	.footer-logo-wrapper {
	    display: flex;
	    flex-wrap: wrap;
        align-items: center;
	}
	.footer-logo-wrapper > div, 
	.footer-logo-wrapper > ul {
		width: 50%;
	    text-align: left;
	    padding: 40px 0;
	}
	.footer-logo-wrapper > ul {
	    text-align: right;
	}
	.footer-logo-wrapper > div + ul {
	    padding: 40px 0;
	}
	.footer-widgets-area.col-3 .hentry {
		margin-bottom: 0;
	}
	.footer-widgets-area.col-3 .hentry:not(:last-child) {
		padding-right: 40px;
	}
	.site-info.col-2 span {
		float: left;
		width: 50%;
		text-align: left;
	}
	.site-info.col-2 span:nth-child(2) {
		float: right;
		text-align: right;
	}
	.site-info.col-2 .social-icons {
		text-align: right;
		float: right;
	}
}
@media screen and (min-width: 992px) {
	.col-4 .hentry  {
        width: 25%;
        float: left;
    }
    .col-5 .hentry {
        width: 20%;
        float: left;
    }
    .col-4 article {
		width: 25%;
	}
	.col-5 article {
		width: 20%;
	}
	.col-6 article {
		width: 16.66%;
	}
	.col-4 article:nth-last-child(-n+4),
	.col-5 article:nth-last-child(-n+5),
	.col-6 article:nth-last-child(-n+6) {
		margin-bottom: 0;
	}
    #reply-title, 
	.comments-title {
    	font-size: 48px;
    }
    #page-site-header .page-title {
		font-size: 62px;
	}
	.comment-form-author, 
	.comment-form-email, 
	.comment-form-url {
	    width: 33.33%;
	    float: left;
	}
	.footer-widgets-area.col-4 .hentry {
	    width: 25%;
		padding-right: 40px;
	}
	.footer-widgets-area.col-5 .hentry {
		padding-right: 40px;
		width: 17%;
	}
	.footer-widgets-area.col-5 .hentry:first-child {
		width: 32%;
	}
	.footer-widgets-area.col-4 .hentry:last-child,
	.footer-widgets-area.col-5 .hentry:last-child {
		padding-right: 0;
	}
	.footer-widgets-area.col-4 .hentry:nth-child(2n+1) {
	    clear: none;
	}
	.footer-widgets-area.col-4 .hentry:nth-child(4n+1) {
	    clear: left;
	}
	.footer-widgets-area.col-4 .hentry:nth-last-child(-n+4),
	.footer-widgets-area.col-5 .hentry:nth-last-child(-n+5) {
		margin-bottom: 0;
	}
}
@media screen and (min-width: 1024px) {
	.col-3 article{
		width: 33.33%;
	}
	.col-3 article:nth-last-child(-n+3) {
		margin-bottom: 0;
	}
	#top-navigation .main-navigation {
		text-align: left;
	    float: left;
        width: 100%;
        display: flex;
	    align-items: center;
	    flex-wrap: wrap;
	}
	#top-navigation .main-navigation ul.nav-menu {
		width: 70%;
	}
	#top-navigation div.social-icons {
	    width: 30%;
	    text-align: right;
	}
	#top-navigation .main-navigation ul.nav-menu > li {
	    padding: 0;
	    margin-right: 48px;
	}
	#top-navigation .main-navigation ul.nav-menu > li:after {
	    content: "-";
	    display: inline-block;
	    vertical-align: middle;
	    position: absolute;
	    top: 10px;
	    left: 100%;
	    margin-left: 20px;
	    font-weight: bold;
	    color: #fff;
	}
	#top-navigation .main-navigation ul.nav-menu > li:last-child:after {
		display: none;
	}
	#top-navigation .main-navigation ul.nav-menu > li > a {
		padding: 11px 0;
	}
	#top-navigation .main-navigation ul.nav-menu > li > a {
		color: #fff;
	}
	#top-navigation .main-navigation ul.nav-menu > li > a:hover,
	#top-navigation .main-navigation ul.nav-menu > li > a:focus {
		opacity: 0.8;
	}
	#top-navigation .main-navigation ul.nav-menu > li > a > svg {
		fill: #fff;
	}
	.site-branding {
		width: 30%;
	}
	#masthead .main-navigation {
    	margin: 26px 0;
	}
	.main-navigation {
		width: 70%;
		text-align: right;
	}
	.main-navigation ul.nav-menu > li.social-menu {
	    float: right;
	    padding: 30px 0;
	    -webkit-transition: all 0.3s ease-in-out;
	    -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	    -o-transition: all 0.3s ease-in-out;
	    transition: all 0.3s ease-in-out;
	}
	.nav-shrink .main-navigation ul.nav-menu > li.social-menu {
	    padding: 21px 0;
	}
	.nav-shrink .site-branding {
	    min-height: 82px;
	    padding: 5px 0;
	}
	.main-navigation ul.nav-menu {
		display: block !important;
	    height: auto !important;
	}
	.nav-shrink .main-navigation ul.nav-menu > li.current-menu-item > a:after,
	.nav-shrink .main-navigation ul.nav-menu > li:hover > a:after {
		bottom: 0;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: auto;
		right: 0;
	}
	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: auto;
		right: 100%;
	}
	#top-navigation .main-navigation ul li:hover > ul,
	#top-navigation .main-navigation ul li.focus > ul {
		left: 0;
		right: auto;
	}
	#top-navigation .main-navigation ul ul li:hover > ul,
	#top-navigation .main-navigation ul ul li.focus > ul {
		left: 100%;
		right: auto;
	}
	.main-navigation ul ul ul {
		top: 0;
	}
	.main-navigation ul.sub-menu li a {
	    color: #fff;
	    border-left: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
	}
	.main-navigation ul.nav-menu > li.user-logged-in > a {
	    padding: 29px 0;
	}
	.main-navigation .menu-item-has-children > a:after {
		float: none;
	}
	.main-navigation ul.sub-menu li:hover > a,
	.main-navigation ul.sub-menu li:focus > a {
		color: #fff;
	}
	.main-navigation .sub-menu svg {
		fill: #fff;
		right: 0;
	    margin-top: 5px;
	}
	.main-navigation ul.sub-menu > li:last-child > a {
		border-bottom: none;
	}
	#search {
	    position: absolute;
	    z-index: 30;
	    right: -11px;
	    top: 100%;
	    display: none;
	}
	.main-navigation .search-active .icon-search {
		display: none;
	}
	.main-navigation .search-active .icon-close {
		display: inline-block;
	}
	.main-navigation ul.nav-menu > li.menu-item-has-children:hover > a:before {
	    content: "";
	    border-left: 10px solid transparent;
	    border-right: 10px solid transparent;
	    border-bottom: 10px solid #111;
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    width: 10px;
	    height: 10px;
	    margin: auto;
	}
	.main-navigation ul.nav-menu > li.menu-item-has-children:hover > a:after {
		display: none;
	}	
	#top-navigation .main-navigation ul ul li a svg {
	    display: inline-block;
	    top: 14px;
	    right: 15px;
	    -webkit-transform: rotate(-90deg);
	    -moz-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	    -o-transform: rotate(-90deg);
	    transform: rotate(-90deg);
	}
	#masthead .main-navigation ul ul li a svg {
	    display: inline-block;
	    top: 14px;
	    right: 15px;
	    -webkit-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	    transform: rotate(90deg);
	}
	.main-navigation ul ul {
	    background-color: #000;	
	}
	.main-navigation ul ul li a {
		padding-left: 20px;
		padding-right: 20px;
	}
	.main-navigation ul ul li.menu-item-has-children:hover > a > svg, 
	.main-navigation ul ul li.menu-item-has-children > a:hover > svg {
		fill: #fff;
	}
	#search:before {
	    content: "";
	    width: 0;
	    height: 0;
	    border-left: 9px solid transparent;
	    border-right: 9px solid transparent;
	    border-bottom: 9px solid #000;
	    position: absolute;
	    top: -9px;
	    right: 20px;
	}
	button.dropdown-toggle {
		display: none;
	}
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
	.main-navigation li {
	    display: inline-block;
	}
	.main-navigation .left-menu {
	    padding-left: 50px;
	}
	.main-navigation ul.nav-menu > li.left-menu > a,
	.main-navigation ul.nav-menu > li.right-menu > a {
		padding-left: 5px;
		padding-right: 5px;
	}
	.main-navigation li.left-menu + li.right-menu:before {
	    content: "/";
	    position: absolute;
	    top: 50%;
	    margin-left: -6px;
	    color: #fff;
	    margin-top: -1px;
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
	.main-navigation form.search-form {
	    border: 20px solid #000;
	}
	.main-navigation form.search-form input {
	    background-color: #fff;
	    border-color: #fff;
	    color: #000;
	}
	.main-navigation form.search-form svg.icon-search {
		fill: #000;
	}
	.page-section {
		padding: 90px 0;
	}
	.section-title {
		font-size: 42px;
	}
	.featured-slider article,
	.blog-slider article {
	    padding: 410px 0;
	}
	.featured-content-wrapper,
	.blog-content-wrapper {
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		text-align: left;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.featured-content-wrapper .entry-container {
		margin: 0;
		text-align: left;
	}
	.featured-content-wrapper .entry-title {
	    font-size: 62px;
	}
	.featured-content-wrapper  .read-more {
	    text-align: left;
	}
	#charity_give_featured_slider_section .slick-dots {
	    bottom: 100px;
	}
	#charity_give_about_section article.has-post-thumbnail .entry-container {
        padding: 80px 0 80px 80px;
	}
	#charity_give_about_section article.has-post-thumbnail:nth-child(even) .entry-container {
		padding: 80px 80px 80px 0;
	}
	#charity_give_skills_section .col-2 > div {
	    width: 50%;
	    float: left;
	}
	#charity_give_skills_section .col-2.section-content {
	    display: flex;
	    align-items: center;
	}
	#charity_give_skills_section .col-2 .section-content,
	#charity_give_skills_section .col-2 .section-header {
	    text-align: left;
	}
	#charity_give_skills_section .col-2 .section-container {
	    margin-bottom: 0;
	    padding-right: 50px;
	}
	#charity_give_skills_section .section-subtitle {
		margin: 0;
	}
	#charity_give_testimonial_section .slick-arrow {
		margin-top: 0;
	}
	#charity_give_testimonial_section .slick-prev {
	    left: -125px;
	}
	#charity_give_testimonial_section .slick-next {
	    right: -125px;
	}
	#charity_give_promotion_section .entry-title {
		font-size: 36px;
	}
	#call-to-action .wrapper {
	    display: flex;
	    align-items: center;
	}
	#call-to-action .section-header {
	    margin-bottom: 0;
	    width: 60%;
	    text-align: left;
	}
	#call-to-action .read-more {
	    width: 40%;
	    text-align: right;
	}
    #charity_give_sponsor_section .section-content {
	    display: flex;
	    align-items: center;
	}
	.archive-blog-wrapper.list-view article.has-post-thumbnail {
		position: relative;
		display: table;
	}
	.archive-blog-wrapper.list-view article.has-post-thumbnail .featured-image {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 50%;
	    display: table-cell;
	    padding: 0;
	    height: 100%;
	}
	.archive-blog-wrapper.list-view article.has-post-thumbnail .entry-container {
	    width: 50%;
	    display: table-cell;
	    float: right;
	    text-align: left;
	    padding: 30px;
	}
	.right-sidebar #primary,
	.left-sidebar #primary,
	.no-sidebar.single-itineraries #primary,
	.no-sidebar-content.single-itineraries #primary {
    	width: 75%;
    	float: left;
    	padding-right: 30px;
    }
    .right-sidebar #secondary,
    .left-sidebar #secondary,
    .no-sidebar.single-itineraries #secondary,
    .no-sidebar-content.single-itineraries #secondary {
    	width: 25%;
    	float: right;
    	margin-top: 0;
    }
    .left-sidebar #primary { 
    	float: right;
    	padding-right: 0;
    	padding-left: 30px;
    }
    .no-sidebar #primary {
    	width: 100%;
    	float: none;
    	padding-right: 0;
    }
    .no-sidebar-content.single-itineraries #inner-content-wrapper {
    	max-width: 100%;
    }
    .boxed-layout #page {
	    max-width: 1250px;
	    margin-left: auto;
	    margin-right: auto;
        background-color: #fff;
	}
	.frame-layout {
	    max-width: 100%;
	    width: 100%;
	    padding-left: 50px;
	    padding-right: 50px;
	    margin: 50px auto;
	}
	.frame-layout #page {
        background-color: #fff;
	}
}

@media screen and (min-width: 1900px) {
	.wrapper {
		max-width: 1666px;
	}
	.footer-widgets-area.page-section.col-4 .hentry {
	    width: 24%;
	}
	.footer-widgets-area.page-section.col-4 .hentry:first-child {
	    width: 28%;
	}
	.boxed-layout #page {
	    max-width: 1500px;
	    width: 90%;
	}
	.frame-layout {
	    padding-left: 70px;
	    padding-right: 70px;
	    margin: 70px auto;
	    max-width: 1600px;
	}
}

@media screen and (max-width: 1023px) {
	#top-navigation .menu-toggle {
		height: 50px;
		margin: 0;
	}
	#top-navigation .main-navigation {
		float: none;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.custom-button {
	    margin: 15px;
	}
	.menu-toggle {
		height: 90px;
	}
	.site-logo img {
	    max-height: 60px;
	}
	.site-branding {
		min-height: 90px;
	}
	.site-title {
		font-size: 26px;
	}
	.main-navigation a {
	    border-bottom: 1px solid #eee;
	}
	.main-navigation ul.nav-menu > li {
		padding: 0;
	}
	.main-navigation ul ul a {
	    width: 100%;
	}
	.main-navigation ul.nav-menu li.current-menu-item > a, 
	.main-navigation ul.nav-menu li:hover > a, 
	.main-navigation ul.nav-menu li:focus > a,
	.main-navigation ul.nav-menu > li > a {
		color: #000;
	}
	.main-navigation ul ul,
	.main-navigation ul ul ul {
	    box-shadow: none;
	    float: none;
	    position: relative;
	    top: 0;
	    left: 0;
	    margin-bottom: 0;
	    display: none;
	}
	.main-navigation ul.sub-menu li {
	    padding-right: 0;
	}
	.main-navigation .menu-item-has-children > a:before {
	    content: "";
	    float: right;
	    position: relative;
	    right: 25px;
	    background-color: #ccc;
	    width: 1px;
	    height: 25px;
	}
	.main-navigation .menu-item-has-children > a:after {
	    padding-top: 3px;
	}
	.main-navigation ul.nav-menu > li > a,
	.main-navigation ul.sub-menu li a {
	    padding: 15px 15px 15px 25px;
	}
	.main-navigation ul.sub-menu li a {
		padding-left: 50px;
	}
	.main-navigation ul.sub-menu ul li a {
		padding-left: 75px;
	}
	.main-navigation ul.sub-menu ul ul li a {
		padding-left: 100px;
	}
	.main-navigation ul.sub-menu ul ul ul li a {
		padding-left: 125px;
	}
	.main-navigation .menu-item-has-children a svg {
		display: none;
	}
	.main-navigation ul.sub-menu li a {
		border-left: none;
	}
	.main-navigation ul.nav-menu {
	    margin-right: 0;
	    background-color: #fff;
	    margin-top: 25px;
	}
	.main-navigation {
		position: static;
	}
	.main-navigation a {
		color: #000;
	}
	.main-navigation svg.icon-search,
	.main-navigation svg.icon-down {
		fill: #000;
	    margin-top: -5px;
	}
	.main-navigation ul.sub-menu {
		border: none;
	}
	.menu-open .menu-toggle .icon-close {
		display: block;
		fill: #000;
		margin: auto;
		width: 20px;
    	height: 20px;
	}
	.main-navigation ul.nav-menu {
	    margin-top: 0;
	    position: absolute;
	    top: 100%;
	    left: auto;
	    right: 0;
	    width: 100%;
	}
	.main-navigation .search-menu a {
	    display: none;
	}
	.main-navigation form.search-form input {
	    background-color: #fff;
	    border: none;
	    min-height: 55px;
	}
	.main-navigation form.search-form button.search-submit {
		height: 59px;
	}
	.menu-open #search {
	    display: block !important;
	}
	.main-navigation form.search-form input {
		padding-left: 25px;
	}
	.main-navigation .sub-menu svg {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	.main-navigation ul.nav-menu .social-menu {
	    padding: 15px;
	}
	.main-navigation .social-menu ul li a {
		background-color: #eee;
	}
	#masthead .main-navigation .social-menu ul li a svg {
		fill: #000;
	}
	#masthead .main-navigation .social-menu ul li a:hover svg,
	#masthead .main-navigation .social-menu ul li a:focus svg {
		fill: #fff;
	}
	#charity_give_recent_cause_section .col-3 article:nth-child(2n+1) {
	    clear: left;
	}
	#charity_give_donation_section .col-3 article {
		width: 50%;
	}
	#charity_give_donation_section .col-3 article:nth-child(2n+1),
	#charity_give_team_section .col-3 article:nth-child(2n+1),
	#charity_give_latest_posts_section .col-3 article:nth-child(2n+1),
	#charity_give_work_section .col-3 article:nth-child(2n+1),
	#charity_give_culture_post_section .col-3 article:nth-child(2n+1),
	#charity_give_recent_posts_section .col-3 article:nth-child(2n+1) {
	    clear: left;
	}
	#charity_give_skills_section .section-content article {
		border-right: none;
		position: relative;
    	width: 100%;
	}
	#charity_give_skills_section .single-item {
	    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	    padding: 15px;
	    padding-top: 150px;
	    padding-bottom: 50px;
	    text-align: center;
	}
	#charity_give_skills_section .entry-header {
	    position: inherit;
	    transform: inherit;
	    left: 0;
	    right: 0;
	    bottom: 0;
	}
	#charity_give_skills_section .btn {
		bottom: 0;
	    position: inherit;
	    opacity: 1;
	    transform: inherit;
	    margin-top: 20px;
	}
	#charity_give_skills_section .single-item:hover .entry-header {
		transform: inherit;
	}
	#charity_give_skills_section .read-more {
		text-align: center;
	}
	.archive-blog-wrapper.col-3 article:nth-child(2n+1) {
	    clear: left;
	}
	.archive-blog-wrapper.col-3 article:nth-child(3n+1) {
	    clear: none;
	}
}

@media screen and (max-width: 992px) {
	.single-wrapper .entry-title,
	.comments-title, 
	#reply-title {
	    font-size: 28px;
	}
	.navigation.post-navigation a, 
	.navigation.posts-navigation a {
		font-size: 18px;
	}
	#charity_give_services_section .col-4 article:nth-child(2n+1),
	#charity_give_shop_services_section .col-4 article:nth-child(2n+1),
	.woocommerce #charity_give_popular_products_section ul.products li.product:nth-child(2n+1) {
	    clear: left;
	}
}

@media screen and (max-width: 767px) {
	#top-navigation .main-navigation ul.nav-menu,
	#masthead.site-header .main-navigation ul.nav-menu {
		max-width: 100%;
	}
	.featured-content-wrapper,
	.blog-content-wrapper {
		text-align: center;
	}
	.slick-prev, 
	.slick-next {
		width: 40px;
		height: 40px;
		border-radius: 40px;
	}
	#charity_give_featured_section .section-header {
	    text-align: center;
	    float: none;
	    width: 100%;
	}
	#charity_give_featured_section .read-more {
	    float: none;
	}
	#charity_give_recent_cause_section .col-3 article,
	#charity_give_culture_post_section .col-3 article {
	    width: 100%;
	    float: none;
        margin-bottom: 30px;
	}
	#charity_give_about_section article.has-post-thumbnail .featured-image:before {
		display: none;
	}
	#charity_give_sponsor_section {
	    text-align: center;
	}
	.woocommerce #charity_give_popular_products_section ul.products li.product, .woocommerce-page #charity_give_popular_products_section ul.products li.product {
		margin-bottom: 30px;
	}
	.comment-navigation .nav-previous, 
	.posts-navigation .nav-previous, 
	.post-navigation .nav-previous,
	.comment-navigation .nav-next, 
	.posts-navigation .nav-next, 
	.post-navigation .nav-next {
		width: 100%;
	}
	.post-navigation span.previous-article b, 
	.post-navigations span.previous-article b, 
	.post-navigation span.next-article b, 
	.post-navigations span.next-article b {
		font-size: 18px;
	}
	.pagination .page-numbers,
	.pagination .page-numbers.dots:hover,
	.pagination .page-numbers.dots:focus,
	.pagination .page-numbers.prev,
	.pagination .page-numbers.next {
		margin-bottom: 7px;
	}
	.navigation.post-navigation a, 
	.navigation.posts-navigation a {
		font-size: 16px;
	}
	#respond {
		margin-top: 0;
	}
	#commentform p.comment-form-comment,
	#commentform p.form-submit {
		margin-top: 21px;
	}
	nav.navigation.pagination,
	#secondary {
		margin-top: 30px;
	}
	.single-wrapper .entry-title,
	.comments-title, 
	#reply-title {
	    font-size: 26px;
	}
	#comments {
	    margin-top: 40px;
	}
	.navigation.post-navigation .nav-previous + .nav-next, 
	.navigation.posts-navigation .nav-previous + .nav-next {
		padding-top: 0;
	}
	.navigation.post-navigation .nav-previous + .nav-next svg, 
	.navigation.posts-navigation .nav-previous + .nav-next svg {
		top: 10px;
	}
	#charity_give_donation_section .col-3 article {
		width: 100%;
		float: none;
	}
}
@media screen and (max-width: 567px) {
	.menu-toggle svg.icon-menu {
	    width: 25px;
	    height: 25px;
	}
	.menu-toggle {
	    position: relative;
	    top: 0;
	    left: 0;
	    z-index: 3000;
	    text-align: center;
	    float: none;
		top: 0;
		width: 70px;
	    min-width: 70px;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	.menu-toggle span {
		display: none;
	}
	.site-logo img {
	    margin-right: 10px;
	}
	.site-description {
	    font-size: 14px;
	}
	.menu-toggle svg.icon-close {
	    width: 16px;
	    height: 16px;
	}
	.site-title {
	    font-size: 22px;
	}
	.featured-slider .read-more a:first-child {
		margin-bottom: 15px;
	}
	#page-site-header {
	    padding: 200px 0;
	}
	#page-site-header .page-title {
		font-size: 32px;
	}
	.pagination .page-numbers.prev, 
	.pagination .page-numbers.next {
		top: 0;
	}
	.pagination .prev.page-numbers:before, 
	.pagination .next.page-numbers:before {
		width: 35px;
		height: 10px;
	}
	.site-main .comment-navigation, 
	.site-main .posts-navigation, 
	.site-main .post-navigation {
		margin-top: 25px;
	}
	.single-wrapper .comments-title {
	    margin-bottom: 0;
	}
	.single-wrapper #reply-title {
	    margin-bottom: 25px;
	}
	.comment-metadata {
	    float: none;
	    padding-right: 0;
	}
	.comment-content {
	    padding: 25px;
	    margin-left: 20px;
        margin-top: 30px;
	}
	.comment-meta .fn {
		padding-left: 0;
	}
	.comment-meta img {
		margin-top: 0;
	}
	#comments ol.children .comment-metadata {
	    padding-right: 90px;
	}
	#comments ol.children .comment-content {
		margin-right: 0;
	}
	.comment-content:before {
	    border-right-color: transparent;
	    border-bottom-color: #f5f5f3;
	    left: 20px;
	    top: -18px;
	}
	#comments ol.children .comment-content:before {
	    border-right-color: transparent;
    	border-bottom-color: #f5f5f3;
	}
	blockquote.alignright {
		margin-left: 0;
	}
	.footer-widgets-area .hentry:last-child,
	.footer-widgets-area.col-3 .hentry:last-child {
		margin-bottom: 0;
	    padding-right: 0;
	}
	.footer-widgets-area {
	    text-align: center;
	}
}
.message p {
    line-height: 30px;
    margin-top: 8px;
}

label {
   display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

.message label {
    display: block;
    line-height: 20px;
}
.message {
    margin-top: 35px;
    padding: 50px;
    border-radius: 5px;
    margin-bottom: 20px;
    border: 1px solid #bbb;
    clear: both;
    background-color: #bbb;
}
@media screen and (min-width: 767px) {
h3#reply-title {
        font-weight: 400;
}
}
ul.list li:nth-child(odd), ul.list li:nth-child(even) {
    width: 53%;
    float: left;
    font-size: 15px;
    line-height: 1.6em;
    margin-left: -25px;
    padding-right: 5%;
}
.top_describe p:nth-child(even) {
    clear: both;
    padding-top: 10px;
}
ul.post-tags li {
    width: 30%;
    float: left;
}
.chfaq {
    background: #f0f0f0 url(/images/qa_03.jpg) no-repeat scroll 10px top;
    border: 1px solid #898888;
    margin-top: 25px;
    padding: 45px 10px 10px;
}

.chfaq .chn {
    background: rgba(0, 0, 0, 0) url(/images/qa_01.jpg) no-repeat scroll right bottom;
    padding-bottom: 60px;
}

.chfaq .chn ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.chfaq .chn ul .q {
    background: rgba(0, 0, 0, 0) url(/images/qa_10.jpg) no-repeat scroll 0 0;
    border-bottom: 1px solid #ccd1d5;
    color: #50468f;
    font-size: 14px;
    font-style: italic;
    padding-bottom: 5px;
    padding-left: 35px;
}

.chfaq .chn ul .a {
    background: rgba(0, 0, 0, 0) no-repeat scroll 25px 13px;
    padding: 14px 0 20px 60px;
}
@media only screen and (min-width:741px){
    .phonefooternav{display:none;}
}

/*iconfont*/
        .phonefooternav {position: fixed;bottom: 0;width: 100%;z-index: 99999;margin-left:-50px;}
        .phonefooternav ul li {width: 33.1298%;background: #2a2e43;float: left;list-style:none;}
        .phonefooternav ul li:nth-of-type(2){border-left: 1px solid #666;border-right: 1px solid #666;}
        .phonefooternav ul li a {display: block;color: #fff;text-align: center;padding: 14px 0;}
        .phonefooternav ul li a i{margin-right: 5px;}     
@font-face {font-family: "iconfont";
  src: url('//at.alicdn.com/t/font_886215_znog8ur2bnq.eot?t=1544088757732'); /* IE9*/
  src: url('//at.alicdn.com/t/font_886215_znog8ur2bnq.eot?t=1544088757732#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAmsAAsAAAAADhwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8jUptY21hcAAAAYAAAACUAAACArxzVU1nbHlmAAACFAAABVkAAAccK9EDBmhlYWQAAAdwAAAALwAAADYTfV9naGhlYQAAB6AAAAAcAAAAJAfeA4pobXR4AAAHvAAAAA4AAAAkJAAAAGxvY2EAAAfMAAAAFAAAABQGyAiQbWF4cAAAB+AAAAAfAAAAIAEaALJuYW1lAAAIAAAAAUUAAAJtPlT+fXBvc3QAAAlIAAAAYwAAAH7jnHfseJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGByeib+oZm7438AQw9zA0AAUZgTJAQDoUQx3eJztkTsOwkAMRGfJhxWiQDQoB0jHkVLkCPS5AhVd0uR2k9wijG0Eyh2w9VbyyLsrzQCoABTiLkogvZBg9ZSaXC9wcr1Er/mi1j5vbNhx4ry067BtX2X8KbtKftP66m2/HVFLP+i9ClkrNf519vPxmbL5Glg6bAI5B3aBPATHwBLjFMhXcA4ssaUNLPF1CJDfsactu3icdVXNbxtFFN83szvr9a69Hu+XHccfu068SR07sWPvtk2dxG1V2h7KR2mLSA9tlSKgrVSVe4lCqUTVAxx6IIeKICoQSAUuiPTCxwEkUATiAP8Bh8KFS+BQO7zdtKiHshq9fW/e27czv9+8NwIT8KED8omgCo5QFaaFOeEpQTDaQafmV9Ng2rOxXgePRfo8PNIdiGPcOCbWq24cA1HMju5cT6bTybNqOq2efYJGv4jkoBdNkB8iOdgX69/Hei/ykhUtqwGgGP6BInrfhx0FSP3/fbgtEu+tT36N9yaEuKB2CLhQT+Y2LtiHGi7S+ZylOCMXUMoyT7HBLYbyaZlrjKxEcnCOaVwmK5GMcm5/LQq0LrhCWxCk0G2Cz2W3BI6F6YMeoO1yNF2OP2KWZIfj8zgpS854LQ22QzfzD9bcOuTpSyh1S4cjwYMVFHQFjWEnlYafFKYayWGrMPxAMVNiopaHKZf8PAJ1t5/U9WQ/PEwGdngEYEvVdfWSIm8z05CkbfhHFrMm29n79of0d7osmMJpQYDADjmbJjU/DXLNn4ew5htmERxTxgmGNMrMb0LIa0EY2LNuO7B1YDrEzjrUmMzKwJnt2Avg2hgzDd1OLZyHBQjI28fvnpBEed4tHr52aLK++NaBkeI6SbCq5Z2bGL63HFQClYqZo6V9JdiV8dJUVlQzVUhn6tYz/cuWAoRqjWLtAGT6S9kkIZTKHcSdnqEEhneJpPQq5YUb/frkoTcOlEaHn50/ubFYGeGerIhAiZp7/QQsn76hUUokgqmz6bJEKVWm8uOHhn/2z/BEFFUvTjx7zJzUjaaelhEQxOdj+hs9LtwRhHHkLB5VL4IDR1P2gwU8yGHgBzX/P/eOE8ktQRnwZTstO2wHCIUfRU1Dk3Y7iE4YOLG3FGGI2Dks0p1W/GWI32ByHG27DLGDPfxtKw14imbtsNUOW/h3HJ0avWtOcKtulSty0WGaRJMSq+4OG3WfE5bMak6yDJDkSkHXKtwq6+N9jc8QmC54Sx0ruLJnbBeTNF1JVPzupVmrfarvjY4gkVKi6RayGgOlYhtFAL1qzuTyc8XONMubTMxIVAXLGjOMmRlKMpjdbpgJJaMitMTr6uYiNW5nK6peUDLJkpLTEiYj3J+aCnZXZVFSRDXhFOVK2azbfMK0THE/t15sNV+p734tsDpLnmNS0LWETvVc5VTb6lx6+UQht98rWQbQZtuvWhZJ6ErSKEjTneJcPjdjehmAYiLpK0yWVVNLeY2E5Ki5ZCYn03RCyyDLWkVNHazqFSx75Pcbeo8uChms1OeQcITXq/ly2IQuwlpCjiEqBmxSMlqz8+DblhkRUX1Edy8+ALNOENMUxToxgUhsnIHek7Y2wgszfx0rl6WtLze2Doqba+9uilWvebNxvru2+SYwUesVnP1W7+QYzyG3KW6riphNE1olNFnhxlSOsfSYljoJNze2pNHCsfuzV/ZtbIni1sbapoj59l6cvj5VLIubk6KoOsn8KOSV4lKY31OSRqeMFAFFbY0nuKuKorUrY4xqFMQWpY2HPeBb+hXtIxrYEwzucgidRXp1cOejD+nig1V6dShcuyZgOWyv0G26IuiCgXeAL4R4C5zFuqh6tR50gjk8qUUwmT/brRpPmJOfMAct7K4yOCHHA+0iXryJlcBNhjdDrcsV6DotJ6TNdY1zbT3F+e3V1XceNy6+HxmRQINYw+cT2cRw1Ks3KuRHbJxQKICmDLqKBpfh1eV85e+d4Eg0VofHd/Kk1iPr08cNuAU9xoY3p9zBL5UGtlT4LoPPcK+iaQp5AUaGW3DUQPz+BZ1IG0YAAAB4nGNgZGBgAOIHrk174vltvjJwszCAwA193q0I+n8DCwNzA5DLwcAEEgUAI2EJtgB4nGNgZGBgbvjfwBDDwgACQJKRARVwAgBHDwJyeJxjYWBgYCGAAQL0ACUAAAAAAAAAbgCYAOwBfAJsAu4DAgOOeJxjYGRgYOBkWMbAzgACTEDMBYQMDP/BfAYAGhQBzQB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxtxEEOgjAQBdD5SKV06T081AR/aJPCNC0K3F4St77Fk05+gvw3osMNPRzuGOAxIoifdONs9XRTtkbHRVPuF6t0JdpKv0fdmpYSjqTr3OLVY9fKaO/G54s5fVhPkS/tJxrRAA==') format('woff'),
  url('//at.alicdn.com/t/font_886215_znog8ur2bnq.ttf?t=1544088757732') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_886215_znog8ur2bnq.svg?t=1544088757732#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-category:before { content: "\e699"; }

.icon-close:before { content: "\e69a"; }

.icon-email:before { content: "\e69f"; }

.icon-more:before { content: "\e617"; }

.icon-phone:before { content: "\e725"; }

.icon-whatsapp:before { content: "\e65c"; }

.icon-xiangshang:before { content: "\e619"; }

.icon-warehouse-delivery:before { content: "\e87b"; }