/*
Theme Name: Charitas WPL
Theme URI: https://wplook.com/theme/charitas-charity-nonprofit-wordpress-theme/
Author: Victor Tihai
Author URI: http://wplook.com/
Description: Premium WordPress Theme for Charity, NGO, Foundation.
Version: 6.0
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, front-page-post-form, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: charitas-wpl
Domain Path: /languages
*/
/*	----------------------------------------------------------
	Default Colors
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
a, a:visited {
  color: #e53b51;
}

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

.teaser-page-list, #footer-widget-area, .short-content .buttons, .buttons-download, .event-info, .teaser-page-404, .announce-body, .teaser-page, .tagcloud a, .widget ul li:hover, #searchform #searchsubmit, .nav-next a:hover, .nav-previous a:hover, .progress-percent, .progress-money, .progress-percent .arrow, .progress-money .arrow, .donate_now_bt, .toggle-content-donation, .widget-title .viewall a:hover, .flexslider-news .flex-button-red a:hover, .entry-header-comments .reply a:hover, .share-buttons, #flexslider-gallery-carousel, .menu-language-menu-container ul li a:hover, .menu-language-menu-container ul .current a, ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, #toolbar .tb-list .search-items, #toolbar .tb-list .search a:hover, #toolbar .tb-list .search:hover {
  background-color: #e53b51;
}

h1, h2, h3, h4, h5, h6, .candidate .name, figure:hover .mask-square, .nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
  color: #e53b51;
}

.tagcloud a:hover {
  color: #c9253a !important;
}

.nav-next a:hover, .nav-previous a:hover, .toggle-content-donation, .widget-title .viewall a:hover, .flexslider-news .flex-button-red a, .entry-header-comments .reply a:hover {
  border: 1px solid #e53b51 !important;
}

.flex-active {
  border-top: 3px solid #e53b51;
}

.flex-content .flex-button a:hover {
  background: #e53b51;
}

.latestnews-body .flex-direction-nav a {
  background-color: #e53b51;
}

.entry-content blockquote {
  border-left: 3px solid #e53b51;
}

#toolbar, .site-info, #flexslider-gallery-carousel .flex-active-slide, .mean-container .mean-bar, .social-widget-margin a, .social-widget-margin a:visited {
  background: #000000;
}

.flickr-widget-body a:hover {
  border: 1px solid #000000;
}

/*	----------------------------------------------------------
	Reset default browser CSS.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/*	----------------------------------------------------------
	Based on work by Eric Meyer and html5doctor.com
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

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

/*	----------------------------------------------------------
	Remember to define focus styles!
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
:focus {
  outline: 0;
}

body {
  background: #fff;
  line-height: 1;
}

ol, ul {
  list-style: none;
}

/*	----------------------------------------------------------
	Tables still need 'cellspacing="0"' in the markup
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  font-weight: normal;
  text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

a img {
  border: 0;
}

/*	----------------------------------------------------------
	Global
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
body, input, textarea {
  color: #3b3b3d;
  font-size: 14px;
  font-family: "Arimo", sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

.clear {
  clear: both;
}

.clear-widget {
  clear: both;
  padding: 30px 0;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.radius {
  border-radius: 2px;
}

.radius-bottom {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.no-mb {
  padding-bottom: 0px !important;
}

.no-mt {
  padding-top: 0 !important;
}

/*	----------------------------------------------------------
	Headings
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-family: "Archivo Narrow", sans-serif;
}

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

h1 {
  font-size: 30px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

/*	----------------------------------------------------------
	Text elements
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
p {
  margin-bottom: 1.5em;
  font-size: 15px;
}

ul, ol {
  margin: 0 0 1.5em 2.5em;
}

ul {
  list-style: square;
}

ol {
  list-style-type: decimal;
}

ol ol {
  list-style: upper-alpha;
}

ol ol ol {
  list-style: lower-roman;
}

ol ol ol ol {
  list-style: lower-alpha;
}

ul ul, ol ol, ul ol, ol ul {
  margin-bottom: 0;
}

dl {
  margin: 0 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: 1.5em;
}

strong {
  font-weight: bold;
}

cite, em, i {
  font-style: italic;
}

blockquote {
  font-style: italic;
  margin: 0 20px;
}

blockquote em, blockquote i, blockquote cite {
  font-style: normal;
}

pre {
  background: #f4f4f4;
  font: 13px "Courier 10 Pitch", Courier, monospace;
  line-height: 1.5;
  margin-bottom: 1.5em;
  padding: 0.75em 1.5em;
}

code, kbd {
  font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

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

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

sup,
sub {
  font-size: 10px;
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

input:not([type=submit]):not([type=file]),
textarea {
  border: 1px solid #888;
}

textarea {
  padding-left: 3px;
  width: 98%;
}

input:not([type=submit]):not([type=file]) {
  padding: 3px;
}

/*	----------------------------------------------------------
	Text meant only for screen readers
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.screen-reader-text {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.teaser-page {
  height: 350px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.teaser-page-list {
  min-height: 150px;
  width: 100%;
}

.teaser-page-404 {
  height: 400px;
  width: 100%;
}

#main {
  background: #fff;
}

#main .inner {
  padding: 95px 0;
}

/*	----------------------------------------------------------
	Header
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#sticky_navigation {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  z-index: 99;
  padding: 20px 0;
  min-height: 60px;
  border-bottom: 1px solid #f3f3f3;
}

#toolbar {
  min-height: 40px;
}
#toolbar .tb-list {
  float: right !important;
  text-align: right !important;
  margin: 0;
}
#toolbar .tb-list li {
  float: left;
  font-size: 16px;
  display: inline;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
}
#toolbar .tb-list li a {
  color: #fff;
  margin: 0;
  padding: 0px 0 0 0;
  text-decoration: none;
  display: inline-block;
  background: none;
}
#toolbar .tb-list .phone a {
  padding-right: 10px;
  padding-top: 11px;
  font-size: 14px;
}
#toolbar .tb-list .mt {
  padding-top: 0px;
}
#toolbar .tb-list .list-icon-item {
  width: 40px;
  height: 40px;
  background: none;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
#toolbar .tb-list .list-icon-item a i {
  padding-top: 10px;
  width: 40px;
  height: 40px;
  background: none;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
#toolbar .tb-list .list-icon-item a:hover .fa-facebook, #toolbar .tb-list .list-icon-item a:hover fa-facebook-f {
  background: #3a589b;
}
#toolbar .tb-list .list-icon-item a:hover .fa-twitter {
  background: #19bfe8;
}
#toolbar .tb-list .list-icon-item a:hover .fa-github {
  background: #19bfe8;
}
#toolbar .tb-list .list-icon-item a:hover .fa-instagram {
  background: #E1306C;
}
#toolbar .tb-list .list-icon-item a:hover .fa-google-plus-square,
#toolbar .tb-list .list-icon-item a:hover .fa-google-plus-g,
#toolbar .tb-list .list-icon-item a:hover .fa-google-plus {
  background: #dd4b39;
}
#toolbar .tb-list .list-icon-item a:hover .fa-pinterest {
  background: #cb2027;
}
#toolbar .tb-list .list-icon-item a:hover .fa-youtube {
  background: #bb0000;
}
#toolbar .tb-list .list-icon-item a:hover .fa-github, #toolbar .tb-list .list-icon-item a:hover .fa-github-square, #toolbar .tb-list .list-icon-item a:hover .fa-github-alt {
  background: #754c24;
}
#toolbar .tb-list .list-icon-item a:hover .fa-linkedin-in, #toolbar .tb-list .list-icon-item a:hover .fa-linkedin {
  background: #007bb6;
}
#toolbar .tb-list .list-icon-item a:hover .fa-skype {
  background: #0bbff2;
}
#toolbar .tb-list .list-icon-item a:hover .fa-vimeo, #toolbar .tb-list .list-icon-item a:hover .fa-vimeo-v, #toolbar .tb-list .list-icon-item a:hover .fa-vimeo-square {
  background: #0bb9e6;
}
#toolbar .tb-list .list-icon-item a:hover .fa-skype {
  background: #0bbff2;
}
#toolbar .tb-list .list-icon-item a:hover .fa-rss, #toolbar .tb-list .list-icon-item a:hover .fa-rss-square {
  background: #ff9900;
}
#toolbar .tb-list .list-icon-item a:hover .fa-skype {
  background: #0bbff2;
}
#toolbar .tb-list .list-icon-item a:hover .fa-envelope {
  background: #3465aa;
}
#toolbar .tb-list .list-icon-item a:hover .fa-search {
  background: #3465aa;
}
#toolbar .tb-list .list-icon-item a:hover .fa-shopping-cart {
  background: #77a464;
}
#toolbar .tb-list .list-icon-item a:hover .fa-vk {
  background: #4c75a3;
}
#toolbar .tb-list .share-items {
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: visibility 0s linear 0.5s, opacity 0.5s linear;
  transition: visibility 0s linear 0.5s, opacity 0.5s linear;
  position: absolute;
  top: 40px !important;
  right: 0px;
  z-index: 6000;
  list-style: none;
  margin: 0;
  padding: 24px !important;
  width: auto;
  min-width: 123px;
  background: #3b3b3d;
}
#toolbar .tb-list .share-items .list-icon-item a i {
  height: 30px;
}
#toolbar .tb-list .share:hover .share-items {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
#toolbar .tb-list .search:hover .search-items {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
#toolbar .tb-list .search-items {
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: visibility 0s linear 0.5s, opacity 0.5s linear;
  transition: visibility 0s linear 0.5s, opacity 0.5s linear;
  position: absolute;
  top: 40px !important;
  right: 0px;
  z-index: 5000;
  list-style: none;
  margin: 0;
  padding: 24px !important;
  width: auto;
  min-width: 272px;
  background: #e53b51;
}
#toolbar .tb-list .search-items li {
  width: 100%;
}
#toolbar .tb-list .search-items #s {
  width: 90%;
  border: none;
  height: 30px;
  font-size: 14px;
  color: #c9c9cf;
}
#toolbar .tb-list .search-items #s:focus {
  background-color: #f3f3f3;
  color: #000;
}
#toolbar .tb-list #searchsubmit {
  display: none;
}

/*	----------------------------------------------------------
	Donate
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#toolbar .tb-list .donate a {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 12px;
  text-transform: uppercase;
  height: 28px;
  background: #f18d06;
  font-size: 14px;
}

/*	----------------------------------------------------------
	Donate
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.donation-box-margins {
  margin: 20px;
}

.donate-box, .donate-boxselect {
  width: 100%;
  display: block;
  text-align: left;
  margin: 40px 0;
}

.donate-box input {
  font-size: 20px;
  padding: 5px 10px;
}

.donate-boxselect select {
  font-size: 13px;
  background: none;
  height: 35px;
  border: 1px solid #a2a2ad;
}

.buttons.donate {
  background: #f18d06;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  border: none;
}

.buttons.donate:hover {
  background: #f6c004;
  color: #fff;
}

/* ==|== Hover = = = = = = = = = = = = = = = = = = = = = */
#toolbar .tb-list .rss a:hover {
  background: #ff9900;
}

