/**
* @Author: Lovell Felix <lovellfelix>
* @Date:   Sunday, March 2nd 2014
* @Email:  hello@lovellfelix.com
* @Last modified by:   lovellfelix
* @Last modified time: Tuesday, September 6th 2016
* @License: Copyright (c) 2016 Lovell Felix.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/


/*!
 * Author:         Lovell Felix - http://lovellfelix.com
 * Last Updated:   February 2, 2013
 */


/* ==========================================================================
   $ADDON CDSS
   ========================================================================== */


/*
      -------------------------------------------------- */

html,
body {
    height: 100%;
    position: static !important;
    font-family: 'Roboto Thin', sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #EDF8F6;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -60px;
}

#push,
#footer {
    height: 60px;
}

#footer {
    background-color: #f5f5f5;

}

a {
    color: #16a085;
    text-decoration: none;
    -webkit-transition: .25s;
    transition: .25s
}

a:focus,
a:hover {
    color: #1abc9c;
    text-decoration: none
}


/**
        * Custom Fonts
        */
@font-face {
    font-family: TheGreatEscape;
    src: url('../fonts/TheGreatEscape.ttf'), url('TheGreatEscape.eot');
    /* IE9 */
}

@font-face {
    font-family: VeggiMed;
    src: url('../fonts/VeggiMed.otf'), url('TheGreatEscape.eot');
    /* IE9 */
}

.btn-white {
    color: #fff;
}

.centerColumn {
    margin: 0 auto;
    width: 756px;
    padding-top: 40px;
}


.footerColumn {
    margin: 0 auto;
    max-width: 756px;
    padding-top: 40px;
    color: #999;
    font-size: 13px;
    text-align: center;
}

.footerColumn p {
    margin: 0 0 0 0 !important;
}

.leftColumn {
    float: left;
    width: 356px;
}

.rightColumn {
    float: right;
    padding: 0px;
    width: 400px;
}

.fr {
    float: right;
}

.title1 {
    height: 80px;
    font-family: 'TheGreatEscape', sans-serif;
    font-size: 48px;
    line-height: 66px;
    padding-left: 0px;
    font-weight: bold;
    padding-top: 10px;
}

.title2 {
    height: 24px;
    font-size: 16px;
    font-family: 'Roboto Condensed Light', sans-serif;
    line-height: 24px;
    font-weight: 100;
}


.pageFooter {
    margin-left: 0px;
    text-align: center;
}

.ppSectionHeader {
    font-size: 16px;
    margin: 0px 0px 15px;
}

.ppCenterColumn {
    margin: 0px auto;
    max-width: 600px;
    padding: 80px 20px 0px;
}


.navbar-gb {
    position: relative;
    border-bottom: 1px solid #ddd;
    border-bottom-color: rgba(91, 209, 190, 0.8);
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.side-nav {
    padding-top: 130px
}

.brand-title {
    font-family: 'TheGreatEscape', sans-serif;
    color: #526476 !important;
    font-size: 18px;
    font-weight: 700;
}

.post_title {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 48px;
    top: 0;

}

.post_title a {
    color: #1abc9c;
    text-decoration: none;
    text-transform: uppercase;
}

.post_subtitle {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    color: lightgray;
}

.post-body {
  padding-top: 20px;
}


/* Faded out hr */
hr.soften {
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    border: 0;
}


@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icons/icomoon.eot');
    src: url('../fonts/icons/icomoon.eot?#iefix') format('embedded-opentype'),
        url('../fonts/icons/icomoon.ttf') format('truetype'),
        url('../fonts/icons/comoon.woff') format('woff'),
        url('../fonts/icons/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}



.cbp_tmtimeline {
    list-style: none;
    position: relative;
}

.cbp_tmtimeline>li {
    position: relative;
}

/* The date/time */
.cbp_tmtimeline>li .cbp_tmtime {
    display: block;
    width: 5%;
    padding-right: 100px;
    position: absolute;
}

.cbp_tmtimeline>li .cbp_tmtime span {
    display: block;
    text-align: right;
}

.cbp_tmtimeline>li .cbp_tmtime span:first-child {
    font-size: 18px;
    color: #658597;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    padding-top: 6px;

}

.cbp_tmtimeline>li .cbp_tmtime span:last-child {
    font-size: 2.9em;
    color: #3594cb;

}
/* 
.cbp_tmtimeline>li:nth-child(odd) .cbp_tmtime span:last-child {
    color: #6cbfee;
} */

/* Right content */
.cbp_tmtimeline>li .cbp_tmlabel {
    margin-left: 4rem;
    padding: 2em;
    position: relative;
}

.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel {
    background: #fff;
}

.cbp_tmtimeline>li .cbp_tmlabel h2 {
    margin-top: 0px;


}

/* The triangle */
.cbp_tmtimeline>li .cbp_tmlabel:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #3594cb;
    border-width: 10px;
    top: 10px;

}

.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
    border-right-color: #fff;

}

/* The icons */

.cbp_tmtimeline>li .cbp_tmicon {
    width: 28px;
    height: 28px;
    font-family: 'icomoon';
    font-size: 18px;
    line-height: 28px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    color: #fff;
    background: #1abc9c;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #68E0CD;
    text-align: center;
    -moz-osx-font-smoothing: grayscale;
}

.cbp_tmicon-update:before {
    content: "\e601";
}

.cbp_tmicon-release:before {
    content: "\e604";
}

.cbp_tmicon-mail:before {
    content: "\e002";
}

.cbp_tmicon-earth:before {
    content: "\e003";
}

/* Example Media Queries */
@media screen and (max-width: 65.375em) {
    .cbp_tmtimeline>li .cbp_tmtime span:last-child {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 47.2em) {

    .cbp_tmtimeline>li .cbp_tmtime {
        width: 100%;
        position: relative;
        padding: 0 0 20px 0;
    }

    .cbp_tmtimeline>li .cbp_tmtime span {
        text-align: left;
    }

    .cbp_tmtimeline>li .cbp_tmlabel {
        margin: 0 0 30px 0;
        padding: 1em;
        font-weight: 400;
        font-size: 95%;
    }

    .cbp_tmtimeline>li .cbp_tmlabel:after {
        right: auto;
        left: 20px;
        border-right-color: transparent;
        border-bottom-color: #3594cb;
        top: -20px;
    }

    .cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
        border-right-color: transparent;
        border-bottom-color: #6cbfee;
    }

    .cbp_tmtimeline>li .cbp_tmicon {
        position: relative;
        float: right;
        left: auto;
        margin: -55px 5px 0 0px;
    }
}


.page_detail_body {
    background: #fff;

    padding: 2em;
    position: relative;
    border-radius: 5px;
}

.founder {
    background: url(https://lh3.googleusercontent.com/-Ubq3pEfgeLk/AAAAAAAAAAI/AAAAAAAAOvs/nGutWDQ5OGc/photo.jpg?sz=150) center center no-repeat;
    border: 3px solid #ffffff;
    display: block;
    height: 110px;
    width: 110px;
    border-radius: 50%;
}

.rounded {
    padding: 2em;
    position: relative;
    border-radius: 5px;
    background-color: #1abc9c;
    min-height: 473px;
    padding: 123px 199px 33px 306px;

}

@media (max-width: 767px) {
    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}