/* Styles for default module */

#ca.content .title { border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 15px; }

ul li > ul { margin-left: 10px; }

.portrait {
    position: relative;
    margin: 0 auto 15px auto;
    width: 160px;
    height: 160px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid rgba(255,255,255,.4);
    -webkit-transition: border-color .5s;
    transition: border-color .5s;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.4); 
}

/* Team members */
.team { text-align: center; margin-top: 50px; }
.team:after{
    content: '';
    display: inline-block;
    width: 100%;
}
.team .portrait img {
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.team [class*="col-"]:hover .portrait img {
    
} 
.team [class*="col-"] h4 {
    -webkit-transition: color .3s;
    transition: color .3s;
}
.team [class*="col-"]:hover h4 {
    color: rgba(64,169,204,.7);
}

.team [class^='col-md-'] {
    margin-bottom: 50px;
}

@media (min-width: 480px) and (max-width: 767px){
    .team .col-xs-12 { width: 50%; }
}

.outer-links a {
    display: inline-block;
    height: 40px;
    width: 40px;
    font-size: 20px;
    margin: 0 5px;
    padding-top: 3px;
    color: rgba(64,169,204,.7);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid rgba(64,169,204,.5);
    -webkit-transition: .3s;
    transition: .3s;
}

.post-content .controls { margin: 20px 0; }

.gallery{
    padding: 0;
    text-align: justify;
    font-size: 0.1px;
    margin: 0;
    width: 100%;
}
.singlepage .gallery{
    background-color: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,.3);
}
.gallery:after{
    content: '';
    display: inline-block;
    width: 100%;
}

.gallery .gallery-item {
    overflow: hidden;
    height: 200px;
    padding: 0;
    display: none;
    opacity: 0;
    vertical-align: top;
    margin: 0;
    color: #222;
    font-size: 30px;
    text-align: center;
    line-height: 200px;
}

.gallery-item .gi-container, .gallery-item span.cover { display:block; width:100%; height:100%; }
.gallery-item .gi-container { color: inherit; position:relative; -webkit-transition:top .5s; transition:top .5s; }
.gallery-item .gi-container:hover { top:100%; text-decoration: none; }

.gallery-item span.cover { position:absolute; top:-100%; background-color:#f4d432; line-height: normal; font-size: 20px; }
.gallery-item span.cover span { color:#222; line-height: 120%; position: absolute; height: 40px; top: 50%; left: 10px; right: 10px; margin-top:-20px; }

.gallery-item .image { display: block; min-width:100%; height:100%; background-color: #fff; color: #999; font-size: 14px; }
.gallery-item img { min-width:100%; height: auto; vertical-align: middle; }

@media (max-width: 768px) {
.gallery .gi-container:hover{top:0;}
.gallery span.cover{ position: relative; padding: 10px; }
.gallery span.cover span {font-size:20px; position: relative; margin-top: 0px; top: 0; left: 0; right: 0; padding: 10px; }
.gallery img,.gallery .gallery-item{width:100%;height:auto;font-size:0;line-height:0;}
}

.post-meta {
    padding: 0px 10px 4px;
    border-bottom: 1px solid #eee;
    margin-top: -15px;
    margin-bottom: 25px;
}

.post-content figure {
    float: left;
    margin: 0px 15px 15px 0px;
    border: 2px solid #fff;
    box-shadow: 0px 0px 12px 2px rgba(0,0,0,.2);
}
.post-footer {
    border-top: 1px solid #eee;
    margin-top: 15px;
    padding: 6px 10px 4px;
}