@import url(https://fonts.googleapis.com/css?family=Arial|Lato|Montserrat|Open+Sans|Play|Raleway|Roboto:400,700);

/* Reset: */

/*! http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
/*h1, h2, h3, h4, h5, h6,*/ p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
    /***font: inherit;***/
	vertical-align: baseline;
}
/*! HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
/* end Reset */




body,html{font-family:'Open Sans',sans-serif;font-size:calc(14px + .125vw);line-height:calc(1.5em + .125vw)}

body{
    background-color: #2e3141;
    background-size: /*auto,*/ cover;
    background-attachment: fixed, fixed;   
    background-position: center, center
}

body.landing        {background-image: linear-gradient(to top, rgba(46, 49, 65, 0.1), rgba(46, 49, 65, 0.8)), url("../images/hero.19.png");}
body.about          {background-image: linear-gradient(to top, rgba(46, 49, 65, 0.1), rgba(46, 49, 65, 0.8)), url("../images/about/bcg.5.original.jpg");}
body.conferences    {background-image: linear-gradient(to top, rgba(46, 49, 65, 0.1), rgba(46, 49, 65, 0.8)), url("../images/conferences/bcg.1.original.jpg");}
body.software       {background-image: linear-gradient(to top, rgba(46, 49, 65, 0.1), rgba(46, 49, 65, 0.8)), url("../images/software/bcg.4.v2.jpg");}
body.thesis-prizes  {background-image: linear-gradient(to top, rgba(46, 49, 65, 0.1), rgba(46, 49, 65, 0.8)), url("../images/thesis-prizes/bcg.7.jpg");}
body.statements     {background-image: linear-gradient(to top, rgba(46, 49, 65, 0.1), rgba(46, 49, 65, 0.8)), url("../images/statements/bcg.10.original.jpg");}
body.members        {background-image: linear-gradient(to top, rgba(46, 49, 65, 0.1), rgba(46, 49, 65, 0.8)), url("../images/members/lisa.original.jpg");}
body.roadmap2010    {background-image: linear-gradient(to top, rgba(46, 49, 65, 0.1), rgba(46, 49, 65, 0.8)), url("../images/roadmap/hero.roadmap.1.jpg");}
body.roadmap2021    {background-image: linear-gradient(to top, rgba(46, 49, 65, 0.1), rgba(46, 49, 65, 0.8)), url("../images/roadmap/abstract.jpg");}

h1,h2,h3,h4,h5,h6   {font-family:'raleway'}

h1{font-size:1.4em}
h2{font-size:1.2em}
h3{font-size:1.1em}


/* Fonts: */
.smaller{font-size:90%} /* BS4 native .small is 80% */
.font-1{font-size:1em!important}
.font-2{font-size:2em!important}
.font-3{font-size:3em!important}
.font-4{font-size:4em!important}
.font-5{font-size:5em!important}

/* Dividers: */
.spacer-1,.spacer-2,.spacer-3,.spacer-4,.spacer-5{background-color:inherit}
.spacer-1{min-height:1em}
.spacer-2{min-height:2em}
.spacer-3{min-height:3em}
.spacer-4{min-height:4em}
.spacer-5{min-height:5em}

/* Img on hover: */
a > img:hover, a > i:hover{opacity:.8;transition:all .5s}


/* https://digitalsynopsis.com/design/color-palettes-schemes-combos-inspiration/ */

/* Pacific Dusk */
/* #3c3846 -- dark slate grey */
/* #4a4b7b -- dark eggplant */
/* #fde9cc -- creamy beige */

