/*
 *
 * IMPORTANT: UTILIZING THE AUTOMATIC UPDATE FEATURE OF THIS CHILD THEME WILL OVERWRITE
 * ANY CUSTOM CODE PLACED WITHIN THIS FILE. IF YOU WISH TO AUTOMATICALLY UPDATE, PLEASE
 * PLACE YOUR CODE IN THEME OPTIONS >> CUSTOM CSS OTHERWISE YOU CAN MANUALLY UPDATE
 * THE THEME FILES
 *
 */

/**
 * #.#  Project styles
 *
 */

/**
 * #.#  Portfolio pagination
 *
 */

.et_pb_portofolio_pagination {
    border      : none !important;
    text-align  : center;
    padding-top : 15px;
}

.et_pb_portofolio_pagination ul {
    float  : none;
    margin : 0 auto;
}

.et_pb_portofolio_pagination ul li {
    float   : none;
    display : inline-block;
    padding : 5px !important;
}

.et_pb_portofolio_pagination ul li a {
    color         : #000 !important;
    font-size     : 15px;
    font-weight   : bold;
    border        : 1px solid;
    line-height   : 1.3;
    padding       : 7px 25px;
    display       : block;
    border-radius : 30px;
}

.et_pb_portofolio_pagination ul li a:hover {
    color : #FFF !important;
}

.et_pb_portofolio_pagination ul li.prev a,
.et_pb_portofolio_pagination ul li.next a {
    border-radius : 30px;
    position      : relative;
}

.et_pb_portofolio_pagination ul li.prev a {
    padding-right : 20px;
    padding-left  : 30px;
}

.et_pb_portofolio_pagination ul li.next a {
    padding-right : 30px;
    padding-left  : 20px;
}

.et_pb_portofolio_pagination ul li.next a:before,
.et_pb_portofolio_pagination ul li.prev a:before {
    font-family : "ETmodules";
    font-size   : 20px;
    line-height : 1;
    top         : 50%;
    margin-top  : -10px;
    position    : absolute;
}

.et_pb_portofolio_pagination ul li.next a:before {
    content : "\35";
    right   : 10px;
}

.et_pb_portofolio_pagination ul li.prev a:before {
    content : "\34";
    left    : 10px;
}

/**
 * #.#  Portfolio filters
 *
 */

.et_pb_portfolio_filters {
    margin-bottom : 15px !important;
}

.portfolio-categories .et_pb_row {
    padding-bottom : 0;
    padding-top    : 50px;
}

.et_pb_portfolio_filters ul,
.portfolio-categories ul {
    padding : 0;
}

.et_pb_portfolio_filters li,
.portfolio-categories li {
    padding       : 0 5px;
    margin-bottom : 5px;
    position      : relative;
    display       : inline-block;
}

.et_pb_portfolio_filters li a,
.portfolio-categories li a {
    padding     : 8px 25px;
    font-size   : 15px;
    line-height : 1.3;
    border      : 1px solid;
    margin      : 0 auto;
    font-weight : 600;
    background  : transparent !important;
    transition  : 0.3s all;
    color       : inherit;
}

/**
 * #.#  Project archives
 *
 */

.portfolio-categories {
    text-align : center;
    position   : relative;
}

.portfolio-categories li a {
    display  : block;
    overflow : hidden;
    height   : auto;
}

.portfolio-items .et_pb_row {
    width : 97%;
}

.portfolio-items .et_pb_portfolio_item {
    margin-bottom : 0 !important;
}

.portfolio-items .et_pb_portfolio_item h2.et_pb_module_header {
    font-weight : 800 !important;
    font-size   : 22px !important;
}

.portfolio-items .et_pb_portfolio_item .et_overlay {
    opacity : 0.95;
}

.portfolio-items .et_pb_portfolio_item .post-meta {
    font-size   : 16px;
    line-height : 1.5;
    margin-top  : 0;
}

@media (min-width : 981px) {
    .portfolio-items .et_pb_portfolio_item {
        width : 25%;
        float : left;
    }
}

@media (min-width : 768px) and  (max-width : 980px) {
    .portfolio-items .et_pb_portfolio_item {
        width : 33.33%;
        float : left;
    }
}

@media (min-width : 479px) and  (max-width : 767px) {
    .portfolio-items .et_pb_portfolio_item {
        width : 50%;
        float : left;
    }

    .portfolio-categories li {
        width : 50%;
    }
}

