/* Geny - Leaf >= 0.5.0
   (c) 2014-2015 Luboš Macháček */

/*body.leaf {
    background: linear-gradient(to bottom, transparent, transparent calc(1.5rem - 1px), rgba(0, 0, 0, 0.1) 1px, rgba(0, 0, 0, 0.1));
    background-size: 100% 1.5rem;
}

body.leaf .transparent {
    background: transparent;
}

body.leaf-1 {
    background: linear-gradient(to bottom, transparent, transparent 1.5rem, rgba(0, 0, 0, 0.05) 1.5rem, rgba(0, 0, 0, 0.05));
    background-size: 100% 3rem;
}

body.leaf-1 * {
    color: white !important;
    background: rgba(0, 0, 0, 0.1);
    border-color: rgba(0, 0, 0, 0.2);
}

body.leaf-1 h1,
body.leaf-1 h2,
body.leaf-1 h3,
body.leaf-1 h4,
body.leaf-1 h5,
body.leaf-1 h6 {
    background: rgba(255, 0, 0, 0.2);
}

body.leaf-1 p {
    background: rgba(0, 255, 0, 0.2);
}

body.leaf-1 li,
body.leaf-1 blockquote {
    background: rgba(255, 255, 0, 0.2);
}

body.leaf-1 a,
body.leaf-1 input,
body.leaf-1 select,
body.leaf-1 textarea,
body.leaf-1 button {
    background: rgba(0, 0, 255, 0.2);
}*/

/* Geny - Bird >= 0.5.1
   (c) 2014-2015 Luboš Macháček */

@keyframes show {
    from {
        opacity: 0;
    } to {
        opacity: 1;
    }
}

#bird {
    display: none;
    z-index: 98;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    font-family: inherit;
    color: inherit;
    background: rgba(0, 0, 0, 0.5);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

#bird div {
    z-index: 99;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    cursor: default;
}

#bird aside {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    z-index: 100;
    position: fixed;
    max-width: 50%;
    max-height: 75%;
    top: 50%;
    left: 50% !important;
    margin: 0;
    padding: 1.5rem;
    text-align: center;
    color: inherit;
    background: white;
    border-radius: 0.75rem;
    overflow: auto;
    opacity: 1;
}

#bird aside.hidden {
    opacity: 0;
}

#bird aside p {
    margin: 0;
    text-align: center;
}

#bird aside p.separated {
    padding-bottom: calc(1.5rem - 1px);
    margin: 0 0 1.5rem 0;
    border-bottom: 1px solid #e3e3e3;
}

#bird aside p a {
    color: #379300;
}

#bird aside p a:hover,
#bird aside p a:focus {
    text-decoration: underline;
}

#bird aside img {
    display: block;
    width: 7.5rem;
    margin: 1.5rem auto 0 auto;
    border: none;
}

#bird aside strong {
    display: block;
    margin-top: 1.5rem;
    text-align: center;
    font-size: 1.5rem;
    font-weight: normal;
    color: #1868a5;
}

#bird aside > a {
    display: block;
    padding: 0.75rem 1.5rem;
    text-transform: uppercase;
    color: white;
    background: #55c811;
    border-radius: 0.75rem;
    
    transition: background 0.2s ease;
}

#bird aside > a:hover,
#bird aside > a:focus {
    background: #379300;
}

#bird aside button {
    display: block;
    margin: 0 auto;
    padding: 0.75rem 1.5rem;
    line-height: inherit;
    text-transform: uppercase;
    font-family: inherit;
    font-size: inherit;
    color: white;
    background: #55c811;
    border: none;
    border-radius: 0.75rem;
    cursor: pointer;
    
    transition: background 0.2s ease;
}

#bird aside button.inline {
    margin-right: 1.5rem;
}

#bird aside button:hover,
#bird aside button:focus {
    background: #379300;
}

#bird aside .inline {
    display: inline-block;
    vertical-align: top;
}

#bird.visible {
    display: block;
    opacity: 1;
    
    transition: opacity 0.4s ease;
    
    animation: show 0.4s ease;
}

#bird.hidden {
    opacity: 0;
}


@media all and (max-width: 92em) {
    #bird aside {
        max-width: 75%;
        max-height: 75%;
        text-align: center;
    }
    
    #bird aside button.inline {
        float: none;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1.5rem;
    }
    
    #bird aside .inline {
        display: block;
    }
}

@media all and (max-width: 50em) {
    #bird aside {
        width: calc(100% - 3rem);
        max-width: none;
        max-height: calc(100% - 3rem);
    }
    
    #bird aside img {
        display: none;
    }
    
    #bird aside > a,
    #bird button {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%;
    }
}


/* Geny - Root >= 0.5.0
   (c) 2014-2015 Luboš Macháček */

.busy, .busy > * {
    cursor: wait !important
}

input[type="file"] {
    display: none !important;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: transparent;
}

textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

textarea:focus::-moz-placeholder {
    color: transparent;
}


/* Geny - Fruit >= 0.5.1
   (c) 2014-2015 Luboš Macháček */

@keyframes show {
    from {
        opacity: 0;
    } to {
        opacity: 1;
    }
}

#fruit {
    display: none;
    z-index: 98;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    font-family: inherit;
    color: inherit;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#fruit div {
    z-index: 99;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    cursor: default;
}

#fruit figure {
    display: block;
    z-index: 100;
    position: fixed;
    top: 50%;
    left: 50% !important;
    margin: 0;
    padding: 1.5rem;
    padding: 0.85vw;
    color: inherit;
    background-color: #fffefd;
    border-radius: 0.75rem;
    overflow: hidden;
    opacity: 1;
    
    /*transition: left 0.4s ease;*/
    /*transition: opacity 0.4s ease;*/
}

#fruit figure.hidden {
    opacity: 0;
}

#fruit img {
    display: block;
    clear: right;
    border-radius: 0.75rem;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

#fruit address {
    display: block;
    margin: -2.66667em 1.33334em 0 0;
    padding: 0.83334em;
    position: absolute;
    right: 0;
    line-height: 1em;
    font-size: 0.75em;
    font-style: normal;
    color: white;
    background-color: black;
}

#fruit figcaption {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    margin: calc(0.85vw - 0.125em) 0 -0.125em 0;
    line-height: 1.25em;
    text-align: left;
}

#fruit.visible {
    display: block;
    opacity: 1;
    
    transition: opacity 0.4s ease;
    
    animation: show 0.4s ease;
}

#fruit.hidden {
    opacity: 0;
}