/*
	Theme Name: BubbleUP Unified Framework Child
	Template: bubbleup
	
	blue: 47677e
	blue 2: 00adee
	light blue: b5c2cb
	light blue 2: 6c8598
	pink: eb008b
	yellow: faaf40
	green: 37b34a
*/

/* Generic START */
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
}

.exo { font-family: "Exo", sans-serif; }

h1,
h2,
h3 {
	font-family: "Exo", sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #47677e;
}

img {
	max-width: 100%;
	height: auto;
}

.font-weight-normal { font-weight: normal; }

.font-weight-lighter { font-weight: lighter; }

.font-size-08 { font-size: 0.8em; }

.font-size-09 { font-size: 0.9em; }

.font-size-125 { font-size: 1.25em; }

.font-size-15 { font-size: 1.5em; }

.margin-bottom-1 { margin-bottom: 1em; }

.margin-bottom-15 { margin-bottom: 1.5em; }

.margin-bottom-2 { margin-bottom: 2em; }

.margin-top-2 { margin-top: 2em; }

.margin-top-4 { margin-top: 4em; }

.padding-0 { padding: 0; }

.padding-025 {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}

.padding-right-1 { padding-right: 1em; }

.padding-4 {
	padding-top: 4em;
	padding-bottom: 4em;
}

.padding-top-6 { padding-top: 6em; }

.text-align-right { text-align: right; }

.text-align-center { text-align: center; }

.black-layer { background: rgba(0, 0, 0, 0.5); }

