/*
===============================================================================================================================
Put your custom CSS in this file.
===============================================================================================================================
*/

/* Load of Font Awesome for use by Presentation Plugin */
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css');

/* CSS to style Presentation Plugin slides */
.reveal .slides {
    text-align: left;
}

.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
    text-transform: unset !important;
}

#blog-hero h1 {
    color: #f5c525;
    font-weight: 500 !important; 
}

#blog-hero h1 strong{
    font-weight: 600 !important; 
}

.overlay-dark-gradient .image-overlay {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .6), rgba(0, 0, 0, .3));
}

.navbar-brand .site-title {
    margin-left: 10px;
    font-size: 1.5rem; 
    vertical-align: middle;
}

.logo-title-container {
    display: flex;
    align-items: center; /* Ensures vertical alignment */
}

.logo-title-container .logo-img {
    max-height: 50px; /* Adjust the size as needed */
    margin-right: 10px; /* Adds space between logo and title */
}

.logo-title-container .site-title {
    font-size: .7rem; 
    font-weight: 700;
    vertical-align: middle;
}

.header-dark #header:not(.scrolled) .site-title {
    color: #fff !important;
}

/*Hamburger Menu*/
.mobile-menu {

   .button_container {

       &.active {

           .top {
               background: #f5c525 !important;
           }
           .middle {
               opacity: 0;
               background: #f5c525 !important;
           }

           .bottom {
               background: #f5c525 !important;
           }
       }

       span {
           background: #f5c525 !important;
       }
   }
}