#toolbar .tb-list .contact a:hover {
  background: #20a7ff;
}

#toolbar .tb-list .shopping-cart a:hover {
  background: #77a464;
}

#toolbar .tb-list .share a:hover {
  background: #3b3b3d;
}

#toolbar .tb-list .share:hover {
  background: #3b3b3d;
}

#toolbar .tb-list .donate a:hover {
  background: #f6c004;
  color: #fff;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

#branding {
  min-height: 60px;
}

#site-title {
  font-size: 30px;
  font-family: "Archivo Narrow", sans-serif;
  line-height: 36px;
  font-weight: normal;
}

#site-title a {
  text-decoration: none;
}

#site-description {
  font-size: 14px;
  color: #000;
  text-transform: uppercase;
}

#teaser {
  background: #fff;
}

#teaser .header-image {
  width: 100%;
  height: auto;
  display: block;
}

/*	----------------------------------------------------------
	Menu
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#branding nav {
  float: right;
}

nav select {
  display: none;
}

/*	----------------------------------------------------------
	Navigation between posts
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.nav-next a, .nav-previous a {
  color: #a2a2ad;
  border: 1px solid #a2a2ad;
  text-decoration: none;
  padding: 6px 12px;
  margin: 10px 0 0 0;
  display: inline-block;
  text-transform: uppercase;
}

.nav-next .meta-nav, .nav-previous .meta-nav {
  font-size: 20px;
  line-height: 1px;
}

.nav-next a:hover, .nav-previous a:hover {
  color: #fff;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}

/* ==|== top navigation  = = = = = = = = = = = = = = = = = = = = = */
.main-navigation {
  margin: 0 auto;
  max-width: 66.75%;
  min-height: 45px;
  position: relative;
}

ul.nav-menu,
div.nav-menu > ul {
  margin: 0;
  padding: 15px 0px 0 0;
  text-align: right;
}

.nav-menu li {
  display: inline-block;
  position: relative;
}

.nav-menu li a {
  color: #3b3b3d;
  display: block;
  font-size: 16px;
  font-family: "Archivo Narrow", sans-serif;
  text-transform: uppercase;
  line-height: 1;
  padding: 10px;
  text-decoration: none;
}

/* All levels */
.nav-menu .sub-menu,
.nav-menu .children {
  -webkit-box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
  background: #fff;
  padding: 0;
  position: absolute;
  color: #3b3b3d;
  z-index: 99999;
  text-align: left;
  display: block;
  left: -9999px;
}

/* Second level hover */
.nav-menu > li:hover > .sub-menu,
.nav-menu > li.show > .sub-menu {
  left: -25px;
}

/* Third level onwards hover */
.nav-menu > li > .sub-menu li:hover > .sub-menu,
.nav-menu > li > .sub-menu li.show > .sub-menu {
  border-left: 0;
  left: 145px;
  top: 0;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
  color: #3b3b3d;
  margin: 0;
  width: 160px;
  border-bottom: 1px solid #ccc;
}

ul.nav-menu ul a:hover, .nav-menu ul ul a:hover,
.nav-menu a.focus {
  color: #fff;
  border-bottom: 1px solid #ccc;
  background: #e53b51;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-delay: 0s;
          animation-delay: 0s; /* W3C and Opera */
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

.menu-toggle {
  display: none;
}

/* Off screen second level */
.nav-menu > li:hover > .sub-menu.off-screen,
.nav-menu > li.show > .sub-menu.off-screen {
  left: auto;
  right: 0;
}

/* Off screen third level onwards */
.nav-menu > li > .sub-menu li:hover > .sub-menu.off-screen,
.nav-menu > li > .sub-menu li.show > .sub-menu.off-screen,
.nav-menu > li > .sub-menu li > .sub-menu.off-screen li:hover .sub-menu,
.nav-menu > li > .sub-menu li > .sub-menu.off-screen li.show .sub-menu {
  left: auto;
  right: 180px;
}

/*	----------------------------------------------------------
	Language menu
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.menu-language-menu-container {
  float: left;
}

.menu-language-menu-container ul {
  margin: 7px 0 0 0;
  padding: 0;
}

.menu-language-menu-container ul li {
  margin: 0 1px 0 0;
  display: inline-block;
  float: left;
}

.menu-language-menu-container ul li a {
  color: #fff;
  text-decoration: none;
  background: #3b3b3d;
  display: inline-block;
  padding: 2px 10px;
}

.menu-language-menu-container ul li a:hover {
  border-bottom: 1px solid #fff;
}

.menu-language-menu-container ul .current a {
  border-bottom: 0px solid #fff;
  font-weight: bold;
}

/*	----------------------------------------------------------
	Content
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.teaser-page .page-title {
  margin-top: 140px;
}

.teaser-page-list .page-title {
  margin: 40px 0;
}

.page-title {
  color: #fff;
  border: 2px solid #fff;
  padding: 10px 20px;
  display: inline-block;
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
  -webkit-animation-delay: 0s;
          animation-delay: 0s; /* W3C and Opera */
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

.teaser-page #rootline {
  margin-top: 164px;
}

.teaser-page-list #rootline {
  margin-top: 64px;
}

#rootline {
  font-size: 14px;
  text-align: right;
  color: #fff;
}

#rootline a {
  color: #fff;
  text-decoration: none;
}

#rootline a:hover {
  color: #fff;
  text-decoration: underline;
}

.teaser-page-404 {
  text-align: center;
}

.teaser-page-404 .page-title {
  margin-top: 120px;
  font-size: 92px;
}

.teaser-page-404 h2 {
  margin-top: 48px;
  font-size: 22px;
  color: #fff !important;
}

.single-404 {
  text-align: center;
}

.single-404 .button {
  margin-bottom: 0px !important;
}

.entry-content table, .comment-content table {
  border-bottom: 1px solid #ddd;
  margin: 0 0 1.625em;
  width: 100%;
}

.entry-content th, .comment-content th {
  color: #666;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 2.6em;
}

.entry-content td, .comment-content td {
  border-top: 1px solid #ddd;
  padding: 6px 10px 6px 0;
}

.page-link {
  margin: 24px 0;
}

.entry-content blockquote {
  padding-left: 24px;
  font-size: 20px;
}

.entry-content blockquote p {
  font-size: 20px;
}

/*	----------------------------------------------------------
	Article List
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
article.list {
  margin-bottom: 48px;
  padding-bottom: 48px;
  border-bottom: 1px solid #ddd;
}

.short-content .entry-header {
  color: #e53b51;
  font-size: 22px;
  background: #fff;
  display: inline;
}
.short-content .entry-header a {
  text-decoration: none;
}
.short-content figure {
  margin: 8px 24px 5px 0;
}
.short-content figure img {
  width: 100%;
  height: auto;
}

figure {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
figure img {
  border-radius: 2px;
  /* width: 100%; */
  height: auto;
  display: block;
}
figure .mask {
  width: 100%;
  height: auto;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  background: transparent;
  text-align: center;
}
figure .mask .mask-square {
  display: none;
}
figure:hover .mask-square {
  position: relative;
  top: 35%;
  margin: 0;
  left: 0;
  font-size: 22px;
  display: inline-block;
  text-align: center;
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
  -webkit-animation-delay: 0s;
          animation-delay: 0s; /* W3C and Opera */
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  background: #fff;
  width: 40px;
  height: 35px;
  padding-top: 5px;
}
figure:hover .mask {
  background: rgba(0, 0, 0, 0.8);
}

