/**
Weblines Custom Post Type Plugin
Basic Styles
*/

/* Filter list */
ul.filter, ul.simplefilter {
    list-style: none;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}
.entry-content ul.filter li,
.entry-content ul.simplefilter li {
    list-style-type: none;
}
.filter li, .simplefilter li, .entry-content .simplefilter li {
    padding: 0 6px;
    margin: 0;
    display: inline-block;
    margin-bottom: 6px;
}
.filter li a, .simplefilter li a {
    display: inline-block;
    padding: 6px;
    background-color: #eeeeee;
    text-decoration: none;
}
.filter li a:hover, .simplefilter li a:hover,
.filter li a.active, .simplefilter li a.active {
    text-decoration: none;
    background-color: #fff;
}
/***** Portfolio Entries *****/
ul.portfolio-entries {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
	margin-top: 0;
}
.entry-content ul.portfolio-entries li {
    list-style-type: none;
}
.editor-styles-wrapper ul.portfolio-entries {
    list-style: none;
}
.portfolio-entries li {
    padding: 10px 0 30px;
    margin: 0;
    text-align: center;
	font-size: 1.1rem;
	line-height: 1.3;
}
.portfolio-entries a {
	text-decoration: none;
}
.portfolio-entries a:hover {
	text-decoration: underline;
}
.portfolio-entries li img,
.block-portfolio.alignfull .portfolio-entries li img,
.block-portfolio.alignwide .portfolio-entries li img {
    display: block;
    margin : 10px auto;
    border: solid 1px #e7e7e7;
    max-width: 100%;
    height: auto;
}
.portfolio-entries li img,
.block-portfolio.alignfull .portfolio-entries li img,
.block-portfolio.alignwide .portfolio-entries li img {
    display: block;
    margin : 10px auto;
    border: solid 1px #e7e7e7;
    max-width: 100%;
    height: auto;
}
.portfolio-entries:after {
	content: "";
	display: table;
    clear: both;
}

.widget.widget_webl_projects {
    margin-left: auto;
    margin-right: auto;
}


@media (min-width:640px) {
    /***** Portfolio Entries ****
    .entry-content {
        background: #eee;
    }
    ul.portfolio-entries {
        background: #d0d0d0;
    }  */
    ul.portfolio-entries {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .portfolio-entries li img {
        margin : 10px auto 20px;
        max-width: 100%;
    }
    .portfolio-entries li {
        height: 100%;
    }
    .portfolio-entries li {
        margin-left: 1rem;
        margin-right: 1rem;
    }
    /* gap 2rem */
    .perrow-2 li {
        width: 45%;
        width: calc(50% - 2rem);
    }
    .perrow-3 li {
        width: 30%;
        width: calc(33.3% - 2rem);
    }
    .perrow-4 li {
        width: 22%;
        width: calc(25% - 2rem);
    }
    .perrow-5 li {
        width: 17.6%;
        width: calc(20% - 2rem);
    }
    .perrow-6 li {
        width: 15%;
        width: calc(16.66% - 2rem);
    }
    .portfolio-entries.perrow-1 {
        margin-left: 0;
        margin-right:0;
        display: block;
        width: 100%;
    }
    .perrow-1 li {
        margin-left: 0;
        margin-right: 0;
    }
    .aligncenter .perrow-1 li {
        margin-left: auto;
        margin-right: auto;
    }
    .alignleft .perrow-1 li,
    .alignleft .perrow-1 li img {
        margin-left: 0;
        text-align: left;
    }
    .alignright .perrow-1 li,
    .alignright .perrow-1 li img {
        margin-right: 0;
        text-align: right;
    }
}

@media (min-width:1200px) {
    .portfolio-entries:not(.perrow-1) {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }
    .portfolio-entries:not(.perrow-1) li {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
    /* gap 3rem */
    .perrow-2 li {
        width: 45%;
        width: calc(50% - 3rem);
    }
    .perrow-3 li {
        width: 30%;
        width: calc(33.3% - 3rem);
    }
    .perrow-4 li {
        width: 22%;
        width: calc(25% - 3rem);
    }
    .perrow-5 li {
        width: 17.6%;
        width: calc(20% - 3rem);
    }
    .perrow-6 li {
        width: 15%;
        width: calc(16.66% - 3rem);
    }
}


/* Magnific Pop-up
.mfp-bottom-bar {
    background: #fdfdfd;
}
.mfp-title {
    padding-left: 36px;
    text-align: center;
    line-height: 1.8;
}
.mfp-counter {
    top: 4px;
}
.mfp-title, .mfp-title a {
    color: #777;
    color: #78201E;
    text-decoration: none;
} */