/*
Theme Name:  uCard Child
Theme URI:   http://themeforest.net/user/pixelwars/portfolio
Description: Make your modifications to [uCard Theme] in this child theme.
Author:      Pixelwars
Author URI:  http://themeforest.net/user/pixelwars
Version:     1.1.11
Template:    ucard
Tags:        portfolio
Text Domain: ucard-child
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

/*main*/
.header {
    align-items: flex-end;
    justify-content: flex-end;
}
.header .layout-full {
    bottom: 110px;
}
.site-title img {
    width: 15%;
}
.header .social-link {
    font-size: 28px;
    line-height: 38px;
    width: 39px;
}
.home .cd-item:nth-of-type(3) {
    background-position: top center;
}
.home .cd-item:nth-of-type(3) a:before {
    background-color: transparent;
}
.cd-fold-content .portfolio-items.media-grid .media-cell.media.image.portfolio-category-media .mask{
    cursor: pointer;
}
#galleryimagefullview{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999999999999999999999999999999999999;
}
#galleryimagefullview figure{
    position: relative;
    display: flex;
    height: calc(100% - 100px);
}
#galleryimagefullview figure img{    
    display: block;    
    margin: auto;    
    float: none;
    width: auto;
    height: 90%;
    max-width: 90%;
    z-index: 2    
}
.galleryimagefullviewoverlay{
    background: rgba(28,28,28,.82);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.galleryimagefullviewheader{
    height: 100px;
    z-index: 2;
    position: relative;
}
.galleryimagefullviewheader span{    
    color: #fff;    
    float: right;    
    height: 100px;    
    width: 100px;    
    text-align: center;    
    font-family: cursive;    
    background: rgba(28,28,28,.82);    
    border-radius: 0 0 0 7pc;    
    padding-left: 1rem;    
    cursor: pointer;
    position: relative
}
.galleryimagefullviewheader span.cd-close::after, .galleryimagefullviewheader span.cd-close::before {
  content: '';
  position: absolute;
  height: 1px;
  width: 32px;
  left: 60%;
  top: 40%;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.galleryimagefullviewheader span.cd-close::after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.galleryimagefullviewheader span.cd-close::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

/*stylers*/
html a.social-link-style-v1 {
  font-size: 60px;
  line-height: 60px;
  color: rgba(113, 255, 217, 0.8);
  width: 100%;
}
html a.social-link-style-v1:hover {
  background-color: transparent !important;
}

/*responsive*/
@media screen and (min-width: 768px) {
    .aligncenter {
        margin: 0em auto;
    }
}
@media (max-width: 767px) {
    .site-title img {
	    width: 50%;
    }
    #galleryimagefullview figure img {    
        display: block;    
        margin: auto;    
        float: none;
        width: 100%;
        height: auto;
        max-width: 90%;
    }
}