@import url('https://fonts.googleapis.com/css?family=Fira+Sans|Fira+Sans+Condensed:400,700|Fira+Sans+Extra+Condensed:400,500i,800i');

body {
    background-color: #000;
    color: #f2f2f2;
    font-family: 'Fira Sans', sans-serif;
    text-align: center;
    margin:  0;
}

.wefood-logo-container {
    padding: 20px;
    text-align: center;
}

.wefood-logo-container a {
    display: inline-block;
}

.wefood-logo {
    width: 375px;
    height: 180px;
}

@media screen and (max-width: 450px){
    .wefood-logo {
        width: 205px;
        height: 100px;
    }
}

header {
    background: url('../img/veges.svg');
    background-size: cover;
    height: 300px;
    overflow: hidden;
}

.header-image {
    width: auto;
    max-height: 280px;
    margin: 10px auto;
    border-radius: 50%;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -moz-crisp-edges;
    image-rendering:   -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

.lead {
    padding-bottom: 10px;
}

.lead-start {
    font-family: 'Fira Sans Extra Condensed', sans-serif;
    font-style: italic;
    font-weight: 800;
    font-size: 30px;
    letter-spacing: 1.5px;
}

.lead-end {
    font-family: 'Fira Sans Extra Condensed', sans-serif;
    font-weight: 500;
    font-style: italic;
    font-size: 30px;
    letter-spacing: 1px;
}

a {
    color: #fff;
}

h2 {
    font-weight: 400;
    letter-spacing: 1px;
}

h2 a,
h3 a,
h4 a {
    text-decoration: none;
}

.l-constrained {
    max-width: 700px;
    margin: 2% auto 5% auto;
}

@media (max-width: 600px) {
    .l-constrained {
            width: 90%;
            margin: 2% auto 5% auto;
    }
}

.share-container {
    clear: both;
    margin-top: 3rem;
}

@media (min-width: 700px) {
    .share-container {
        text-align: left;
    }
}

@media (min-width: 700px) {
    .share-heading {
        float: left;
    }
}

.share{
    clear: both;
    height: 2.5em;
    margin: 1em auto;
    padding: 1em 0 0 0;
    display: table;
}

@media (min-width: 700px) {
    .share{
        margin: 1em 0;
        padding-left: 2em;
    }
}

.share-heading ~ .share {
    clear: right;
}

.share .share-margin &{
    margin-bottom: 2.5em;
}

.share .element{
    float: left;
    margin: 0 1em 0.5em 0;
}

.share .element .fb-like,
.share .element .fb-share-button{
    vertical-align: top;
    margin-top: -4px;
}
.share .element .google{
    margin-right: 1.5em;
}
.share .element .twitter{
    width: 95px;
    max-height: 25px;
    overflow: hidden;

}

.some,
.lang-switcher {
    display: inline-block;
    margin: 1rem 0;
    vertical-align: top;
}

.lang-switcher {
    margin-left: 4rem;
}

.some__items,
.lang-switcher__langs {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}

.some__item,
.lang-switcher__lang {
    display: inline-block;
}

.some__item {
    margin: 0 0.2rem;
}

.lang-switcher__lang {
    margin: 0 0.3rem;
}

.some__link {
    font-size: 1.6em;
    display: inline-block;
    margin: 0;
    color: white;
    text-transform: none;
    text-decoration: none;
}

.lang-switcher__link {
    border-bottom: 2px solid transparent;
    font-size: 1.2rem;
    text-transform: uppercase;
    text-decoration: none;
}

.lang-switcher__link:hover, .lang-switcher__link:focus {
    color: #9f553d;
}

.lang-switcher__link--active {
    border-color: #fff;
}

.lang-switcher__link--active:hover, .lang-switcher__link--active:focus {
    border-color: #9f553d;
}

@font-face {
    font-family: 'kua';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'),
         url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'kua';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-facebook {
    margin-top: 1em;
}

.icon-facebook:before {
    content: "\e602";
}

.icon-facebook:hover {
    color: #a0553a;
}

.instagram-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    position: relative;
    top: 0px;
    margin-left: 3px;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48ZyBpZD0iaW5zdGEiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iI0ZGRkZGRiI+PHBhdGggZD0iTTQyNywwIEw4NSwwIEMzOC4yNSwwIDAsMzguMjUgMCw4NSBMMCw0MjcgQzAsNDczLjc1IDM4LjI1LDUxMiA4NSw1MTIgTDQyNyw1MTIgQzQ3My43NSw1MTIgNTEyLDQ3My43NSA1MTIsNDI3IEw1MTIsODUgQzUxMiwzOC4yNSA0NzMuNzUsMCA0MjcsMCBNMTYzLjksMjI0IEwzNDguMSwyMjQgQzM1MS41OTQsMjM0LjAzIDM1My41LDI0NC43OTUgMzUzLjUsMjU2IEMzNTMuNSwzMDkuNzYyIDMwOS43NjIsMzUzLjUgMjU2LDM1My41IEMyMDIuMjM4LDM1My41IDE1OC41LDMwOS43NjIgMTU4LjUsMjU2IEMxNTguNSwyNDQuNzk1IDE2MC40MDYsMjM0LjAyOSAxNjMuOSwyMjQgTTQ0OCwyMjQuMDI1IEw0NDgsNDE1Ljk5NSBDNDQ4LDQzMy41OTUgNDMzLjYsNDQ3Ljk5NSA0MTYsNDQ3Ljk5NSBMOTYsNDQ3Ljk5NSBDNzguNCw0NDcuOTk1IDY0LDQzMy41OTUgNjQsNDE1Ljk5NSBMNjQsMjIzLjk5NSBMMTE0LjA1LDIyMy45OTUgQzExMS43MjksMjM0LjI5NiAxMTAuNDk2LDI0NS4wMDUgMTEwLjQ5NiwyNTUuOTk1IEMxMTAuNDk2LDMzNi4yMjUgMTc1Ljc2Niw0MDEuNDk1IDI1NS45OTYsNDAxLjQ5NSBDMzM2LjIyNiw0MDEuNDk1IDQwMS40OTYsMzM2LjIyNSA0MDEuNDk2LDI1NS45OTUgQzQwMS40OTYsMjQ1LjAwMyA0MDAuMjY0LDIzNC4yOTYgMzk3Ljk0MiwyMjMuOTk1IEw0NDcuOTkyLDIyNC4wMiBNNDQ3Ljk5MiwxMTEuOTkgQzQ0Ny45OTIsMTIwLjc5IDQ0MC43OTIsMTI3Ljk5IDQzMS45OTIsMTI3Ljk5IEwzOTkuOTkyLDEyNy45OSBDMzkxLjE5MiwxMjcuOTkgMzgzLjk5MiwxMjAuNzkgMzgzLjk5MiwxMTEuOTkgTDM4My45OTIsNzkuOTkgQzM4My45OTIsNzEuMTkgMzkxLjE5Miw2My45OSAzOTkuOTkyLDYzLjk5IEw0MzEuOTkyLDYzLjk5IEM0NDAuNzkyLDYzLjk5IDQ0Ny45OTIsNzEuMTkgNDQ3Ljk5Miw3OS45OSBMNDQ3Ljk5MiwxMTEuOTkiLz48L2c+PC9zdmc+') no-repeat center center;
    background-size: contain;
}

.instagram-icon:hover {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJtNDI3IDBoLTM0MmMtNDYuNzUgMC04NSAzOC4yNS04NSA4NXYzNDJjMCA0Ni43NSAzOC4yNSA4NSA4NSA4NWgzNDJjNDYuNzUgMCA4NS0zOC4yNSA4NS04NXYtMzQyYzAtNDYuNzUtMzguMjUtODUtODUtODVtLTI2My4xIDIyNGgxODQuMmMzLjQ5NCAxMC4wMyA1LjQgMjAuNzk1IDUuNCAzMiAwIDUzLjc2Mi00My43MzggOTcuNS05Ny41IDk3LjVzLTk3LjUtNDMuNzM4LTk3LjUtOTcuNWMwLTExLjIwNSAxLjkwNi0yMS45NzEgNS40LTMybTI4NC4xLjAyNXYxOTEuOTdjMCAxNy42LTE0LjQgMzItMzIgMzJoLTMyMGMtMTcuNiAwLTMyLTE0LjQtMzItMzJ2LTE5Mmg1MC4wNWMtMi4zMjEgMTAuMzAxLTMuNTU0IDIxLjAxLTMuNTU0IDMyIDAgODAuMjMgNjUuMjcgMTQ1LjUgMTQ1LjUgMTQ1LjVzMTQ1LjUtNjUuMjcgMTQ1LjUtMTQ1LjVjMC0xMC45OTItMS4yMzItMjEuNjk5LTMuNTU0LTMybDUwLjA1LjAyNW0wLTExMi4wM2MwIDguOC03LjIgMTYtMTYgMTZoLTMyYy04LjggMC0xNi03LjItMTYtMTZ2LTMyYzAtOC44IDcuMi0xNiAxNi0xNmgzMmM4LjggMCAxNiA3LjIgMTYgMTZ2MzIiIGZpbGw9IiM5ZjU1M2QiIC8+PC9zdmc+');
}


/** Payment **/

input[type=text],
input[type=email],
textarea,
fieldset label {
    width: 100%;
}
    
fieldset label {
    display: block;
    text-align: left;
    margin: 0 20px 5px 0;
    font-size: 1rem;
}

@media (min-width: 30em) {
    fieldset label {
        display: inline-block;
        width: 35%;
        margin-bottom: 0;
        vertical-align: top;
        padding-top: 10px;
    }
}

.label-small {
    display: block;
    font-size: 13px;
    margin-top: 5px;
}

label.error {
    clear: both;
    font-size: 0.9rem;
    color: #f04d50;
}

input + label.error {
    margin-top: 5px;
}

@media (min-width: 30em) {
    input + label.error {
        margin-top: 0;
    }
}

.required > label:after {
    content: '*';
    margin-left: 0.5em;
}

fieldset {
    margin: 20px 0;
    padding: 1px;
    border: none;
}

input[type=checkbox],
input[type=radio] {
    float: left;
    margin: 4px 10px 0 0;
}

@media (min-width: 30em) {
    input[type=checkbox],
    input[type=radio] {
        margin-top: 14px;
    }
}

.checkbox-radio label {
    width: auto;
    display: block;
    overflow: hidden;
}

.receive-other {
    display: none;
}

@media (min-width: 30em) {
    .input-group {
        display: inline-block;
        width: 52%;
    }
}

@media (min-width: 30em) { 
    #field-virtual_share label{
        padding-top: 20px;
    }
}

