/* font import */
@import url("https://fonts.googleapis.com/css2?family=Lora&display=swap");
body {
    color: #020001;
    background-color: #fff;
    font-family: "Lora", serif;
    scroll-behavior: smooth;
}

.navbar-float,
.dropdown-menu {
    background-color: #fff;
}
.navbar-float a,
.dropdown-item {
    color: #000000 !important;
    padding-left: 20px;
    padding-right: 20px;
}
nav {
    margin-bottom: 60px !important;
}
.navbar-float a:hover,
.navbar-float a:active,
.dropdown-item:active,
.dropdown-item:hover {
    color: #d3a1c4 !important;
    background: none !important;
}
.rounded-pill {
    border-radius: 3%;
    background-color: #d3a1c4;
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.square-pill {
    padding-left: 30px !important;
    padding-right: 30px !important;
    background-color: #d3a1c4;
}
.home-banner {
    padding-top: 130px;
}
.home-banner h1 {
    font-weight: 600;
    font-size: 46px;
}
.home-banner p {
    color: #341e2b;
    font-size: 200;
}
.pointers-margin {
    margin-top: 150px;
}
.pointers-margin p {
    padding-top: 10px;
    color: #341e2b;
}
.navbar-toggler {
    background-color: #d3a1c4;
}
.page-section,
.mt-10 {
    margin-top: 100px;
}
.pt-10 {
    padding-top: 100px;
}
.main-points p {
    text-indent: 20px;
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #341e2b;
}
.title-section {
    color: #341e2b;
    font-weight: 600;
    font-size: 43px;
    padding-bottom: 10px;
}

.display-3 {
    margin-bottom: 20px;
}
.display-3 img {
    width: 80%;
    border-radius: 5px;
}
.our-morale h5 {
    color: #341e2b;
    font-weight: 600;
    font-size: 30px;
}
.aid-tracker .col-lg-4 {
    margin-top: 40px;
}
.aid-tracker p {
    color: #68485d;
}
.aid-tracker {
    margin-bottom: 50px;
}
.img-round {
    border-radius: 5px;
    width: 80%;
}
.background-main {
    padding-top: 100px;
    padding-bottom: 100px;
}
.donate-form input {
    border: 2px solid #341e2b;
    color: #020001;
    font-size: 24px;
}
.donate-button {
    background-color: #020001;
    color: #f9fafc;
    padding-left: 30px;
    padding-right: 30px;
}
.our-morale p {
    margin-top: 30px;
}
.post-title {
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 26px;
    text-decoration: underline;
}
.blog-item a {
    color: #341e2b;
    text-decoration: unset;
}
.blog-item img {
    border-radius: 5px;
}
.blog-item {
    margin-bottom: 30px;
}
.page-footer {
    padding-top: 130px;
    padding-bottom: 100px;
}
.page-footer a {
    color: #341e2b;
}
.page-footer a:hover,
.page-footer a:active {
    color: #d3a1c4;
    text-decoration: none;
}
.page-footer h5 {
    font-size: 30px;
    font-weight: 300;
    color: #020001;
    padding-bottom: 30px;
    text-transform: uppercase;
}
.page-footer li {
    list-style: none;
}
.sosmed-button span {
    font-size: 30px;
    padding-left: 15px;
    color: #020001;
}
#copyright i,
#copyright a {
    color: red;
    text-transform: uppercase;
}

/* ABOUT PAGE */

.approach-bg-img {
    opacity: 0.2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
}
.top-wrap {
    overflow: hidden;
    position: relative;
    background-color: #d3a1c4;
}
.approach-text {
    position: relative;
}
.approach-text p {
    color: #000000;
    font-weight: 500;
    font-size: 22px;
    padding-top: 10px;
}
.pb-10 {
    padding-bottom: 100px;
}

.how-do-we {
    font-weight: 200;
    font-size: 26px;
}
.bold {
    font-weight: 600;
}
.guiding h3 {
    font-weight: 600;
    padding-bottom: 30px;
    font-size: 30px;
}
.btn-white {
    background-color: #fff;
}
.blog-item {
    margin-top: 40px;
}
.blog-image img,
.image-manage img {
    width: 100% !important;
    margin-bottom: 40px;
    border-radius: 10px;
}
.blog-inner-item h3,
.blog_title {
    font-weight: 600;
    padding-bottom: 20px;
    font-size: 28px;
    color: #341e2b;
}
.blog-inner-item h5,
.blog_subtitle {
    font-weight: 300;
    padding-bottom: 10px;
    font-size: 20px;
}
.blog_title,
.blog_subtitle {
    padding-bottom: 15px;
}
.blog-inner-item p,
.blog_body_content {
    font-weight: 200;
    font-size: 14px;
    padding-bottom: 10px;
    color: #68485d;
}
.category-side h5 {
    font-size: 26px;
    font-weight: 600;
    color: #341e2b;
    padding-bottom: 20px;
}
.category-side h6 {
    color: #d3a1c4;
    font-size: 20px;
    padding-bottom: 5px;
}

#maincommentscontainer {
    margin-top: 70px;
}

.contact h4 {
    font-weight: 600;
    color: #341e2b;
    text-decoration: underline;
    margin-bottom: 20px;
}
.contact p {
    font-weight: 200;
    color: #000000;
    padding-bottom: 10px;
}