/* ==========================================
   VLC Cloudflare Pages Theme
   ========================================== */

:root{
    --vlc-orange:#ff8800;
    --vlc-dark:#2d2d2d;
    --vlc-light:#f8f9fa;
    --vlc-text:#555;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:Arial,Helvetica,sans-serif;
    color:var(--vlc-text);
    background:#fff;
    line-height:1.7;
}

/* Navbar */

.navbar{
    transition:.3s;
}

.navbar-brand img{
    transition:.3s;
}

.navbar-brand:hover img{
    transform:rotate(-5deg) scale(1.05);
}

.nav-link{
    font-weight:500;
    margin-left:10px;
}

.nav-link:hover{
    color:var(--vlc-orange)!important;
}

/* Hero */

.hero{
    padding-top:70px;
    padding-bottom:70px;
}

.hero h1{
    color:#222;
    font-weight:700;
}

.hero p{
    font-size:1.1rem;
}

.hero img{
    max-width:100%;
}

/* Buttons */

.btn-warning{
    background:var(--vlc-orange);
    border-color:var(--vlc-orange);
    color:#fff;
}

.btn-warning:hover{
    background:#e67700;
    border-color:#e67700;
    color:#fff;
}

.btn-outline-warning{
    color:var(--vlc-orange);
    border-color:var(--vlc-orange);
}

.btn-outline-warning:hover{
    background:var(--vlc-orange);
    color:#fff;
}

/* Cards */

.card{
    border-radius:14px;
    transition:.25s ease;
}

.card:hover{
    transform:translateY(-8px);
    box-shadow:0 1rem 2rem rgba(0,0,0,.12)!important;
}

.card img{
    margin-bottom:15px;
}

/* Sections */

section{
    padding-top:70px;
    padding-bottom:70px;
}

.bg-light{
    background:#f8f9fa!important;
}

section h2{
    color:#222;
    font-weight:700;
    margin-bottom:15px;
}

section p{
    color:#666;
}

/* News */

.list-group-item{
    border:none;
    padding:25px;
}

.list-group-item:not(:last-child){
    border-bottom:1px solid #eee;
}

.list-group-item h5{
    color:#222;
    margin-bottom:8px;
}

/* Footer */

footer{
    background:var(--vlc-dark)!important;
}

footer h5{
    margin-bottom:20px;
}

footer a{
    transition:.2s;
}

footer a:hover{
    color:var(--vlc-orange)!important;
    text-decoration:none;
}

footer hr{
    border-color:rgba(255,255,255,.15);
}

/* Images */

img{
    max-width:100%;
}

/* Utilities */

.shadow-sm{
    transition:.25s;
}

.shadow-sm:hover{
    box-shadow:0 .75rem 2rem rgba(0,0,0,.12)!important;
}

/* Responsive */

@media (max-width:991px){

.hero{
    text-align:center;
}

.hero .btn{
    width:100%;
}

.navbar-nav{
    padding-top:15px;
}

}

@media (max-width:768px){

.display-4{
    font-size:2.3rem;
}

.hero{
    padding-top:40px;
}

section{
    padding-top:50px;
    padding-bottom:50px;
}

.card{
    margin-bottom:20px;
}

}

@media (max-width:576px){

.display-4{
    font-size:2rem;
}

.hero p{
    font-size:1rem;
}

footer{
    text-align:center;
}

footer img{
    margin-bottom:20px;
}

}
/* Navigation dropdown arrow */

.navbar .dropdown-toggle::after {
    margin-left: .5rem;
    vertical-align: middle;
}
.navbar .dropdown-toggle::after{
    display:inline-block;
    margin-left:.4rem;
    vertical-align:.2em;
    content:"";
    border-top:.35em solid;
    border-right:.35em solid transparent;
    border-left:.35em solid transparent;
}
@media (min-width:992px){

.navbar .dropdown:hover>.dropdown-menu{

display:block;

margin-top:0;

}

}
.dropdown-menu{

opacity:0;

visibility:hidden;

display:block;

transform:translateY(10px);

transition:.25s;

}

.dropdown:hover .dropdown-menu{

opacity:1;

visibility:visible;

transform:translateY(0);

}
.dropdown-menu{

border-radius:12px;

border:none;

box-shadow:0 12px 30px rgba(0,0,0,.12);

padding:10px 0;

}

.dropdown-item{

padding:10px 18px;

}

.dropdown-item:hover{

background:#fff4e6;

color:#ff8800;

}