#field-virtual_share label{
    width:100%;
}
#input-virtual-email{
    display: none;
}

.radio-item {
    float: left;
}

.radio-item label {
    display: inline-block;
    width: 50%;
}

input[type=text],
input[type=email],
textarea {
    box-sizing: border-box;
    border-radius: 3px;
    background: black;
    -webkit-appearance: none;
    border: 2px solid white;
    padding: 0.2em 0.5em;
    height: 40px;
    color: white;
    font-family: inherit;
    font-size: 1rem;
}

@media (min-width: 30em) {
    input[type=text],
    input[type=email],
    textarea {
        width: 52%;
    }
}

textarea {
    height: 110px;
    padding-top: 8px;
}

input.error,
textarea.error {
    border-color: #f04d50;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {

    border-radius: 3px;
    cursor: pointer;

    background-color: black;
    color: white;
    
    padding: 15px 25px;
    font-size: 1.2rem;
    min-width: 12em; 
}

.donate-container {
    text-align: left;
    margin-top: 50px;
    padding: 0 20px;
}

.donate-amount-wrapper {
    text-align: center;
}

.donate-text/*,
.donate-value*/ {
    display: block;
}

.donate-text {
    vertical-align: 20%;
    margin-bottom: 0.5em;
    
}

.donate-heading {
    font-size: 20px;
    margin-bottom: 2em;
}