.entry-meta {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 0;
  overflow: hidden;
}

.short-content p {
  margin: 0 0 15px 0;
}

.short-content .entry-meta p {
  margin: 10px 12px 0 12px;
  padding: 0;
}

p.sponsors i {
  color: #e53b51;
}

.fund i {
  color: #3b3b3d;
}

.time {
  color: #20a7ff;
}
.time a {
  text-decoration: none;
}

.fb {
  color: #3a589b;
}
.fb a {
  text-decoration: none;
}

.short-content .buttons {
  color: #fff;
  padding: 10px 24px;
  text-decoration: none;
  text-transform: uppercase;
}
.short-content .buttons:hover {
  background: #3b3b3d;
  color: #fff;
}

/* ==|== Fb = = = = = = = = = = = = = = = = = = = = = */
.entry-meta .buttons.facebook i {
  color: #3a589b;
}

.entry-meta .buttons.facebook {
  background: #fff;
  color: #3b3b3d;
  text-transform: none;
  padding: 10px 12px;
}

.entry-meta .buttons.facebook:hover {
  background: #3a589b;
  color: #fff;
}

.entry-meta .buttons.facebook:hover i {
  background: none;
  color: #fff;
}

/* ==|== time = = = = = = = = = = = = = = = = = = = = = */
.entry-meta .buttons.time i {
  color: #20a7ff;
}

.entry-meta .buttons.time {
  background: #fff;
  text-transform: none;
  padding: 10px 12px;
  color: #3b3b3d;
}

.entry-meta .buttons .icon-calendar {
  padding: 2px 5px 2px 0;
}

.entry-meta .buttons.time:hover {
  background: #20a7ff;
  color: #fff;
}

.entry-meta .buttons.time:hover i {
  background: none;
  color: #fff;
}

/* ==|== Author = = = = = = = = = = = = = = = = = = = = = */
.entry-meta .buttons.author i {
  color: #f18d06;
}

.entry-meta .buttons.author {
  background: #fff;
  text-transform: none;
  padding: 10px 12px;
  color: #3b3b3d;
}

.entry-meta .buttons.author:hover {
  background: #f18d06;
  color: #fff;
}

.entry-meta .buttons.author:hover i {
  background: none;
  color: #fff;
}

/*	----------------------------------------------------------
	Single cause
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.square-info {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 50%;
  background: #fff;
  z-index: 1;
}

.square-info.full {
  position: relative;
  width: 100%;
}

.square-info.full .square-info-margins {
  margin: 0 0 24px 0;
}

.square-info-margins {
  margin: 24px 24px 8px 24px;
}

.new-progress-body {
  background: #f3f3f3;
  width: 100%;
  margin-top: 5px;
}

.progress-value {
  height: 15px;
  border-radius: 2px;
  background: #e53b51;
}

.progress-percent, .progress-money {
  padding: 0px 5px;
  color: #fff;
  position: relative;
}

.progress-percent .arrow, .progress-money .arrow {
  height: 5px;
  width: 5px;
  position: absolute;
  bottom: -3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.progress-percent .arrow {
  left: 12px;
}

.progress-money .arrow {
  right: 12px;
}

.square-info-margins .meta p {
  margin: 12px 0;
}

.square-info-margins .meta p i {
  margin-right: 12px;
}

.square-info .buttons {
  background: #f18d06;
  color: #fff;
  margin-top: 22px;
  padding: 10px 24px;
  text-decoration: none;
  text-transform: uppercase;
}

.square-info .buttons i {
  margin-left: 12px;
}

.square-info .buttons:hover {
  background: #f6c004;
  color: #fff;
  cursor: pointer;
}

.entry-content figure {
  margin-bottom: 48px;
}

.entry-content figure.featured-image img {
  width: 100%;
  height: auto;
}

.event-map {
  display: none;
  margin-top: 24px;
}

.book-your-place {
  display: none;
  margin-top: 24px;
  color: white;
}

.book-your-place h3, .event-map h3 {
  color: #fff;
}

/*.event-map iframe{
	width: 100%;
	height: 250px;
}*/
.wplook-google-map {
  width: 100%;
  min-height: 400px;
  height: 100%;
  display: block;
}

.reservation-form input, .reservation-form textarea {
  border: none;
  background: #fff;
  padding: 5px 10px;
  border-radius: 2px;
}

.paymend_detailes {
  display: none;
  margin-bottom: 24px;
}

.donate-amoung {
  margin-bottom: 12px;
}

.donate_now_bt {
  color: #fff;
  border: none;
  padding: 5px 12px;
  cursor: pointer;
}

/*	----------------------------------------------------------
	Toggle Donations
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.toggle-content-donation {
  clear: both;
  display: block;
  margin: 0 0 1px 0;
  color: #fff;
}

.toggle-content-donation:hover {
  background: #3b3b3b;
}

.toggle-content-donation + .toggle-content-donation {
  margin: 0 0 1px 0;
}

.toggle-content-donation .expand-button {
  background: url("assets/images/toggle-open.png") left top no-repeat;
  cursor: pointer;
  font-weight: 700;
  overflow: hidden;
}

.toggle-content-donation .expand-button.close {
  background: url("assets/images/toggle-close.png") left top no-repeat;
}

.toggle-content-donation .expand-button p {
  line-height: 40px;
  margin: 0;
  padding-left: 40px;
}

.toggle-content-donation .expand {
  margin: 0;
  background: #fff;
  line-height: 160%;
  color: #3b3b3d;
  padding: 20px 20px 20px;
}

.toggle-content-donation .expand {
  display: none;
}

.no-js .toggle-content-donation .expand {
  display: block;
}

/*	----------------------------------------------------------
	Event
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.event-info {
  padding: 24px;
  margin-bottom: 48px;
}
.event-info .day {
  font-size: 50px;
  color: #fff;
  margin-right: 12px;
  line-height: 1;
}
.event-info .month-time {
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  margin-right: 48px;
  text-decoration: none;
}
.event-info .month-time .month {
  line-height: 27px;
}

.event-address {
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  width: 35%;
}
.event-address a:hover {
  text-decoration: underline;
}

.event-location {
  color: #fff;
  font-size: 40px;
  line-height: 48px;
  margin-right: 12px;
}

.event-info .buttons.facebook i {
  color: #3a589b;
}

.event-info .buttons.facebook {
  background: #fff;
  color: #3b3b3d;
  text-transform: none;
  padding: 10px 12px;
  text-decoration: none;
}

.event-info .buttons.facebook:hover {
  background: #3a589b;
  color: #fff;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

.event-info .buttons.facebook:hover i {
  background: none;
  color: #fff;
}

/* ==|== Book your place = = = = = = = = = = = = = = = = = = = = = */
.event-info .buttons.bookplace i {
  color: #3b3b3d;
}

.event-info .buttons.bookplace {
  background: #fff;
  color: #3b3b3d;
  text-transform: none;
  padding: 10px 12px;
  text-decoration: none;
  margin-left: 24px;
  cursor: pointer;
}

