/*
Theme Name: Charitas
Author: Victor Tihai
Author URI: https://wplook.com/
Description: Premium HTML template for Charity, NGO, Foundation. Clean design. The themplate is 1200 grid based and 16 columns.
Version: 2.0.0
LICENSE: Creative Commons Attribution 3.0 License  - You are not allowed to remove the footer credits, Footer Credits Must Remain in Place!
You can remove the Footer Credits if you buy the "Regular License" https://wplook.com/product/html-templates/nonprofit/charitas-nonprofit-html-template/?utm_source=Free&utm_medium=link&utm_campaign=Charitas_HTML
*/

@import url(https://fonts.googleapis.com/css?family=Arimo:400,700,400italic,700italic|Archivo+Narrow:400,400italic,700italic,700&subset=latin,cyrillic-ext,greek-ext,vietnamese,greek,latin-ext,cyrillic);

/*
	font-family: 'Arimo', sans-serif;
	font-family: 'Archivo Narrow', sans-serif;
*/

/*	----------------------------------------------------------
	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: "Times New Roman", Times, serif;
  font-size: 100%;
  font-style: normal;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  box-sizing: border-box;
}

/* Responsive images */
img {
  max-width: 100%;
  height: auto;
}

/* Prevent horizontal overflow */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* =========================================
   RESPONSIVE BASE STYLES
   ========================================= */

/* Prevent horizontal scrolling */
html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Make all elements easier to size */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Responsive images */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Responsive videos / iframes */
iframe,
video {
  max-width: 100%;
}

/* Tables should not break mobile layout */
table {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

/* Long text should wrap */
p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
li {
  overflow-wrap: break-word;
}

/* =========================================
   TABLET
   ========================================= */

@media (max-width: 991px) {
  html {
    font-size: 15px;
  }

  body {
    width: 100%;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.7rem;
  }

  h3 {
    font-size: 1.4rem;
  }

  .container {
    width: 100%;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  /* Prevent fixed-width elements from overflowing */
  .row,
  .section,
  .content,
  .wrapper {
    max-width: 100%;
  }
}

/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  html {
    font-size: 14px;
  }

  body {
    width: 100%;
    min-width: 0;
  }

  .container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  h1 {
    font-size: 1.7rem;
    line-height: 1.25;
  }

  h2 {
    font-size: 1.5rem;
    line-height: 1.3;
  }

  h3 {
    font-size: 1.3rem;
  }

  h4 {
    font-size: 1.1rem;
  }

  p {
    font-size: 14px;
    line-height: 1.6;
  }

  /* Make columns stack */
  .row {
    display: flex;
    flex-wrap: wrap;
  }

  .col,
  .column,
  [class*="col-"] {
    max-width: 100%;
  }

  /* Buttons */
  button,
  input[type="submit"],
  input[type="button"] {
    max-width: 100%;
  }

  /* Form elements */
  input,
  select,
  textarea {
    max-width: 100%;
    width: 100%;
  }
}

/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 480px) {
  html {
    font-size: 13px;
  }

  .container {
    padding-left: 12px;
    padding-right: 12px;
  }

  h1 {
    font-size: 1.5rem;
  }

  h2 {
    font-size: 1.35rem;
  }

  h3 {
    font-size: 1.2rem;
  }

  p {
    font-size: 13px;
  }
}

/* =========================================================
   CHP FOUNDATION HEADER - FINAL OVERRIDES
   ========================================================= */

/* =========================================================
   GLOBAL HEADER RESET
   ========================================================= */

.chp-toolbar,
.chp-toolbar *,
.chp-site-header,
.chp-site-header * {
  box-sizing: border-box;
}

/* =========================================================
   TOP TOOLBAR
   ========================================================= */

.chp-toolbar {
  width: 100%;
  min-height: 48px;

  background-color: #8b597b;

  display: grid;

  grid-template-columns: 1fr auto 1fr;

  align-items: center;

  padding: 8px 4%;

  position: relative;

  z-index: 10000;

  margin: 0;
}

/* =========================================================
   CONTACT
   ========================================================= */

.chp-toolbar-contact {
  justify-self: start;

  margin: 0;
  padding: 0;
}

.chp-contact-list {
  display: flex;

  align-items: center;

  gap: 25px;

  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

.chp-contact-list li {
  display: flex;

  align-items: center;

  gap: 6px;

  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;

  white-space: nowrap;
}

.chp-contact-list li::before,
.chp-contact-list li::after {
  display: none !important;
  content: none !important;
}

.chp-contact-list li i {
  color: #ffffff;

  font-size: 13px;

  width: auto;
}

.chp-contact-list li a {
  color: #ffffff !important;

  font-family: Arial, sans-serif;

  font-size: 13px;

  line-height: 1.4;

  padding: 0 !important;

  margin: 0 !important;

  text-decoration: none !important;
}

.chp-contact-list li a:hover {
  color: #ffeedd !important;
}

/* =========================================================
   SOCIAL LINKS
   ========================================================= */

.chp-social-links {
  justify-self: center;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 20px;

  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

.chp-social-links li {
  display: block;

  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

.chp-social-links li::before,
.chp-social-links li::after {
  display: none !important;
  content: none !important;
}

.chp-social-links a {
  display: flex !important;

  align-items: center;

  justify-content: center;

  width: 30px;

  height: 30px;

  padding: 0 !important;

  margin: 0 !important;

  color: #ffffff !important;

  font-size: 17px;

  line-height: 1;

  border-radius: 50%;

  text-decoration: none !important;

  transition: all 0.2s ease;
}

.chp-social-links li:nth-child(1) a {
  color: #1877f2 !important;
}

.chp-social-links li:nth-child(2) a {
  color: #1da1f2 !important;
}

.chp-social-links li:nth-child(3) a {
  color: #ff0000 !important;
}

.chp-social-links a:hover {
  background-color: rgba(255, 255, 255, 0.15);

  transform: translateY(-2px);
}

/* =========================================================
   DONATE BUTTON
   ========================================================= */

.chp-donate-btn {
  justify-self: end;

  display: flex !important;

  align-items: center;

  justify-content: center;

  background-color: #ffeedd;

  color: #8b597b !important;

  padding: 7px 18px;

  border-radius: 6px;

  font-family: Arial, sans-serif;

  font-size: 14px;

  font-weight: bold;

  line-height: 1.3;

  white-space: nowrap;

  text-decoration: none !important;

  transition: all 0.2s ease;
}

.chp-donate-btn:hover {
  background-color: #ffffff;

  color: #8b597b !important;

  transform: scale(1.03);
}

/* =========================================================
   MAIN HEADER
   ========================================================= */

.chp-site-header {
  width: 100%;

  margin: 0 !important;

  padding: 0 !important;

  min-height: 60px;

  position: relative;

  z-index: 9000;
}

.chp-site-header #sticky_navigation {
  position: relative;

  width: 100%;

  background: #ffeedd;

  z-index: 9000;

  padding: 15px 0;

  min-height: 60px;

  border-bottom: 1px solid #f3f3f3;
}

/* =========================================================
   HEADER CONTAINER
   ========================================================= */

.chp-header-container {
  width: 100%;

  max-width: 1200px;

  margin: 0 auto;

  padding: 0 25px;
}

/* =========================================================
   LOGO
   ========================================================= */

.chp-site-header .header-logo {
  float: left;

  margin: 0 !important;

  padding: 0 !important;
}

.chp-site-header #site-title {
  margin: 0 !important;

  padding: 0 !important;

  line-height: 0;
}

.chp-site-header #site-title a {
  display: block;

  margin: 0;

  padding: 0;
}

.chp-site-header #site-title img {
  width: auto;

  max-width: 220px;

  height: auto;

  display: block;
}

