body.bucketpage,
body.home {
	background-image: url('../../images/MakingLifeBetter_Blue-10.png');
	background-position: center -15%;
	background-repeat: no-repeat;
	background-size: 50%;
	min-height: 200vh;
	background-blend-mode: multiply;
	background-attachment: fixed;
}

@media all and (max-width: 768px) {
	body.bucketpage, body.home {
		background-image: url('../../images/MakingLifeBetter_Blue-10.png');
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100%;
		min-height: 200vh;
		background-blend-mode: multiply;
		background-attachment: fixed;
	}
	#topicTemplate {
		padding-bottom: 0 !important;
		background-image: none !important;
	}
}
.side-border-yellow {
	border-left: 6px solid #fbda34 !important;
	padding-left: 2vw;
	box-sizing: border-box;
	padding-bottom: 10vh;
}

.level2Navigation a:focus,
.level2Navigation a:hover {
	color: #fff;
}
.slick-next {
	margin-right: 25px;
}
.slick-prev {
	margin-left: 25px;
}
.promo-row {
	position: relative;
}
.promo-row .promo-bg {
	position: absolute;
	top: 4em;
	width: 100% !important;
	background-color: #10558a !important;
	height: 50% !important;
	background-image: url('../../images/MakingLifeBetter_Blue-33-solid.png');
	background-position: center -15%;
	background-repeat: no-repeat;
	background-size: 50%;
	/* background-blend-mode: multiply; */
	background-attachment: fixed;
	opacity: 1;
}
.bucket-topic {
}
@media all and (max-width: 768px) {
	.bucket-topic {
		top: 40px;
	}
}
@media all and (max-width: 600px) {
	.bucket-topic {
		top: 0px;
	}
}
.fader-bg {
	background-image: url('../../images/bg-fader-01.png');
	background-position: top center;
	background-size: auto;
}
.white-bg {
	background-color: #fff;
}

.subbucket-list {
	color: #404041;
}

@media all and (max-width: 768px) {
	h1.top-heading {
		margin-top: 6vh;
	}
	h1.lower-heading {
		height: auto;
	}
	.subheading-top h1, .subheading-bottom h1 {
		margin-top: 7vh 0 !important;
	}
}
.header-text {
	top: 1vh;
}
.dmt-60 {
	margin-top: 60px !important;
}
@media all and (max-width: 768px) {
	.dmt-60 {
		margin-top: 0px !important;
	}
	.youtube-row {
		position: relative;
		top: 0;
		margin: 0 auto !important;
	}
	.languages {
		/* transform: scale(0.97); */
		margin: 0;
		padding: 0;
	}
	.row.footer h1 {
		font-size: 5vw;
		padding: 0 5vw;
	}
	.footer p {
		font-size: 3vw;
		padding: 0 5vw;
	}
	.budget-download span b {
		font-size: 2.5vw !important;
	}
}
@media only screen and (max-width: 600px) {
	.budget-download span b {
		font-size: 5vw !important;
	}
	.row.footer h1 {
		font-size: 8vw;
		padding: 0 5vw;
	}
	.footer p {
		font-size: 4vw;
		padding: 0 5vw;
	}
}
@media only screen and (max-width: 768px) {
	.languages.left {
		margin: 4em 0 0 -2em;
	}
	button.env-button-custom {
		right: 0;
	}
	/* .navigationRibbon a {
		display: block
	} */
}

#navbar {
	width: 100%;
	border-top: none;
	position: relative;
	top: 40px;
	left: -25px;
}

.navbar-fixed-top .navbar-collapse {
	max-height: 500px;
}

/** SAD PATCH FOR IPAD PORTRAIT BOTTSTRAP ISSUE **/
@media (min-width: 768px) and (max-width: 768px) and (orientation:portrait) {
	#header-main-row {
		margin: 0 0 2vh 9vw;
	}
		 .navbar-nav .open .dropdown-menu {
			  position: static;
			  float: none;
			  width: auto;
			  margin-top: 0;
			  background-color: transparent;
			  border: 0;
			  -webkit-box-shadow: none;
			  box-shadow: none;
		 }
		 .navbar-nav .open .dropdown-menu > li > a {
			  line-height: 20px;
		 }
		 .navbar-nav .open .dropdown-menu > li > a,
		 .navbar-nav .open .dropdown-menu .dropdown-header {
			  padding: 5px 15px 5px 25px;
		 }
		 .dropdown-menu > li > a {
			  display: block;
			  padding: 3px 20px;
			  clear: both;
			  font-weight: normal;
			  line-height: 1.42857143;
			  color: #333;
			  white-space: nowrap;
		 }
		 .navbar-header {
			  float: none;
		 }
		 .navbar-toggle {
			  display: block;
		 }
		 .navbar-toggle img {
			 display: none;
		 }
		 }
		 .navbar-collapse {
			  border-top: 1px solid transparent;
			  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		 }
		 .navbar-collapse.collapse {
			  display: none!important;
		 }
		 .navbar-nav {
			  float: none!important;
			  /*margin: 7.5px -15px;*/
			  margin: 7.5px 50px 7.5px -15px
		 }
		 .navbar-nav>li {
			  float: none;
		 }
		 .navbar-nav>li>a {
			  padding-top: 10px;
			  padding-bottom: 10px;
		 }
		 .navbar-text {
			  float: none;
			  margin: 15px 0;
		 }
		 /* since 3.1.0 */
		 .navbar-collapse.collapse.in {
			  display: block!important;
		 }
		 .collapsing {
			  overflow: hidden!important;
		 }
	}