.event-info .buttons.bookplace:hover {
  background: #3b3b3d;
  color: #fff;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

.event-info .buttons.bookplace:hover i {
  background: none;
  color: #fff;
}

/* ==|== book your place button = = = = = = = = = = = = = = = = = = = = = */
.buttons.send {
  background: #fff;
  color: #3b3b3d;
  text-transform: none;
  padding: 10px 12px;
  text-decoration: none;
  cursor: pointer;
}
.buttons.send:hover {
  background: #3b3b3d !important;
  color: #fff;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

/*	----------------------------------------------------------
	Press
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.entry-meta-press {
  padding: 12px;
  display: block;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-bottom: 48px;
}

.entry-meta-press time {
  margin-right: 12px;
}

.entry-meta-press time i {
  color: #20a7ff;
}

.entry-meta-press .tag-i i {
  color: #c0392b;
}

.entry-meta-press .author-i i {
  color: #f18d06;
}

.entry-meta-press .category-i, .entry-meta-press .tag-i {
  margin-right: 12px;
}

.entry-meta-press .category-i a, .entry-meta-press .tag-i a, .entry-meta-press .author-i a {
  text-decoration: none;
  color: #3b3b3d;
}

.entry-meta-press .category-i a:hover, .entry-meta-press .tag-i a:hover, .entry-meta-press .author-i a:hover {
  text-decoration: underline;
}

.twitter-tweet.twitter-tweet-rendered {
  width: 100%;
}

.share-buttons {
  list-style-type: none;
  float: left;
  padding: 0px 5px;
  margin: 0 10px 0px 0;
  font-size: 13px;
  cursor: pointer;
  color: #fff;
}

.share-buttons > li > i {
  margin: 0 3px;
  font-size: 10px;
}

.share-buttons li {
  position: relative;
  display: inline-block;
  padding: 0px 0 0px 0;
  margin-left: 0px;
}

.share-buttons .share-desc .share-items {
  display: none;
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.share-buttons .share-items {
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: visibility 10s linear 0.5s, opacity 0.5s linear;
  transition: visibility 10s linear 0.5s, opacity 0.5s linear;
  position: absolute;
  top: 20px !important;
  left: -5px;
  z-index: 5000;
  list-style: none;
  margin: 0;
  padding: 0 0 5px 0 !important;
  width: auto;
  min-width: 150px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0px 8px rgba(0, 0, 0, 0.2);
  background: #fff;
}

.share-buttons .share-items li {
  width: 100%;
  float: left;
  border-bottom: 1px solid #ccc;
  margin: 0 !important;
  line-height: 100%;
  padding: 10px 0px !important;
}

.share-buttons .share-items li i {
  margin: 0 10px 0 10px;
}

.share-buttons .share-items li:hover {
  border-top: none !important;
  background: #f9f9f9;
}

.share-buttons .share-items li a, .share-items li a:hover {
  text-decoration: none;
  color: #3d3d3b;
}

.share-buttons .share-icon-fb i {
  color: #3a589b;
}

.share-buttons .share-icon-tw i {
  color: #19bfe8;
}

.share-buttons .share-icon-pt i {
  color: #cb2027;
}

/*	----------------------------------------------------------
	Staff
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.grid_4 .WPlookStaff .grid_4 {
  width: 100%;
  margin-bottom: 24px;
}

.grid_8 .WPlookStaff .grid_4 {
  float: left;
  width: 46%;
  margin: 12px 2%;
}

.grid_12 .WPlookStaff .grid_4 {
  float: left;
  width: 30.787037%;
  margin: 12px 1.27314815%;
}

.candidate {
  -webkit-box-shadow: 0 0 2px #747373;
  box-shadow: 0 0 2px #747373;
  margin-bottom: 20px;
  float: left;
}

.candidate-margins {
  margin: 24px;
}

.candidate img {
  width: 100%;
  height: auto;
}

.candidate .name {
  font-size: 24px;
  font-family: "Archivo Narrow", sans-serif;
  text-align: center;
  margin-top: 12px;
}

.candidate .position {
  font-family: "Archivo Narrow", sans-serif;
  font-size: 18px;
  color: #3b3b3d;
  text-align: center;
}

.candidate:hover {
  -webkit-box-shadow: inset 0 0 12px #c2c0c0;
  box-shadow: inner 0 0 12px #c2c0c0;
}

.candidate a {
  text-decoration: none;
}

.candidate-about {
  margin-left: 12px;
  width: 59%;
}

.social-icons {
  text-align: center;
  margin-top: 24px;
  font-size: 16px;
}

.social-icons a {
  padding: 3px 3px;
}

.social-icons a:hover {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.social-icons .i-icon-facebook {
  color: #3a589b;
}

.social-icons .i-icon-twitter {
  color: #19bfe8;
}

.social-icons .i-icon-github {
  color: #000;
}

.social-icons .i-icon-linkedin {
  color: #007bb6;
}

/*	----------------------------------------------------------
	Publications
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.download_file {
  padding: 10px 12px 0 12px;
}
.download_file a {
  text-decoration: none;
}
.download_file a:hover {
  text-decoration: underline;
}

.download_file_single {
  padding: 0 12px;
}
.download_file_single a {
  text-decoration: none;
}
.download_file_single a:hover {
  text-decoration: underline;
}

.pub figure:hover .mask-square {
  top: 60px;
}

.single-publication figure {
  margin-right: 40px;
  max-width: 400px;
}

.buttons-download {
  color: #fff !important;
  padding: 10px 24px;
  text-decoration: none;
  text-transform: uppercase;
}

.buttons-download:hover {
  background: #3b3b3d;
  color: #fff;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-delay: 0s;
          animation-delay: 0s; /* W3C and Opera */
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

.entry-meta-pub {
  padding: 0px;
  display: block;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-bottom: 48px;
}

.entry-meta-pub time, .entry-meta-pub .download_file_single, .entry-meta-pub .share-buttons {
  margin: 10px 12px 0 0;
}

.entry-meta-pub time i {
  color: #20a7ff;
}

.social-icons .fa-facebook, .social-icons .fa-facebook-f {
  color: #3a589b;
  padding: 5px;
}
.social-icons .fa-facebook:hover, .social-icons .fa-facebook-f:hover {
  color: #fff;
  background: #3a589b;
}
.social-icons .fa-twitter {
  color: #19bfe8;
  padding: 5px;
}
.social-icons .fa-twitter:hover {
  color: #fff;
  background: #19bfe8;
}
.social-icons .fa-pinterest {
  color: #e53b51;
  padding: 5px;
}
.social-icons .fa-pinterest:hover {
  color: #fff;
  background: #e53b51;
}
.social-icons .fa-youtube {
  color: #e53b51;
  padding: 5px;
}
.social-icons .fa-youtube:hover {
  color: #fff;
  background: #e53b51;
}
.social-icons .fa-linkedin-in, .social-icons .fa-linkedin {
  color: #3a589b;
  padding: 5px;
}
.social-icons .fa-linkedin-in:hover, .social-icons .fa-linkedin:hover {
  color: #fff;
  background: #3a589b;
}
.social-icons .fa-skype {
  color: #0bbff2;
  padding: 5px;
}
.social-icons .fa-skype:hover {
  color: #fff;
  background: #0bbff2;
}
.social-icons .fa-vk {
  color: #4c75a3;
  padding: 5px;
}
.social-icons .fa-vk:hover {
  color: #fff;
  background: #4c75a3;
}
.social-icons .fa-google-plus-square,
.social-icons .fa-google-plus-g,
.social-icons .fa-google-plus {
  color: #f12842;
  padding: 5px;
}
.social-icons .fa-google-plus-square:hover,
.social-icons .fa-google-plus-g:hover,
.social-icons .fa-google-plus:hover {
  color: #fff;
  background: #f12842;
}
.social-icons .fa-vimeo,
.social-icons .fa-vimeo-v,
.social-icons .fa-vimeo-square {
  color: #0bb9e6;
  padding: 5px;
}
.social-icons .fa-vimeo:hover,
.social-icons .fa-vimeo-v:hover,
.social-icons .fa-vimeo-square:hover {
  color: #fff;
  background: #0bb9e6;
}
.social-icons .fa-github,
.social-icons .fa-github-square,
.social-icons .fa-github-alt {
  color: #754c24;
  padding: 5px;
}
.social-icons .fa-github:hover,
.social-icons .fa-github-square:hover,
.social-icons .fa-github-alt:hover {
  color: #fff;
  background: #754c24;
}
.social-icons .fa-flickr {
  color: #d73990;
  padding: 5px;
}
.social-icons .fa-flickr:hover {
  color: #fff;
  background: #d73990;
}
.social-icons .fa-instagram {
  color: #E1306C;
  padding: 5px;
}
.social-icons .fa-instagram:hover {
  color: #fff;
  background: #E1306C;
}

.candidate-detailes {
  list-style: none;
  margin: 0 0 24px 0;
  padding: 0;
}
.candidate-detailes li {
  border-bottom: 1px solid #ddd;
  padding: 10px 5px;
}
.candidate-detailes li i {
  margin-right: 12px;
}

/*	----------------------------------------------------------
	Images
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
a img {
  border: none;
}

p img {
  margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}

a img {
  display: block;
}

/*	----------------------------------------------------------
	Resize images to fit the main content area.
		- Applies only to images uploaded via WordPress by targeting size-* classes.
		- Other images will be left alone. Use "size-auto" class to apply to other images.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
  max-width: 100%; /* When images are too wide for containing element, force them to fit. */
  height: auto; /* Override height to match resized width for correct aspect ratio. */
}

img.alignleft {
  margin-right: 1.5em;
}

img.alignright {
  margin-left: 1.5em;
}

.wp-caption {
  padding: 0.5em;
  text-align: center;
  width: 100%;
}

.wp-caption img {
  margin: 0.25em;
}

.alignnone {
  width: 98% !important;
  height: auto !important;
}

.wp-caption .wp-caption-text {
  margin: 0.5em;
}

.wp-smiley {
  margin: 0;
}

.gallery {
  padding: 0 12px;
}

.gallery .gallery-item {
  float: left;
  margin-top: 0;
  text-align: center;
  width: 33%;
}

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

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

.gallery img {
  border: 1px solid #e0dddd !important;
  padding: 5px;
}

.gallery-columns-2 .attachment-medium {
  max-width: 92%;
  height: auto;
}

.gallery-columns-3 .attachment-thumbnail {
  max-width: 72%;
  height: auto;
}

.gallery-columns-4 .attachment-thumbnail {
  max-width: 98%;
  height: auto;
}

.gallery .gallery-caption {
  color: #3b3b3d;
  font-size: 12px;
  margin: 12px 0 12px;
  text-align: left;
}

.gallery dl {
  margin: 0;
}

.gallery img {
  border: 0px solid #f1f1f1;
}

.gallery br + br {
  display: none;
}

/*	----------------------------------------------------------
	Navigation
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#primary nav {
  clear: both;
  overflow: hidden;
  margin: 0 0 1.5em;
}

.nav-previous {
  float: left;
  width: 50%;
}

.nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*	----------------------------------------------------------
	Pagination
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.pagination {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pagination li {
  margin: 0;
  float: left;
  margin-right: 10px;
}
.pagination li a {
  padding: 3px 6px;
  background: #fff;
  text-decoration: none;
  border: 1px solid #a2a2ad;
  color: #a2a2ad;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.pagination li a:hover {
  background: #e53b51;
  color: #fff;
  border: 1px solid #e53b51;
}
.pagination li .active {
  background: #e53b51;
  color: #fff;
  border: 1px solid #e53b51;
}

/*	----------------------------------------------------------
	Widgets
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
aside.widget {
  margin-bottom: 48px;
}

aside.WPlookStaff {
  margin-bottom: 0;
}

aside ul {
  list-style: none;
  margin: 0px;
}

/*	----------------------------------------------------------
	Social Widget
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.social-widget-margin {
  padding: 0px 0px;
}

.social-widget-margin a, .social-widget-margin a:visited {
  float: left;
  width: 30px;
  height: 28px;
  margin: 0 14px 20px 0px;
  text-align: center;
  text-decoration: none;
  line-height: 28px;
  color: #fff;
  padding-top: 2px;
}

.social-widget-margin a:hover {
  color: #fff;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  animation-delay: 0s; /* W3C and Opera */
  -moz-animation-delay: 0s; /* Firefox */
  -webkit-animation-delay: 0s; /* Safari and Chrome */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.social-widget-margin .social-item-twitter a:hover {
  background: #00aced;
}

.social-widget-margin .social-item-facebook a:hover {
  background: #3b5998;
}

.social-widget-margin .social-item-rss a:hover {
  background: #ff9900;
}

.social-widget-margin .social-item-gplus a:hover {
  background: #d34836;
}

.social-widget-margin .social-item-youtube a:hover {
  background: #bb0000;
}

.social-widget-margin .social-item-linkedin a:hover {
  background: #007bb6;
}

.social-widget-margin .social-item-instagram a:hover {
  background: #517fa4;
}

.social-widget-margin .social-item-github a:hover {
  background: #ac5e54;
}

.social-widget-margin .social-item-pinterest a:hover {
  background: #cb2027;
}

.social-widget-margin .social-item-vimeo a:hover {
  background: #45bbff;
}

.social-widget-margin .social-item-lastfm a:hover {
  background: #D51007;
}

.social-widget-margin .social-item-soundcloud a:hover {
  background: #ff5800;
}

.social-widget-margin .social-item-flickr a:hover {
  background: #ff0084;
}

/*	----------------------------------------------------------
	Flickr Widget
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.flickr-widget-body, .instagram-widget-body {
  width: 100%;
}

.flickr-widget-body a, .instagram-widget-body a {
  width: 31%;
  display: inline-block;
  border: 1px solid #fff;
}

.flickr-widget-body a:hover, .instagram-widget-body a:hover {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.flickr-widget-body img, .instagram-widget-body img {
  width: 100%;
  height: auto;
  float: left;
}

#colophon .widget-title, #colophon h3 {
  background: transparent !important;
}

#colophon .viewallinstagram a {
  color: #fff;
}

/*	----------------------------------------------------------
	New Instagram Widget
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.instagram-widget .instagram-widget-avatar {
  float: left;
}

.instagram-widget .instagram-widget-avatar img {
  width: 50px;
  height: auto;
}

.instagram-widget .instagram-widget-follow {
  float: left;
  margin-left: 10px;
  margin-bottom: 20px;
}

.instagram-widget .instagram-widget-follow h4 {
  font-size: 1rem;
  margin: 0px;
  padding: 0px;
  color: #000;
}

.instagram-widget .instagram-widget-follow a {
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  color: #bbbbbb;
}

.instagram-widget .instagram-widget-follow a:hover {
  text-decoration: underline;
}

.instagram-widget .instagram-widget-image {
  width: 33.333%;
  float: left;
}

.instagram-widget .instagram-widget-image img {
  width: 100%;
  height: auto;
}

.instagram-widget .instagram-widget-image img:hover {
  opacity: 0.9;
}

/*	----------------------------------------------------------
	Gallery widget
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.widget_media_gallery .gallery {
  margin: 0px;
  padding: 0px !important;
}

.widget_media_gallery .gallery img {
  margin: 0px;
  padding: 0px;
  border: 1px solid #fff !important;
}

.widget_media_gallery .gallery-item {
  margin: 0px;
  padding: 0px !important;
  width: 100%;
}

/*	----------------------------------------------------------
	Latest Pledges widget
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.widget_wpl_latest_donations {
  margin-bottom: 40px;
}

.widget_wpl_latest_donations .cause-information {
  margin-bottom: 20px;
  position: relative;
}

.widget_wpl_latest_donations .cause-information .image {
  height: 100px;
  background-size: cover;
  background-position: 50%;
}

.widget_wpl_latest_donations .cause-information .title {
  font-size: 18px;
  font-weight: 600;
}

.widget_wpl_latest_donations .cause-information.has-thumbnail .title {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px;
}

.widget_wpl_latest_donations .latest-pledges {
  margin-bottom: 20px;
}

.widget_wpl_latest_donations .latest-pledges .pledge .image {
  display: inline-block;
  width: 60px;
  margin-right: 5px;
  vertical-align: middle;
}

.widget_wpl_latest_donations .latest-pledges .pledge .content {
  display: inline-block;
  vertical-align: middle;
}

.widget_wpl_latest_donations .latest-pledges .pledge .content .name {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.widget_wpl_latest_donations .latest-pledges .pledge .content .value {
  margin: 0;
}

.widget_wpl_latest_donations .buttonss {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

/*	----------------------------------------------------------
	List
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.widget ul li {
  background: transparent url("assets/images/border-x.png") left bottom repeat-x;
  padding: 12px;
  margin: 0px;
}

.widget ul li a {
  color: #343434;
  text-decoration: none;
}

.widget ul li:before {
  content: " ";
  background-image: url("assets/images/list-item.png");
  background-size: 3.5px;
  background-position: left center;
  background-repeat: no-repeat;
  padding-right: 8px;
}

.site-footer .widget ul li:before {
  background-image: url("assets/images/list-item-white.png");
}

.widget ul li:hover {
  color: #fff;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.widget ul li:hover a {
  color: #fff;
}

.widget ul li ul {
  margin: 0 0 0 0;
  padding: 0 0 0 20px;
}

.widget ul li ul li {
  margin: 0 0 0 0;
  padding: 10px 0 0 0;
  background: none;
}

/*	----------------------------------------------------------
	Home page widgets
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.first-home-widget-area, .second-home-widget-area, .third-home-widget-area, .forth-home-widget-area {
  margin-bottom: 30px;
  padding-bottom: 30px;
}

#secondary .grid_16 {
  margin: 0;
  padding: 0;
}

.widget-title {
  background: transparent url("assets/images/widget-title-bg.png") repeat-x 0 60%;
  margin-bottom: 24px;
}

.widget-title h3 {
  background: #fff;
  display: inline-block;
  padding-right: 12px;
  color: #3b3b3d;
}

.widget-title .viewall {
  background: #fff;
  padding-left: 12px;
  font-size: 12px;
}

.widget-title .viewall a {
  color: #a2a2ad;
  border: 1px solid #a2a2ad;
  text-decoration: none;
  padding: 0px 5px;
  margin: 10px 0 0 0;
  display: inline-block;
}

.widget-title .viewall a:hover {
  color: #fff;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.widget h3 a {
  text-decoration: none;
  line-height: normal;
  font-size: 20px;
}

/* ==|== Latest causes = = = = = = = = = = = = = = = = = = = = = */
.widget-causes-body .cause-item {
  float: left;
  width: 23%;
  margin: 0 1% 24px 1%;
}
.widget-causes-body .cause-item figure {
  width: 100%;
  margin-bottom: 12px;
}
.widget-causes-body .cause-item figure img {
  width: 100%;
  height: auto;
}
.widget-causes-body .cause-item p {
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .widget-causes-body .cause-item {
    width: 48% !important;
  }
}
@media (max-width: 640px) {
  .widget-causes-body .cause-item {
    width: 100% !important;
  }
}

.grid_12 .widget-causes-body .cause-item {
  float: left;
  width: 30.787037%;
  margin: 12px 1.27314815%;
}

/* Grid 8 */
.grid_8 .widget-causes-body .cause-item {
  float: left;
  width: 46%;
  margin: 0 2%;
}

/* Grid 4 */
.grid_4 .widget-causes-body .cause-item {
  width: 100%;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #ddd;
  margin-left: 0;
  margin-right: 0;
}

.grid_4 .widget-causes-body .cause-item:last-child {
  border-bottom: none;
}

/* ==|== Latest events  = = = = = = = = = = = = = = = = = = = = = */
.widget-event-body {
  overflow: auto;
}

.widget-event-body .event-item figure {
  margin-bottom: 12px;
}

.widget-event-body .event-item {
  float: left;
  width: 23%;
  margin: 0 1% 24px 1%;
}

.grid_12 .widget-event-body .event-item {
  float: left;
  width: 29.5%;
  margin: 12px 2%;
}

/* Grid 8 */
.grid_8 .widget-event-body .event-item {
  float: left;
  width: 46%;
  margin: 0 2%;
}

/* Grid 4 */
.grid_4 .widget-event-body .event-item {
  width: 100%;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #ddd;
  margin-left: 0;
  margin-right: 0;
}

.grid_4 .widget-event-body .event-item:last-child {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0;
}

.entry-meta-widget i {
  padding: 2px 5px;
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  color: #3b3b3d;
}

.entry-meta-widget a {
  text-decoration: none;
  color: #3b3b3d;
}

.entry-meta-widget div {
  margin-top: 5px;
}

.entry-meta-widget div a {
  color: #3b3b3d;
}

.entry-meta-widget .date i {
  color: #20a7ff;
}

.entry-meta-widget .location i {
  color: #f18d06;
}

.entry-meta-widget .facebook i {
  color: #3a589b;
}

.more-events a {
  text-align: right;
  text-transform: uppercase;
  display: block;
  text-decoration: none;
  color: #3b3b3d;
  font-size: 12px;
}

.more-events a:hover {
  color: #e53b51;
}

/*	----------------------------------------------------------
	TagCloud
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.tagcloud a {
  padding: 8px 10px;
  display: inline-block;
  margin: 4px 2px;
  text-decoration: none;
  color: #fff !important;
}

.tagcloud a:hover {
  background: #3b3b3d;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

/* ==|== Widget announce = = = = = = = = = = = = = = = = = = = = = */
.announce-body h1 {
  margin-bottom: 10px;
  font-weight: bold;
  color: #fff;
}

.announce-body h3 {
  color: #fff;
}

.announce-body {
  font-family: "Arimo", sans-serif;
  padding: 48px 0;
  text-align: center;
}

/* ==|== Widget Adrress = = = = = = = = = = = = = = = = = = = = = */
.site-footer .widget_adress {
  color: #fff;
  font-size: 15px;
}

.widget_adress a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
}

