/* viewport, major structural divs
========================================================== */
html, body {
	background: #000033;
	font-family: "proxima-nova", "helvetica neue", helvetica, arial, sans-serif;
	vertical-align: top;
	color: #333;
}

.container {
	padding-right: 3.5rem;
	padding-left: 3.5rem;
}
.container.full-bleed {
	padding-right: 0;
	padding-left: 0;
}

.section-start { margin-top: -1050px; }
.section-start .container { padding-top: 3rem; padding-bottom: 5rem; background: #fff; }

.dashboard {
	margin-top: 80px;
	padding: 3rem 0;
	background: #fff;
}

.mid-page-block {
	/* margin-top: -2rem;
	margin-left: -10rem; */
	background-image: url(/images/branding/bsr18-tiny-bubbles.png);
	/* background-position: top right; */
	background-repeat: no-repeat;
	/* background-attachment: fixed; */
	background-size: contain;
}


.end-page-block {
	/* margin-top: -2rem;
	margin-left: -10rem; */
	background-image: url(/images/branding/bsr18-tiny-bubbles.png);
	/* background-position: top right; */
	background-repeat: no-repeat;
	/* background-attachment: fixed; */
	background-size: contain;
}


/* clear fixed navbar when using anchor links */
:target:before {
	content:"";
	display:block;
	height:90px; /* fixed header height*/
	margin:-90px 0 0; /* negative fixed header height */
}


.mobile { display: none; }

@media (max-width: 768px) {
	.desktop	{ display: none; }
	.mobile 	{ display: block; }

	.container {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}

	.section-start { margin-top: 0; }
}




/* non-navigation links
========================================================== */
a:hover,
a:active { text-decoration: none;}

p a,
li a {
	color: #f4721a;
	border-bottom: 1px dotted #f4721a;
}

img { border: 0; }

h2 a,
h3 a,
h4 a,
h5 a {
	color: inherit;
	border-bottom: 1px dotted #333;
}

h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
	color: #f4721a;
	border-bottom: 1px dotted #f4721a;
}


/* navigation
========================================================== */
.fixed-top { background: url(/images/backgrounds/bsr18-000033-75.png); }
.navbar { padding: 0.5rem; }

.collapse.show {
	padding: 5rem;
	margin-top: 3rem;
	border-bottom: 1px solid #fff;
	height: auto;
	/* min-height: 400px; */
	background: #000033;
}

.push-me {
	display: inline-block;
	margin-right: 2rem;
	padding: 0.75rem 2.75rem;
	text-transform: uppercase;
	font-size: 1.5rem;
	background: #ffcf01;
}

.push-me a {
	color: #fff;
	font-weight: 600;
}

.navbar button:focus { outline: none; }

.navigation .row {
	margin-top: 1rem;
}

.navigation.container {
	padding-right: 0;
	padding-left: 0;
}

.navigation h4,
.footer h4 {
	margin-bottom: 1.5rem;
	padding-bottom: 0.5rem;
	font-size: 1rem;
	font-weight: 600;
	text-transform: uppercase;
	border-bottom: 1px solid #fff;
}

.navigation p {
	margin-bottom: 0;
}

.navigation ul {
	margin: 0;
	padding: 0;
}

.navigation li {
	padding: 0.15rem 0;
	list-style: none;
	font-size: 0.9rem;
	/* border-bottom: 1px dotted #fff; */
}
.navigation li a {
	color: #fff;
	line-height: 1;
	text-decoration: none;
	border-bottom: none;
}

.navigation li a:hover,
.navigation li a:active {
	text-decoration: none;
	border-bottom: 1px solid #fff;
}

