/*!
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Version: 1.0.0
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

.hidden {display:none !important}
.visible {display:inline-block;}

.project {padding:10px; background-color:rgba(255,255,255,0.3)}
.project:nth-child(3n+0) {margin-right:0 !important}
.projthumb {min-width:100%;min-height:305px;display:flex;flex-wrap: wrap;align-items: center;justify-content: center;background-color: #FFF;}
.projthumb .plus {display: flex;flex-direction: column;align-items: center;justify-content: center;margin:0 auto;text-align:center}
.projthumb .plus i {font-size:80px}
.projthumb .plus a {display: contents}
.projlegend {margin-top:10px;display:inline-block;width:50%;text-align:right}
.projlegend, .projlegend a {color:#000}
.projlegend img, .projlegend i {vertical-align: middle}
.projname {/*float:left;width:49%*/text-align: center;display: block;background-color: rgba(100,100,100,0.1);}
.projcat {float:right;width:49%;text-align:right}
.projcontainer {flex-direction: column;border-top:1px solid #DEDEDE;margin-top: 20px}
.projtitle {margin-bottom: 10px;text-transform: uppercase;text-align:center;text-align: left;margin-top: 20px;text-transform: none;font-weight: 400;width:100%;white-space: nowrap;text-overflow: ellipsis;font-size:0.9rem}
.projtitle.full {width:100%;margin-top:0}
.projlegend {text-align: left}
.projlegend a img {background-color:transparent;display: inline-block !important;width:auto !important;margin-right:15px}
.projsubtitle {font-size: 0.9rem;line-height: 1.5}
.projsubtitle.edited {color:#B5B5B5}

.project-carousel {margin-left: 50px;margin-right: 50px}
.project-carousel .owl-nav .owl-next, .project-carousel .owl-nav .owl-prev {top:calc(50% - 58px) !important; position:absolute}
.project-carousel .owl-nav .owl-prev {left:-50px !important}
.project-carousel .owl-nav .owl-next {right:-29px !important}
.project-carousel .owl-nav > button > span {border:0 none !important;background:transparent !important;font-size:0 !important}
.project-carousel .owl-nav .owl-prev::after, .project-carousel .owl-nav .owl-next::after {height: 29px;display: inline-block;width: 25px}
.project-carousel .owl-nav .owl-prev::after {content:url(../img/owl-prev-small.png)}
.project-carousel .owl-nav .owl-next::after {content:url(../img/owl-next-small.png)}


#usergrid.dataTable, #usergrid.dataTable th, #usergrid.dataTable td {font-size:13px}
th small {font-size: 80%;font-weight: 400;line-height: 1.1;display: inline-block}
th span {display:inline-block;line-height: 1.2}
.separator {border-bottom: 1px solid #ccc}

@media (min-width: 981px) {
	.projthumb img {max-width:310px}
}