@import url(//fonts.googleapis.com/css?family=Lato);

@font-face {
    font-family: 'melbourne_reg';
    src: url('../fonts/melbourne_reg.ttf') format('truetype');
}

@font-face {
    font-family: 'melbourne_reg IE';
    src: url('../fonts/melbourne_reg.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'lato-light';
    src: url('../fonts/lato-light.ttf') format('truetype');
}

@font-face {
    font-family: 'lato-light IE';
    src: url('../fonts/lato-light.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'lato-regular';
    src: url('../fonts/lato-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'lato-regular IE';
    src: url('../fonts/lato-regular.eot') format('embedded-opentype');
}

body {
    padding: 145px 20px 20px 20px;
    font-family: "lato-regular", "lato-regular IE";
    background-color: white;
}

.field-validation-error {
    color: red;
}

.main-logo {
    height: 130px;
    width: 260px;
}

.part-pics {
    height: 120px;
    width: 180px;
}

.team-pics {
    height: 200px;
    width: 150px;
}

.geo-pic {
    height: 420px;
    width: 300px;
}

.pic-pattern-pic {
    width: 350px;
    margin-right: 15px;
}

.preview-pic {
    height: 80px;
    width: 80px;
}



.steps-pic {
    height: 50px;
    width: 470px;
}

.footer-pics {
    margin-right: 15px;
}

.geo-tag-geo-pic {
    height: 70px;
}

.titles {
    font-family: "melbourne_reg", "melbourne_reg IE";
    text-transform: uppercase;
    font-size: 24px;
}

.text {
    font-family: "lato-regular", "lato-regular IE";
    text-align: justify;
}

.fotter-text {
    font-family: "melbourne_reg", "melbourne_reg IE";
    text-align: center;
}

.team h4 {
    text-transform: capitalize;
}

.team p {
    font-family: "melbourne_reg", "melbourne_reg IE";
}

.process h4 {
    font-family: "melbourne_reg", "melbourne_reg IE";
}

.steps h1 {
    font-family: "lato-regular", "lato-regular IE";
    font-weight: bold;
}

.geo-tag h1 {
    font-family: "lato-regular", "lato-regular IE";
    font-weight: bold;
}

.geo-tag p {
    text-transform: none;
}

.current {
    text-decoration: underline;
    color: black;
    font-weight: bold;
}

@media (max-width:768px) {
    body {
        padding-top: 50px;
    }

    .nav.navbar-nav {
        padding-top: 0;
        float: left;
    }

    #logo_pic {
        display: none;
    }

    #logo_text {
        display: block;
        color: #85D9BF;
        font-size: 14px;
        font-family: "lato-regular", "lato-regular IE";
    }

    .workshop-pic {
        padding-right: 0;
    }

    .patterns-pic {
        padding-left: 0;
    }
}

@media (min-width:992px) {
    .nav.navbar-nav {
        padding-top: 102px;
        float: right;
    }

    #logo_pic {
        display: block;
    }

    #logo_text {
        display: none;
    }

    .workshop-pic {
        padding-right: 18px;
    }

    .patterns-pic {
        padding-left: 85px;
    }
}



.navbar.navbar-default {
    background-color: white;
    border-bottom-color: white;
}

.navbar-default .navbar-nav > li > a {
    color: black;
    font-size: medium;
}

.link {
    color: #85D9BF;
    font-style: italic;
}

    .link:hover {
        color: #85D9BF;
    }

.linkButton {
    background: none;
    border: none;
    color: #009688;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}

    .linkButton:hover {
        text-decoration: underline;
    }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: white;
    border-color: #009688;
    color: #009688;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #009688;
}

.filter-pills {
    background-color: white;
    font-size: 20px;
}

.filter-types > * > a.current-filter-type {
    text-decoration: underline;
    font-weight: bold;
    font-family: "melbourne_reg", "melbourne_reg IE";
}

.filter-pills > li > a {
    color: black;
    background-color: white;
    font-weight: bold;
}

    .filter-pills > li > a:hover {
        text-decoration: underline;
        font-weight: bold;
    }

.filter-types > * > a {
    color: black;
    background-color: white;
    font-weight: bold;
    font-size:larger;
    text-transform: capitalize;
    font-family: "melbourne_reg", "melbourne_reg IE";
}

.filter-types a:hover {
    text-decoration: underline;
    font-weight: bold;
}



.filter-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: black;
    background-color: white;
    text-decoration: underline;
    font-weight: bold;
}

.filter-pills > li > a:hover, .nav > li > a:focus {
    text-decoration: underline;
    background-color: white;
    font-weight: bold;
}

.filter-pills > li + li {
    margin-left: 0px;
}

.navbar-default .navbar-nav > li > a:hover {
    text-decoration: underline;
    color: black;
    font-weight: bold;
}

.map-filter {
    cursor: pointer;
    color: black;
}

    .map-filter:hover {
        font-weight: bold;
        text-decoration: underline;
        color: black;
    }