@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v7/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face{
    font-family:"Rockwell W01";
    src:url("/bundles/pftpmain/fonts/693140/73e6c08f-deb5-4d6f-827b-597a84046aa4.eot?#iefix");
    src:url("/bundles/pftpmain/fonts/693140/73e6c08f-deb5-4d6f-827b-597a84046aa4.eot?#iefix") format("eot"),url("/bundles/pftpmain/fonts/693140/de4b0540-9702-4662-8f3a-228419485257.woff") format("woff"),url("/bundles/pftpmain/fonts/693140/bc34c4cd-af2c-400d-b4d0-726e2d89f690.ttf") format("truetype"),url("/bundles/pftpmain/fonts/693140/59c05ddc-99f9-44db-82ce-cb7f503b5110.svg#59c05ddc-99f9-44db-82ce-cb7f503b5110") format("svg");
}

@font-face{
    font-family:"Rockwell W01 Bold";
    src:url("/bundles/pftpmain/fonts/693125/864373f8-943b-449d-a730-462eb66d7058.eot?#iefix");
    src:url("/bundles/pftpmain/fonts/693125/864373f8-943b-449d-a730-462eb66d7058.eot?#iefix") format("eot"),url("/bundles/pftpmain/fonts/693125/49ff3af5-13b2-4add-8470-4cdac3cf650e.woff") format("woff"),url("/bundles/pftpmain/fonts/693125/7d69578b-ab0e-4986-af19-428861ada4e4.ttf") format("truetype"),url("/bundles/pftpmain/fonts/693125/2848532f-bf3e-4430-aae1-bc0d1367eb84.svg#2848532f-bf3e-4430-aae1-bc0d1367eb84") format("svg");
}

#pftp-treecounter-widget {
    background: url('/bundles/pftpapi/images/bg_light.png') repeat;
    display: table;
    width: 100%;
    height: auto;
    position: relative;
}

#pftpCircleContainer {
    float: left;
    position: relative;
    width: 220px;
    height: 188px;
    display: block;
}

#pftpCircleBackground {
    width: 212px;
    height: 188px;
    background: url('/bundles/pftpapi/images/circle_bg.png') no-repeat;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 10;
}

#pftpCircleCounter {
    position: absolute;
    width: 160px;
    height: 160px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    z-index: 20;
}

#pftpCircleText {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 75px;
    height: 75px;
    display: block;
    z-index: 50;
    text-align: center;
}

#pftpCircleHeadline {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #69605f;
    border-bottom: 1px solid #69605f;
    padding-bottom: 5px;
    margin-bottom: 7px;
    display: block;
}

#pftpCircleNumber {
    font-family: "Rockwell W01 Bold", sans-serif;
    font-size: 15px;
    color: #69605f;
    line-height: 1em;
}

#pftpTextContainer {
    width: 380px;
    height: 188px;
    float: left;
    position: relative;
    display: table;
    margin-bottom: 15px;
}

#pftpTextHeadline {
    font-family: "Rockwell W01 Bold", sans-serif;
    font-size: 21px;
    color: #69605f;
    text-align: left;
    line-height: 1em;
    margin-top: 15px;
    float: left;
}

#pftpTextDivider {
    background-image: url('/bundles/pftpbilliontree/images/seperator.png');
    width: 100%;
    height: 9px;
    display: block;
    position: relative;
    float: left;
    margin-top: 9px;
    margin-bottom: 9px;
}

#pftpInformationHeadline {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: lighter;
    font-size: 15px;
    color: #69605f;
    border-bottom: 1px solid #a5a5a5;
    padding-bottom: 4px;
    width: 200px;
    display: block;
}

#pftpSelfPlantedContainer {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: lighter;
    font-size: 14px;
    color: #69605f;
    width: 140px;
    display: block;
    float: left;
    margin-top: 5px;
    margin-bottom: 10px;
}

#pftpCommunityPlantedContainer {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: lighter;
    font-size: 14px;
    color: #69605f;
    width: 240px;
    display: block;
    float: left;
    margin-top: 5px;
    margin-bottom: 10px;
}

#pftpSelfTreesNumber {
    font-family: "Rockwell W01 Bold", sans-serif;
    color: #69605f;
}

#pftpCommunityTreesNumber {
    font-family: "Rockwell W01 Bold", sans-serif;
    color: #69605f;
}

.pftpInformationButton {
    margin: 0 auto;
    display: table;
    position: relative;
    width: 160px;
    height: 34px;
    line-height: 34px;
    vertical-align: middle;
    color: white;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    background-color: #e86f56;
    border: 1px solid #BF5C47;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.pftpInformationButton:hover {
    background: #eb826c; }

@media screen and (min-width: 650px) {
    #pftp-treecounter-widget {
        min-width: 600px;
        min-height: 188px;
    }
}

@media screen and (max-width: 649px) {
    #pftp-treecounter-widget {
        width: 100%;
    }
    #pftpCircleContainer {
        float: none;
        margin: 0 auto;
    }
    #pftpTextContainer {
        width: auto;
        padding: 0 10px;
    }
}

.openCrown{fill:#D7E5AC;}
.openShadow{fill:#BAC892;}
.openRoot{fill:#8B946B;}

.communityCrown{fill:#8fb224;}
.communityShadow{fill:#7c9b2f;}
.communityRoot{fill:#66802a;}

.plantedCrown{fill:#66922e;}
.plantedShadow{fill:#50742b;}
.plantedRoot{fill:#2e411c;}

.openCircle{fill:none;stroke:#c4d19a;stroke-miterlimit:10;stroke-width:37px;}
.communityCircle{fill:none;stroke:#7da12c;stroke-miterlimit:10;stroke-width:37px;}
.plantedCircle{fill:none;stroke:#4d6c29;stroke-miterlimit:10;stroke-width:37px;}