.cursor-pointer {
    cursor: pointer;
}

.content-with-media-on-side .row:after, .col-row-card .row:after {
    content: "";
    display: table;
    clear: both;
}

.content-with-media-on-side .col-with-bg:after {
    content: "";
    display: block;
    background-image: url(/images/site/banner-X2.png), url(/images/site/banner-X3.png), url(/images/site/large-bg-X.png);
    background-size: 150px 150px, 100px 100px, 50px 50px;
    background-repeat: no-repeat;
    /* background-position: center center; */
    width: 150px;
    height: 150px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    transform: translateY(-50%) translateX(50%);
    top: 50%;
    z-index: 0;
    opacity: 0.3;
}

.feature-row .card:before {
    content: "";
    display: block;
    background-image: url(https://dogoodx.org/images/site/icn-up-triangle.png);
    width: 150px;
    height: 150px;
    margin: 0 auto;
    position: absolute;
    left: -22px;
    top: -19px;
    z-index: 0;
    opacity: 0.8;
    background-repeat: no-repeat;
}

.feature-row .card ~ .card:before {
    content: "";
    display: block;
    background-image: url(https://dogoodx.org/images/site/icn-dn-triangle2.png);
    width: 150px;
    height: 150px;
    margin: 0 auto;
    position: absolute;
    right: -100px;
    bottom: -100px;
    top: unset;
    left: unset;
    z-index: 0;
    opacity: 0.8;
    background-repeat: no-repeat;
}

.feature-list-card {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.feature-list-card__icon {
    max-width: 80px;
}

.cover-card img {
    transition: all 0.9s ease-in-out;
}

.cover-card:hover img {
    transform: scale(1.6) !important;
}

.cover-card .card-img-overlay {
    background: rgba(0,0,0,0.6);
}

.content-masonry .pagination {
    list-style: none;
}

.content-masonry .pagination li {
    list-style: none;
    cursor: pointer;
}

.dark {
    color: white !important;
    background: #333 !important;
}

.dark p:not(.card-text) {
    color: white !important;
}

.dark.blog-card p {
    color: white !important;
}

.dark h2, .dark h3, .dark h4, .dark h5 {
    color: #ffd104 !important;
}

.dark div.card-body {
    color: black;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 6px 6px 0 0px rgba(255, 209, 4,.25);
}

.slanted {
    padding-bottom: 5rem !important;
    padding-top: 5rem !important;
    clip-path: polygon(0 60px, 100% 0, 100% calc(100% - 60px), 0 100%);
    -webkit-clip-path: polygon(0 60px, 100% 0, 100% calc(100% - 60px), 0 100%);
}

.slanted-reverse {
    padding-bottom: 5rem !important;
    padding-top: 5rem !important;
    clip-path: polygon(0 0, 100% 60px, 100% 100%, 0 calc(100% - 60px));
    -webkit-clip-path: polygon(0 0, 100% 60px, 100% 100%, 0 calc(100% - 60px));
}