#colophon .widget_adress h3.org, .widget_adress h3.org {
  margin-bottom: 20px;
}

/*-----------------------------------------------------------
	Search
-----------------------------------------------------------*/
#searchform #searchsubmit {
  color: #fff;
  padding: 5px 6px 7px 6px;
  cursor: pointer;
  border: 0;
  font-size: 14px;
}

#searchform #searchsubmit:hover {
  color: #fff;
  background: #3b3b3d;
}

/*-----------------------------------------------------------
	Calendar
-----------------------------------------------------------*/
#calendar_wrap {
  margin: 0;
  color: #343434;
  background: #fff;
}

#wp-calendar, #wp-calendar th, #wp-calendar td {
  text-align: center;
  background: none;
  border: none;
}

#wp-calendar {
  background: none;
  empty-cells: hide;
  width: 100%;
  font-size: 12px;
}

#wp-calendar th {
  font-style: normal;
  font-weight: bold;
  text-transform: capitalize;
  border-bottom: 1px solid #ddd;
}

#wp-calendar td {
  text-align: center;
  background: #fff;
  padding: 5px;
  border-bottom: 1px solid #ddd;
}

#wp-calendar td:hover {
  background-color: #fff;
}

#wp-calendar a {
  text-decoration: none;
  display: block;
  padding: 5px;
}

