li.donate-menu {
background-color: #B83632;
border-radius: 5px;
display: inline-block;
}
li.donate-menu:hover {
background-color: #C93F21;
transition: all 0.5s;
}
li.donate-menu a.nav-link {
padding: 8px 16px;
color: #fff !important;
font-weight: bold;
}
#mainmenu li.donate-menu {
margin-left: 16px;
}
#sidemenu li.donate-menu a.nav-link {
padding: 4px 12px;
}
@media (max-width: 600px) {
#sidemenu ul li:last-child {
order: -1;
margin-bottom: 20px;
}
}
.mainmenu ul li a {
color: #555552;
}
.mainmenu ul li a:hover {
color: #7F7F7C;
}  @media (max-width: 600px) {
.carousel-inner .square {
padding-bottom: 0;
height: 320px;
}
}
.slider-caption {
text-align: right;
font-size: 52px;
}
.slider-caption.right {
text-align: right;
}
.slider-caption.left {
text-align: left;
}
@media (max-width: 600px) {
.slider-caption {
font-size: 40px;
}
}
.slider-gradient {
position: absolute;
width: 100%;
height: 100%;
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.7));
background-size: 100% 100%;
background-repeat: no-repeat;
top: 0;
left: 0;
}
.slider-gradient.right {
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.7));
}
.slider-gradient.left {
background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.7));
}
@media (max-width: 600px) {
.slider-gradient {
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.7));
}
}
.project-box a,
.project-box a:visited,
.project-box a:focus,
.project-box a:active {
color: white;
}
.project-box a:hover {
opacity: 0.7;
} .welcome {
font-size: 28px;
}
@media (max-width: 600px) {
.welcome {
font-size: 22px;
}
} .post-title::after {
content: "";
width: 100px;
height: 8px;
background-color: #B83632;
display: block;
margin: 10px 0;
}