.ecwl-regular-font {
font-family: calibri, sans-serif;
}
.ecwl-gallery *,
.ecwl-gallery *:before,
.ecwl-gallery *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.ecwl-gallery {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 2em auto;
overflow: hidden;
max-width: 1280px;
padding: 1em 0 0 1em;
overflow: inherit;
}
.ecwl-gallery .ecwl-tile {
display: block;
width: 100%;
padding: 0 1.75em 1.75em 0;
}
.ecwl-gallery .ecwl-tile .ecwl-post {
background-color: #f5f6fa;
color: #222223;
text-align: left;
padding: 1.5em;
border-radius: .50rem;
box-shadow: 0 0 0.75rem rgba(0, 0, 0, .15);
}
.ecwl-post {
cursor: pointer;
} .ecwl-campaign-img {
width: 100%;
height: 10em;
object-fit: cover;
border-radius: .25rem!important;
min-height: 10em;
max-height: 10em;
}
.ecwl-category-box {
display: flex;
height: auto;
margin-top: -15px;
margin-bottom: 10px;
}
.ecwl-category-badge {
display: inline-block;
width: auto;
padding: 5px 15px;
background-color: #d6d8d9;
color: #EDEDED;
text-decoration: none;
border-radius: 0 .25rem .25rem .25rem;
font-size: 12px;
font-weight: 600;
text-transform: capitalize;
}
.ecwl-user-box,
.ecwl-meta,
.ecwl-meta-box {
display: flex;
align-items: center;
} .ecwl-campaign-box {
min-height: 70px;
width: auto;
display: grid;
align-items: center;
margin: 5px 0;
}
.ecwl-campaign-name {
font-size: 22px;
line-height: 1;
font-weight: 600;
color: #222223;
margin: 0;
text-align: center;
}
.ecwl-campaign-name a {
text-decoration: none;
color: inherit;
} .ecwl-rounded-circle {
border-radius: 50% !important;
}
.ecwl-img-profile {
height: 3rem;
width: 3rem;
display: inline;
object-fit: cover;
}
.ecwl-creator-detail {
margin-left: .5rem;
}
.ecwl-creator-name {
display: block;
}
.ecwl-creator-name {
font-size: 16px;
font-weight: 600;
color: #222223;
line-height: 1;
}
.ecwl-creator-region {
font-size: 12px;
color: #222223;
font-weight: 300;
} .ecwl-meta-box {
margin: 5px 0;
}
hr.ecwl-space {
margin: 10px;
border: 1px solid #fff;
}
.ecwl-campaign-percentage {
font-weight: 600;
font-size: 18;
background-color: black;
padding: 5px;
color: white;
border-radius: 0.25rem;
}
.ecwl-progbar,
.ecwl-progbar span {
position: relative;
width: 100%;
height: 14px;
line-height: 26px;
text-align: center;
color: #000;
font-weight: bold;
background-color: #dcdcdc;
}
.ecwl-progbar b {
height: 28px;
width: 3px;
overflow: visible;
position: absolute;
top: -8px;
background: green;
z-index: 99;
}
.ecwl-progbar span {
position: absolute;
color: #fff;
left: 0;
top: 0;
border: none;
background: #f6c23e;
z-index: 1;
height: 14px;
}
span.ecwl-progbar-value  {
background: #A1F085;
}
span.ecwl-progbar-value-25  {
background: #7FCD65;
}
span.ecwl-progbar-value-50  {
background: #5DAB46;
}
span.ecwl-progbar-value-75  {
background: #3A8A26;
}
span.ecwl-progbar-value-100  {
background: #064406;
}
.ecwl-meta-value,
.ecwl-meta-goal {
font-weight: 600;
font-size: 18px;
}
.ecwl-meta-min {
color: green;
font-weight: 600;
font-size: 18px;
} .ecwl-tooltip {
position: relative;
color: green;
}
.ecwl-tooltip:hover {
width: max-content;
display: inline-flex;
} .ecwl-tooltip .ecwl-tooltiptext {
visibility: hidden;
width: auto;
background-color: green;
color: #fff;
text-align: center;
padding: 0 10px;
border-radius: 6px;
z-index: 1;
left: -50%;
display: inline-table;
top: -25px;
position: inherit;
}
.ecwl-tooltip:hover .ecwl-tooltiptext {
visibility: visible;
} .ecwl-tag-success, .ecwl-tag-danger, .ecwl-tag, .ecwl-tag-info  {
margin-right: 0.25rem;
padding: 0.20rem 0.5rem;
border-radius: 0.75rem;
display: inline-block;
margin-bottom: 0.5rem;
color: #fff;
font-size: 14px;
font-weight: 300;
}
.ecwl-tag-info {
background-color: cadetblue;
}
.ecwl-tag-danger {
background-color: coral;
}
.ecwl-tag-success {
background-color: green;
}
small.ecwl-tag {
background-color: silver;
} .ecwl-load-more {
display: inline-block;
width: 100%;
margin: 2em auto;
overflow: hidden;
text-align: center;
}
.ecwl-btn-loadmore {
width: 250px;
height: 40px;
margin: 1.0em;
border-radius: 30px;
border: none;
background-color: #17a2b8;
color: white;
text-transform: uppercase;
font-weight: 300;
font-size: 18px;
}
.ecwl-btn-loadmore:hover {
border: none;
background-color: #00bf9a;
} @media screen and (min-width:480px) {
.ecwl-gallery .ecwl-tile {
width: 50%;
float: left;
}
.ecwl-gallery .ecwl-tile.ecwl-wide,
.ecwl-gallery .ecwl-tile.ecwl-full {
width: 100%;
}
}
@media screen and (min-width:720px) {
.ecwl-gallery .ecwl-tile {
width: 33.333%;
float: left;
}
.ecwl-gallery .ecwl-tile.ecwl-wide {
width: 66.667%;
}
}
@media screen and (min-width:960px) {
.ecwl-gallery .ecwl-tile {
width: 25%;
float: left;
}
.ecwl-gallery .ecwl-tile.ecwl-wide {
width: 50%;
}
}