.total-value {
    font-weight: bold;
    font-size: 32px;
}

input.donate-value {
    font-size: 1.6em;
    text-align: center;
    padding: 3px;
    width: 8em;
    margin: 5px auto;
    display: inline-block;
}

.donate-amount-button {
    display: inline-block;
    height: 3.1em;
    width: 2em;
    vertical-align: top;
    margin-top: 2px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    position: relative;
    z-index: 2;

    
}

.donate-left {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAI1JREFUeNpiZMADXgn3BACpfiAWYMGjKAFIzYfxmYhRhFUhNkUYCnEpAoIFjMQoEntbkshIjCIQgxGoSABI3wcFAS5FMDcqYFH0AYgLUTwD1HUBSF9AUwjSuB9qG4qvHbEoNkBWjOxrsClQBcgAZIAjI1o44lTMiCVmsCrGiEKg5z5gczPWRIFNMUCAAQBwyDdmYEo/kAAAAABJRU5ErkJggg==');
    
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxNi4yMTRweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAgMTYuMjE0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMCAxNi4yMTQiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2VhMTM4YyIgZD0ibS41NSA5LjQzM2w2LjIzMSA2LjIzMWMuNzMxLjczMyAxLjkyLjczMyAyLjY1NCAwIC43MzEtLjczMS43MzEtMS45MiAwLTIuNjU0bC00Ljg5Ny00Ljg5NSA0LjkxMi00LjkxMWMuNzMzLS43MzMuNzMzLTEuOTIgMC0yLjY1NC0uNzMzLS43MzMtMS45Mi0uNzMzLTIuNjU0IDBsLTYuMTk1IDYuMTk2Yy0uMDE2LjAxNC0uMDM2LjAxOC0uMDUxLjAzMy0uNzMzLjczNC0uNzMzIDEuOTIxIDAgMi42NTQiLz48L3N2Zz4=), none;
    margin: 0 -2.2em 0 0.5em;
}