/* =========================================================
   DESKTOP NAVIGATION
   ========================================================= */

.chp-site-header .main-navigation {
  float: right;

  margin: 0 !important;

  padding: 0 !important;

  background-color: transparent;
}

.chp-site-header .nav-menu {
  display: flex;

  align-items: center;

  margin: 0 !important;

  padding: 10px 0 0 !important;

  gap: 2px;

  list-style: none !important;
}

.chp-site-header .nav-menu > li {
  position: relative;

  display: block;

  margin: 0 !important;

  padding: 0 !important;

  list-style: none !important;
}

.chp-site-header .nav-menu > li::before,
.chp-site-header .nav-menu > li::after {
  display: none !important;
}

.chp-site-header .nav-menu > li > a {
  display: block;

  color: #3b3b3d !important;

  font-family: "Archivo Narrow", Arial, sans-serif;

  font-size: 15px;

  text-transform: uppercase;

  padding: 10px 8px;

  white-space: nowrap;

  text-decoration: none !important;

  transition: all 0.2s ease;
}

.chp-site-header .nav-menu > li:hover > a {
  background-color: #8b597b;

  color: #ffffff !important;
}

/* =========================================================
   GALLERY DROPDOWN
   ========================================================= */

.chp-site-header .nav-menu .sub-menu {
  display: none;

  position: absolute;

  top: 100%;

  left: 0;

  min-width: 160px;

  padding: 0 !important;

  margin: 0 !important;

  background: #ffffff;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);

  z-index: 20000;

  list-style: none !important;
}

.chp-site-header .nav-menu .sub-menu li {
  display: block;

  width: 100%;

  margin: 0 !important;

  padding: 0 !important;
}

.chp-site-header .nav-menu .sub-menu li a {
  display: block;

  width: 100%;

  padding: 12px 15px;

  margin: 0 !important;

  color: #3b3b3d !important;

  font-size: 13px;

  text-transform: uppercase;

  border-bottom: 1px solid #eeeeee;

  text-decoration: none !important;
}

.chp-site-header .nav-menu .sub-menu li a:hover {
  background-color: #8b597b;

  color: #ffffff !important;
}

.chp-site-header .nav-menu > li:hover > .sub-menu {
  display: block;
}

/* =========================================================
   MOBILE BUTTON
   ========================================================= */

.chp-site-header .header-toggle {
  display: none;

  float: right;

  width: 42px;

  height: 42px;

  border: none;

  background: #8b597b;

  color: #ffffff;

  border-radius: 5px;

  font-size: 20px;

  cursor: pointer;

  align-items: center;

  justify-content: center;

  padding: 0;

  margin: 0;
}

/* =========================================================
   MOBILE NAVIGATION
   ========================================================= */

.chp-site-header .mobile-navigation {
  display: none;

  width: 100%;

  background-color: #ffeedd;

  border-top: 1px solid #e5d7cd;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

  position: relative;

  z-index: 8999;
}

.chp-site-header .mobile-navigation.open {
  display: block;
}

.chp-site-header .mobile-navigation > ul {
  width: 100%;

  margin: 0 !important;

  padding: 8px 15px !important;

  list-style: none !important;
}

.chp-site-header .mobile-navigation > ul > li {
  width: 100%;

  margin: 0 !important;

  padding: 0 !important;

  border-bottom: 1px solid #eadfd8;

  list-style: none !important;
}

.chp-site-header .mobile-navigation > ul > li > a {
  display: block;

  width: 100%;

  padding: 13px 10px;

  color: #3b3b3d !important;

  font-family: "Archivo Narrow", Arial, sans-serif;

  font-size: 15px;

  text-transform: uppercase;

  text-decoration: none !important;
}

.chp-site-header .mobile-navigation > ul > li > a:hover {
  background-color: #8b597b;

  color: #ffffff !important;
}