#wp-calendar a:hover {
  background: #f9f9f9;
}

#wp-calendar caption {
  font-weight: bold;
  text-align: center;
}

#wp-calendar #today {
  background-color: #f3f3f3;
}

#wp-calendar caption {
  text-align: center;
  width: 100%;
}

#wp-calendar .pad {
  background-color: #fff;
}

#wp-calendar #next a {
  padding-right: 10px;
  text-align: right;
  background: #f0f3f5;
}

#wp-calendar #prev a {
  padding-left: 10px;
  text-align: left;
  background: #f0f3f5;
}

/*	----------------------------------------------------------
	Gallery Slider
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.flexslider-gallery .loading {
  background: transparent url("/assets/images/ajax-loader.gif") no-repeat 50% 50%;
  min-height: 300px;
}

.flexslider-gallery {
  margin: 0 0 0px 0;
  padding: 0;
  position: relative;
}

.flexslider-gallery .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  position: relative;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider-gallery .slides img {
  width: 100%;
  height: auto;
  display: block;
}

.flexslider-gallery .slides .caption {
  margin: 0;
  padding: 20px 0;
  background: #000;
  color: #fff;
  line-height: 15px;
  text-align: center;
  font-style: italic;
}

/* ==|== Direction Nav = = = = = = = = = = = = = = = = = = = = = */
.flexslider-gallery .flex-direction-nav {
  *height: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 50%;
}

.flexslider-gallery .flex-direction-nav li {
  max-width: 100%;
  background: red;
  margin: 0 auto;
  display: block;
}

.flexslider-gallery .flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: 0px;
}

.flexslider-gallery .flex-direction-nav .flex-prev {
  left: 0px;
}

.flexslider-gallery:hover .flex-next {
  opacity: 0.8;
  right: 0px;
}

.flexslider-gallery:hover .flex-prev {
  opacity: 0.8;
  left: 0px;
}

.flexslider-gallery:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0.3 !important;
  filter: alpha(opacity=30);
  cursor: default;
}