/**
 * #.#  Single project page
 *
 */

.single-project .interior-header h2.entry-title {
    font-weight : 900;
    line-height : 1.1;
}

.single-project .interior-header .et_project_categories a {
    color       : inherit;
    font-size   : 16px;
    line-height : 1.5;
    opacity     : 0.75;
}

.project-header .et_pb_post_title {
    width    : 100%;
    overflow : visible;
    position : relative;
}

.project-header .et_pb_post_title:before {
    position : absolute;
    content  : "";
    height   : 100%;
    width    : 100%;
    top      : 0;
    left     : 0;
    opacity  : 0.9;
    z-index  : 1;
}

.project-header .et_pb_title_container {
    width     : 80% !important;
    max-width : 1150px !important;
}

.project-header h1.entry-title {
    font-weight   : 900 !important;
    line-height   : 1.15;
    position      : relative;
    margin-bottom : 0;
    display       : inline-block;
}

.project-header h1.entry-title:before {
    content             : "";
    position            : absolute;
    left                : 0;
    bottom              : 0;
    z-index             : -1;
    border-left-width   : 7px;
    border-left-style   : solid;
    border-bottom-width : 7px;
    border-bottom-style : solid;
}

.project-header h1.entry-title:after {
    content            : "";
    position           : absolute;
    top                : 0;
    right              : 0;
    z-index            : -1;
    border-right-width : 7px;
    border-right-style : solid;
    border-top-width   : 7px;
    border-top-style   : solid;
}

.project-description {
    font-size   : 15px;
    line-height : 1.5;
}

@media (min-width : 981px) {
    .project-header h1.entry-title:after,
    .project-header h1.entry-title:before {
        width  : 50px;
        height : 50px;
    }

    .project-header h1.entry-title {
        font-size : 50px !important;
        padding   : 25px 35px !important;
    }

    .single-project .interior-header h2.entry-title {
        font-size : 40px;
    }
}

@media (min-width : 767px) and (max-width : 980px) {
    .project-header h1.entry-title:after,
    .project-header h1.entry-title:before {
        width  : 40px;
        height : 40px;
    }

    .project-header h1.entry-title {
        font-size : 45px !important;
        padding   : 20px 30px !important;
    }

    .single-project .interior-header h2.entry-title {
        font-size : 37px;
    }
}

@media (max-width : 766px) {
    .project-header h1.entry-title:after,
    .project-header h1.entry-title:before {
        width        : 35px;
        height       : 35px;
        border-width : 5px !important;
    }

    .project-header h1.entry-title {
        font-size : 35px !important;
        padding   : 20px 10px !important;
    }

    .project-header h1.entry-title:after {
        right : -10px;
    }

    .project-header h1.entry-title:before {
        left : -10px;
    }

    .single-project .interior-header h2.entry-title {
        font-size : 32px;
    }
}

/* Gallery */

@media (min-width : 981px) {
    .single-project-gallery .et_pb_grid_item {
        width              : 23.5%;
        margin             : 0 2% 20px 0 !important;
        -webkit-box-shadow : 0 5px 25px 0 rgba(0, 0, 0, 0.06);
        box-shadow         : 0 5px 25px 0 rgba(0, 0, 0, 0.06);
        transition         : 0.5s ease-in-out;
    }
}

@media (min-width : 479px) and (max-width : 980px) {
    .single-project-gallery .et_pb_grid_item,
    .single-project-gallery .et_pb_grid_item:nth-child(n) {
        width              : 48.5% !important;
        margin             : 0 3% 20px 0 !important;
        -webkit-box-shadow : 0 5px 25px 0 rgba(0, 0, 0, 0.06);
        box-shadow         : 0 5px 25px 0 rgba(0, 0, 0, 0.06);
        transition         : 0.5s ease-in-out;
        clear              : none !important;
    }

    .single-project-gallery .et_pb_grid_item:nth-child(2n) {
        margin-right : 0 !important;
    }
}

@media (max-width : 478px) {
    .single-project-gallery .et_pb_grid_item,
    .single-project-gallery .et_pb_grid_item:nth-child(n) {
        margin-bottom : 20px !important;
    }
}