/* =========================================================
   MOBILE GALLERY
   ========================================================= */

.chp-site-header .mobile-gallery > ul {
  display: none;

  margin: 0 !important;

  padding: 0 0 5px 15px !important;

  list-style: none !important;
}

.chp-site-header .mobile-gallery.open > ul {
  display: block;
}

.chp-site-header .mobile-gallery > ul li {
  margin: 0 !important;

  padding: 0 !important;
}

.chp-site-header .mobile-gallery > ul li a {
  display: block;

  padding: 9px 10px;

  color: #555 !important;

  font-size: 13px;

  text-decoration: none !important;
}

.chp-site-header .mobile-gallery > ul li a:hover {
  color: #8b597b !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
  .chp-header-container {
    padding: 0 20px;
  }

  .chp-site-header #site-title img {
    max-width: 190px;
  }

  .chp-site-header .nav-menu > li > a {
    font-size: 13px;

    padding: 9px 6px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {
  /* -------------------------------
       TOOLBAR
       ------------------------------- */

  .chp-toolbar {
    grid-template-columns: 1fr auto 1fr;

    min-height: 52px;

    padding: 8px 10px;

    gap: 5px;
  }

  .chp-toolbar-contact {
    justify-self: start;

    min-width: 0;
  }

  .chp-contact-list {
    gap: 5px;

    flex-direction: column;

    align-items: flex-start;
  }

  .chp-contact-list li {
    gap: 4px;

    line-height: 1;
  }

  .chp-contact-list li i {
    font-size: 10px;
  }

  .chp-contact-list li a {
    font-size: 9px;
  }

  /* -------------------------------
       SOCIAL ICONS
       ------------------------------- */

  .chp-social-links {
    justify-self: center;

    gap: 5px;
  }

  .chp-social-links a {
    width: 25px;

    height: 25px;

    font-size: 14px;
  }

  /* -------------------------------
       DONATE
       ------------------------------- */

  .chp-donate-btn {
    justify-self: end;

    padding: 6px 9px;

    border-radius: 5px;

    font-size: 10px;
  }

  /* -------------------------------
       MAIN HEADER
       ------------------------------- */

  .chp-site-header #sticky_navigation {
    padding: 10px 0;
  }

  .chp-header-container {
    padding: 0 12px;
  }

  .chp-site-header .header-logo {
    float: left;
  }

  .chp-site-header #site-title img {
    max-width: 150px;
  }

  /* Hide desktop menu */

  .chp-site-header .main-navigation {
    display: none;
  }

  /* Show hamburger */

  .chp-site-header .header-toggle {
    display: flex;

    margin-top: 3px;
  }

  /* Mobile menu */

  .chp-site-header .mobile-navigation {
    display: none;
  }

  .chp-site-header .mobile-navigation.open {
    display: block;
  }
}

/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {
  .chp-toolbar {
    min-height: 55px;

    padding: 7px 6px;
  }

  .chp-contact-list li a {
    font-size: 8px;
  }

  .chp-contact-list li i {
    font-size: 9px;
  }

  .chp-social-links {
    gap: 2px;
  }

  .chp-social-links a {
    width: 23px;

    height: 23px;

    font-size: 13px;
  }

  .chp-donate-btn {
    padding: 5px 7px;

    font-size: 9px;
  }

  .chp-site-header #site-title img {
    max-width: 135px;
  }

  .chp-site-header .header-toggle {
    width: 38px;

    height: 38px;

    font-size: 18px;
  }
}

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

/*	----------------------------------------------------------
	Remember to define focus styles!
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

:focus {
  outline: 0;
}

body {
  background: #ffeedd;
  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;
}

/*	----------------------------------------------------------
	Alignment
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.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;
}

/*	----------------------------------------------------------
	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: 37px 0;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.radius {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.radius-bottom {
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

/*	----------------------------------------------------------
	Headings
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: "Archivo Narrow", sans-serif;
  color: #e53b51;
}

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 223px 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 3em;
}

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[type="text"],
textarea {
  border: 1px solid #888;
}

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

input[type="text"] {
  padding: 3px;
}

/*	----------------------------------------------------------
	Links
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

a {
  color: #e53b51;
}

a:visited {
  color: #e53b51;
}

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

/* =========================================================
   GLOBAL
   ========================================================= */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

/* =========================================================
   TOOLBAR
   ========================================================= */

.navbar {
  width: 100%;
  min-height: 48px;

  background-color: #8b597b;

  display: grid;

  /*
     3 columns:

     Left  = Contact
     Center = Social
     Right = Donate
  */

  grid-template-columns: 1fr auto 1fr;

  align-items: center;

  padding: 8px 4%;

  position: relative;

  z-index: 1000;
}

/* =========================================================
   TOOLBAR CONTACT
   ========================================================= */

.toolbar-contact {
  justify-self: start;
}

.navbar .logo {
  display: flex;

  align-items: center;

  gap: 25px;

  margin: 0;
  padding: 0;
}

.navbar .logo li {
  display: flex;

  align-items: center;

  gap: 6px;

  white-space: nowrap;
}

.navbar .logo li i {
  color: #ffffff;

  font-size: 13px;
}

.navbar .logo li a {
  color: #ffffff;

  font-family: Arial, sans-serif;

  font-size: 13px;

  padding: 0;
}

.navbar .logo li a:hover {
  color: #ffeedd;
}

/* =========================================================
   TOOLBAR SOCIAL ICONS
   ========================================================= */

.navbar .links {
  justify-self: center;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 20px;

  margin: 0;
  padding: 0;
}

.navbar .links li {
  margin: 0;
  padding: 0;
}

.navbar .links a {
  display: flex;

  align-items: center;

  justify-content: center;

  width: 30px;
  height: 30px;

  color: #ffffff;

  font-size: 17px;

  border-radius: 50%;

  transition: 0.2s ease;
}