.fa-bars { color: #eee; }

.navigation li.you-are-here {
	color: #f4721a;
}

.hashtag {
	margin-right: 0.5rem;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	font-size: 13pt;
}

a .hashtag {
	margin-right: 1rem;
	font-size: 1rem;
	color: #fff;
}

a.hashtag:hover {
	color: #ffcf01;
}

.home-icon img {
	margin-right: 1rem;
	color: #fff;
	height: 20px;
}

a.dashbaord-icon {
	margin-right: 0.5rem;
	color: #fff;
}

.reg-message {
	margin-right: 1rem;
	text-transform: uppercase;
	color: #ffcf01;
	border-bottom: 1px dotted #ffcf01;
}

@media (max-width: 320px) {
	.reg-message { display: none; }
}
@media (max-width: 768px) {
	.collapse.show {
		padding: 0;
	}
}




/* typography
========================================================== */
h1, h2, h3 { font-weight: 600; }
h4, h5, h6 { font-weight: 200; }

.primary	{ color: #ffcf01; }
.secondary 	{ color: #f4721a; }
.info 		{ color: #00aed8; }
.reverse	{ color: #fff; }

.sub-heading {
	text-transform: uppercase;
	font-size: 1rem;
	color: #000;
}

.lead { font-weight: 400; }

.caption {
	font-family: "adelle", sans-serif;
	font-style: italic;
	font-size: 10pt;
	font-weight: 400;
}

.text-muted {
	color: #c9c9c9;
}

.card-title {
	margin-bottom: 0;
	font-size: 2.9rem;
}

.display-1,
.display-2,
.display-3,
.display-4,
.display-5 {
	line-height: 1;
}

.display-5 {
	font-size: 2.75rem;
	font-weight: 400;
}

.secondary-content {
	font-size: smaller;
}

.participants-grid .col-md-4 {
	padding-top: 0.5rem;
	padding-bottom: 0.25rem;
	border-bottom: 1px solid #c9c9c9;
}

.participants-grid .col-md-4 h4 {
	font-size: 1.25rem;
}


@media (max-width: 768px) {
	.section-start p,
	.section-start li {
		font-size: 1.25rem;
	}
}




/* 	odd-numbered columns; thank you:
	http://www.wearesicc.com/quick-tips-5-column-layout-with-twitter-bootstrap/
---------------------------------------------------------- */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

.col-xs-15 {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
.col-sm-15 {
		width: 20%;
		float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
		width: 20%;
		float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
		width: 20%;
		float: left;
    }
}

@media (min-width: 768px) {
	.row-centered { text-align:center; }
	.col-centered {
		display: inline-block;
		float: none;
		text-align: left;
		vertical-align: top;
		/* inline-block space fix */
		margin-right: -4px;
	}
}





/* backgrounds, buttons
========================================================== */
.bg-darkest,
.navbar-darkest	{ background-color: #000; }

.btn {
	padding-right: 1.75rem;
	padding-left: 1.75rem;
	text-transform: uppercase;
	border-radius: 0;
	border: none;
	transition: 0.8s;
}
.btn:hover { border-bottom: none; }
a.btn-primary {
	color: #fff;
	background: #ffcf01;
	border: none;
}
a.btn-primary:hover {
	border: none;
	opacity: 1;
	background: #f4721a;
}

a.btn-secondary {
	background: #f4721a;
	color: #fff;
}
a.btn-secondary:hover {
	background: #ffcf01;
}

a.btn-secondary-reverse {
	background: transparent;
	color: #f4721a;
	border: 1px solid #f4721a;
}
a.btn-secondary-reverse:hover {
	background: #f4721a;
	color: #fff;
}

a.btn-transparent {
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
}
a.btn-transparent:hover {
	background: #f4721a;
}

.btn-neutral {
	background: #e9e9e9;
	color: #333;
	/* border: 1px solid #333; */
}

a.clean { border-bottom: none; }

.btn-xs { padding: 0.35rem 1.2rem; font-size: 0.75rem; }




/* branding
========================================================== */
.branding {
	padding-top: 60px;
	background-image: url(/images/branding/bsr18-tiny-bubbles.png);
	background-position: -310px -50px;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 1600px;
}

.header {
	padding-top: 2.75rem;
}

.site.name,
.site.theme,
.site.date,
.site.location {
	display: block;
	text-align: center;
	line-height: 1;
}

.site.theme {
	color: #fff;
}


.site.name,
.site.date,
.site.location {
	font-size: 1.5rem;
	font-weight: 400;
	text-transform: uppercase;
}

.site.name {
	margin: 0 0 0 150px;
	text-align: left;
}

.site.date,
.site.location {
	margin: 10px 100px 0 25px;
	text-align: left;
}

.site.theme.beginning,
.site.theme.end {
	font-size: 4rem;
}

.site.theme.beginning {
	margin: 30px 0 0 -80px;
}

.site.theme.middle {
	margin: 0 0 0 -100px;
	font-size: 6.25rem;
}

.site.theme.end {
	margin: 10px 0 0 160px;
}

/*
.branding {
	margin-top: -2rem;
	margin-left: -10rem;
	background-image: url(/images/branding/bsr18-tiny-bubbles.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: contain;
	min-height: 1200px;
}

.header {
	position: relative;
	top: 4rem;
	padding-left: 10rem;
	padding: 7rem 0;
}


.site { color: #fff; }

.site.name,
.site.date,
.site.location {
	color: #f4721a;
	text-transform: uppercase;
	font-weight: 200;
	font-size: 1.35rem;
	line-height: 0.75;
}

.site.theme {
	font-weight: 600;
	line-height: 1;
}

.site.theme.beginning,
.site.theme.end {
	font-size: 4rem;
}

.site.theme.beginning {
	margin-left: -5rem;
}

.site.theme.middle {
	margin-left: -8rem;
	font-size: 6.5rem;
}

.site.theme.end {
	margin-left: 7rem;
}
*/


@media (max-width: 768px) {
	.branding {
		background-position: -150px 0;
		min-height: 300px;
	}
	.header {
		margin: 0;
		padding: 25px 0 0 0;
	}

	.site.theme.beginning,
	.site.theme.end {
		font-size: 1.7rem;
	}

	.site.theme.middle {
		margin: 0 0 0 -25px;
		font-size: 3.5rem;
	}

	.site.name,
	.site.date,
 	.site.location {
		font-size: 0.8rem;
	}

	.site.name {
		margin: 0 0 10px 15px;
		text-align: left;
	}

	.site.theme.beginning {
		margin: 0 0 0 15px;
	}
	.site.theme.end {
		margin: 10px 0 0 55px;
	}

	.site.date,
	.site.location {
		margin: 5px 0 5px 0;
		text-align: right;
	}

}


/* table
========================================================== */
.table thead th {
	border-bottom: 1px solid #6e767b;
}

.table tbody td {
	border-top: none;
	border-bottom: 1px dotted #6e767b;
}

.table h4,
.table h5 {
	margin-bottom: 0;
}



/* icons
========================================================== */
.social-icon {
	margin-right: 10px;
	width: 30px;
}

.navbar .social-icon { width: 20px; }

.navigation-icons {
	padding: 0.25rem;
	height: 4rem;
}

hr {
	border-top: 1px solid #6e767b;
}

.clear {
	clear: both;
}



/* home page
========================================================== */
.full-block {
	padding-bottom: 2rem;
	color: #fff;
	min-height: 550px;
}

.double-block {
	padding: 4rem;
	background: #fff;
}

.block-content { min-height: 400px; }

.quote {
	padding: 4rem;
	color: #fff;
	font-size: 1.25rem;
}

.quote-mark {
	margin-top: -2rem;
	margin-bottom: 0.25rem;
	height: 65px;
}

.featured {
	position: absolute;
	top: 0;
	left: 0;
	margin: 2.5rem;
	padding: 2rem;
	background: #fff;
}

@media (max-width: 768px) {
	.double-block {
		padding: 0;
	}
	.quote {
		padding: 1.5rem;
	}
	.quote.mt-5 { margin: 0 !important; }
	.quote-mark { margin-top: 1rem; }
	.block-content {
		padding: 2rem;
		min-height: 1px;
	}

	.featured {
		bottom: 0;
		margin: 1.5rem;
		padding: 0.5rem;
	}
	.featured h2 { font-size: 1.25rem; }

	.sponsors img {
		max-height: 45px;
	}
	.sponsors h3.sub-heading { margin-top: 1.5rem; }
}



/* schedule
========================================================== */






/* dashboard
========================================================== */
.dashboard .dropdown-menu ul {
	margin: 0.26rem 0.5rem;
	min-width: 10rem;
	width: auto;
}

.dashboard .dropdown-menu ul li {
	padding: 0.5rem 0;
	line-height: 1;
	border-bottom: 1px dotted #333;
}
.dashboard .dropdown-menu ul li:last-child {
	border-bottom: none;
}
.dashboard .dropdown-menu a {
	color: #333;
	border-bottom: none;
}





/* faq page
========================================================== */
.faqs h3 {
	margin: 0;
	padding-top: 0.75rem;
	font-weight: 200;
	border-top: 1px dotted #6e767b;
}




/* participants
========================================================== */
.alpha-label {
	padding-top: 1.75rem;
	color: #ffcf01;
	font-size: 18pt;
	font-weight: 600;
	border-top: 1px solid #c9c9c9;
}

.alpha-label:first-child {
	border-top: none;
}

.participants h4 {
	font-size: 14pt;
}




/* modal window
========================================================== */
.modal-title {
	font-weight: 200;
	font-size: 32pt;
	line-height: 1.3;
}

.modal-body		{ }
.modal-footer 	{ border-top: 1px solid #c9c9c9; }

.modal-body img,
.float-left img {
	margin-right: 1rem;
	max-width: 200px;
}

.modal-body .speaker-list img {
	max-width: 100%;
}



/* speakers
========================================================== */
.speaker-grid {
	margin-bottom: 3rem;
	padding-bottom: 1rem;
	border-bottom: 1px dotted #333;
}

.speaker-grid img {
	margin-bottom: 1rem;
	border: 1px solid #c9c9c9;
}

.speaker-grid h5 {
	font-size: 14pt;
	font-weight: 600;
}

.speaker-grid h3 a,
.speaker-grid h5 a {
	color: #333;
	border-bottom: 1px dotted #333;
}

.speaker-grid p { font-size: 10pt;}
.speaker-grid .caption { font-weight: 400; }

@media (max-width: 768px) {
	.speaker-grid.col-md-2 img {
		display: none;
	}

	.speaker-grid.col-md-2 h5 {
		font-size: 18pt;
	}

	.speaker-grid.col-md-2 p {
		font-size: 14pt;
	}
}


/* sponsors
========================================================== */
.sponsors img {
	height: 60px;
}

.supporters img { height: 50px; }
.platinum img { height: 150px; }
.gold img { height: 100px; }



/* footer
========================================================== */
.footer {
	position: relative;
	padding: 80px 0;
	background: #000333;
	color: #fff;
}

.footer .site.name,
.footer .site.date,
.footer .site.location,
.footer .site.theme {
	display: block;
	margin: 0.25rem 0;
	text-align: left;
}

.footer .site.theme {
	font-size: 2rem;
}

.footer h1,
.footer h2,
.footer h3,
.footer h4 {
	margin: 0;
	color: #fff;
}

.footer h3 {
	margin-top: 0.25em;
	font-size: 14pt;
}

.footer h4 {
	margin-top: 2.5em;
	margin-bottom: 0.25em;
}

.footer p,
.footer li	{ font-size: 14px; }
.footer a	{ color: #fff; }

.footer .site { line-height: 1.2; }

.footer .boiler a {
	border-bottom: 1px solid #fff;
}

.footer .social-links a { border-bottom: none; }


@media (max-width: 768px) {
	.footer {
		padding-top: 25px;
	}
	.footer p a[data-toggle="modal"] {
		margin-top: 2rem;
	}
}