/*	----------------------------------------------------------
	Thumbnails
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#flexslider-gallery-carousel {
  min-height: 50px;
  margin-bottom: 40px;
  position: relative;
  z-index: 1000;
}

#flexslider-gallery-carousel li {
  padding: 5px;
  max-width: 140px;
  height: auto;
  font-size: 0;
}

#flexslider-gallery-carousel li img {
  max-width: 140px;
  width: auto;
  height: auto;
  float: left;
}

#flexslider-gallery-carousel .flex-direction-nav {
  *height: 0;
  text-align: center;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 68px;
}

#flexslider-gallery-carousel .flex-direction-nav a {
  width: 50px;
  height: 50px;
  margin: 0px 0px;
  display: block;
  background: url("assets/assets/images/bg_direction_nav.png") no-repeat 0 0;
  position: absolute;
  z-index: 10;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
}

.grid_11 #flexslider-gallery-carousel .flex-direction-nav li {
  position: relative;
  max-width: 100%;
  margin: 0 0px 0 0;
  padding: 0;
}

#flexslider-gallery-carousel .flex-direction-nav li {
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

#flexslider-gallery-carousel .flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: 0px;
}

#flexslider-gallery-carousel .flex-direction-nav .flex-prev {
  left: 0px;
}

#flexslider-gallery-carousel .flexslider:hover .flex-next {
  opacity: 0.8;
  right: 0px;
}

#flexslider-gallery-carousel .flexslider:hover .flex-prev {
  opacity: 0.8;
  left: 0px;
}

#flexslider-gallery-carousel .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1;
}

#flexslider-gallery-carousel .flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=30);
  cursor: default;
}

#flexslider-gallery-carousel .flex-active-slide img {
  display: block;
}

/*	----------------------------------------------------------
	Widget Latest News Home page
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.latestnews-body .image {
  width: 58%;
}

.latestnews-body .content {
  width: 38%;
}

.latestnews-body .content.fullwidth {
  width: 100%;
}

.flexslider-news {
  margin: 0;
  padding: 0;
}

.flexslider-news .slides > li h3 a {
  text-decoration: none;
}

.flexslider-news .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  position: relative;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider-news .slides img {
  width: 100%;
  height: auto;
  display: block;
}

.latestnews-body .flex-direction-nav {
  width: 70px;
  position: absolute;
  top: 6px;
  right: 0px;
  bottom: none;
  background: #fff;
  display: block;
}

.latestnews-body .flex-direction-nav li {
  width: 35px;
  display: inline-block;
  height: 18px;
}

.latestnews-body .flex-direction-nav a {
  width: 25px;
  height: 25px;
  margin: 0;
  display: block;
  background: transparent url("assets/images/bg_direction_nav_small.png") no-repeat 0 0;
  position: absolute;
  top: 0%;
  z-index: 10;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0.8;
  -webkit-transition: all 0.3s ease;
}

.latestnews-body .flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: 0px;
}

.latestnews-body .flex-direction-nav .flex-prev {
  left: 12px;
}

.latestnews-body:hover .flex-next:hover,
.latestnews-body:hover .flexslider:hover,
.latestnews-body:hover .flex-prev:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0.3 !important;
  filter: alpha(opacity=30);
  cursor: default;
}

.flexslider-news .category {
  font-size: 13px;
  margin: 12px 0;
  padding: 0;
}

.flexslider-news .flex-button-red i {
  font-size: 16px;
  margin-left: 8px;
}

.flexslider-news .flex-button-red a {
  padding: 6px 12px;
  text-transform: uppercase;
  text-decoration: none;
}

.flexslider-news .flex-button-red a:hover {
  color: #fff;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

/*	----------------------------------------------------------
	Comments
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.comment-title {
  margin-bottom: 24px;
}

.commentlist {
  margin: 0;
  padding: 0;
  list-style: none;
}

.commentlist li {
  list-style: none;
}

.commentlist .entry-header {
  margin-bottom: 20px;
}

.commentlist .entry-header .comment-image {
  margin-right: 20px;
}

.commentlist .entry-header .comment-author-name,
.commentlist .entry-header .comment-author-name a {
  font-size: 22px;
  text-decoration: none;
  margin-top: 0px;
}

.commentlist .entry-header .comment-author-name a:hover {
  text-decoration: underline;
}

.commentlist .entry-header .posted-on a {
  text-decoration: none;
}

.commentlist .entry-header .posted-on a:hover {
  text-decoration: underline;
}

.entry-header-comments .reply {
  color: #a2a2ad;
  font-size: 12px;
}

.entry-header-comments .reply a {
  color: #a2a2ad;
  border: 1px solid #a2a2ad;
  text-decoration: none;
  padding: 3px 6px;
  margin: 10px 0 0 0;
  display: inline-block;
}

.entry-header-comments .reply a:hover {
  color: #fff;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}

.comment-date {
  padding: 6px 0 0 0;
}

.comment-body {
  border-bottom: 1px solid #ddd;
  margin: 12px 0 24px 0px;
  padding: 0 0 24px 0;
}

.comment-form-cookies-consent input {
  float: left;
}

.comment-form-cookies-consent label {
  width: 90%;
}

/*	----------------------------------------------------------
	Contact Form
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#contact-form input, #contact-form textarea, #commentform input, #commentform textarea {
  border: 1px solid #3b3b3d;
  background: #fff;
  padding: 5px 10px;
}

#commentform input {
  display: block;
}

#commentform label {
  font-weight: bold;
}

#commentform .required {
  color: red;
}

.wpcf7 input[type=submit] {
  cursor: pointer;
  display: block;
  font-size: 12px !important;
  text-decoration: none;
  color: #000;
  padding: 7px 10px !important;
  text-transform: uppercase;
  background: white;
  border: 1px solid #3b3b3d;
}

.wpcf7 input[type=submit]:hover {
  background: #3b3b3d;
  color: #fff;
  border: 1px solid #3b3b3d;
}

.wpcf7 textarea {
  width: 60%;
}

.wpcf7-response-output {
  background: #e53b51;
  border: 1px solid #e53b51 !important;
  color: #fff;
  padding: 0.8em !important;
  margin: 0 0 1.5em 0 !important;
  line-height: 1.6em;
  border-radius: 4px !important;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.6);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

/*	----------------------------------------------------------
	Footer
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#colophon {
  background: url("assets/images/footer-transparent.png") repeat-x top;
  padding-top: 40px;
}

#colophon .widget h3 {
  color: #fff;
  margin-bottom: 40px;
}

#colophon .widget ul li {
  background: transparent url("assets/images/border-x-footer.png") left bottom repeat-x;
  padding: 12px;
  margin: 0px;
  color: #fff;
}

#colophon .widget ul li a {
  color: #fff;
  text-decoration: none;
}

#colophon .widget ul li:hover {
  background: #fff;
  color: #3b3b3d;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
}

#colophon .widget ul li:hover a {
  color: #3d3d3d;
}

#colophon .widget ul li ul {
  margin: 0 0 0 0;
  padding: 0 0 0 20px;
}

#colophon .widget ul li ul li {
  margin: 0 0 0 0;
  padding: 10px 0 0 0;
  background: none;
}

#colophon .textwidget {
  color: #fff;
}

.latest-tweets-body {
  color: #fff;
  margin-bottom: 24px;
}

.latest-tweets-body a {
  color: #ffeef0;
  text-decoration: none;
}

a.follow {
  color: #fff;
  border: 1px solid #fff;
  padding: 6px 12px;
  text-decoration: none;
}

.site-info {
  font-size: 12px;
}

.copy {
  color: #fff;
  margin: 10px 0;
}

.designby {
  color: #fff;
  margin: 10px 0;
  text-align: right;
}

.designby a {
  color: #fff;
}

/*	----------------------------------------------------------
	Shortcode
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
/*	----------------------------------------------------------
	Button Styles
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
a.buttonss,
a.buttonss:visited {
  display: inline-block;
  color: #fff !important;
  text-decoration: none !important;
  text-align: center;
  font-family: Helvetica, Arial, Sans-serif;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  font-size: 14px;
  outline: none;
  font-weight: bold;
  line-height: 1em;
  padding: 7px 13px !important;
  cursor: pointer;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  border: 1px solid #0d507a !important;
  margin: 0 1em 1.5em 0 !important;
  vertical-align: middle;
  background: #0c6fb1;
  background: -o-linear-gradient(top, #14a7cf, #0c6fb1);
}

a.buttonss.square {
  border-radius: 0px !important;
}

a.buttonss.round {
  border-radius: 15px !important;
}

a.buttonss.medium {
  padding: 11px 16px !important;
  font-size: 16px;
  border-radius: 20px;
}

a.buttonss.large {
  padding: 15px 20px !important;
  font-size: 18px;
  border-radius: 20px;
}

a.buttonss:hover {
  text-decoration: none;
}

a.buttonss:active {
  position: relative;
  top: 1px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

a.buttonss.green {
  border-color: #2eb44b !important;
  background: #2eb44b;
  background: -o-linear-gradient(top, #2eb44b, #2eb44b);
}

a.buttonss.green:hover {
  background: #8dd242;
  background: -o-linear-gradient(top, #2eb44b, #5bb75b);
}

a.buttonss.light-blue {
  border-color: #2681a2 !important;
  background: #2caada;
  background: -o-linear-gradient(top, #46cae8, #2caada);
}

a.buttonss.light-blue:hover {
  background: #32bcef;
  background: -o-linear-gradient(top, #2caada, #46cae8);
}

a.buttonss.blue {
  border-color: #0d507a !important;
  background: #0c6fb1;
  background: -o-linear-gradient(top, #14a7cf, #0c6fb1);
}

a.buttonss.blue:hover {
  background: #1188d6;
  background: -o-linear-gradient(top, #0c6fb1, #14a7cf);
}

a.buttonss.red {
  border-color: #e53b51 !important;
  background: #e53b51;
  background: -o-linear-gradient(top, #e53b51, #e53b51);
}

a.buttonss.red:hover {
  background: #ff5e56;
  background: -o-linear-gradient(top, #9E0D18, #e53b51);
}

a.buttonss.orange {
  border-color: #f18d06 !important;
  background: #f18d06;
  background: -o-linear-gradient(top, #f18d06, #f18d06);
}

a.buttonss.orange:hover {
  background: #ffb031;
  background: -o-linear-gradient(top, #f18d06, #ffb031);
}

a.buttonss.purple {
  border-color: #996192 !important;
  background: #d17ac6;
  background: -o-linear-gradient(top, #e3acdc, #d17ac6);
}

a.buttonss.purple:hover {
  background: #eb90e0;
  background: -o-linear-gradient(top, #d17ac6, #e3acdc);
}

a.buttonss.grey {
  color: #555 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  border-color: #acacac !important;
  background: #f3f3f3;
  background: -o-linear-gradient(top, #ffffff, #f3f3f3);
}

a.buttonss.grey:hover {
  background: #ffffff;
  background: -o-linear-gradient(top, #e0dddd, #ffffff);
}

a.buttonss.black {
  border-color: #323232 !important;
  background: #444444;
  background: -o-linear-gradient(top, #000, #444444);
}

a.buttonss.black:hover {
  background: #000000;
  background: -o-linear-gradient(top, #444444, #000000);
}

/*	----------------------------------------------------------
	Awesome icons Shortcodes
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
i span {
  margin-left: 6px;
}

/*	----------------------------------------------------------
	Alert
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.alert.red a {
  color: #fff;
}

.alert {
  padding: 0.8em;
  margin: 0 0 1.5em 0;
  line-height: 1.6em;
  border-radius: 4px !important;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.6);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.alert.white {
  background: #fff;
  border: 1px solid #dfdfdf;
  color: #373737;
}

.alert.red {
  background: #e53b51;
  border: 1px solid #e53b51;
  color: #fff;
}

.alert.yellow {
  background: #f18d06;
  border: 1px solid #f18d06;
  color: #fff;
}

.alert.green {
  background: #2eb44b;
  border: 1px solid #2eb44b;
  color: #fff;
}

.alert.blue {
  background: #20a7ff;
  border: 1px solid #20a7ff;
  color: #fff;
}

.alert.grey {
  background: #fbfbfb;
  border: 1px solid #dfdfdf;
  color: #373737;
}

/*	----------------------------------------------------------
	Gutenberg Fixes
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.wp-block-gallery {
  margin-left: 0px;
}

.wp-block-quote {
  margin-bottom: 20px;
}

.wp-block-quote cite {
  font-style: italic;
  font-size: 16px;
}

.wp-block-image {
  max-width: 100%;
}

/* Align Left */
.wp-block-image .alignleft {
  margin-right: 20px;
}

/* Align Center */
.wp-block-image .aligncenter {
  display: block;
  clear: both;
  width: 100%;
}

.wp-block-image .aligncenter img {
  height: auto;
  margin: 0 auto;
  padding: 20px;
}

.wp-block-image .aligncenter figcaption {
  display: block;
}

