/*
Theme Name: Bawaslu Lampung
Theme URI: https://lampung.tendody.com/
Author: M. Taufiq & AMS Developer
Author URI: https://amsolution.site/
Description: Desain terbaru untuk template situs Bawaslu Lampung, di integrasikan dengan theme options dan framework bootstrap - versi 5.2 
Tags: Bawaslu RI, Bawaslu Lampung, Template Pro, Premium Themes, Wordpress, Self Hosting
Version: 1.0
Requires at least: 6.0
Tested up to: 6.3
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bawaslu-lampung
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

:root{
    --bs-danger-rgb: 180,15,32 !important;
    --bs-nav-link-font-size: 90% !important;
}

*,::before,::after{ 
    font-family: sans-serif;
}

.carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev {
    display: flex;
}
.carousel-control-next, .carousel-control-prev{
    width: 10%;
}
.carousel-inner .carousel-item img.logo-tautan{
    width: auto;
    height: 100px;
    max-width: fit-content;
    max-height: fit-content;
}

.carousel-item.ratio>.carousel-caption{
	height: auto !important;
    top: unset !important;
    background-color: #000000b9;
    bottom: 0;
    padding-bottom: 2rem;
}

.navbar-collapse button:focus, .navbar-toggler:focus{
    box-shadow: none !important;
    border: none !important;
}

.active>.page-link, .page-link.active{
    background-color: #b40f20 !important;
    border-color: #a7222f !important;
    color: #ffffff !important;
}
.page-link{
    color: #b40f20 !important;
}

form#searchMenu {
    width: 100%;
}

.ribbon {
    width: 60px;
    border-top-left-radius: 3px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;;
}

.ribbon:after {
    content: "";
    height: 0;
    width: 0;
    bottom: -29.5px;
    left: 0;
    border-left: 30px solid var(--bs-danger);
    border-right: 30px solid var(--bs-danger);
    border-bottom: 15px solid transparent;
}

.ribbon span{
    background-color: var(--bs-danger);
    width: 100%;
    display: block;
    color: #fff;
    font-family: sans-serif;
}

.ribbon span.hari{
    font-size: 40%;
    padding-top: 10%;
}
.ribbon span.tanggal{
    font-size: 200%;
    font-weight: 800;
    line-height: 1;
    padding-top: 10%;
    font-family: sans-serif;
    color: var(--bs-warning);
}
.ribbon span.tahun{
    font-size: 50%;
    font-weight: 800;
}
.ribbon span.waktu{
    font-size: 50%;
    padding-bottom: 10%;
}

@media (min-width: 992px){
    form#searchMenu {
        width: auto;
    }
}