/*==== Basic Flex ====*/

.flex-column{
    display: flex;
    flex-flow: column;
    align-items: center;
    flex: 1 1 100%;
}
.flex-row {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    flex: 1 1 100%;
    width: 100%;
}
.flex-row-top {
    display: flex;
    flex-flow: row;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
    flex: 1 1 100%;
}


.flex_page_title {
    display: flex;
    flex: 1 1 100%;
    flex-flow: column;
    align-items: center;
    text-transform: uppercase;
    width: 100%;
}
.flex_page_title text{
    font-size: 1em;
}
.flex_page_title span{
    font-size: 0.7em;
}


/*==== Alignment & Spacing ====*/

.flex-align-start{
    align-items:flex-start !important;
}

.flex-stretch{
    align-self: stretch;
}
.flex-spaceing > * {
    max-width: 46%;
}
.flex-guttering > * {
    max-width: 49%;
}
.flex-100 > * {
    flex: 1 1 50%;
}
.flex-row-spacing{
    margin: 30px 0px;
}
.flex-row-spacing-bottom{
    margin: 0px 0 30px;
}
.flex-row-spacing-top{
    margin: 30px 0 0px;
}
.flex-row-padding{
    padding: 30px;
}
li.spacing{
    margin-bottom: 20px;
}
.flex-nowrap{
    flex-wrap: nowrap !important;
}

/*==== Columns ====*/

.flex-1-column > *,
.flex-item-100,
.flex-itme-100{
    flex: 1 1 100%;
    max-width: 100%;
    width: 100%;
}
.flex-50-50 > *,
.flex-2-column > *,
.flex-item-50 {
    flex: 1 1 48%;
    max-width: 48%;
}
.flex-3-column > *{
    flex: 1 1 32%;
    max-width: 32%;
}
.flex-4-column > *{
    flex: 1 1 25%;
    max-width: 25%;
}

.site-footer .flex-4-column .contact-icon-row{
    flex: 1 1 30%;
    max-width: 30%;
    text-align: center;
}
.flex-5-column > *{
    flex: 1 1 20%;
    max-width: 20%;
}
.flex-6-column > * {
    flex: 1 1 16.6%;
    max-width: 16.6%;
}


.flex-2-column_4-2-4 > *{
    flex: 1 1 10%;
    max-width: 10%;
}
.flex-2-column_4-2-4 > *:first-child,
.flex-2-column_4-2-4 > *:last-child{
    flex: 1 1 45%;
    max-width: 45%;
}




/*==== Flex List ====*/
.flex-list{
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items:flex-start;
}
.flex-list > span,
.flex-list > a,
.flex-list > .bg_box > a,
.flex-list > .bg_box > span{
    display: flex;
    flex-flow: row;
    align-items: center;
}
.flex-list i{
    font-size: 0.6em;
    margin-right: 10px;
}
.flex-list .circle{
    margin-right: 10px;
}
.flex-list i.fa-cloud-download{
    font-size: 1em;
    margin-right: 0px;
}

.flex-list info ul li,
.flex-list info ol li,
li.pinkdot,
li.notdot {
    list-style: none !important; 
}


.flex-list info {
    padding: 0px 0px 10px;
}
.flex-list info ul
.flex-list info ol {
    padding: 0px;
}
.flex-list info ul li::before,
.flex-list info ol li::before,
li.pinkdot::before,
li.bluedot::before {
    content: "\2022";
    color: #d24f7f;
    font-weight: bold;
    display: inline-block;
    width: 10px;
    margin-left: -0.5em;
    zoom: 2;
    line-height: 0.5em;
    vertical-align: middle;
    position: relative;
    top: -0.1em;
}
li.pinkdot::before {
    font-size: 1.5em;
}
li.bluedot::before {
    font-size: 1.5em;
    color: #4994a8;;
}
.flex-list a {
    color: inherit;
}


/*==== Flex Blog ====*/
article.flex-article {
    margin-bottom: 40px;
}
.flex-article .entry-title,
.flex-blog .entry-title {
    margin-bottom: 0px;
    line-height: 1em;
}
.flex-article .entry-title img,
.flex-blog .entry-title img {
    width: 100px;
    margin: 0 20px 0px 0px;
}
.flex-article author,
.flex-blog author {
    margin-bottom: 20px;
    font-size: 0.8em;
    display: block;
}
.flex-article .entry-content > span.text {
    flex: 1 1 75%;
    padding-left: 5%;
}
.flex-article .entry-footer {
    margin-top: 10px;
}
.flex-article .entry-footer > * {
    margin-right: 5px;
}
.flex-article .entry-footer > .comma {
    position: relative;
    left: -4px;
}
.flex-article .entry-footer > .comma:last-of-type {
    display: none;
}
.flex-article .jointxt {
    display: block;
    font-weight: 700;
    margin-top: 20px;
}

.flex-blog .sidebar{
    flex: 1 1 30%;
}
.flex-blog .blog-content{
    flex: 1 1 70%;
}
.flex-blog .button_share {
    display: flex;
    width: 100%;
    margin: 0 0 20px;
    justify-content: space-between;
    max-width: 200px;
}

body.post_type-post #wrap > #inner #content-sidebar-wrap #content{
     width: 70% !important;
}






/* basic Flex-mobile */
@media all  and (max-width: 812px) {
    .flex-row {
        flex-flow: column;
        flex-wrap: wrap;
    }
    .flex-row .flex-row {
        flex-flow: row;
        flex-wrap: wrap;
    }
    .flex-spaceing > * {
        max-width: 100%;
    }
    .flex-50-50 > *, .flex-2-column > *, .flex-item-50 {
        flex: 1 1 100%;
        max-width: 100%;
    }
    .flex-3-column > *{
        flex: 1 1 50%;
        max-width: 45%;
    }
    .flex-3-column > *{
        flex: 1 1 100%;
        max-width: 100%;
    }
    .flex-4-column > *{
        flex: 1 1 50%;
        max-width: 45%;
    }
    .flex-5-column > *{
        flex: 1 1 50%;
        max-width: 45%;
    }
    .flex-6-column > * {
        flex: 1 1 50%;
        max-width: 45%;
    }
    .flex-mobile1 > *{
        flex: 1 1 100%;
        max-width: 100%;
    }

    

    
}