/* Align Right */
.wp-block-image .alignright img {
  padding: 20px 0px 20px 20px;
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.flex-control-nav {
  z-index: 2;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  position: relative;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
  margin: 0 0 0px;
  background: #fff;
  position: relative;
  zoom: 1;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.loading {
  min-height: 300px;
  position: relative;
}
.loading:before {
  position: absolute;
  font-family: "Font Awesome 6 Free";
  top: 50%;
  left: 50%;
  font-weight: 900;
  content: "\f110";
  font-size: 40px;
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear;
}

.flexslider .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px;
}

/* Direction Nav */
.flexslider .flex-direction-nav {
  *height: 0;
  text-align: center;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 230px;
}

.flex-direction-nav a {
  width: 50px;
  height: 50px;
  margin: -20px 0 0;
  display: block;
  background: url("assets/images/bg_direction_nav.png") no-repeat 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
}

.flex-direction-nav li {
  position: relative;
  max-width: 1172px;
  margin: 0 auto;
}

.flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: 5px;
}

.flex-direction-nav .flex-prev {
  left: 5px;
}

.flexslider:hover .flex-next {
  opacity: 0.8;
  right: 5px;
}

.flexslider:hover .flex-prev {
  opacity: 0.8;
  left: 5px;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0.3 !important;
  filter: alpha(opacity=30);
  cursor: default;
}

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-nav li {
  border-top: 3px;
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

.flex-control-thumbs {
  padding: 3px auto;
  position: absolute;
  bottom: 20px;
  overflow: hidden;
  max-height: 156px;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-thumbs li {
  max-width: 272px;
  margin: 0 12px;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: 0.6;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

.flex-caption {
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
}

.flex-content {
  margin: 0 auto;
}

.flex-content h1 {
  font-size: 36px;
  color: #fff;
  font-family: "Archivo Narrow", sans-serif;
  font-weight: bold;
  line-height: normal;
  margin-bottom: 12px;
  width: 50%;
  /* normal is the default */
}

.flex-content h2 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 12px;
  width: 50%;
}

.flex-content .flex-button a {
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #fff;
  text-decoration: none;
  padding: 5px 10px;
  margin: 12px 0;
  display: inline-block;
}

.flex-content .flex-button a:hover {
  color: #fff;
}

.flex-content .flex-button i {
  margin-left: 5px;
  font-size: 17px;
}

/* ==|== Animation = = = = = = = = = = = = = = = = = = = = = */
.flex-active-slide h1 {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
  -webkit-animation-delay: 0s;
          animation-delay: 0s; /* W3C and Opera */
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

.flex-active-slide h2 {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
  -webkit-animation-delay: 1s;
          animation-delay: 1s; /* W3C and Opera */
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

.flex-active-slide .flex-button {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
  -webkit-animation-delay: 2s;
          animation-delay: 2s; /* W3C and Opera */
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

/* End */
.gallery-caption {
  display: none;
}

.flex-active-slide .gallery-caption {
  display: block;
  position: absolute !important;
  bottom: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  color: #fff;
}

.caption-margins {
  margin: 20px;
}

@media screen and (max-width: 1200px) {
  .flex-direction-nav {
    display: none;
  }
  .flexslider .flex-direction-nav {
    bottom: 80px;
  }
  .flex-control-thumbs {
    display: none;
  }
  .flex-content h1 {
    width: 100%;
    font-size: 24px;
  }
  .flex-content h2 {
    width: 100%;
    font-size: 18px;
  }
  .flex-caption {
    top: 100px;
  }
}
@media (max-width: 768px) {
  .flex-caption {
    top: 60px;
  }
}
@media (max-width: 640px) {
  .flexslider .flex-direction-nav {
    display: none;
  }
  .flex-caption {
    top: 40px;
  }
}
@media (max-width: 480px) {
  .flex-caption {
    top: 20px;
  }
  .loading {
    min-height: 100px;
  }
}
@media (max-width: 320px) {
  .flex-content h2 {
    display: none;
  }
}
/*	----------------------------------------------------------
	Responsive Structure
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
@media (max-width: 1200px) {
  #site-title img {
    max-width: 100%;
    height: auto;
  }
  .flex-button-red {
    display: none;
  }
  .page-title {
    font-size: 26px;
  }
  .entry-meta {
    margin-top: 24px;
  }
  .event-info .buttons.facebook {
    display: none;
  }
  .long-description iframe {
    width: 98%;
    height: auto;
    min-height: 350px;
  }
}
@media (max-width: 768px) {
  #site-title img {
    max-width: 100%;
    height: auto;
  }
  .event-info .month-time {
    margin-right: 24px;
  }
  .announce-body .margin {
    margin: 0 24px;
  }
  .announce-body h1 {
    font-size: 26px;
  }
  .announce-body h3 {
    font-size: 18px;
  }
  #sticky_navigation .grid_5 {
    width: 30%;
  }
  #sticky_navigation .grid_11 {
    width: 45%;
  }
  #sticky_navigation {
    position: relative !important;
    min-height: 40px !important;
    z-index: 999;
  }
  .latestnews-body .image {
    width: 100%;
  }
  .latestnews-body .content {
    width: 100%;
  }
  .long-description iframe {
    width: 98%;
    height: auto;
  }
  #site-title img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }
  #branding hgroup {
    width: 98% !important;
    text-align: center;
  }
  .teaser-page-list .grid_10, .teaser-page .grid_10 {
    text-align: center !important;
    width: 98% !important;
  }
  .teaser-page-list .grid_10 .page-title, .teaser-page .grid_10 .page-title {
    text-align: center !important;
    margin-bottom: 0px;
  }
  .teaser-page-list .grid_6, .teaser-page .grid_6 {
    width: 98% !important;
  }
  .teaser-page-list .grid_6 #rootline, .teaser-page .grid_6 #rootline {
    text-align: center !important;
    padding-bottom: 20px;
    margin-top: 40px !important;
  }
}
@media (max-width: 640px) {
  #site-title img {
    max-width: 100%;
    height: auto;
  }
  .flex-button-red {
    display: inline-block;
  }
  .pagination {
    padding-bottom: 48px;
  }
  .event-item figure {
    width: 98%;
  }
  .latestnews-body .image {
    width: 100%;
  }
  .latestnews-body .content {
    width: 100%;
  }
  .widget-event-body .event-item figure {
    width: 98% !important;
  }
  .widget-event-body .event-item {
    width: 100% !important;
  }
  .designby {
    float: left;
  }
  .square-info {
    position: relative;
    width: 100%;
  }
  .entry-content figure {
    width: 98%;
  }
  .long-description iframe {
    width: 98%;
    height: auto;
    min-height: 300px;
  }
  .square-info-margins {
    margin: 24px 12px;
  }
  .event-info .month-time {
    margin-right: 48px;
  }
  .candidate-about {
    width: 98%;
    margin-top: 48px;
  }
  .teaser-page .page-title {
    margin-top: 14px;
  }
  .teaser-page {
    height: 150px;
  }
}
@media (max-width: 480px) {
  #site-title img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .event-info .month-time, .event-address {
    width: 100%;
  }
  .event-address {
    margin: 12px 0;
  }
  .event-location {
    font-size: 20px;
    line-height: normal;
  }
  .event-info .buttons.bookplace {
    float: left;
    margin-left: 0px;
  }
  #toolbar .tb-list .donate {
    margin-bottom: 20px;
  }
  .short-content figure {
    width: 98%;
  }
  .entry-meta .buttons.author {
    display: none;
  }
}
@media (max-width: 320px) {
  #site-title img {
    max-width: 100%;
    height: auto;
  }
  #toolbar .tb-list .share,
  #toolbar .tb-list .rss,
  #toolbar .tb-list .search {
    display: none;
  }
}
@media (min-width: 769px) {
  .main-navigation {
    display: block !important;
  }
}
/*-----------------------------------------------------------------------------------*/
/*	WooCommerce fixes
/*-----------------------------------------------------------------------------------*/
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  text-decoration: none;
  text-transform: uppercase;
  background: #e53b51;
  color: white;
  border: none;
  border-radius: 0;
  padding: 10px 24px;
  margin-bottom: 5px;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background: #3b3b3d;
  color: white;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
}

.button.loading {
  min-height: 0;
}

.widget-area .widget.woocommerce ul li {
  padding: 2px 4px;
}

.woocommerce .widget_rating_filter ul li .star-rating {
  vertical-align: middle;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background-color: #3b3b3d;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range {
  background-color: #e53b51;
}

.woocommerce #reviews #comments ol.commentlist .description {
  margin: 0 0 1em;
}

.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
  width: 160px;
}

.woocommerce.widget_shopping_cart ul.product_list_widget li a {
  padding-left: 20px;
}

.woocommerce.widget_shopping_cart ul.product_list_widget li a.remove {
  padding: 0;
}

.woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
  margin-bottom: 10px;
}

.woocommerce-product-gallery .flex-control-nav {
  position: static;
  background: none;
}

.woocommerce-product-gallery .flex-control-nav li img {
  border-top: 3px solid transparent;
}

.woocommerce-product-gallery .flex-control-nav li img.flex-active {
  border-top: 3px solid #e53b51;
}
