/*
themes/assets/css/custom.css CSS file for Website
The FILES_FOLDERS places the customs.css in themes/assets/css/ in the 
output/assets/css/ folder
FILES_FOLDERS = {'files': 'files', 'themes/assets/css/': 'assets/css/'}
*/

/*
logo used in conf.py. 
LOGO_URL = "/images/wlug-2000.svg" and set SHOW_BLOG_TITLE = False

Set the height of the logo. Must be .svg file to be re-sized by css.

Set a minimum logo height to ensure .svg are displayed if there is no brand text (#3493)
#logo {
    min-height: 25px;
}

Set the height of the logo...
*/
#logo {
    height: 50px;
}
/*
.navbar-default .navbar-nav>.active>a:before,
.navbar-nav>li>a:before {
    background-repeat: no-repeat;
    background-position: 0 top;
    content: "";
    display: inline-block;
    height: 29px;
    margin-right: 10px;
    vertical-align: middle;
    width: 29px;
}
*/
.navbar-default .navbar-nav>.active>a.index:before,
.navbar-nav>li>a.index:before { 
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Instagram_logo_2016.svg/768px-Instagram_logo_2016.svg.png'); 
    }

/* <a href="https://twitter.com/WaikatoLUG"><img alt="Twitter" src="/images/twitter.png" width=40"></a>
<img class="logo" src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Instagram_logo_2016.svg/768px-Instagram_logo_2016.svg.png">
*/

/* #4c828f # 386e7b 56,110,123, are darker versions of logo color 126,180,193 = 7eb4c1 */
.navbar {
  background-color: #386e7b !important;
 
}

/*
.navbar {
  background-color: #ff0000 !important;
}


.navbar {
  background-color: linear-gradient(90deg, #ff8a00 0%, #000000 100%) !important;
}
*/

/* The background area around the navigation link test. */
/*
.nav-link {
  background-color: red !important;
*/

/* Default colour of the text on the navigation bar
b8f0fd = 184 240 253 a lighter version of 126,180,183*/
.nav-link, .dropdown-item {
    color: #b8f0fd !important;
    font-size: 120%;
}

/* Colour of the text on the navigation bar when hover and drop-down*/
.nav-link:hover, .dropdown-item:hover {
    color: white !important;
}

/*
.navbar .navbar-nav > li .navbar-item ,
.navbar .navbar-brand{
                       color: red;
                      }
                      
*/