/*
	Theme Name:   Semplice Child Theme
	Description: Child Theme for Semplice
	Author:       Rafael Viana
  Template:     semplice
*/

/* Custom CSS Start */

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}

ul.inline {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.inline li {
    display: inline;
    margin-right: 1em;
}

ul.inline li:last-child {
    margin-right: 0;
}


li:not(.menu-item) a, div p a{
    position: relative;
}

li:not(.menu-item) a:before, p a:not(.no-transition):before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: width 0s cubic-bezier(0.4, 0, 0.2, 1), background .3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: width 0s cubic-bezier(0.4, 0, 0.2, 1), background .3s cubic-bezier(0.4, 0, 0.2, 1);
}

li:not(.menu-item) a:hover:before, p a:not(.no-transition):hover:before{
    width: 100%;
    background: #4698c3;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: width .3s cubic-bezier(0.4, 0, 0.2, 1), opacity .3s ease;
    transition: width .3s cubic-bezier(0.4, 0, 0.2, 1), opacity .3s ease;
}
#footer-holder li:not(.menu-item) a:hover:before{
    background: #8c8c8c;
}

li:not(.menu-item) a:after, p a:not(.no-transition):after{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    background: #4698c3;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: width .3s cubic-bezier(0.4, 0, 0.2, 1), opacity .3s ease;
    transition: width .3s cubic-bezier(0.4, 0, 0.2, 1), opacity .3s ease;
}
#footer-holder li:not(.menu-item) a:after{
    background: #8c8c8c;
}

li:not(.menu-item) a:hover:after, p a:not(.no-transition):hover:after, #footer-holder li:not(.menu-item) a:hover:after{
    width: 100%;
    background: transparent;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: all 0s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0s cubic-bezier(0.4, 0, 0.2, 1);
}

.hide_footer{
  display: none !important;
}

.uppercase{text-transform:uppercase}

/* desktop portfolio grid */
section#thumbnails .thumb .thumb-inner .thumb-hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: rgba(68, 96, 111, 0.4);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
section#thumbnails .thumb-inner:hover .thumb-hover{
    background-color: rgba(68, 96, 111, 0.20);
}


/* mobile portfolio grid */
@media (min-width: 768px) {
  section#thumbnails .thumb h3.thumb-title { display: none; }
}
@media (max-width: 767px) {
  section#thumbnails .thumb-inner .thumb-hover h3{ display: none; }
  section#thumbnails .thumb .thumb-inner::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(68, 96, 111, 0.4);
  }
  section#thumbnails .thumb h3.thumb-title{
    position: absolute;
    width: 100%;
    padding: 0 10px;
    margin: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 24px;
    line-height: 1.1;
    font-weight: 700;
  }
  section#thumbnails .thumb h3.thumb-title span{
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
    margin-top: 8px;
  }

}

/* remove portfolio bottom margin */
section#thumbnails{
  margin-bottom: -30px;
  padding-top: 30px !important;
}
section#thumbnails .thumb{
  margin-top: -30px !important;
}


/* hide project icon on mobile */
@media (max-width: 767px) {
  img[alt*=project-icon]{
    display:none;
  }
}


/* Custom CSS End */