/*
Theme Name: Honeypot
Theme URI: http://www.wpbees.com
Description: A sweet and sticky theme framework.
Version: 3
Author: WPBees
Author URI: http://www.wpbees.com
Tags: wpbees, clean, framework, hough, starter, boilerplate
*/

.entry-content img {
    margin: 0 0 1.5em 0;
}

.alignleft,
img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
}

.alignright,
img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
}

.aligncenter,
img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
}

.alignnone,
img.alignnone {
    /* not sure about this one */
}

.wp-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px;
    max-width: 100%;
}

.wp-caption img {
    border: 0 none;
    padding: 0;
    margin: 0;
    height: auto;
}

.wp-caption p.wp-caption-text {
    line-height: 1.5;
    font-size: 10px;
    margin: 0;
}

.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
}

blockquote.left {
    margin-right: 20px;
    text-align: right;
    margin-left: 0;
    width: 33%;
    float: left;
}

blockquote.right {
    margin-left: 20px;
    text-align: left;
    margin-right: 0;
    width: 33%;
    float: right;
}

.home .box-img .img-overlay {
    padding: 125px 0 110px;
}

#projects .img-wr>a {
    min-height: 340px;
}

.single-projects .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width: 800px) {

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

}

@media screen and (min-width: 700px) {

    #hero .slick-prev,
    #hero .slick-next,
    #about .slick-prev,
    #about .slick-next {
        top: 44%;
    }

    #hero .slick-prev:before,
    #hero .slick-next:before,
    #about .slick-prev:before,
    #about .slick-next:before {
        border-radius: 50em;
        font-size: 40px;
        border: 2px solid #fff;
        background-color: #2d8592;
        line-height: 35px;
    }

    #hero .slick-prev,
    #about .slick-prev {
        left: 20px;
    }

    #hero .slick-next,
    #about .slick-next {
        right: 20px;
        left: auto;
    }

    #hero .slick-next:before,
    #about .slick-next:before {
        padding-left: 5px;
    }

    #hero .slick-prev:before,
    #about .slick-prev:before {
        padding-right: 5px;
    }

    @media screen and (max-width: 768px) {

        #hero .slick-prev:before,
        #hero .slick-next:before,
        #about .slick-prev:before,
        #about .slick-next:before {
            font-size: 30px;
            line-height: 25px;
        }


    }

}

@media screen and (max-width: 768px) {

    #hero {
        margin-bottom: 2em;
    }


}

@media screen and (min-width: 768px) {
    .single-projects .col-sm-4 {
        width: 30%;
    }
}

.footer {
    border-top: 2px solid #858585;
    color: #010103;
    padding: 30px 0;
}

.footer-column {
    width: 30%;
    padding: 0 2%;
}



.footer .container {
    display: flex;
    text-align: left;
    flex-wrap: wrap;
}

.footer-column-title {
    text-transform: uppercase;
    padding-bottom: 30px;
    letter-spacing: 3px;
}

.footer-meta {
    padding-bottom: 15px;
    line-height: 1.6;
    font-size: 10px;
}

.footer-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer-menu li a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    padding-bottom: 30px;
    display: inline-block;
    letter-spacing: 3px;
}

.footer-copyright {
    font-size: 12px;
    width: 30%;
    display: flex;
    align-items: center;
}

.footer-footer .container {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 2px solid #858585;
}

.footer-logos {
    display: flex;
    width: 70%;
    filter: grayscale(1);
    justify-content: space-between;
}


.footer-logos li {
    display: flex;
    padding: 0 20px;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .footer-column {
        width: 50%;
    }

    .footer-footer .container {
        flex-direction: column-reverse;
        text-align: center;
    }

    .footer-logos {
        width: 100%;
    }

    .footer-copyright {
        width: 100%;
        display: block;
    }
}

@media screen and (max-width: 480px) {
    .footer-column {
        width: 100%;
    }

    .footer .container{
    	text-align: center;
    	justify-content: center;
    }
}