.navbar .links a:hover {
  background-color: rgba(255, 255, 255, 0.15);

  transform: translateY(-2px);
}

/* Individual social colors */

.navbar .links li:nth-child(1) a {
  color: #1877f2;
}

.navbar .links li:nth-child(2) a {
  color: #1da1f2;
}

.navbar .links li:nth-child(3) a {
  color: #ff0000;
}

/* =========================================================
   DONATE
   ========================================================= */

.navbar > .action-btn {
  justify-self: end;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #ffeedd;

  color: #8b597b;

  padding: 7px 18px;

  border-radius: 6px;

  font-family: Arial, sans-serif;

  font-size: 14px;

  font-weight: bold;

  white-space: nowrap;

  transition: 0.2s ease;
}

.navbar > .action-btn:hover {
  background-color: #ffffff;

  color: #8b597b;

  transform: scale(1.03);
}

/* =========================================================
   MAIN HEADER
   ========================================================= */

#branding {
  width: 100%;

  margin: 0;

  padding: 0;

  min-height: 60px;
}

#sticky_navigation {
  position: relative;

  width: 100%;

  background: #ffeedd;

  z-index: 999;

  padding: 15px 0;

  min-height: 60px;

  border-bottom: 1px solid #f3f3f3;
}

/* =========================================================
   HEADER CONTAINER
   ========================================================= */

.container_16 {
  width: 100%;

  max-width: 1200px;

  margin: 0 auto;

  padding: 0 25px;
}

/* =========================================================
   HEADER LOGO
   ========================================================= */

.header-logo {
  float: left;

  margin: 0;

  padding: 0;
}

#site-title {
  margin: 0;

  padding: 0;

  line-height: 0;
}

#site-title a {
  display: block;
}

#site-title img {
  width: auto;

  max-width: 220px;

  height: auto;
}

/* =========================================================
   DESKTOP NAVIGATION
   ========================================================= */

.main-navigation {
  float: right;

  margin: 0;

  padding: 0;

  background-color: #ffeedd;
}

.nav-menu {
  display: flex;

  align-items: center;

  margin: 0;

  padding: 10px 0 0;

  gap: 2px;
}

.nav-menu > li {
  position: relative;

  display: block;
}

.nav-menu > li > a {
  display: block;

  color: #3b3b3d;

  font-family: "Archivo Narrow", Arial, sans-serif;

  font-size: 15px;

  text-transform: uppercase;

  padding: 10px 8px;

  white-space: nowrap;

  transition: 0.2s ease;
}

.nav-menu > li:hover > a {
  background-color: #8b597b;

  color: #ffffff;
}

/* =========================================================
   GALLERY DROPDOWN
   ========================================================= */

.nav-menu .sub-menu {
  display: none;

  position: absolute;

  top: 100%;

  left: 0;

  min-width: 160px;

  padding: 0;

  margin: 0;

  background: #ffffff;

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);

  z-index: 2000;
}

.nav-menu .sub-menu li {
  display: block;

  width: 100%;
}

.nav-menu .sub-menu li a {
  display: block;

  width: 100%;

  padding: 12px 15px;

  color: #3b3b3d;

  font-size: 13px;

  text-transform: uppercase;

  border-bottom: 1px solid #eeeeee;
}

.nav-menu .sub-menu li a:hover {
  background-color: #8b597b;

  color: #ffffff;
}

.nav-menu > li:hover > .sub-menu {
  display: block;
}

/* =========================================================
   MOBILE HEADER TOGGLE
   ========================================================= */

.header-toggle {
  display: none;

  float: right;

  width: 42px;

  height: 42px;

  border: none;

  background: #8b597b;

  color: #ffffff;

  border-radius: 5px;

  font-size: 20px;

  cursor: pointer;

  align-items: center;

  justify-content: center;
}

/* =========================================================
   MOBILE NAVIGATION
   ========================================================= */

.mobile-navigation {
  display: none;
}

/* =========================================================
   CLEAR
   ========================================================= */

.clear {
  clear: both;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
  .container_16 {
    padding: 0 20px;
  }

  #site-title img {
    max-width: 190px;
  }

  .nav-menu > li > a {
    font-size: 13px;

    padding: 9px 6px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {
  /* -------------------------------------------------------
     TOOLBAR
     ------------------------------------------------------- */

  .navbar {
    /*
       Keep toolbar ALWAYS visible.
       Three sections:

       Contact | Social | Donate
    */

    grid-template-columns: 1fr auto 1fr;

    min-height: 52px;

    padding: 8px 10px;

    gap: 5px;
  }

  /* Contact remains visible */

  .toolbar-contact {
    justify-self: start;

    min-width: 0;
  }

  .navbar .logo {
    gap: 5px;

    flex-direction: column;

    align-items: flex-start;
  }

  .navbar .logo li {
    gap: 4px;

    line-height: 1;
  }

  .navbar .logo li i {
    font-size: 10px;
  }

  .navbar .logo li a {
    font-size: 9px;
  }

  /* Social icons stay CENTER */

  .navbar .links {
    justify-self: center;

    gap: 5px;
  }

  .navbar .links a {
    width: 25px;

    height: 25px;

    font-size: 14px;
  }

  /* Donate stays RIGHT */

  .navbar > .action-btn {
    justify-self: end;

    padding: 6px 9px;

    border-radius: 5px;

    font-size: 10px;
  }

  /* -------------------------------------------------------
     HEADER
     ------------------------------------------------------- */

  #sticky_navigation {
    padding: 10px 0;
  }

  .container_16 {
    padding: 0 12px;
  }

  /* Logo */

  .header-logo {
    float: left;
  }

  #site-title img {
    max-width: 150px;
  }

  /* Hide desktop navigation */

  .main-navigation {
    display: none;
  }

  /* Show hamburger */

  .header-toggle {
    display: flex;

    margin-top: 3px;
  }

  /* -------------------------------------------------------
     MOBILE NAVIGATION
     ------------------------------------------------------- */

  .mobile-navigation {
    display: none;

    width: 100%;

    background-color: #ffeedd;

    border-top: 1px solid #e5d7cd;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

    position: relative;

    z-index: 998;
  }

  .mobile-navigation.open {
    display: block;
  }

  .mobile-navigation > ul {
    width: 100%;

    margin: 0;

    padding: 8px 15px;
  }

  .mobile-navigation > ul > li {
    width: 100%;

    border-bottom: 1px solid #eadfd8;
  }

  .mobile-navigation > ul > li > a {
    display: block;

    width: 100%;

    padding: 13px 10px;

    color: #3b3b3d;

    font-family: "Archivo Narrow", Arial, sans-serif;

    font-size: 15px;

    text-transform: uppercase;
  }

  .mobile-navigation > ul > li > a:hover {
    background-color: #8b597b;

    color: #ffffff;
  }

  /* Mobile Gallery */

  .mobile-gallery > ul {
    display: none;

    margin: 0;

    padding: 0 0 5px 15px;
  }

  .mobile-gallery:hover > ul {
    display: block;
  }

  .mobile-gallery > ul li a {
    display: block;

    padding: 9px 10px;

    color: #555;

    font-size: 13px;
  }
}

