/* Generated from _config.matery.yml appearance; edit source config instead. */
body { background-color: #eaeaea; background-image: url("/medias/featureimages/3.png"); background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; color: #7f95d1; }
.bg-color { background-color: transparent; background-image: linear-gradient(to right, rgba(255, 94, 58, 0.7) 20%, rgba(127, 149, 209, 0.7) 80%); opacity: 1; }
header .nav-transparent { background-color: transparent !important; background-image: none; }
.bg-cover::after { -webkit-animation: none; animation: none; background: rgba(0, 0, 0, 0); }
.bg-cover .title { font-weight: 700; }
.index-card { margin-top: -50px; }
.cover-social-link { top: 18vh; }
.card .card-image img { border-radius: 5px 5px 0 0; }
footer .copy-right { width: 100%; }
@media only screen and (min-width: 993px) { .container { width: 85%; max-width: 1125px; } }
.index-cover .carousel-post .title { font-size: clamp(1.4rem, 3.2vw, 2.6rem); line-height: 1.45; overflow-wrap: anywhere; }
.index-cover .carousel-post .description { max-width: 780px; margin: 12px auto; }
.index-cover .carousel-control { border: 0; padding: 0; background: transparent; }
.index-cover .carousel-control:hover, .index-cover .carousel-control:focus-visible { background: rgba(0, 0, 0, .3); }
@media only screen and (max-width: 600px) { .index-cover .carousel-post .container { width: 100%; } .index-cover .carousel-post .row { margin-left: 0; margin-right: 0; } .index-cover .carousel-post .row > .col { width: 100%; margin-left: 0; padding: 0 56px; } }
.index-cover .carousel-control:focus-visible { outline: 2px solid white; outline-offset: 3px; }
@media only screen and (max-width: 600px) { body { background-attachment: scroll; } .index-cover .carousel-post .description { font-size: .95rem; line-height: 1.6; } .index-cover .carousel-post .cover-btns a { margin-top: 12px; } }
@keyframes maysea-cover-tint { 0%,100% { background: rgba(0, 0, 0, 0); } 50% { background: rgba(255, 94, 58, 0); } }
@media (prefers-reduced-motion: reduce) { .bg-cover::after { animation: none; -webkit-animation: none; } }