.single-project-gallery .et_overlay:before {
    font-family    : "Open Sans", sans-serif !important;
    text-transform : uppercase;
    padding        : 10px 0;
    border-radius  : 30px;
    width          : 136px;
    display        : block;
    text-align     : center;
    margin         : -20px 0 0 -68px !important;
    top            : 50% !important;
    font-size      : 13px;
    line-height    : 1.3;
    border-width   : 2px !important;
    border-style   : solid !important;
    font-weight    : bold;
}

.single-project-gallery .et_pb_gallery_pagination {
    border : none;
}

.single-project-gallery .et_pb_gallery_pagination ul {
    float      : none;
    text-align : center;
}

.single-project-gallery .et_pb_gallery_pagination ul li {
    float   : none;
    display : inline-block;
    padding : 5px 3px;
}

.single-project-gallery .et_pb_gallery_pagination ul li a {
    border        : 1px solid;
    padding       : 5px 20px;
    font-size     : 14px;
    line-height   : 1.3;
    margin        : 0 auto;
    border-radius : 30px !important;
    font-weight   : 600;
    color         : #000;
    background    : transparent !important;
    transition    : 0.3s all;
}

.single-project-gallery .et_pb_gallery_pagination ul li a.active {
    color : #000;
}

.single-project-gallery .et_pb_gallery_pagination ul li a:hover {
    color : #FFF !important;
}

/* DETAILS - BLURB */

.project-details .et_pb_blurb {
    text-transform : uppercase;
}

.project-details .et_pb_blurb h4 {
    line-height    : 1.25;
    padding-bottom : 0;
    font-size      : 15px;
    color          : #000;
}

.project-details .et_pb_blurb .et_pb_blurb_content p {
    line-height   : 1.25;
    margin-bottom : 0;
    font-size     : 15px;
    color         : #666;
    font-weight   : 500 !important;
}

.project-details .et_pb_blurb .et_pb_blurb_content {
    max-width : none;
}

@media (min-width : 981px) {
    .project-details .et_pb_column_1_4 .et_pb_blurb {
        border-left  : 1px solid;
        padding-left : 20px;
    }

    .project-details .et_pb_column_1_4:first-child .et_pb_blurb {
        border : none;
    }
}

@media (max-width : 479px) {
    .project-details .et_pb_column_1_4 .et_pb_blurb {
        border-bottom  : 1px solid;
        margin-bottom  : 15px;
        padding-bottom : 15px;
    }

    .project-details .et_pb_column_1_4:last-child .et_pb_blurb {
        border-bottom  : none;
        margin-bottom  : 0;
        padding-bottom : 0;
    }
}

.project-details.et_pb_column_1_3 .et_pb_blurb {
    border-bottom  : 1px solid;
    margin-bottom  : 15px;
    padding-bottom : 15px;
}

.project-details.et_pb_column_1_3 .et_pb_blurb:last-child {
    border-bottom  : none;
    margin-bottom  : 0;
    padding-bottom : 0;
}

/* PROJECT TESTIMONIAL */

@media (min-width : 981px) {
    .project-testimonial {
        margin-top : -15px;
        padding    : 0 !important;
    }
}

.project-testimonial:before {
    opacity       : 0;
    position      : absolute;
    top           : -80px;
    right         : 95px;
    left          : auto;
    margin-left   : 0;
    border-radius : 0;
    background    : transparent;
    font-size     : 90px;
    color         : #A46934;
    content       : "\7b";
}

.project-testimonial .et_pb_testimonial_description {
    border   : 10px solid;
    padding  : 35px;
    position : relative;
}

.project-testimonial .et_pb_testimonial_description:before {
    content  : "";
    display  : block;
    position : absolute;
    right    : 40px;
    top      : -90px;
    width    : 0;
    height   : 0;
    border   : 40px solid transparent;
}

.project-testimonial .et_pb_testimonial_description:after {
    content             : "";
    display             : block;
    position            : absolute;
    right               : 48px;
    top                 : -62px;
    width               : 0;
    height              : 0;
    border              : 31px solid transparent;
    border-bottom-color : white;
    visibility          : visible !important;
}

.project-testimonial .et_pb_testimonial_description p {
    padding-bottom : 0;
}

.project-testimonial p.et_pb_testimonial_meta {
    text-transform : uppercase;
    font-size      : 13px;
    line-height    : 1.5;
}

.project-testimonial .et_pb_testimonial_author {
    color     : #000;
    font-size : 16px;
}