/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {
  .navbar {
    min-height: 55px;

    padding: 7px 6px;
  }

  .navbar .logo li a {
    font-size: 8px;
  }

  .navbar .logo li i {
    font-size: 9px;
  }

  .navbar .links {
    gap: 2px;
  }

  .navbar .links a {
    width: 23px;

    height: 23px;

    font-size: 13px;
  }

  .navbar > .action-btn {
    padding: 5px 7px;

    font-size: 9px;
  }

  #site-title img {
    max-width: 135px;
  }

  .header-toggle {
    width: 38px;

    height: 38px;

    font-size: 18px;
  }
}
/*	----------------------------------------------------------
	Content
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.teaser-page .page-title {
  margin-top: 140px;
}

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

.page-title {
  color: #ffeedd;
  border: 2px solid #fff;
  padding: 10px 20px;
  display: inline-block;
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
  animation-delay: 0s; /* W3C and Opera */
  -moz-animation-delay: 0s; /* Firefox */
  -webkit-animation-delay: 0s; /* Safari and Chrome */
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-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;
}

.teaser-page-list {
  width: 100%;
  background-color: #8b597b !important;
  padding: 25px 0;
}

.teaser-page-list .page-title {
  color: #ffffff;
}

.teaser-page-list #rootline,
.teaser-page-list #rootline a,
.teaser-page-list #rootline .current {
  color: #ffffff;
}

/*	----------------------------------------------------------
	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: #ffeedd;
  display: inline;
}

.short-content .entry-header a {
  text-decoration: none;
}

.short-content figure {
  margin: 8px 24px 5px 0;
}

figure {
  float: left;
  margin: 0;
  padding: 0px;
  position: relative;
}

figure img {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  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;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-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: 0px;
  margin: 60px 20px 0 20px;
  left: 0%;
  font-size: 22px;
  display: inline-block;
  color: #e53b51;
  text-align: center;
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;

  animation-delay: 0s; /* W3C and Opera */
  -moz-animation-delay: 0s; /* Firefox */
  -webkit-animation-delay: 0s; /* Safari and Chrome */

  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;

  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-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;
}

.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 {
  background: #e53b51;
  color: #fff;
  padding: 10px 24px;
  text-decoration: none;
  text-transform: uppercase;
}

.short-content .buttons:hover {
  background: #3b3b3d;
  color: #fff;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-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;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

/* ==|== Fb = = = = = = = = = = = = = = = = = = = = = */

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

.entry-meta .buttons.facebook {
  background: #ffeedd;
  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: #ffeedd;
  text-transform: none;
  padding: 10px 12px;
  color: #3b3b3d;
}

.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: #ffeedd;
  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-margins {
  margin: 24px 24px 8px 24px;
}

progress {
  width: 100%;
  height: 15px;
  margin: 5px auto 12px auto;
  display: block;
  /* Important Thing */
  -webkit-appearance: none;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #e6c9cd;
}

/* All good till now. Now we'll style the background */
progress::-webkit-progress-bar {
  background: #e6c9cd;
  padding: 0px;
}

/* Now the value part */
progress::-webkit-progress-value {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4);
  background:
    -webkit-linear-gradient(
      -45deg,
      transparent,
      transparent 33%,
      rgba(0, 0, 0, 0.051) 33%,
      rgba(0, 0, 0, 0.051) 66%,
      transparent 66%
    ),
    -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.1)),
    -webkit-linear-gradient(left, #e53b51, #e53b51);

  /* Looks great, now animating it */
  background-size:
    25px 14px,
    100% 100%,
    100% 100%;
  -webkit-animation: move 5s linear 0 infinite;
}

@-webkit-keyframes move {
  0% {
    background-position:
      0px 0px,
      0 0,
      0 0;
  }
  100% {
    background-position:
      100px 0px,
      0 0,
      0 0;
  }
}

progress::-moz-progress-bar {
  -moz-border-radius: 2px;
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4);
  background:
    -moz-linear-gradient(
      -45deg,
      transparent,
      transparent 33%,
      rgba(0, 0, 0, 0.051) 33%,
      rgba(0, 0, 0, 0.051) 66%,
      transparent 66%
    ),
    -moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.1)),
    -moz-linear-gradient(left, #e53b51, #e53b51);

  /* Looks great, now animating it */
  background-size:
    25px 14px,
    100% 100%,
    100% 100%;
}

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