.blue { color: #47677e; }

.blue-bg { background: #47677e; }

.light-blue-bg { background: #c7eafb; }

.white { color: #fff; }

.text-transform-none { text-transform: none; }

.uppercase { text-transform: uppercase; }

.cursor-pointer { cursor: pointer; }

.display-none { display: none; }
/* Generic END */

/* Bootstrap Overrides START */
.navbar {
	margin-bottom: 0;
	z-index: 10;
}

.navbar-default {
	background: transparent;
	border: none;
	border-radius: 0;
}

	.navbar-default  .navbar-toggle { margin-right: -0.5em; }

	.navbar-default .navbar-toggle .icon-bar { background: #fff; }

	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a,	
	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:focus { color: #fff; }

	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .active > a:hover {
		background: transparent;
		color: #b5c2cb; }
	
	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:focus,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav > .active > a {
		background: transparent;
		color: #b5c2cb;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
		background: #354d5f;
		color: #fff;
	}
 
.navbar-default .navbar-collapse { background: #47677e; }

.dropdown-menu { background: #47677e; }
/* Bootstrap Overrides END */

/* Heading START */
.heading { background: #47677e; }

	.heading .logo { margin-top: 0.75em; }

.get-updates { color: #fff; }

.get-updates:hover {
	text-decoration: none;
	color: #b5c2cb;
}

#search-mobile {
	max-width: 2em;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

#mobile-middle {
	position: relative;
	top: 0.5em;
}

.search-form { display: inline; }

	.search-form input[type=image] {
		position: relative;
		top: 0.15em;
		right: 1.6em;
	}
	
.search-field {
	border: none;
	border-radius: 1em;
	width: 9em;
	padding-right: 1.55em;
	padding-left: 0.5em;
	color: #47677e;
}
/* Heading END */

/* Menu START */
.is-sticky #sticker {
	padding-top: 0.5em;
	background: rgba(70, 103, 125, 0.9);
	z-index: 10;
	padding-bottom: 0.5em;
}

.is-sticky #sticker .dropdown-menu { background: rgba(70, 103, 125, 0.9); }

.navbar-brand {
	position: relative;
	top: -0.65em;
	left: -1em;
	padding-right: 5px;
}

	.navbar-brand img { max-height: 2.5em; }

nav .caret { display: none; }
/* Menu END */

/* Content START */
#content {
	padding-top: 2.25em;
	padding-bottom: 2.25em;
}

	#content .search-field {
		border: 1px #ccc solid;
		min-width: 13em;
	}
	
	#content a { color: #6c8598; }

.page .title h1 { padding-left: 0.7em; }

.page-id-17 .title h1,
.parent-pageid-17 .title h1 { border-left: 0.15em  #eb008b solid; } /* About pages h1 */

.page-id-35 .title h1 { border-left: 0.15em  #faaf40 solid; } /* Contact page h1 */

.page-id-600 .title h1,
.parent-pageid-600 .title h1 { border-left: 0.15em #37b34a solid; } /* Cultural Trust pages h1 */

.page-id-32 .title h1 { border-left: 0.15em  #00adee solid; } /* Suppoorters pages h1 */

.posts-navigation h2.screen-reader-text { display: none; }
/* Content END */

/* Front Page START */
.home #content { padding: 0; }

.home .brand h1 { font-size: 1.5em; }

.home .brand img {
	margin-top: 1em;
	margin-bottom: 1em;
}
	
.home .brand .text {
	margin: auto;
	max-width: 22em;
}

.home .main-event {
	background-size: cover !important;
	background-position: center center !important;
	min-height: 39em; /* fallback */
	min-height: 76.5vh;
}
	
	.home .main-event .text { padding: 1em; }
	
		.home .main-event .text .read-more { color: #96cbe0 !important; }

.home .header-image {
	background-size: 100% auto !important;
	min-height: 20em; /* fallback */
	min-height: 70vh;
}

.home .events .event {
	background-size: cover !important;
	background-position: center center !important;
	min-height: 25em; /* fallback */
	min-height: 50vh;
}

	.home .events .event .text { padding: 1em; }
	
.home .events .logo { max-width: 65%; }

.home #event-1 { border-top: 0.8em #eb008b solid; }

.home #event-2 { border-top: 0.8em #37b34a solid; }

.home #event-3 { border-top: 0.8em #faaf40 solid; }
/* Front Page END */

/* Blog START */
.blog #content h1 a { color: #47677e; }

.blog .title h1,
.archive .page-header h1 { /* Blog pages h1 */
	padding-left: 0.7em;
	border-left: 0.15em  #faaf40 solid; } 

.blog #secondary aside { padding: 0 1em 1em 1em; }

.blog #secondary h1,
.archive #secondary h1 { font-size: 1.25em; }

.blog #secondary ul,
.archive #secondary ul {
	list-style-type: none;
	padding-right: 1em;
	padding-left: 0;
}

.blog #secondary ul li,
.archive #secondary ul li { margin-bottom: 0.75em; }

.blog #secondary ul li a { color: #47677e; }

.blog #recent-posts-2,
.archive #recent-posts-2 { border-top: 0.45em #eb008b solid; }

.blog #archive_year_widget-3,
.archive #archive_year_widget-3 { border-top: 0.45em #37b34a solid; }

.blog .e-bulletins,
.archive .e-bulletins {
	border-top: 0.45em #faaf40 solid;
	border-bottom: 0.45em #00adee solid;
	padding: 0 1em 1em 1em;
}

	.blog .e-bulletins .container,
	.archive .e-bulletins .container { max-width: 100%; }
/* Blog END */

/* Supporters START */
.grid { margin: 2em auto !important; }

.grid .grid-item {
	background: #ddd;
	width: 250px;
	margin-bottom: 20px;
}

	.grid .grid-item img { width: 250px; }

	.grid .grid-item.right img {
		float: right;
		width: 125px;
		margin-left: 0.25em;
	}

	.grid .grid-item.left img {
		float: left;
		width: 125px;
		margin-right: 0.25em;		
	}
	
	.grid .grid-item .title {
		font-weight: bold;
		padding: 0.25em;
	}
/* Supporters END */

/* Footer START */
footer {
	background: #47677e;
	/* padding-top: 2em;
	background: #47677e url(images/footer-bg.jpg) 50% no-repeat;
	padding-bottom: 2em; */
}
/* Footer END */

@media (min-width: 768px) {
	.heading {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}

	nav {
		position: relative;
		top: 1em;
	}

	.navbar-default .navbar-collapse { background: transparent; }
	
	.navbar-nav > li > a { padding: 0 0.95em 0; }

	.navbar-nav > li:first-child { border-right: 0.15em #eb008b solid; }
	
	.navbar-nav > li:nth-child(2) { border-right: 0.15em #faaf40 solid; }

	.navbar-nav > li:nth-child(3) { border-right: 0.15em #37b34a solid; }

	.navbar-nav > li:nth-child(4) { border-right: 0.15em #00adee solid; }

	.navbar-nav > li:nth-child(5) { border-right: 0.15em #faaf40 solid; }
	
	.dropdown-menu {
		background: #47677e;
		margin-top: 0.5em !important;
		border: none;
		border-radius: 0;
		font-size: 1em;
	}
	
		.dropdown-menu li {
			margin-top: 0.5em;
			margin-bottom: 0.5em;
		}

	.home .brand h1 { font-size: 2em; }

	.home .brand img {
		margin-top: 6em;
		margin-bottom: 3em;
	}
	
	.home .main-event .text {
		padding: 1em 4em;
		position: absolute;
		bottom: 0;
	}
	
	.home .header-image {
		min-height: 39em; /* fallback */
		min-height: 76.5vh;
	}
	
	.home .events .event .text {
		position: absolute;
		bottom: 0;
	}
}