.blog {
  margin: 0px;
}
.blog:after {
  clear: both;
  display: block;
  content: " ";
}
.blog:after {
  clear: both;
  display: block;
  content: " ";
}
.blog .item {
  padding: 0px;
  float: left;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .blog .item {
    width: 33.333333333333%;
  }
  .blog .item:nth-child(3n + 1) {
    clear: both;
  }
}
@media (min-width: 581px) and (max-width: 991px) {
  .blog .item {
    width: 50%;
  }
  .blog .item:nth-child(2n + 1) {
    clear: both;
  }
}
@media (max-width: 580px) {
  .blog .item {
    width: 100%;
    float: none;
  }
  .blog .item:nth-child(1n + 1) {
    clear: both;
  }
}
.blog .item:nth-child(odd) > div {
  background: #FFF;
  box-shadow: 0px 0px 40px rgba(0,0,0,0.15);
}
.blog .item > div {
  padding: 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}
.blog .item > div h3 a {
  text-decoration: none;
  color: inherit;
}
.blog .item > div h3 a:hover {
  color: inherit !important;
}
.blog .pagination-more {
  padding-top: 30px;
  clear: both;
}
.blog-single .page .image {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}
.blog-single .page .image img {
  width: 100%;
  display: block;
  margin: 0px auto;
  z-index: 1;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.blog-single .page .image:before {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: rgba(244,221,219,0.75);
  z-index: 2;
}
.blog-single .page .image:after {
  content: " ";
  position: absolute;
  bottom: 35px;
  left: 50%;
  margin-left: -68px;
  width: 136px;
  height: 20px;
  background: url('/img/logo-white.svg') no-repeat;
  background-size: 100% auto !important;
  z-index: 3;
}
@media (max-width: 767px) {
  .blog-single .page .image:after {
    bottom: 25px;
  }
}
@media (max-width: 480px) {
  .blog-single .page .image:after {
    bottom: 15px;
    width: 100px;
    height: 16px;
    margin-left: -50px;
  }
}
.blog-single .page .image .image-title {
  z-index: 4;
  font-weight: 700;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.blog-single .page .image .image-title > div {
  width: 100%;
  padding: 0px 15px;
  text-align: center;
  font-size: 39px;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .blog-single .page .image .image-title > div {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 767px) {
  .blog-single .page .image .image-title > div {
    font-size: 30px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 480px) {
  .blog-single .page .image .image-title > div {
    font-size: 24px;
  }
}
.blog-single .page table {
  width: 100% !important;
  border: 0px;
}
.blog-single .page table th,
.blog-single .page table td {
  border: 0px;
  border-bottom: 1px solid #e3e3e3;
  padding: 5px 10px;
}
.blog-single .page table tr:last-child td,
.blog-single .page table tr:last-child th {
  border-bottom: 0px;
}
.blog-single .page h1 {
  margin: 30px 0px 20px 0px;
  text-align: center;
}
.blog-single .page .date {
  font-size: 15px;
  font-weight: bold;
  display: table;
  margin: -10px auto 20px auto;
}
.blog-single .page .blog-author {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  display: table;
  text-align: center;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE2IDE2Ij4NCiAgPHBhdGggZD0iTTcuOTksNy42OWMtLjA5LDAtLjE5LDAtLjI4LS4wMS0xLjY2LS4xNC0yLjk3LTEuNjMtMi45Ny0zLjM3di0uNzNDNC43NCwxLjg0LDYuMDUuMzYsNy43MS4yMWMuOTItLjA4LDEuODIuMjMsMi40OS44NC42Ny42MiwxLjA2LDEuNDksMS4wNiwyLjR2Ljk4YzAsLjkxLS4zOCwxLjc5LTEuMDYsMi40LS42LjU1LTEuMzkuODUtMi4yMS44NVpNOCwxLjhzLS4xLDAtLjE1LDBjLS44NC4wNy0xLjUxLjg1LTEuNTEsMS43OHYuNzNjMCwuOTIuNjYsMS43LDEuNTEsMS43OC40OC4wNC45Mi0uMTEsMS4yNy0uNDMuMzUtLjMyLjU0LS43NS41NC0xLjIydi0uOThjMC0uNDctLjE5LS45LS41NC0xLjIyLS4zMS0uMjgtLjctLjQ0LTEuMTItLjQ0WiIgc3R5bGU9ImZpbGw6ICM1MzUzNTM7Ii8+DQogIDxwYXRoIGQ9Ik0xNC4xMSwxNS44SDEuODljLS40LDAtLjc4LS4xNy0xLjA1LS40Ny0uMjctLjMtLjQtLjctLjM2LTEuMS4yNy0yLjcxLDItNS4wNyw0LjUtNi4xNi44LS4zNSwxLjc2LS4xMSwyLjM0LjU3bC42OC44MS42OC0uODFjLjU4LS42OSwxLjU0LS45MiwyLjM0LS41NywyLjUsMS4wOSw0LjIzLDMuNDUsNC41LDYuMTYuMDQuNC0uMDkuOC0uMzYsMS4xLS4yNy4zLS42NS40Ny0xLjA1LjQ3Wk0yLjEsMTQuMmgxMS44Yy0uMjgtMi4wNS0xLjYxLTMuODMtMy41My00LjY2LS4xNS0uMDctLjM1LS4wMS0uNDcuMTNsLS44Mi45OGMtLjU0LjY0LTEuNjMuNjQtMi4xNywwbC0uODItLjk4Yy0uMTItLjE0LS4zMS0uMi0uNDctLjEzLTEuOTEuODMtMy4yNSwyLjYxLTMuNTIsNC42NloiIHN0eWxlPSJmaWxsOiAjNTM1MzUzOyIvPg0KPC9zdmc+DQo=") no-repeat left center;
  background-size: auto 25px !important;
  padding-left: 35px;
  line-height: 25px;
  margin: -10px auto 20px auto;
}
.blog-single .page .description img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.blog-single .page .description .el-button-wrapper {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.blog-single .blog-div {
  margin: 30px auto 0px auto;
  background: #FFF;
  width: 100%;
  max-width: 770px;
  box-shadow: 0px 0px 40px rgba(0,0,0,0.15);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.blog-single .blog-div > div {
  padding: 40px;
  text-align: center;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}
@media (max-width: 767px) {
  .blog-single .blog-div > div {
    padding: 30px;
  }
}
.blog-single .blog-div > div .t-medium {
  margin: 0px;
}
.blog-single .blog-div > div .t-medium + p {
  margin: 5px 0px 20px 0px;
}
.blog-single .blog-div > div p {
  margin-bottom: 0px;
}
.blog-single .blog-div > div .el-button {
  width: 100%;
  max-width: fit-content;
  text-align: center;
}
.blog-single .blog-div.blog-first-fundraiser {
  background: url('/img/blog/blog-create-fundraiser.jpg') no-repeat center center;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}