.donate-right {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ1JREFUeNpiZACCV8I9CUCqH4g/AHGg2NuSCwxogBGoSABIv0cSAyl2RFfMxIAJQBr3Aw0wQFEI1AkyYQEhxYwwBlBwPpBKQNMAdwYjsig+xYzoDsSlGMMzQGsSsbkZm69BYCK6ABMWq0E+3Y9XIZIiATR1F5iIUQT3NSFFoEiBmbgenyKwG4GmOQBpBXyK4FEIVHwfSTGGIhAACDAAKGpDfHMmvT4AAAAASUVORK5CYII=');
    
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxNi4yMTRweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAgMTYuMjE0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMCAxNi4yMTQiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2VhMTM4YyIgZD0ibTkuNDUgNi43ODFsLTYuMjMxLTYuMjMxYy0uNzMxLS43MzMtMS45Mi0uNzMzLTIuNjU0IDAtLjczMS43MzEtLjczMSAxLjkyIDAgMi42NTRsNC44OTcgNC44OTUtNC45MTIgNC45MTJjLS43MzMuNzMzLS43MzMgMS45MiAwIDIuNjU0LjczMy43MzMgMS45Mi43MzMgMi42NTQgMGw2LjE5Ni02LjE5NmMuMDE1LS4wMTUuMDM1LS4wMTkuMDUtLjAzNC43MzMtLjczMy43MzMtMS45MiAwLTIuNjU0Ii8+PC9zdmc+), none;
    margin: 0 0.5em 0 -2.2em;
}