.progress-percent .arrow,
.progress-money .arrow {
  height: 5px;
  width: 5px;
  background: #e53b51;
  position: absolute;
  bottom: -3px;
  -webkit-transform: rotate(45deg);
  -moz-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;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;

  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

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

.event-map,
.book-your-place {
  display: none;
  margin-top: 24px;
}

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

.event-map iframe {
  width: 100%;
  height: 250px;
}

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

/*	----------------------------------------------------------
	Event
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.event-info {
  background: #e53b51;
  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;
}

.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;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-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;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-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;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-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;
}

/*	----------------------------------------------------------
	Contact Form
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

#contact-form input,
#contact-form textarea {
  border: 1px solid #3b3b3d;
  background: #fff;
  padding: 5px 10px;
}

#contact-form textarea {
  width: 60%;
}

.statusMessage {
  color: #666;
}

.statusMessage {
  background: #fff;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

.statusMessage {
  display: none;
  margin: auto;
  width: 30em;
  height: 2em;
  padding: 1.5em;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.statusMessage p {
  text-align: center;
  margin: 0;
  padding: 0;
}

/*	----------------------------------------------------------
	Staff
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

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

.home .candidate {
  margin-bottom: 0px !important;
}

.candidate-margins {
  margin: 24px;
}

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

.candidate .name {
  font-size: 24px;
  color: #e53b51;
  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 {
  -moz-box-shadow: inset 0 0 12px #c2c0c0;
  -webkit-box-shadow: inset 0 0 12px #c2c0c0;
  box-shadow: inner 0 0 12px #c2c0c0;
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;

  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

.candidate a {
  text-decoration: none;
}

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

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

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

.social-icons a:hover {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;

  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

.social-icons .fb {
  color: #3a589b;
}

.social-icons .fb:hover {
  color: #fff;
  background: #3a589b;
}

/* ==|== Twitter  = = = = = = = = = = = = = = = = = = = = = */

.social-icons .tw {
  color: #19bfe8;
}

.social-icons .tw:hover {
  color: #fff;
  background: #19bfe8;
}

/* ==|== Pinterest = = = = = = = = = = = = = = = = = = = = = */

.social-icons .pn {
  color: #e53b51;
}

.social-icons .pn:hover {
  color: #fff;
  background: #e53b51;
}

/* ==|== Linkedin = = = = = = = = = = = = = = = = = = = = = */

.social-icons .in {
  color: #3a589b;
}

.social-icons .in:hover {
  color: #fff;
  background: #3a589b;
}

/* ==|== Google+  = = = = = = = = = = = = = = = = = = = = = */

.social-icons .gp {
  color: #f12842;
}

.social-icons .gp:hover {
  color: #fff;
  background: #f12842;
}

/* ==|== Git Hub = = = = = = = = = = = = = = = = = = = = = */

.social-icons .gh {
  color: #754c24;
}

.social-icons .gh:hover {
  color: #fff;
  background: #754c24;
}

/* ==|== Flickr = = = = = = = = = = = = = = = = = = = = = */

.social-icons .fl {
  color: #d73990;
}

.social-icons .fl:hover {
  color: #fff;
  background: #d73990;
}

/*	----------------------------------------------------------
	Attachments
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/*	----------------------------------------------------------
	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;
}

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

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

.gallery-caption {
}

.wp-smiley {
  margin: 0;
}

/*	----------------------------------------------------------
	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;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.pagination li .active {
  background: #e53b51;
  color: #fff;
  border: 1px solid #e53b51;
}

.pagination li a:hover {
  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;
}

/*	----------------------------------------------------------
	List
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.widget ul li {
  background: transparent url("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: "⟩";
  padding-right: 12px;
}

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

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

/*	----------------------------------------------------------
	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("images/widget-title-bg.png") repeat-x 0 60%;
  margin-bottom: 24px;
}

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

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

.widget-title .viewall a {
  color: black;
  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;
  border: 1px solid #e53b51;
  background: #e53b51;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-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 {
  margin-bottom: 12px;
}
.widget-causes-body .cause-item p {
  margin-bottom: 0px;
}

/* 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;
}

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

/* ==|== Latest events  = = = = = = = = = = = = = = = = = = = = = */

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

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

/* 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;
}

.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 .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;
  font-size: 14px !important;
  text-decoration: none;
  background: #e53b51;
  border: 1px solid #e53b51;
  color: #fff;
}

.tagcloud a:hover {
  color: #e53b51;
  background-color: #fff;
  border-color: #e53b51;
  background: #fff;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-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;
  background: #8b597b;
  padding: 48px 0;
  text-align: center;
}

/* ==|== Widget Adrress = = = = = = = = = = = = = = = = = = = = = */

.widget_adress {
  color: #fff;
  font-size: 15px;
}

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

/*	----------------------------------------------------------
	Widget Latest News Home page
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.latestnews-body .image {
  width: 58%;
}

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

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

.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%;
  display: block;
}

.latestnews-body .flex-direction-nav {
  width: 70px;
  position: absolute;
  top: 6px;
  right: 0px;
  bottom: none;
  background: #ffeedd;
  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("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 {
  border: 1px solid #8b597b;
  padding: 6px 12px;
  text-transform: uppercase;
  text-decoration: none;
}

.flexslider-news .flex-button-red a:hover {
  background: #8b597b;
  color: #fff;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

/*	----------------------------------------------------------
	Comments
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/*	----------------------------------------------------------
	Footer
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
#colophon {
  background: #8b597b url("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("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 {
  color: #e53b51;
  background: #fff;
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

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

.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 {
  background: #000;
  font-size: 12px;
}

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

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

.designby a {
  color: #fff;
}

/*	----------------------------------------------------------
	Shortcode
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.column-margin {
  margin: 12px;
}

.col25,
.col33,
.col50,
.col75 {
  float: left;
  font-size: 15px;
}

.col25 p,
.col33 p,
.col50 p,
.col75 p {
  font-size: 15px;
}

.col25 {
  width: 25%;
}

.col33 {
  width: 33%;
}

.col50 {
  width: 50%;
}

.col75 {
  width: 75%;
}

.box {
  width: 98%;
  background: #e53b51;
  font-size: 15px;
  color: #fff;
  padding: 12px 1%;
  margin-bottom: 40px;
  margin-top: 10px;
}

.box p {
  margin-bottom: 0px;
  width: 85%;
  float: left;
}

.box .button {
  float: right;
  margin-bottom: 0px !important;
}

/*	----------------------------------------------------------
	Button Styles
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

a.button,
a.button: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;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  -webkit-box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  -moz-box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  -o-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: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#14a7cf),
    to(#0c6fb1)
  );
  background: -webkit-linear-gradient(top, #14a7cf, #0c6fb1);
  background: -moz-linear-gradient(top, #14a7cf, #0c6fb1);
  background: -ms-linear-gradient(top, #14a7cf, #0c6fb1);
  background: -o-linear-gradient(top, #14a7cf, #0c6fb1);
}

a.button.square {
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -o-border-radius: 0px !important;
}

a.button.round {
  border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  -o-border-radius: 15px !important;
}

a.button.medium {
  padding: 11px 16px !important;
  font-size: 16px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
}

a.button.large {
  padding: 15px 20px !important;
  font-size: 18px;
  border-radius: 20px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -o-border-radius: 25px;
}

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

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

a.button.green {
  border-color: #69963b !important;
  background: #7fc33c;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#5bb75b),
    to(#7fc33c)
  );
  background: -webkit-linear-gradient(top, #5bb75b, #7fc33c);
  background: -moz-linear-gradient(top, #5bb75b, #7fc33c);
  background: -ms-linear-gradient(top, #5bb75b, #7fc33c);
  background: -o-linear-gradient(top, #5bb75b, #7fc33c);
}

a.button.green:hover {
  background: #8dd242;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#7fc33c),
    to(#5bb75b)
  );
  background: -webkit-linear-gradient(top, #7fc33c, #5bb75b);
  background: -moz-linear-gradient(top, #7fc33c, #5bb75b);
  background: -ms-linear-gradient(top, #7fc33c, #5bb75b);
  background: -o-linear-gradient(top, #7fc33c, #5bb75b);
}

a.button.light-blue {
  border-color: #2681a2 !important;
  background: #2caada;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#46cae8),
    to(#2caada)
  );
  background: -webkit-linear-gradient(top, #46cae8, #2caada);
  background: -moz-linear-gradient(top, #46cae8, #2caada);
  background: -ms-linear-gradient(top, #46cae8, #2caada);
  background: -o-linear-gradient(top, #46cae8, #2caada);
}

a.button.light-blue:hover {
  background: #32bcef;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#2caada),
    to(#46cae8)
  );
  background: -webkit-linear-gradient(top, #2caada, #46cae8);
  background: -moz-linear-gradient(top, #2caada, #46cae8);
  background: -ms-linear-gradient(top, #2caada, #46cae8);
  background: -o-linear-gradient(top, #2caada, #46cae8);
}

a.button.blue {
  border-color: #0d507a !important;
  background: #0c6fb1;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#14a7cf),
    to(#0c6fb1)
  );
  background: -webkit-linear-gradient(top, #14a7cf, #0c6fb1);
  background: -moz-linear-gradient(top, #14a7cf, #0c6fb1);
  background: -ms-linear-gradient(top, #14a7cf, #0c6fb1);
  background: -o-linear-gradient(top, #14a7cf, #0c6fb1);
}

a.button.blue:hover {
  background: #1188d6;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#0c6fb1),
    to(#14a7cf)
  );
  background: -webkit-linear-gradient(top, #0c6fb1, #14a7cf);
  background: -moz-linear-gradient(top, #0c6fb1, #14a7cf);
  background: -ms-linear-gradient(top, #0c6fb1, #14a7cf);
  background: -o-linear-gradient(top, #0c6fb1, #14a7cf);
}

a.button.red {
  border-color: #ab4b44 !important;
  background: #9e0d18;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(red),
    to(#9e0d18)
  );
  background: -webkit-linear-gradient(top, red, #9e0d18);
  background: -moz-linear-gradient(top, red, #9e0d18);
  background: -ms-linear-gradient(top, red, #9e0d18);
  background: -o-linear-gradient(top, red, #9e0d18);
}

a.button.red:hover {
  background: #ff5e56;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#9e0d18),
    to(red)
  );
  background: -webkit-linear-gradient(top, #9e0d18, red);
  background: -moz-linear-gradient(top, #9e0d18, red);
  background: -ms-linear-gradient(top, #9e0d18, red);
  background: -o-linear-gradient(top, #9e0d18, red);
}

a.button.orange {
  border-color: #dc9014 !important;
  background: #ffb031;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ff9900),
    to(#ffb031)
  );
  background: -webkit-linear-gradient(top, #ff9900, #ffb031);
  background: -moz-linear-gradient(top, #ff9900, #ffb031);
  background: -ms-linear-gradient(top, #ff9900, #ffb031);
  background: -o-linear-gradient(top, #ff9900, #ffb031);
}

a.button.orange:hover {
  background: #ffc531;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ffb031),
    to(#ff9900)
  );
  background: -webkit-linear-gradient(top, #ffb031, #ff9900);
  background: -moz-linear-gradient(top, #ffb031, #ff9900);
  background: -ms-linear-gradient(top, #ffb031, #ff9900);
  background: -o-linear-gradient(top, #ffb031, #ff9900);
}

a.button.purple {
  border-color: #996192 !important;
  background: #d17ac6;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#e3acdc),
    to(#d17ac6)
  );
  background: -webkit-linear-gradient(top, #e3acdc, #d17ac6);
  background: -moz-linear-gradient(top, #e3acdc, #d17ac6);
  background: -ms-linear-gradient(top, #e3acdc, #d17ac6);
  background: -o-linear-gradient(top, #e3acdc, #d17ac6);
}

a.button.purple:hover {
  background: #eb90e0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#d17ac6),
    to(#e3acdc)
  );
  background: -webkit-linear-gradient(top, #d17ac6, #e3acdc);
  background: -moz-linear-gradient(top, #d17ac6, #e3acdc);
  background: -ms-linear-gradient(top, #d17ac6, #e3acdc);
  background: -o-linear-gradient(top, #d17ac6, #e3acdc);
}

a.button.grey {
  color: #555 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  border-color: #acacac !important;
  background: #e0dddd;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ffffff),
    to(#e0dddd)
  );
  background: -webkit-linear-gradient(top, #ffffff, #e0dddd);
  background: -moz-linear-gradient(top, #ffffff, #e0dddd);
  background: -ms-linear-gradient(top, #ffffff, #e0dddd);
  background: -o-linear-gradient(top, #ffffff, #e0dddd);
}

a.button.grey:hover {
  background: #ffffff;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#e0dddd),
    to(#ffffff)
  );
  background: -webkit-linear-gradient(top, #e0dddd, #ffffff);
  background: -moz-linear-gradient(top, #e0dddd, #ffffff);
  background: -ms-linear-gradient(top, #e0dddd, #ffffff);
  background: -o-linear-gradient(top, #e0dddd, #ffffff);
}

a.button.black {
  border-color: #323232 !important;
  background: #444444;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#000),
    to(#444444)
  );
  background: -webkit-linear-gradient(top, #000, #444444);
  background: -moz-linear-gradient(top, #000, #444444);
  background: -ms-linear-gradient(top, #000, #444444);
  background: -o-linear-gradient(top, #000, #444444);
}

a.button.black:hover {
  background: #000000;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#444444),
    to(#000000)
  );
  background: -webkit-linear-gradient(top, #444444, #000000);
  background: -moz-linear-gradient(top, #444444, #000000);
  background: -ms-linear-gradient(top, #444444, #000000);
  background: -o-linear-gradient(top, #444444, #000000);
}

/*	----------------------------------------------------------
	Alert
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.alert {
  padding: 0.8em;
  margin: 0 0 1.5em 0;
  line-height: 1.6em;
  border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -o-border-radius: 4px !important;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
  -webkit-box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
  -moz-box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
  -o-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;
}

/*	----------------------------------------------------------
	Tabs
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.tabs li a {
  margin-top: 10px;
  background: #e53b51;
  border: 1px solid #e53b51;
  height: 32px;
  line-height: 31px;
  color: #3b3b3d;
  font-size: 13px;
  padding: 0 14px 0 44px;
  margin: 0;
  cursor: pointer;
}

.tabs_table {
  clear: both;
  margin: 12px 0;
}

.tabs {
  padding: 0 0 0 1px !important;
  margin-bottom: -1px !important;
  margin-left: 0;
  height: 34px;
}

.tabs li {
  float: left;
  list-style-type: none !important;
  list-style-position: outside !important;
  cursor: pointer;
  white-space: nowrap;
  margin-left: -1px;
  padding: 0 !important;
}

.tabs li a {
  display: block;
  float: left;
  padding-left: 14px;
  background: #e53b51;
  margin: 0;
  color: #fff;
  margin-right: 6px;
}

.tabs li a:hover {
  text-decoration: none;
  background: #f3f3f3;
  color: #444;
}

.tabs li a.selected {
  background: #fff;
  border-bottom: #fff 1px solid;
  position: relative;
  color: #e53b51;
}

.panes {
  border: 1px solid #e53b51;
  padding: 17px;
  line-height: 1.7em;
}

/*	----------------------------------------------------------
	Toggle content
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.toggle-content {
  background: #e53b51;
  border: 1px solid #e53b51;
  clear: both;
  display: block;
  margin: 20px 0 8px;
  color: #fff;
}

.toggle-content:hover {
  background: #e53b51;
}

.toggle-content + .toggle-content {
  margin: 0;
}

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

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

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

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

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

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

/*	----------------------------------------------------------
	Responsive Structure
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
@media (max-width: 1200px) {
  .flex-button-red {
    display: none;
  }

  .page-title {
    font-size: 26px;
  }

  .entry-meta {
    margin-top: 24px;
  }

  .event-info .buttons.facebook {
    display: none;
  }
}

@media (max-width: 768px) {
  .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;
  }

  nav select {
    display: inline-block;
    background-color: #ffffff;
    border: 1px solid #dfdfdf;
    height: 3em;
    padding: 9px;
    width: 98%;
    margin: 10px 1%;
  }

  nav ul {
    display: none;
  }

  #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%;
  }
}

@media (max-width: 640px) {
  .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-causes-body figure {
    width: 98%;
  }

  .widget-causes-body .cause-item {
    width: 100%;
  }

  .designby {
    float: left;
  }

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

  .entry-content figure {
    width: 98%;
  }

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

  .event-info .month-time {
    margin-right: 48px;
  }

  .candidate-about {
    width: 98%;
    margin-top: 48px;
  }
}

@media (max-width: 480px) {
  .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 ul .donate {
    display: none;
  }

  .short-content figure {
    width: 98%;
  }

  .entry-meta .buttons.author {
    display: none;
  }
}

@media (max-width: 320px) {
  #toolbar ul .share,
  #toolbar ul .rss {
    display: none;
  }
}

/*	----------------------------------------------------------
	Print
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

@media print {
}