@charset "utf-8";
/* Causes CSS Document */
.cause-list { position:relative; margin-bottom:30px; box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
.cause-inner { position:relative;}
.cause-thumbnail { position:relative; overflow:hidden; -webkit-transition:all 0.6s ease 0s; transition:all 0.6s ease 0s;}
.cause-thumbnail:before { position:absolute; top:50%; left:50%; z-index:1; display:block; content:''; width:0; height:0; background:rgba(255, 255, 255,.2); border-radius:0%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); opacity:0;}
.cause-thumbnail img { width:100%; height:auto; display:block; -webkit-transition:all 0.6s ease 0s; transition:all 0.6s ease 0s;}
.cause-category { position:absolute; top:-16px; right:30px; background-color:#ef5f34; font-weight:500; font-size:18px; color:#ffffff; padding:0 25px; z-index:2;}
.cause-category a { color:#ffffff; line-height:33px;}
.cause-category a:hover { color:#282f34;}
.cause-content { padding:30px 20px 20px; position:relative;}
.cause-content h4 { margin-bottom:10px;}
.cause-meta { position:relative; background-color:#ef5f34; color:#ffffff; margin-bottom:20px;}
.cause-meta ul { margin:0; padding:0; display:flex; justify-content:space-between;}
.cause-meta ul li { padding:10px 20px; font-size:16px; text-transform:uppercase; list-style:none;}

.cause-list:hover .cause-thumbnail:before { -webkit-animation:circle .95s; animation:circle .95s;}
.cause-list:hover .cause-thumbnail img { -webkit-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05);}

@keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
  100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
} 

/* Causes Single CSS Document */
.cause-single { position:relative;}
.cause-metadeta { position:relative; margin-bottom:20px;}
.cause-metadata-item { padding:10px 20px; border:1px solid #ef5f34; margin:0 15px; text-align:center; flex:auto;}
.cause-metadata-item span { display:inline-block; color:#ef5f34; font-size:18px; margin-right:10px;}
.cause-share { display:flex; justify-content:space-between; align-items:center;}