.donate-button {
    clear: both;
    text-align: center;
}

.donate-payment-methods {
    clear: both;
    margin-top: 2em;
}

.payment_method_finnish_banks li {
    list-style: none;
    height: 30px;
    line-height: 20px;
    width:33%;
    float: left;
    margin-bottom: 15px;
    }

@media screen and (max-width: 550px){
    .payment_method_finnish_banks li {
        width: 100%;
    }
}
    
.payment_method_finnish_banks label {
    display: inline-block;
    vertical-align: middle;
    /*text-indent: -999px;*/
    overflow: hidden;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

@media (min-width: 30em) {
    .payment_method_finnish_banks label {
        line-height: 50px;
    }
}

#donate-submit {
    margin: 2em 0;
    border: 0;
    outline: none;
    background-color: #44855E;
}

@media (min-width: 40em) {
    #donate-submit {
        margin-top: 2.5em;
    }
}


#select-payment-type {
    margin: 0;
    padding: 0;
}

#select-payment-type.error {
    border: 2px solid #f04d50;
    padding: 10px;
    
}

#select-payment-type input {
    float: none;
    margin: 3px 0.5ex;
}
    
/*
#select_Nordea + label { width: 46px; height: 44px; background-image: url(/wp-content/themes/kirkonulkomaanapu/img/bank_logos/nordea.gif); }
#select_Sampo + label { width: 40px; height: 40px; background-image: url(/wp-content/themes/kirkonulkomaanapu/img/bank_logos/danske-bank-logo.gif); }
#select_OP + label { width: 42px; height: 42px; background-image: url(/wp-content/themes/kirkonulkomaanapu/img/bank_logos/op.gif); }
#select_Aktia + label { width: 50px; height: 50px; background-image: url(/wp-content/themes/kirkonulkomaanapu/img/bank_logos/aktia.gif); }
#select_Alandsbanken + label { width: 100px; height: 10px; background-image: url(/wp-content/themes/kirkonulkomaanapu/img/bank_logos/alandsbanken.gif); }
#select_Handelsbanken + label { width: 90px; height: 20px; background-image: url(/wp-content/themes/kirkonulkomaanapu/img/bank_logos/handelsbanken.gif); }
#select_LahiTapiola + label { width: 40px; height: 40px; background-image: url(/wp-content/themes/kirkonulkomaanapu/img/bank_logos/tapiola.gif); }
#select_SPankki + label { width: 78px; height: 16px; background-image: url(/wp-content/themes/kirkonulkomaanapu/img/bank_logos/s-pankki.gif); }
#select_Saastopankki + label { width: 50px; height: 48px; background-image: url(/wp-content/themes/kirkonulkomaanapu/img/bank_logos/saastopankki.gif); }
#select_Poppankki + label { width: 50px; height: 49px; background-image: url(/wp-content/themes/kirkonulkomaanapu/img/bank_logos/poppankki.gif); }
#select_OmaSP + label { width: 78px; height: 30px; background-image: url(/wp-content/themes/kirkonulkomaanapu/img/bank_logos/omasp.png); }
#select_payment_highway + label { width: 100px; height: 28px; background-image: url(/wp-content/themes/kirkonulkomaanapu/img/bank_logos/payment_highway.png); }
*/

#donate-processing {
    display: flex;
    width: 100%;
    text-align: center;
    align-items: center;
}

#donate-processing > p {
    text-align: center;
    width: 100%;
    line-height: 60px;
}

#donate-processing img {
    width: 60px;
    vertical-align: middle;
}

a.btn {
    background-color: #44855E;
    border: 0;
    border-radius: 3px;
    font-weight: 400;
    padding: 15px 25px;
    font-size: 1.2rem;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 400 !important;
}

a.btn:hover {
    color: #fff;
    text-decoration: none;
}