@charset "UTF-8";
/* CSS Document */

.i-intro-grid .parallax {
width: 100%;
height: 550px;
background-image: url(/econotalks/img/wind1.jpg);
}

.i-chap1-grid .parallax {
width: 100%;
height: 250px;
background-image: url(/econotalks/img/crowd.jpg);
}

.i-chap3-grid .parallax {
width: 100%;
height: 250px;
background-image: url(/econotalks/img/innovatie1.jpg);
}

.i-chap9-grid .parallax {
width: 100%;
height: 250px;
background-image: url(/econotalks/img/innovatie.jpg);
}


.ii-intro-grid .parallax {
width: 100%;
height: 550px;
background-image: url(/econotalks/img/money.jpg);
}

.ii-chap1-grid .parallax {
width: 100%;
height: 300px;
background-image: url(/econotalks/img/sprong.jpg);
}

.ii-chap2-grid .parallax {
width: 100%;
height: 300px;
background-image: url(/econotalks/img/domino.jpg);
}

.ii-chap3-grid .parallax {
width: 100%;
height: 300px;
background-image: url(/econotalks/img/split.jpg);
}

.iii-intro-grid .parallax {
width: 100%;
height: 550px;
background-image: url(/econotalks/img/controlroom.jpg);
}

.iii-chap1-grid .parallax {
width: 100%;
height: 300px;
background-image: url(/econotalks/img/crude-oil-pipe.jpg);
}

.iii-chap2-grid .parallax {
width: 100%;
height: 300px;
background-image: url(/econotalks/img/salvage2.jpg);
}

.iii-chap4-grid .parallax {
width: 100%;
height: 300px;
background-image: url(/econotalks/img/herverdeling.jpg);
}

.iv-intro-grid .parallax {
width: 100%;
height: 600px;
background-image: url(/econotalks/img/ocean_cleanup.jpg);
}

.iv-chap1-grid .parallax {
width: 100%;
height: 300px;
background-image: url(/econotalks/img/legotruck.jpg);
}

.iv-chap2-grid .parallax {
width: 100%;
height: 300px;
background-image: url(/econotalks/img/newyork.jpg);
}

.iv-chap3-grid .parallax {
width: 100%;
height: 300px;
background-image: url(/econotalks/img/cleantech.jpg);
}

.v-intro-grid .parallax {
width: 100%;
height: 600px;
background-image: url(/econotalks/img/oudebril.jpg);
}

.v-chap1-grid .parallax {
width: 100%;
height: 300px;
background-image: url(/econotalks/img/suburbia.jpg);
}

.v-chap2-grid .parallax {
width: 100%;
height: 300px;
background-image: url(/econotalks/img/cc.jpg);
}

.iv-chap3-grid .parallax {
width: 100%;
height: 300px;
background-image: url(/econotalks/img/cleantech.jpg);
}

.vi-intro-grid .parallax {
width: 100%;
height: 600px;
background-image: url(/econotalks/img/songdo.jpg);
}

.vi-chap1-grid .parallax {
width: 100%;
height: 300px;
background-image: url(/econotalks/img/antropocene.jpg);
}

.vi-chap2-grid .parallax {
width: 100%;
height: 300px;
background-image: url(/econotalks/img/tesla.jpg);
}

.vi-chap3-grid .parallax {
width: 100%;
height: 300px;
background-image: url(/econotalks/img/wows.jpg);
}


.navcontain {
height: 80px;
}



.navbar {
min-height: 80px;}

.pretty.navbar {background-color:#333; background-image:none;}

.navbar .logo a {
height: 80px;}

.navbar ul li > a {height: 80px;}

.navbar li .dropdown ul > li a {color:#0198a8;}

h1.lead.white-text {color:#fff; border-bottom:none;}

.white-overlay {background-color:#fff; opacity: 0.83;
}

i[class^="icon-popup"], i[class*=" icon-popup"], i[class^="icon-doc-text"], i[class*=" icon-doc-text"], i[class^="icon-video"], i[class*=" icon-video"] {font-size:2em; color:#989898; font-style:normal;}

.sidenote {border-left:dashed 1px #828282; padding-top:2em; padding-bottom:2em; padding-left: 1.5em; font-style:italic;}

a {color:#0198a8;}

.sidenote {}

bigtoppadding: {padding-top:50px;}

blockquote {font: italic 1.5rem georgia, times new roman, serif; width:50%; float:right; margin-left:1rem;}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
blockquote {display:none; visibility:hidden;}
}

.btn.primary, .skiplink.primary {background:#0198a8; border:#0198a8; }

.drawer {background:#fff; -webkit-box-shadow:none; box-shadow:none; text-align:left;}

.modal > .content {top:10%; max-height:650px;}

.personquoted {font-size:1.2rem;color:#0198A8;font-family: "Open Sans"; font-weight: 400;font-style: normal;}

.question {color:#0198a8; font-weight:600;}