/*
Theme Name: SNL Schroefpalen
Theme URI: https://riethorst.co
Version: 1.0
License: Auteursrecht ligt bij Bob Riethorst Beheer BV
Text Domain: riethorst
*/

:root {
    --bs-font-sans-serif: "PT Sans", sans-serif;
    --bs-primary: #FA7411;
    --bs-primary-rgb: 250, 116, 17;
    --bs-link-color: var(--bs-primary);
    --bs-link-color-rgb: var(--bs-primary-rgb);
    --bs-link-hover-color: var(--bs-primary);
    --bs-link-hover-color-rgb: var(--bs-primary-rgb);
    --bs-dark: #040727;
    --bs-dark-rgb: 4, 7, 39;  
    --bs-border-radius: 0.4rem;
    --fwdis-font-heading: "Fira Sans", sans-serif;
    --bs-light: #999;
    --bs-light-rgb: 153, 153, 153;
    --bs-secondary: #F2F0EB;
    --bs-secondary-rgb: 242, 240, 235;

}

body{
    -webkit-font-smoothing: antialiased;
}

html, body, div, button, h1, h2, h3, h4, h5, h6, p, a, ul, ol, li, img, a, .btn {
    transition: all .2s ease-in-out;  
}


h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, button, .btn, .button, .badge, .alert, .nav-item, .nav-link{
    font-family: var(--fwdis-font-heading);
}

h1, .h1, h2, .h2, h3, .h3{
    font-weight: 800;
}

/* BUTTONS */

.btn-primary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-dark);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--bs-dark);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-dark);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

/* IMAGES */

.bg-cover {
    background-size: cover !important;
    background-position: 50% 50% !important;
}

/* NAVBAR */

.navbar{
    z-index: 9999;
}

.navbar-brand img{
    height: 64px;
}

/* HERO */

.hero.hero-big{
    background: var(--bs-dark);
    height: calc(100vh - 96px);
    min-height: 600px;
    max-height: 800px;
}

.hero .navbar{
    top: 0px;
    left: 0px;
    right: 0px;
}

.hero .bg-overlay{
background: #1D213C4D;
background: linear-gradient(180deg, #1D213C4D, #1D213C99);    
}

/* FEATURED IMAGE */

.featured-image{
    height: 300px;
}

@media (min-width: 992px) {

    .featured-image{
        height: 600px;
    }

}    

/* CONTENT */

.content p{
    font-size: 1.1rem;
    line-height: 2rem;
    color: var(--bs-dark);
}

/* CONTENT WIDE */

.content-wide h2, .content-wide h3, .content-wide h4, .content-wide h5, .content-wide h6, .content-wide p{
    max-width: 48rem;
    margin: 0 auto;    
}

.content-wide h3, .content-wide h4, .content-wide h5, .content-wide h6{
    margin-bottom: .5rem;
}

.content-wide h2{
    color: var(--bs-primary);
    margin-bottom: 1.5rem;
}

.content-wide .h3, .content-wide h3 {
    font-size: 1.4rem;
    color: var(--bs-dark);
}

.content-wide p{
    margin-bottom: 2.5rem;
}

.content-wide .gform-theme{
    max-width: 48rem;
    margin: 0 auto;      
}
/* ACCENTS */

.topbar, .break{
    background: #E0301E;
    background: linear-gradient(270deg, rgba(224, 48, 30, 1) 0%, rgba(235, 140, 0, 1) 50%, rgba(4, 7, 39, 1) 100%);    
    height: 6px;
}

/* CREDITS */

.credits ul>li>a{
    font-size: .9rem;
    text-decoration: none;
}

@media (min-width: 992px) {

.credits ul>li{
    display: inline-block;
    padding: 0rem 1rem;
}

.credits ul>li:first-of-type{
    display: inline-block;
    padding: 0rem 1rem 0rem 0rem;
}

.credits ul>li:last-of-type{
    display: inline-block;
    padding: 0rem 0rem 0rem 1rem;
}
}