/* -----
SVG Icons - svgicons.sparkk.fr
----- */

.svg-icon {
    width: 1em;
    height: 1em;
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
    fill: #4691f6;
}

.svg-icon circle {
    stroke: #4691f6;
    stroke-width: 1;
}

/*
footer top
*/
.footer-top a {
    color:#186c8e;
}
.footer-top a:hover,
.footer-top ul li a:hover,
.footer-top ol li a:hover {
    background: none;
    color: #186c8e;
    text-decoration: underline;
}

.tick-list {
    list-style: none;
    padding:0;
    margin:25px 0;
    columns: 2;
}

.tick-list li {
    padding: 0 0 0 0.5em;
    font-size: 2rem;
}

.tick-list li:before {
    content: " ";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' viewBox='0 0 20 20'%3E%3Cpath fill='%2309526e' d='M7.629,14.566c0.125,0.125,0.291,0.188,0.456,0.188c0.164,0,0.329-0.062,0.456-0.188l8.219-8.221c0.252-0.252,0.252-0.659,0-0.911c-0.252-0.252-0.659-0.252-0.911,0l-7.764,7.763L4.152,9.267c-0.252-0.251-0.66-0.251-0.911,0c-0.252,0.252-0.252,0.66,0,0.911L7.629,14.566z'%3E%3C/path%3E%3C/svg%3E");
    display:inline-block;
    height:1.2em;
    width:1.2em;
    margin:0 5px 0 0;
    background-size:contain;
    background-repeat:no-repeat;
}

/**
Mr Kenji Styles
*/

#miyagi-wrap {
    border-radius:10px;
    position:relative;
    padding:1% 0 1% 0;
    margin:0 0 3% 0;
}

#white-bg {
    position:absolute;
    border-radius:10px;
    background-color:#f0f0f0;
    width:100%;
    height:100%;
}

#svg-bg {
    position:absolute;
    z-index:-1;
    height:100%;
    width:100%;
    min-width:100%;
}

#text-form-outer {
    display:flex;
    font-weight:800;
    align-items:stretch;
    align-content:center;
    position:relative;
    z-index:99;
}

#incentive-outer {
    padding:0;
    font-size:3em;
    color:rgb(24, 108, 142);
    position:relative;
    z-index:99;
    resize:horizontal;
    flex-basis:60%;
    overflow:visible;
}

#incentive-outer:before {
    content:'';
    position:absolute;
    width:100%;
    height:120%;
    background:transparent url("../media/bonsai-tree-vector.png") no-repeat left bottom;
    background-size:54%;
    z-index:-1;
    opacity:1;
    top:-5%;
    left:0;
}

#incentive-inner div:first-child {
    text-transform:uppercase;
    color:rgb(120, 196, 192);
}

#incentive-inner {
    background:rgba(255,255,255,0.7);
    text-shadow:-1px 1px 1px rgba(0,0,0,0.3);
    padding:3% 5%;
    margin:5% 5%;
    border-radius:10px;
    vertical-align:text-bottom;
    line-height: 118%;
}

#form-outer {
    position:relative;
    margin:20px 0 0 0;
    padding:3% 10% 3% 3%;
    background-color:rgb(120, 196, 192);
    color:#fff;
    font-size:20px;
    font-weight:700;
    min-height:90%;
    flex-basis:50%;
    flex-shrink:0.5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-shadow: 1px 1px 1px rgb(64, 115, 112);
}

#form-outer:after {
    content:'';
    position:absolute;
    background:transparent url('../media/kenji.png') no-repeat center;
    background-color:transparent;
    background-size:contain;
    height:110%;
    width:290px;
    right:-160px;
    top:-10%;
}

#form-outer > div {
    margin:20px 0 0 0;
    z-index:2;
}

#form-outer form input {
    font-size:22px;
    border:none;
    padding:0.8% 3%;
    border-radius:5px;
    margin:0 0 5px 0;
    width:100%;
    color:#333;
}

#form-outer form input[type='submit'] {
    background-color:rgb(24, 108, 142);
    color:#fff;
    font-family:'Open Sans';
    text-transform:uppercase;
    font-size:90%;
    font-weight:700;
    width:105%;
    margin:10px 0 0 0;
    padding:2% 0;
}

@media only screen and (max-width: 1024px) {
    #miyagi-wrap:after {
        height:80%;
    }

    #text-form-outer {
        flex-direction:column !important;
    }

    #incentive-outer:before {
        display:none;
    }
}


main .post:not(:first-of-type) {
    border-top: 1px solid #e7e7e7;
    padding-top: 30px;
}