/*member*/
.su-member-style-1 .su-member-name {
    text-transform: uppercase;
    font-size: 1.4em;
}
.su-member-style-1 .su-member-role {
    text-transform: uppercase;
}
.su-member-style-1, .su-member-icons {
    border: none !important;
}
.su-member-style-1 .su-member-desc {
    border-top: 1px solid #444;
    padding-top: 15px;
}
.su-member-style-1 .su-member-ic a .fa {
    color: #444 !important;
}
.su-member-style-1 .su-member-ic a {
    margin: 0 1em;
}

/*portfolio*/
.su-portfolio-style1 .cbp-item .sup-img-wrap:before, 
.su-portfolio-style1 .cbp-item .sup-img-wrap:after {
    position: absolute;
    content: '';
}
.su-portfolio-style1 .cbp-item .sup-img-wrap:before {
    height: 220%;
    width: 80%;
    left: -100%;
    top: -50%;
    z-index: 11;
    transform: rotate(25deg);
    transform-origin: top;
    transition: .5s left ease;
}
.su-portfolio-style1 .cbp-item .sup-img-wrap:after {
    height: 175%;
    width: 55%;
    background-color: rgba(0,0,0,0.7);
    bottom: -1000%;
    left: 53%;
    z-index: 10;
    transform-origin: bottom;
    transform: rotate(-33deg);
    transition: .8s bottom ease;
}
.su-portfolio-style1 .cbp-item:hover .sup-img-wrap:before {
    left: 5%;
}
.su-portfolio-style1 .cbp-item:hover .sup-img-wrap:after {
    bottom: -70%;
}
.su-portfolio-style1 .sup-meta-wrap {
    position: absolute;
    background-color: transparent !important;
    top: -50px;
    padding: 25px !important;
    width: 100%;
    z-index: 110;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.su-portfolio-style1 .cbp-item:hover .sup-meta-wrap {
    top: 0;
    opacity: 1;
}
.su-portfolio-style1 .sup-title {
    text-align: left !important;
    width: 60%;
} 
.su-portfolio-style1 .sup-title h4 {
    color: #fff !important;
    font-size: 18px !important;
    line-height: normal !important;
}
.su-portfolio-style1 .sup-meta {
    color: #ddd !important;
    text-align: left !important; 
}
.su-portfolio-style1 .cbp-caption-activeWrap {
    width: auto !important; 
    height: auto !important;
    top: auto !important;
    bottom: 0px;
    background-color: transparent !important;
    z-index: 222 !important;
    left: 25px !important;
    -webkit-transition: all .6s cubic-bezier(0.19, 1, 0.22, 1) !important;
    transition: all .6s cubic-bezier(0.19, 1, 0.22, 1) !important;
}
.su-portfolio-style1 .cbp-item:hover .cbp-caption-activeWrap {
    bottom: 25px;
    opacity: 1 !important;
}
.su-portfolio-style1 .cbp-caption:hover .sup-img-wrap img {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}
.su-portfolio-style1 .sup-link:after {
    background-color: #444 !important;
    color: #fff !important;
}
.su-portfolio-style1 .sup-link:hover::after {
    background-color: #000 !important;
}
.su-portfolio-style1 .sup-zoom:hover::after {
    background-color: #ddd !important;
}
.su-portfolio-style1 .sup-zoom {
    margin-left: 0 !important;
}
/*blog post*/
.KirionBPost .blogPostItem:hover h3, 
.KirionBPost .blogPostItem:hover .meta, 
.KirionBPost .blogPostItem:hover p, 
.KirionBPost .blogPostItem:hover .moduleLink a {
    transform: translateX(0);
}
.cbp-caption-moveRight .cbp-caption:hover .cbp-caption-activeWrap {
    -webkit-transform: translateX(77%) skewX(-13deg) !important;
    transform: translateX(77%) skewX(-13deg) !important;
    text-align: right;
}
.cbp-caption-moveRight .cbp-l-caption-alignLeft .cbp-l-caption-body {
    transform: skewX(13deg) !important;
}

.cbp-caption-overlayBottom .cbp-caption-activeWrap {
    height: 75px !important;
}

/*section*/
.tm-features .su-section {z-index: 111;}
@media only screen and (min-width: 768px) and (max-width: 960px) {
    .tm-features .su-section {margin-top: -20% !important;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tm-features .su-section {margin-top: -25% !important;}    
}

/*contact form*/
.su-form-wrapper .submit-button {
    margin-top: 15px !important;
    text-align: right;
}
.su-form-wrapper .submit-button input {
    min-width: 25%;
    text-align: center;
    margin-right: 0 !important;
}
.su-form-wrapper .submit-button input:hover {
    color: #fff !important;
}
.su-contact-form .form-control {
    background: rgba(255, 255, 255, 0.5);
    color: #444;
    font-weight: normal;
    box-shadow: none !important;
    border: 1px solid #ddd;
}
.su-contact-form .su-form-label {
    color: #444;
    font-weight: normal;
}

/* Mailchimp design */
.su-newsletter-wrapper input.su-newsletter-email {
    width: 88%;
    height: 50px;
    border-color: rgba(255, 255, 255, 0.3) !important;
    background: transparent;
    float: left;
    margin-right: 0;
}
.su-newsletter-wrapper div.su-newsletter-button {
    position: relative;
}
.su-newsletter-wrapper div.su-newsletter-button:before {
    position: absolute;
    left: 50%;
    top: calc(50% - 15px);
    content: "\f003";
    font-family: FontAwesome;
    font-size: 18px;
    margin-left: -8px;
    color: #FFF;
    pointer-events: none;
}
.su-newsletter-wrapper input.su-newsletter-submit {
    height: 50px;
    box-sizing: border-box;
    text-indent: -2000px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    outline: none;
    background: transparent;
    padding: 0 30px;
}
.su-newsletter-wrapper input.su-newsletter-submit:hover {
    background: rgba(255, 255, 255, 0.04)
}
@media only screen and (min-width: 1200px) {
    .su-newsletter-wrapper input.su-newsletter-email {
        border-right: 0; 
    }
}
/*post grid*/
.su-post-grid.template-style .postImage, 
.su-post-grid.template-style .postDesc {
    display: inline-block;
    width: 50%;
    float: left;
}
.su-post-grid.template-style .su-blog-img {
    margin-bottom: 0;
}
.su-post-grid.template-style .postImage {
    position: relative;
}
.su-post-grid.template-style .postDesc {
    padding: 6% 30px;
    text-align: center;
}
.su-post-grid.template-style .cbp-wrapper .cbp-item:nth-child(4n+3) .postImage, 
.su-post-grid.template-style .cbp-wrapper .cbp-item:nth-child(4n+4) .postImage {float: right;}
.su-post-grid.template-style .cbp-l-grid-blog-title{margin-top: 0;}

.su-post-grid.template-style .cbp-wrapper .cbp-item .postImage:before {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    content: '';
    border: 14px solid transparent;
    z-index: 11;
}

.su-post-grid.template-style .cbp-wrapper .cbp-item:nth-child(4n+1) .postImage:before,
.su-post-grid.template-style .cbp-wrapper .cbp-item:nth-child(4n+2) .postImage:before {
    border-right-color: #fff;
    right: -1px;
}

.su-post-grid.template-style .cbp-wrapper .cbp-item:nth-child(4n+3) .postImage:before,
.su-post-grid.template-style .cbp-wrapper .cbp-item:nth-child(4n+4) .postImage:before {
    left: -1px;
    border-left-color: #fff;
}
.tm-sidebar-a .flickrfeed li {
    width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0 5px 5px 0;
}

/*carousel*/
.su-carousel-style-1 .su-carousel-slide {
    text-align: left !important;
}
.su-carousel-style-1 .su-carousel-caption .su-cmeta {
    margin-bottom: 5px;
}

.su-carousel-style-1 .su-carousel-slide-title {
    margin-bottom: 15px;
    font-size: 20px;
    line-height: normal;
}

.su-carousel-style-1 .su-carousel-image {
    margin: -20px -20px 0;
}
.su-carousel-caption {
    padding-left: 12px !important;
}

@media (max-width: 980px) {
   .su-post-grid.template-style .cbp-wrapper .cbp-item:nth-child(2n+0) .postImage {
        float: right !important;
   }
   .su-post-grid.template-style .cbp-wrapper .cbp-item:nth-child(2n+0) .postImage:before {
        border-left-color: #fff;
        left: -1px;
        border-right: 0;
   }
   .su-post-grid.template-style .cbp-wrapper .cbp-item .postImage {
        float: left !important;
   }
    .su-post-grid.template-style .cbp-wrapper .cbp-item:nth-child(2n+1) .postImage:before {
        right: -1px;
        border-right-color: #fff;
        border-left: 0;
    }
    
}

@media (max-width: 768px) {
   .su-post-grid.template-style .postImage, 
    .su-post-grid.template-style .postDesc {
        width: 100% !important;
        float: none !important;
    }
    .su-post-grid.template-style .cbp-wrapper .cbp-item .postImage:before {
        display: none !important;
    }
    .su-post-grid.template-style .postDesc {
        padding: 15px 30px 30px !important;
    }
}