.color-primary-custom{background-color:#3c3846;color:inherit}
.color-secondary-custom{background-color:#4a4b7b;color:inherit}
.color-accent-custom{background-color:#fde9cc;color:inherit}

.background-white{background-color:#fff;color:inherit}
.background-transparent{background-color:inherit}
.font-primary-custom{color:#3c3846;background-color:inherit!important}
.font-secondary-custom{color:#636491;background-color:inherit!important}
.font-accent-custom{color:#fde9cc;background-color:inherit!important}



/* General */
a{color:#3142d4}
a:hover{color:inherit}


/* Customize navbar */
.navbar-dark-custom{background-color:#292a53;color:inherit}
.nav-link {color: #ddd;font-family:'raleway'}
.nav-link:hover{color: #fdf7ed}
.navbar-toggler-icon{border:1px solid #ccc}
/* not in use:
.fadein{animation: fadein 2s linear 1 forwards}
@keyframes fadein {
    0% { opacity: 0 }
    50% { opacity: .5 }
    100% { opacity: 1 }
}
.fadeout{animation: fadeout 2s linear 1 forwards}
@keyframes fadeout {
    0% { opacity: 1 }
    50% { opacity: .5 }
    100% { opacity: 0 }
}
*/

/* Dropdown menu custom here */
.dropdown-menu .active {background-color:#3a3b7c;color:white!important}

/* Header: */
/* Make it transparent */
header{background:transparent}

/* Banner */
/* 2021-06-15
.banner{position:relative;height:100vh;min-height:35em;width:100%;overflow:hidden;text-align:center}
*/
.banner{position:relative;height:35vh;min-height:18em;width:100%;overflow:hidden;text-align:center}
.banner::before{
    content: "";
    /*background: #2e3842;*/
    display: block;
    width: 100%;;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .4;
    /***background-image: linear-gradient(to top, rgba(140, 0, 255, .7), rgba(0, 47, 255, .4));***/
    background-image: linear-gradient(to top, rgba(111, 0, 255, 0.5), rgba(0, 15, 82, 0.9));
}
/* mobile 1st: */
.banner{display:none}
.reports-teaser{height:auto;padding-top:5em}

/* 2021-06-15
.brand{margin-top:40vh}
*/
/* 2021-06-17 */
.brand{margin-top:13vh}
.brand h1{
    display:inline-block;
    color:white;
    font-size:3em;font-family:'Play';
    padding:1.25em;
        background-color:rgba(46, 49, 65, .5);
        border:1px solid #aaa
}

/* Down button */
.btn-down{position:absolute;left:50%;bottom:2em}




/* Section headings */
.section-heading{display:inline-block;border-bottom:1px solid rgba(150, 150, 150, 0.4);text-transform:uppercase;font-weight:700;letter-spacing:.25em;padding:1em 0;margin-bottom:1em}


/* Drop shadow for images */
.shadow::before{
    position: absolute;
    display: inline-block;
    top: -30px;
    left: -160px;
    right: -160px;
    bottom: -30px;
    background: radial-gradient(rgba(0,0,0,0.35) 20%,rgba(255,255,255,0) 72%);
    z-index: -1    
}


/* Customize the card deck */
.card{border:0 none}
.features p::before{display:block}
.card > img:hover{opacity:.8;transition:all .5s}
.card-title a{color:white;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3)}
.card-title a:hover{border:none}

/* FA icons */
.fa-icon{font-family:FontAwesome;font-style:normal;font-weight:normal;font-size:1.8em;background-color:inherit}
.fa-icon.featurette{color:/*#4a4b7b*/slateblue}
.fa-icon.signage{color:#ddd}

.footer{/*background:transparent*/}
.inner{background:rgba(30,30,30,.9)}
.footer{font-size:.8em;color:#aaa!important}
.footer a{color:#eee!important}


/* Calendar embed */

/* Wrapper */
.calendar-wrapper {clear:all}

/* Responsive iframe */
.responsive-iframe-container {
   position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;
   clear:all;
}
.responsive-iframe-container iframe,
.vresponsive-iframe-container object,
.vresponsive-iframe-container embed {
   position:absolute; top:0; left:0; width:100%; height:100%
}

@media (max-width: 550px) {
   .big-container {display:none}
}
@media (min-width: 550px) {
   .small-container {display:none}
}
/* end Calendar embed */



/* Media queries */
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
   .banner{display:none}
   .reports-teaser{height:auto;padding-top:3em}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
   .banner{display:none}
   .reports-teaser{height:auto}
   .card .card-text{text-align:center}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .background-transparent{background:transparent}
    h1{font-size:2em}
    h2{font-size:1.8em}
    h3{font-size:1.6em}
   .banner{display:block}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
   .banner{display:block}
}

/* test of fadein/out on scroll */
.hideme{opacity:0}