/**
 * This file should get overwritten if Method 1 is used. If Method 2 is chosen,
 * remove this comment and start adding your styles to this file.
 */

/*
Header 1=h1
Header 2=h2
Header 3=h3
Header 4=h4
Header 5=h5
Header 6=h6
Blue=span.blue
Teal=span.teal
Purple=span.purple
Red=span.red
Orange=span.orange
Dark Gray=span.darkgray
Medium Gray=span.mediumgray
Uppercase=span.upper
*/

.blue {
	color: #0072ba !important;
}

.teal {
	color: #08798d !important;
}

.purple {
	color: #700056 !important;
}

.darkblue {
	color: #032e5b !important;
}

.red {
	color: #BE1E2D !important;
}

.orange {
	color: #f37021 !important;
}

.apricot {
	color: #e4a03a !important;
}

.green {
	color: #015637 !important;
}

.darkgray {
	color: #58595b !important;
}

.mediumgray {
	color: #939598 !important;
}

.lightgray {
	color: #f2f2f2 !important;
}

.white {
	color: #ffffff !important;
}

.black {
	color: #000000 !important;
}

.bg-black {
  background: #000000;
}

.bg-warm-white {
  background: #F2F2F2;
}

.bg-highlight-yellow {
  background: #FAB354;
}

.bg-dark-yellow {
  background: #B67138;
}

.bg-highlight-blue {
  background: #28B7C8;
}

.bg-dark-blue {
  background: #0A4750;
}

.bg-highlight-red {
  background: #EA3C46;
}

.bg-dark-red {
  background: #772631;
}

.bg-highlight-orange {
  background: #F4742D;
}

.bg-dark-orange {
  background: #F4742D;
}

.bg-highlight-violet {
  background: #CA96C1;
}

.bg-dark-violet {
  background: #41173F;
}

.warm-white {
  color: #F2F2F2;
}

.highlight-yellow {
  color: #FAB354;
}

.dark-yellow {
  color: #B67138;
}

.highlight-blue {
  color: #28B7C8;
}

.dark-blue {
  color: #0A4750;
}

.highlight-red {
  color: #EA3C46;
}

.dark-red {
  color: #772631;
}

.highlight-orange {
  color: #F4742D;
}

.dark-orange {
  color: #F4742D;
}

.highlight-violet {
  color: #CA96C1;
}

.dark-violet {
  color: #41173F;
}

.bg {
	text-shadow: none !important;
}

.bg-blue {
	background-color: #0072BA;
}

.bg-blue * {
	color: #ffffff !important;
}

.bg-blue .btn {
	color: #0072BA !important;
}

.bg-blue .btn:hover {
	background-color: #e7e7e7;
}

.btn.bg-blue {
	color: #ffffff !important;
}

.btn.bg-blue:hover {
	color: #ffffff !important;
}

.bg-teal {
	background-color: #08798d;
}

.bg-teal * {
	color: #ffffff !important;
}

.bg-teal .btn {
	color: #08798d !important;
}

.bg-teal .btn:hover {
	background-color: #e7e7e7;
}

.btn.bg-teal {
	color: #ffffff !important;
}

.btn.bg-teal:hover {
	color: #ffffff !important;
}

.bg-purple {
	background-color: #700056;
}

.bg-purple * {
	color: #ffffff !important;
}

.bg-purple * .orange, .bg-teal * .orange, .bg-blue * .orange {
	color: #f37021 !important;
}

.bg-purple .btn {
	color: #700056 !important;
}

.bg-purple .btn:hover {
	background-color: #e7e7e7;
}

.btn.bg-purple {
	color: #ffffff !important;
}

.btn.bg-purple:hover {
	background-color: #0072BA;
	color: #ffffff !important;
}

.bg-darkblue {
	background-color: #032e5b;
}

.bg-darkblue * {
	color: #ffffff !important;
}

.bg-darkblue * .orange, .bg-teal * .orange, .bg-blue * .orange {
	color: #f37021 !important;
}

.bg-darkblue .btn {
	color: #032e5b !important;
}

.bg-darkblue .btn:hover {
	background-color: #0072BA;
}

.btn.bg-darkblue {
	color: #ffffff !important;
}

.btn.bg-darkblue:hover {
	background-color: #0072BA;
	color: #ffffff !important;
}

.bg-purple-dark {
	background-color: #41173F;
}

.bg-purple-dark * {
	color: #ffffff !important;
}

.bg-purple-dark * .orange, .bg-teal * .orange, .bg-blue * .orange, .bg-black * .orange {
	color: #f37021 !important;
}

.bg-purple-dark .btn-group, 
.bg-black .btn-group {
	font-weight: bold;
}

.bg-purple-dark .btn,
.bg-black .btn {
	background-color: #41173F !important;
	border: 1px solid #ffffff;
	border-radius: 0;
	margin: 6px 0;
	padding: 3px 12px;
	font-weight: bold;
}

.bg-purple-dark .btn .caret,
.bg-black .btn .caret {
	border-top-color: #ffffff !important;
}

.bg-purple-dark .btn:hover,
.bg-black .btn:hover {
	background-color: #41173F;
}

.btn.bg-purple-dark,
.btn.bg-black {
	border: 1px solid #ffffff !important;
	color: #430033 !important;
}

.btn.bg-purple-dark:hover,
.btn.bg-black:hover {
	background-color: #41173F;
	color: #ffffff !important;
}

.bg-purple-dark .dropdown-menu,
.bg-black .dropdown-menu {
	background-color: #41173F;
	font-weight: bold;
	border-radius: 0;
	margin-top: -7px;
}

.bg-purple-dark .dropdown-menu li a,
.bg-black .dropdown-menu li a {
	font-weight: bold;
}

.bg-purple-dark .dropdown-menu>li>a:hover,
.bg-purple-dark .dropdown-menu>li>a:focus,
.bg-black .dropdown-menu>li>a:hover,
.bg-black .dropdown-menu>li>a:focus {
	background-color: #eeeeee;
	color: #41173F !important;
}

.bg-purple-dark .dropdown-menu>li>a:hover *,
.bg-black .dropdown-menu>li>a:hover * {
	color: #41173F !important;
}

.bg-red {
	background-color: #BE1E2D;
}

.bg-red * {
	color: #ffffff !important;
}

.bg-red .btn {
	color: #BE1E2D !important;
}

.bg-red .btn:hover {
	background-color: #e7e7e7;
}

.btn.bg-red {
	color: #ffffff !important;
}

.btn.bg-red:hover {
	color: #ffffff !important;
}

.bg-orange {
	background-color: #f37021 !important;
}

.bg-orange * {
	color: #ffffff !important;
}

.bg-orange .btn {
	color: #f37021 !important;
}

.bg-orange .btn:hover {
	background-color: #e7e7e7;
}

.bg-apricot {
	background-color: #e4a03a !important;
}

.bg-apricot * {
	color: #ffffff !important;
}

.bg-apricot .btn {
	color: #e4a03a !important;
}

.bg-apricot .btn:hover {
	background-color: #e7e7e7;
}

.bg-green {
	background-color: #015637 !important;
}

.bg-green * {
	color: #ffffff !important;
}

.bg-green .btn {
	color: #015637 !important;
}

.bg-green .btn:hover {
	background-color: #e7e7e7;
}

.bg-darkgray {
	background-color: #58595b;
}

.bg-darkgray * {
		color: #ffffff !important;
}

.bg-darkgray .btn {
	color: #58595b !important;
}

.bg-darkgray .btn:hover {
	background-color: #e7e7e7;
}

.bg-mediumgray {
	background-color: #939598 !important;
}

.bg-mediumgray * {
		color: #ffffff;
}

.bg-mediumgray .btn {
	color: #777777;
}

.bg-mediumgray .btn:hover {
	background-color: #e7e7e7;
}

.bg-lightgray {
	background-color: #f2f2f2;
	color: #58595b;
}

.bg-white {
	background-color: #ffffff !important;
}

.bg-lightgray .btn {
	color: #58595b !important;
}

.bg-xparent {
	background-color: rgba(0,0,0,0.5);
}

.bg-xparent-dark {
	background-color: rgba(0,0,0,0.7);
	border-radius: 10px;
}

.bg-black {
	background-color: #000000;
}

.bg-black * {
	color: #ffffff !important;
}

.bg-black .btn {
	color: #ffffff !important;
}

.bg-black .btn:hover {
	background-color: #2222222;
}

.btn.bg-black {
	color: #ffffff !important;
}

.btn.bg-black:hover {
	color: #222222 !important;
}

.text-shadow {
	text-shadow: 1px 1px 7px #000 !important;
}

.large {
	font-size: 60px;
}

@media screen and (max-width: 400px) {
	.large {
		font-size: 35px;
	}
}

@media screen and (min-width: 401px) and (max-width: 767px) {
	.large {
		font-size: 35px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.large {
		font-size: 42px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.large {
		font-size: 50px;
	}
}

@media screen and (min-width: 1200px) {

}

.ultra-large, .extra-large {
	font-size: 82px !important;
}

.bordered {
	border: 1px solid #ddd;
}

.content-purple p.section-color,
.content-purple h1,
.content-purple h2,
.content-purple h3,
.content-purple h4,
.content-purple h5,
.content-purple h6,
.content-purple a {
	color: #700056 !important;
}

.content-blue p.section-color,
.content-blue h1,
.content-blue h2,
.content-blue h3,
.content-blue h4,
.content-blue h5,
.content-blue h6,
.content-blue a {
	color: #0072ba !important;
}

.content-teal p.section-color,
.content-teal h1,
.content-teal h2,
.content-teal h3,
.content-teal h4,
.content-teal h5,
.content-teal h6,
.content-teal a {
	color: #08798d !important;
}

.content-red p.section-color,
.content-red h1,
.content-red h2,
.content-red h3,
.content-red h4,
.content-red h5,
.content-red h6,
.content-red a {
	color: #BE1E2D !important;
}

@media screen and (min-width: 767px) {

	.bg-blue.shadow {
		background: #0072ba; /* Old browsers */
		background: -moz-linear-gradient(top,  #005989 0%, #0072ba 3%, #0072ba 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005989), color-stop(3%,#0072ba), color-stop(100%,#0072ba)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #005989 0%,#0072ba 3%,#0072ba 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #005989 0%,#0072ba 3%,#0072ba 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #005989 0%,#0072ba 3%,#0072ba 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #005989 0%,#0072ba 3%,#0072ba 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005989', endColorstr='#0072ba',GradientType=0 ); /* IE6-9 */
	}

	.bg-purple.shadow {
		background: #700056; /* Old browsers */
		background: -moz-linear-gradient(top,  #51003b 0%, #700056 3%, #700056 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#51003b), color-stop(3%,#700056), color-stop(100%,#700056)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #51003b 0%,#700056 3%,#700056 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #51003b 0%,#700056 3%,#700056 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #51003b 0%,#700056 3%,#700056 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #51003b 0%,#700056 3%,#700056 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51003b', endColorstr='#700056',GradientType=0 ); /* IE6-9 */

	}

	.bg-teal.shadow {
		background: #08798d; /* Old browsers */
		background: -moz-linear-gradient(top,  #065e6d 0%, #08798d 3%, #08798d 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#065e6d), color-stop(3%,#08798d), color-stop(100%,#08798d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #065e6d 0%,#08798d 3%,#08798d 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #065e6d 0%,#08798d 3%,#08798d 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #065e6d 0%,#08798d 3%,#08798d 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #065e6d 0%,#08798d 3%,#08798d 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#065e6d', endColorstr='#08798d',GradientType=0 ); /* IE6-9 */

	}

	.bg-red.shadow {
		background: #BE1E2D; /* Old browsers */
		background: -moz-linear-gradient(top,  #96182b 0%, #be1e2d 3%, #be1e2d 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96182b), color-stop(3%,#be1e2d), color-stop(100%,#be1e2d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #96182b 0%,#be1e2d 3%,#be1e2d 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #96182b 0%,#be1e2d 3%,#be1e2d 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #96182b 0%,#be1e2d 3%,#be1e2d 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #96182b 0%,#be1e2d 3%,#be1e2d 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96182b', endColorstr='#be1e2d',GradientType=0 ); /* IE6-9 */

	}

	.bg-mediumgray.shadow {
		background: #939598; /* Old browsers */
		background: -moz-linear-gradient(top,  #76787a 0%, #939598 3%, #939598 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76787a), color-stop(3%,#939598), color-stop(100%,#939598)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #76787a 0%,#939598 3%,#939598 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #76787a 0%,#939598 3%,#939598 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #76787a 0%,#939598 3%,#939598 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #76787a 0%,#939598 3%,#939598 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76787a', endColorstr='#939598',GradientType=0 ); /* IE6-9 */

	}

	.bg-darkgray.shadow {
		background: #58595b; /* Old browsers */
		background: -moz-linear-gradient(top,  #3b3c3d 0%, #58595b 3%, #58595b 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3c3d), color-stop(3%,#58595b), color-stop(100%,#58595b)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #3b3c3d 0%,#58595b 3%,#58595b 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #3b3c3d 0%,#58595b 3%,#58595b 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #3b3c3d 0%,#58595b 3%,#58595b 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #3b3c3d 0%,#58595b 3%,#58595b 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3c3d', endColorstr='#58595b',GradientType=0 ); /* IE6-9 */
	}

}

a {
	color: #0072ba;
}

.mma {
	/*background: url("../images/bars.png") no-repeat scroll 0 50% / 24px 30px rgba(0, 0, 0, 0);*/
	background-color: rgba(0, 0, 0, 0);
	background-image: url("https://mmaglobal.com/sites/all/themes/mma/images/bars.png");
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-attachment: scroll;
	background-size: 24px 30px;
	margin: auto;
	padding-left: 33px;
	display: inline-block !important;
	font-family: 'Gotham A', 'Gotham B';
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
}

#title-bar-title h1.mma {
	background-position: left 5px !important;
	background-size: 22px 27px;
	padding-left: 30px;
	line-height: 1.0em;
}

.mma.mma-white, .bg-mediumgray .mma {
	background-image: url("https://mmaglobal.com/sites/all/themes/mma/images/bars-white.png") !important;
}

.font-condensed {
	font-family: 'Gotham Cond A', 'Gotham Cond B' !important;
}

@media screen and (max-width: 400px) {
	#presented-by {
		text-align: center !important;
		padding-bottom: 40px;
		margin-top: 10px !important;
	}
	#presented-by img {
		width: 115px;
	}
	#presented-by h5 {
		font-size: 10px;
		margin-bottom: 2px;
	}
}

@media screen and (min-width: 401px) and (max-width: 767px) {
	#presented-by {
		text-align: left !important;
	}
}

@media screen and (max-width: 767px) {
	#title-bar-menu-with-presenter {
		display: none;
	}
}

html, body, p, div, span, .gotham {
	font-family: 'Gotham A', 'Gotham B';
}

.upper {
	text-transform: uppercase;
}

.thin {
	font-weight: 300;
	font-style: normal;
}

.ultra-thin {
	font-weight: 100;
	font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Gotham A', 'Gotham B';
	font-weight: 700;
	font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
	color: #0072ba;
}

.square {
	border-radius: 0;
}

.no-border, .noborder {
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.no-bullets, .nobullets {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

.no-margin, .nomargin, .no-margin > .panel-body, .nomargin > .panel-body {
	margin: 0 !important;
}

.no-padding, .nopadding, .no-padding > .panel-body, .nopadding > .panel-body {
	padding: 0 !important;
}

.img-responsive {
	display: inline;
}

@media screen and (min-width: 401px) {
	.image-on-left, .img-on-left, .photo-on-left {
		margin-right: 40px;
	}

	.image-on-right, .img-on-right, .photo-on-right {
		margin-left: 30px;
	}
}

.box {
	padding: 40px;
}

.box-small {
	padding: 20px;
}

.well.thin, div.thin .well {
	padding: 4px;
	padding-top: 6px;
}

.unpublished .alert-warning {
	background-color: red;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

/*
.node-unpublished {
	background-color: #f8f3f8;
}
*/

@media screen and (min-width: 768px) {

	.box-left {
		padding-right: 40px;
	}

	.box-right {
		padding-left: 40px;
	}

}

.border-right {
	border-right: 1px solid #ccc;
	border-bottom: none;
}

.border-left {
	border-left: 1px solid #ccc;
	border-top: none;
}

@media screen and (max-width: 768px) {
	.border-right {
		border-right: none;
		border-bottom: 1px solid #ccc;
	}

	.border-left {
		border-left: none;
		border-top: 1px solid #ccc;
	}
}

@media screen and (min-width: 992px) {
	.border-right {
		border-right: 1px solid #ccc;
	}

	.border-left {
		border-left: 1px solid #ccc;
	}
}

.border-top {
	border-top: 1px solid #ccc;
}

.border-bottom {
	border-bottom: 1px solid #ccc;
}

.border-dotted {
	border-style: dotted;
}

.btn.square, .btn.btn-success {
	border-radius: 0;
	border: none;
	font-family: 'Gotham A', 'Gotham B';
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	text-transform: uppercase;
}

.btn.btn-large.square {
	font-size: 28px;
	padding-left: 30px;
	padding-right: 30px;
}

@media screen and (max-width: 400px) {
	.btn.btn-large.square {
		font-size: 16px;
		padding-left: 15px;
		padding-right: 15px;
	}
}

.btn-default.bg-blue:hover {
	color: #ffffff;
	background-color: #939598;
}

.lead {
	font-family: 'Gotham A', 'Gotham B';
	font-weight: 300;
	font-style: normal;
}

.bold {
	font-weight: 700;
}

.buffer-top {
	margin-top: 50px !important;
}

.buffer-bottom {
	margin-bottom: 50px !important;
}

.buffer-top-small {
	margin-top: 25px !important;
}

.buffer-bottom-small {
	margin-bottom: 25px !important;
}

.buffer-bottom-xsmall {
	margin-bottom: 5px !important;
}

.buffer-top-xsmall {
	margin-top: 5px !important;
}

.buffer-top-negative {
	margin-top: -50px;
}

.buffer-left-small {
	margin-left: 25px;
}

.buffer-right-small {
	margin-right: 25px;
}

.padding-top {
	padding-top: 50px;
}

.padding-top-small {
	padding-top: 25px;
}

.padding-bottom {
	padding-bottom: 50px;
}

.padding-bottom-small {
	padding-bottom: 25px;
}

@media (min-width: 769px) {

	.fixed-height-50 {
		min-height: 50px;
	}

	.fixed-height-100 {
		min-height: 100px;
	}

	.fixed-height-125 {
		min-height: 125px;
	}

	.fixed-height-150 {
		min-height: 150px;
	}

	.fixed-height-175 {
		min-height: 175px;
	}

	.fixed-height-200 {
		min-height: 200px;
	}

	.fixed-height-225 {
		min-height: 225px;
	}

	.fixed-height-250 {
		min-height: 250px;
	}

	.fixed-height-275 {
		min-height: 275px;
	}

	.fixed-height-300 {
		min-height: 300px;
	}

	.fixed-height-325 {
		min-height: 325px;
	}

	.fixed-height-350 {
		min-height: 350px;
	}

	.fixed-height-375 {
		min-height: 375px;
	}

	.fixed-height-400 {
		min-height: 400px;
	}

	.fixed-height-425 {
		min-height: 425px;
	}

	.fixed-height-450 {
		min-height: 450px;
	}

	.fixed-height-475 {
		min-height: 475px;
	}

	.fixed-height-500 {
		min-height: 500px;
	}

	.fixed-height-550 {
		min-height: 550px;
	}

	.fixed-height-600 {
		min-height: 600px;
	}

}

@media (min-width: 401px) and (max-width: 768px) {

	.fixed-height-sm-50 {
		min-height: 50px;
	}

	.fixed-height-sm-100 {
		min-height: 100px;
	}

	.fixed-height-sm-125 {
		min-height: 125px;
	}

	.fixed-height-sm-150 {
		min-height: 150px;
	}

	.fixed-height-sm-200 {
		min-height: 200px;
	}

	.fixed-height-sm-225 {
		min-height: 225px;
	}

	.fixed-height-sm-250 {
		min-height: 250px;
	}

	.fixed-height-sm-275 {
		min-height: 275px;
	}

	.fixed-height-sm-300 {
		min-height: 300px;
	}

	.fixed-height-sm-325 {
		min-height: 325px;
	}

	.fixed-height-sm-350 {
		min-height: 350px;
	}

	.fixed-height-sm-375 {
		min-height: 375px;
	}

	.fixed-height-sm-400 {
		min-height: 400px;
	}

	.fixed-height-sm-425 {
		min-height: 425px;
	}

	.fixed-height-sm-450 {
		min-height: 450px;
	}

	.fixed-height-sm-475 {
		min-height: 475px;
	}

	.fixed-height-sm-500 {
		min-height: 500px;
	}

	.fixed-height-sm-550 {
		min-height: 550px;
	}

	.fixed-height-sm-600 {
		min-height: 600px;
	}

	.fixed-height-sm-700 {
		min-height: 700px;
	}

	.fixed-height-sm-800 {
		min-height: 800px;
	}

}

@media (max-width: 400px) {

	.fixed-height-xs-50 {
		min-height: 50px;
	}

	.fixed-height-xs-100 {
		min-height: 100px;
	}

	.fixed-height-xs-125 {
		min-height: 125px;
	}

	.fixed-height-xs-150 {
		min-height: 150px;
	}

	.fixed-height-xs-200 {
		min-height: 200px;
	}

	.fixed-height-xs-225 {
		min-height: 225px;
	}

	.fixed-height-xs-250 {
		min-height: 250px;
	}

	.fixed-height-xs-300 {
		min-height: 300px;
	}

	.fixed-height-xs-325 {
		min-height: 325px;
	}

	.fixed-height-xs-350 {
		min-height: 350px;
	}

	.fixed-height-xs-375 {
		min-height: 375px;
	}

	.fixed-height-xs-400 {
		min-height: 400px;
	}

	.fixed-height-xs-425 {
		min-height: 425px;
	}

	.fixed-height-xs-450 {
		min-height: 450px;
	}

	.fixed-height-xs-475 {
		min-height: 475px;
	}

	.fixed-height-xs-500 {
		min-height: 500px;
	}

	.fixed-height-xs-550 {
		min-height: 550px;
	}

	.fixed-height-xs-600 {
		min-height: 600px;
	}

	.fixed-height-xs-700 {
		min-height: 700px;
	}

	.fixed-height-xs-800 {
		min-height: 800px;
	}

}

/**
 * Basic padding styles pulled from Bootstrap
 */
.pos-r {
  position: relative !important;
}

.pos-a {
  position: absolute !important;
}

.pos-f {
  position: fixed !important;
}

.w-sm {
  width: 25% !important;
}

.w-md {
  width: 50% !important;
}

.w-lg {
  width: 75% !important;
}

.w-full {
  width: 100% !important;
}

.m-a-0 {
  margin: 0 !important;
}

.m-t-0 {
  margin-top: 0 !important;
}

.m-r-0 {
  margin-right: 0 !important;
}

.m-b-0 {
  margin-bottom: 0 !important;
}

.m-l-0 {
  margin-left: 0 !important;
}

.m-x-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-a {
  margin: 20px !important;
}

.m-t {
  margin-top: 20px !important;
}

.m-r {
  margin-right: 20px !important;
}

.m-b {
  margin-bottom: 20px !important;
}

.m-l {
  margin-left: 20px !important;
}

.m-x {
  margin-right: 20px !important;
  margin-left: 20px !important;
}

.m-y {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.m-a-md {
  margin: 30px !important;
}

.m-t-md {
  margin-top: 30px !important;
}

.m-r-md {
  margin-right: 30px !important;
}

.m-b-md {
  margin-bottom: 30px !important;
}

.m-l-md {
  margin-left: 30px !important;
}

.m-x-md {
  margin-right: 30px !important;
  margin-left: 30px !important;
}

.m-y-md {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.m-a-lg {
  margin: 60px !important;
}

.m-t-lg {
  margin-top: 60px !important;
}

.m-r-lg {
  margin-right: 60px !important;
}

.m-b-lg {
  margin-bottom: 60px !important;
}

.m-l-lg {
  margin-left: 60px !important;
}

.m-x-lg {
  margin-right: 60px !important;
  margin-left: 60px !important;
}

.m-y-lg {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.p-a-0 {
  padding: 0 !important;
}

.p-t-0 {
  padding-top: 0 !important;
}

.p-r-0 {
  padding-right: 0 !important;
}

.p-b-0 {
  padding-bottom: 0 !important;
}

.p-l-0 {
  padding-left: 0 !important;
}

.p-x-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-a {
  padding: 20px !important;
}

.p-t {
  padding-top: 20px !important;
}

.p-r {
  padding-right: 20px !important;
}

.p-b {
  padding-bottom: 20px !important;
}

.p-l {
  padding-left: 20px !important;
}

.p-x {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.p-y {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.p-a-md {
  padding: 30px !important;
}

.p-t-md {
  padding-top: 30px !important;
}

.p-r-md {
  padding-right: 30px !important;
}

.p-b-md {
  padding-bottom: 30px !important;
}

.p-l-md {
  padding-left: 30px !important;
}

.p-x-md {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.p-y-md {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.p-a-lg {
  padding: 60px !important;
}

.p-t-lg {
  padding-top: 60px !important;
}

.p-r-lg {
  padding-right: 60px !important;
}

.p-b-lg {
  padding-bottom: 60px !important;
}

.p-l-lg {
  padding-left: 60px !important;
}

.p-x-lg {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

.p-y-lg {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

/**
 * Styles for bootstrap 5ths column (20%).
 */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.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;
  }
}

/**
 * Styles for bootstrap 5ths column 2x (40%).
 */
.col-xs-30,
.col-sm-30,
.col-md-30,
.col-lg-30 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-30 {
  width: 40%;
  float: left;
}

@media (min-width: 768px) {
.col-sm-30 {
  width: 40%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-30 {
    width: 40%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-30 {
    width: 40%;
    float: left;
  }
}

/**
 * Styles for bootstrap 5ths column 3x (60%).
 */
.col-xs-45,
.col-sm-45,
.col-md-45,
.col-lg-45 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-45 {
  width: 60%;
  float: left;
}

@media (min-width: 768px) {
.col-sm-45 {
  width: 60%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-45 {
    width: 60%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-45 {
    width: 60%;
    float: left;
  }
}

/**
 * Styles for vertically centered blocks.
 */
.block-fill-height {
  display: table;
  width: 100%;
}
.block-xs-top,
.block-xs-bottom,
.block-xs-middle {
  display: table-cell;
  vertical-align: middle;
}
.block-xs-bottom {
  vertical-align: bottom;
}
.block-xs-top {
  vertical-align: top;
}
@media (min-width: 768px) {
  .block-sm-top,
  .block-sm-bottom,
  .block-sm-middle {
    display: table-cell;
    vertical-align: middle;
  }
  .block-sm-bottom {
    vertical-align: bottom;
  }
  .block-sm-top {
    vertical-align: top;
  }
}
@media (min-width: 992px) {
  .block-md-top,
  .block-md-bottom,
  .block-md-middle {
    display: table-cell;
    vertical-align: middle;
  }
  .block-md-bottom {
    vertical-align: bottom;
  }
  .block-md-top {
    vertical-align: top;
  }
}
@media (min-width: 1200px) {
  .block-lg-top,
  .block-lg-bottom,
  .block-lg-middle {
    display: table-cell;
    vertical-align: middle;
  }
  .block-lg-bottom {
    vertical-align: bottom;
  }
  .block-lg-top {
    vertical-align: top;
  }
}

/* header */

.logo img {
	width: 158px;
	margin: 12px;
	margin-left: 0;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.logo img {
		width: 120px;
	}
}

header {
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
}

.not-front header {
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}

#social {
	padding-left: 10px;
	float: right;
}

.sm {
	font-size: 1.8em;
	line-height: 0.8;
}

.bottom {
	position: absolute;
	bottom: 0;
}

.valign-bottom {
	display: inline-block;
	vertical-align: bottom;
	float: none;
}


@media screen and (max-width: 400px) {
	.bg-xparent-dark {
		border-radius: 0;
	}
	.mma {
		/*background: url("../images/bars.png") no-repeat scroll 0 50% / 15px 19px rgba(0, 0, 0, 0);*/
		background-size: 15px 19px;
		margin: auto;
		padding-left: 21px;
	}
	.bottom {
		bottom: -20px;
		padding-bottom: 80px;
	}
}

@media screen and (min-width: 401px) and (max-width: 767px) {
	.bottom {
		bottom: 20%;
	}
}

/* title bar */
#title-bar {
	margin-top: -20px;
	margin-bottom: 20px;
}

#title-bar a:hover {
	text-decoration: none;
}

.title-bar {
	position: relative;
}

#title-bar-title {
	height: 100%;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
}

#title-bar-menu {
	width: 69%;
}

#title-bar-menu a:hover {
	background: none;
	color: #eee;
}

#title-bar-breadcrumb {
	text-transform: uppercase;
	font-family: 'Gotham A', 'Gotham B';
	font-weight: 700;
	font-size: 9px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.breadcrumb {
	border-radius: 0;
	background-color: rgba(0,0,0,0.4);
	padding: 5px 10px;
	margin-bottom: 0;
}

.breadcrumb a {
	color: #ddd;
}

.breadcrumb .active {
	color: #ffffff;
}

@media screen and (max-width: 991px) {
	.menu-level-2 {
		margin-top: -40px;
	}
}

@media screen and (max-width: 400px) {
	#title-bar {

	}
	#title-bar-title {
		padding-top: 20px;
	}
	#title-bar h1 {
		font-size: 21px;
	}
	#title-bar-title h1.mma {
		background-position: left 3px !important;
		background-size: 13px 17px;
		padding-left: 17px;
	}
}

@media screen and (max-width: 991px) {
	#title-bar-menu {
		width: auto;
	}
}

/* features */

#feature {
	margin-bottom: 20px;
}

.feature [class^=bg] {
	padding: 30px;
	border-right: 1px solid #ffffff;
	border-collapse: collapse;
	font-size: 14px;
	height: 250px;
	position: relative;
	line-height: 1.5;
	font-family: 'Gotham A', 'Gotham B'; font-weight: 400; font-style: normal;
}

.feature.last [class^=bg] {
	border-right: none;
}

.feature h1 {
	margin-bottom: 12px !important;
	font-family: 'Gotham A', 'Gotham B'; font-weight: 700; font-style: normal;
}

.feature .btn {
	font-size: 13px;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 30px;
}

.feature .btn-default {
	background-color: #ffffff;
}

.btn-info {
	background-color: #0072ba;
	border-radius: 0;
	font-family: 'Gotham A', 'Gotham B'; font-weight: 700; font-style: normal;
}

.feature .mma, .mma-small {
	/*background: url("../images/bars.png") no-repeat scroll 0 50% / 12px 15px rgba(0, 0, 0, 0);*/
	background-size: 12px 15px;
	margin: auto;
	padding-left: 15px;
}

@media screen and (max-width: 767px) {
	.feature [class^=bg] {
		height: auto;
		border-bottom: 1px solid #ffffff;
		border-right: none;
		padding-bottom: 62px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.feature [class^=bg] {
		line-height: 1.3;
		border-bottom: 1px solid #ffffff;
	}
	.feature.even div[class^=bg] {
		border-right: none !important;
	}
	.feature [class^=bg] {
		height: 200px;
	}
}

@media screen and (min-width: 1200px) {
	.feature [class^=bg] {
		font-size: 14px;
	}
	.feature .mma {
		/*background: url("../images/bars.png") no-repeat scroll 0 50% / 12px 15px rgba(0, 0, 0, 0);*/
		background-size: 12px 15px;
		margin: auto;
		padding-left: 15px;
		font-size: 20px !important;
	}
}

.feature .mma {
	color: #ffffff;
	font-size: 16px;
}

.feature.col-xs-1, .feature.col-sm-1, .feature.col-md-1, .feature.col-lg-1, .feature.col-xs-2, .feature.col-sm-2, .feature.col-md-2, .feature.col-lg-2, .feature.col-xs-3, .feature.col-sm-3, .feature.col-md-3, .feature.col-lg-3, .feature.col-xs-4, .feature.col-sm-4, .feature.col-md-4, .feature.col-lg-4, .feature.col-xs-5, .feature.col-sm-5, .feature.col-md-5, .feature.col-lg-5, .feature.col-xs-6, .feature.col-sm-6, .feature.col-md-6, .feature.col-lg-6, .feature.col-xs-7, .feature.col-sm-7, .feature.col-md-7, .feature.col-lg-7, .feature.col-xs-8, .feature.col-sm-8, .feature.col-md-8, .feature.col-lg-8, .feature.col-xs-9, .feature.col-sm-9, .feature.col-md-9, .feature.col-lg-9, .feature.col-xs-10, .feature.col-sm-10, .feature.col-md-10, .feature.col-lg-10, .feature.col-xs-11, .feature.col-sm-11, .feature.col-md-11, .feature.col-lg-11, .feature.col-xs-12, .feature.col-sm-12, .feature.col-md-12, .feature.col-lg-12 {
	padding: 0;
}

/* page header */

@media screen and (max-width: 768px) {
	.page-header {
		font-size: 24px;
	}
}

h2.page-header {
	margin-top: 20px; /* TODO: Why does this need to be added? Anything with a carousel is flush to the top */
}

/* triptych */
#triptych {
	margin-bottom: -45px;
}

.thumb-caption a:hover {
	text-decoration: none;
}

.thumb-caption.mma {
	white-space: normal;
}

#block-block-115 {
	padding: 1px 2px;
}

.flipboard-thumb {
	width: 100%;
	height: 200px;
	overflow: hidden;
	position: relative;
	border: 3px solid #fff;
	background-color: #f2f2f2;
}

.flipboard-thumb img {
	position: absolute;
	max-width: 105%;
	min-width: 100%;
	min-height: 200px;
	z-index: 10;
	left: 0;
}

.flipboard-thumb > div:hover {
	border: 1px solid #fff;
}

@media screen and (max-width: 767px) {
	.flipboard-thumb img {
		min-height: 150px;
	}
	.flipboard-thumb {
		height: 150px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.flipboard-thumb img {
		max-width: 135%;
		left: -25%;
	}
	.flipboard-thumb {
		height: 180px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.flipboard-thumb img {
		max-width: 125%;
		left: -15%;
	}
}

@media screen and (min-width: 1200px) {
	.thumb-caption.mma {
		background-position: 0 10px !important;
	}
}

.thumb-caption {
	display: block;
	position: absolute;
	left: 20px;
	top: 20px;
	/*background-color: #000000; *//* for ie */
	/*background-color: rgba(0,0,0,0.8) !important;*/
	color: #ffffff;
	padding: 3px 23px;
	z-index: 11;
	cursor: pointer;
	text-align: left;
}

.thumb-caption:hover {
	text-decoration: none;
}

.thumb-caption.mma.white {
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) !important;
}

.thumb-caption.mma.red, .thumb-caption.mma.purple, .thumb-caption.mma.teal {
	text-shadow: 0 1px 2px rgba(255, 255, 255, 0.6) !important;
}

.thumb-caption.mma {
	background-position: 0 8px !important;
}

@media screen and (max-width: 767px) {
	.thumb-caption.mma {
		background-position: 0 7px !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {

}

@media screen and (min-width: 992px) and (max-width: 1199px) {

}

@media screen and (min-width: 1200px) {
	.thumb-caption.mma {
		background-position: 0 10px !important;
	}
}

@media screen and (min-width: 401px) {
	flipboard-title.with-description {
		margin-top: 20px;
	}
}

.view-nodequeue-9 {
	border: 1px solid #fff;
}

.view-nodequeue-9 .flipboard-thumb {
	border: 1px solid #fff;
}

@media screen and (max-width: 400px) {
	.flipboard-thumb.no-description .col-sm-12 {
		font-size: 70%;
	}
	.flipboard-description {
		display: none;
	}
}

@media screen and (min-width: 401px) and (max-width: 767px) {
	.flipboard-thumb.no-description .col-sm-12 {
		font-size: 90%;
	}
	.flipboard-description {
		font-size: 10px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.flipboard-thumb.no-description .col-sm-12 {
		font-size: 80%;
	}
	.flipboard-description {
		font-size: 9px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.flipboard-description {

	}
}

@media screen and (min-width: 1200px) {

}

footer {
	min-height: 380px;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
	color: #ffffff;
}

footer a, footer a:hover {
	color: #ffffff;
}

/* member companies */

#member-company-slideshow-wrapper {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	margin-top: 20px;
}

#member-company-slideshow {
	margin-left: 2%;
}

@media screen and (max-width: 400px) {
	#member-company-slideshow {
		min-width: 960px;
		margin-left: -50%;
		margin-right: -50%;
	}
}

@media screen and (min-width: 401px) and (max-width: 767px) {
	#member-company-slideshow {
		min-width: 960px;
		margin-left: -25%;
		margin-right: -25%;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#member-company-slideshow {
		min-width: 1000px;
		margin-left: -25%;
		margin-right: -25%;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

}

@media screen and (min-width: 1200px) {

}

.jcarousel-clip {
	overflow: hidden;
	height: 100px;
}

.jcarousel-item {
	height: 157px;
	vertical-align: middle;
}

.jcarousel .views-field-field-logo img {
	margin: 0 36px 0 0;
}

/* jumbotron */
.jumbotron {
	font-family: 'Gotham A', 'Gotham B';
	font-weight: 300;
	font-style: normal;
}

/* cover images and images */
.cover {
  position: relative;
  min-height: 350px;
  background: no-repeat scroll center 100% / cover transparent;
}

.cover.flex-height {
	min-height: initial !important;
}

.cover.cover-thin {
	min-height: 250px !important;
	max-height: 250px !important;
}

.cover.cover-thick {
	min-height: 450px;
	max-height: 450px;
}

.cover.align-top {
	background-position: center 0%;
}

.cover.align-top-20 {
	background-position: center 20%;
}

.cover.align-middle {
	background-position: center 50%;
}

.cover.align-bottom {
	background-position: center bottom;
}

.cover.parallax {
	background-attachment: fixed;
	background-size: 150%;
	background-position: center 50%;
}

@media screen and (min-width: 768px) {
	.cover.parallax.parallax-max-100 {
		background-size: 100%;
		padding: 50px 25%;
	}
}

@media screen and (max-width: 767px) {
	.cover.parallax {
		background-size: 250%;
	}
	.cover.parallax.parallax-max-100 {
		min-height: 150px !important;
		background-size: 250% !important;
		padding: 10px 10px;
	}
}

@media screen and (max-width: 400px) {
	.cover.parallax {
		background-position: center 250px; /* using pixel placement v.s. percentage due to weird issue with iOS */
	}
}

.text-shadow {
	text-shadow: 2px 2px 5px #333333;
}

@media screen and (min-width: 401px) and (max-width: 767px) {
	.text-center-sm {
		text-align: center;
	}
}

@media screen and (max-width: 400px) {
	.text-center-xs {
		text-align: center;
	}
}

img.padded {
	padding: 20px;
	padding-top: 0;
}

@media screen and (max-width: 400px) {
	img.padded {
		padding: 0;
	}

}

@media screen and (max-width: 768px) {
	img.padded {
		width: 100%;
		padding: 0;
		padding-bottom: 20px;
	}
}

@media screen and (min-width: 768px) {

	img.padded.right {
		padding-right: 0;
	}

	img.padded.left {
		padding-left: 0;
	}

}

.speaker {
	border: 1px solid #0072ba;
	width: 125px;
	height: auto;
}

.speaker.speaker-large, .speaker-large img.speaker {
	width: 175px !important;
}

@media screen and (max-width: 400px) {

	.speaker.speaker-large, .speaker-large img.speaker {
		width: 100% !important;
	}

	#featured-speakers-container .speaker.speaker-large,
	#featured-speakers-container .speaker-large img.speaker,
	.speaker-large.no-expand img.speaker {
		width: 175px !important;
	}

	.speaker-large .views-row {
	  min-height: 280px;
	  font-size: 12px;
	}

	.speaker-large .views-row .views-field-field-logo img {
	  max-height: 60px;
	  width: auto !important;
	}

}

/* views styles */

.view-infographics img {
	display: inline;
}

/* smartgraphics */

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

.node-smartgraphic img {
	width: 100%;
}

.casestudy-thumb {
	background-color: #ccc;
	width: 100%;
	height: 180px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	border: 5px solid #ffffff;
}

.casestudy-thumb > a > img, .casestudy-thumb > p > a > img {
	position: absolute;
	width: 100%;
	max-width: 100% !important;
	min-height: 100%;
	z-index: 10;
	left: 0;
	object-fit: cover;
}

.casestudy-thumb .thumb-caption {
	position: absolute;
	left: 0;
	background-color: #000000; /* for ie */
	background-color: rgba(0,0,0,0.8);
	color: #ffffff;
	font-weight: bold;
	padding: 3px 13px;
	z-index: 11;
	font-family: 'Gotham A', 'Gotham B';
	font-weight: 700;
	font-style: normal;
}

.casestudy-thumb .thumb-caption a {
	color: #ffffff;
}

#event-description {
	font-family: 'Gotham A', 'Gotham B';
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0;
}

@media screen and (max-width: 400px) {
	#event-description {
		font-size: 12px;
	}
}

.event-navigation-blocks {
	margin-top: 20px;
}

.block-button {
	cursor: pointer;
}

.node-type-event .main-container {
	padding-top: 30px;
}

/* committees */
.view-committee-documents .views-field-field-document-thumbnail img {
	box-shadow: 7px 7px 50px #cccccc;
	margin-bottom: 10px;
}

/* field collections */
.field-collection-view-links {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 9px;
}

.field-collection-view-links li {
	display: inline;
	margin-right: 10px;
}

.field-collection-description {
	font-size: 9px;
	color: #999;
	text-align: right;
}

.node-type-agenda .field-collection-container, .node-type-agenda .field-collection-view {
	border: none;
	margin: 0;
	padding: 0;
}

/* agenda tracks */
.panel-1 {
	border-color: #bce8f1;
}

.panel-1 > .panel-heading {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #3a87ad;
}

.panel-2 {
	border-color: #d6e9c6;
}

.panel-2 > .panel-heading {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #468847;
}

.panel-3 {
	border-color: #ebccd1;
}

.panel-3 > .panel-heading {
	background-color: #f2dede;
	border-color: #ebccd1;
	color: #b94a48;
}

.panel-4 {
	border-color: #faebcc;
}

.panel-4 > .panel-heading {
	background-color: #fcf8e3;
  border-color: #faebcc;
  color: #c09853;
}

.panel-5 > .panel-heading {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #3a87ad
}

.panel-5 {
	border-color: #bce8f1;
}

.panel-6 > .panel-heading {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #3a87ad
}

.panel-6 {
	border-color: #bce8f1;
}

.breakout .panel {
	min-height: 500px !important;
}

.breakout .view-speakers .views-field-field-logo img {
	display: none;
}

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

@media screen and (max-width: 400px) {
	.soldout-banner h2 {
		font-size: 20px;
	}
}

#block-user-login ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.padded {
	padding: 10px;
}

hr.dark, .border-dark {
	border-color: #aaa;
}

hr.thick, .border-thick {
	border-width: 2px;
}

/* temporarily hide password tab completely */
body.page-user > div.main-container.container > div > section > ul > li:nth-child(3) {
	display: none;
}

body.node-type-company-profile.page-node-edit input#edit-preview,
body.node-type-company-profile.page-node-edit input#edit-preview-changes,
body.node-type-company-profile.page-node-edit div.form-item-language,
body.node-type-company-profile.page-node-edit div.field-name-field-mma-member-contact,
body.node-type-company-profile.page-node-edit div.field-name-field-mma-member-contact-email,
body.node-type-company-profile.page-node-edit div.tabledrag-toggle-weight-wrapper,
body.node-type-company-profile.page-node-edit fieldset#edit-body-und-0-format {
	display: none;
}

fieldset.webform-component-fieldset {
	margin-top: 20px;
}

@media screen and (min-width: 401px) {
	/* style login text input */
	form#passwordless-login input#edit-name {
		-webkit-border-top-right-radius: 0;
		-webkit-border-bottom-right-radius: 0;
		-moz-border-radius-topright: 0;
		-moz-border-radius-bottomright: 0;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	/* style login button */
	form#passwordless-login input#edit-submit {
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomright: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-left: 1px solid #ffffff;
	}
}

/* style company profile edit form checkboxes */
@media screen and (min-width: 768px) {
	#edit-field-products-services .form-type-checkbox {
		width: 33%;
		float: left;
	}

	/* fixes strange offset issue with first checkbox */
	#edit-field-products-services-und > div:first-child {
		margin-top: -5px !important;
	}

	#edit-field-logo-und-0-ajax-wrapper > div > div > div.image-widget-data {
		margin-top: 50px;
	}

	#edit-field-products-services > div > p.help-block {
		clear: both;
	}

}

/* style document-based inline login block */
body.node-type-document .nopremium-message {
	margin-top: 10px;
}

/* parallax backgrounds */
.global-b {
	background-image: url(https://mmaglobal.com/files/global-b.jpg);
}

.global-bl {
	background-image: url(https://mmaglobal.com/files/global-large-bl.jpg);
	background-position: 50% 68px;
}

#submit-content-blue-arrow {
	max-width: 69px;
	padding-left: 10px;
	margin-top: -12px;
}

/* hack to add responsive text centering */
.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}

/* additional speaker layout adjustments */
.col-xs-6.fixed-height-sm-300 {
  min-height: 250px;
}

.col-xs-6.fixed-height-sm-300,
.col-xs-6.fixed-height-sm-300 .view-speakers .views-field-title,
.col-xs-6.fixed-height-sm-300 .view-speakers .views-field-field-speaker-title,
.col-xs-6.fixed-height-sm-300 .view-speakers .views-field-field-speaker-company {
  font-size: 12px;
  line-height: 14px;
}

@media screen and (max-width: 400px) {
	.btn {
		white-space: normal !important;
	}

	#attendees table tr {
    border-bottom: 1px solid #eee;
  }

  #attendees table tr td {
    display: block;
    border: none !important;
    padding: 2px 2px !important;
  }

  #attendees table tr td:first-child {
    padding-top: 10px !important;
    float: right;
  }

  #attendees table tr td:nth-child(2) {
    padding-top: 15px !important;
  }

  #attendees table tr td:last-child {
    padding-bottom: 15px !important;
  }
}

/* featured attendees */

.view-featured-attendees {
  text-align: center;
	margin-bottom: 15px;
}

.view-featured-attendees .views-row {
  display: inline-block;
  padding: 2px 10px;
}
.view-featured-attendees .views-row img {
  width: 79px;
}

@media screen and (min-width: 401px) and (max-width: 767px) {
	.view-featured-attendees .views-row-7,
	.view-featured-attendees .views-row-18,
	.view-featured-attendees .views-row-29,
	.view-featured-attendees .views-row-40 {
		padding-left: 30px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.view-featured-attendees .views-row-8,
	.view-featured-attendees .views-row-21,
	.view-featured-attendees .views-row-34,
	.view-featured-attendees .views-row-47 {
		padding-left: 30px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.view-featured-attendees .views-row-10,
	.view-featured-attendees .views-row-27,
	.view-featured-attendees .views-row-44,
	.view-featured-attendees .views-row-61 {
		padding-left: 30px;
	}
}

@media screen and (min-width: 1200px) {
	.view-featured-attendees .views-row-12,
	.view-featured-attendees .views-row-33,
	.view-featured-attendees .views-row-54,
	.view-featured-attendees .views-row-75 {
		padding-left: 30px;
	}
}

/* style nodequeue links */
.nodequeue-ajax-toggle {
	font-weight: bold;
	color: #ffffff;
	background-color: #5cb85c;
	padding: 5px 20px;
}

/* add bootstrap sub-dropdown menus */
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

@media screen and (min-width: 401px) {
	.mobile-only {
		display: none !important;
	}
}

/* language picker */
.mma-language-wrapper {
	width: 110px;
	float: right;
	height: 20px;
	text-align: left;
	margin-left: 10px;
}

.mma-language-picker ul {
	background-color: #0072ba;
}

.mma-language-picker li {
	text-align: left;
	border-top: 1px solid #ffffff;
	padding: 2px 1px;
}

.mma-language-picker .ddlabel {
	padding-left: 3px;
}

.view-speakers .clearfix {
	margin-bottom: 15px;
}

.featured-session * {
	color: #ffffff !important;
}

.featured-session img.speaker {
	border-color: #ffffff !important;
}

/* cart styles - move into code */
.form-item-quantity input {
    width: 100px;
}

/* qa styles - move into code */

@media screen and (min-width: 768px) {
    dl.dl-qa dt {
        width: 15px;
        margin-bottom: 20px;
    }

    dl.dl-qa dd {
        margin-left: 20px;
    }
}

/* style company profile - move into code */

.node-type-company-profile .page-header {
    display: none;
}

.field-name-formatted-twitter-icon,
.field-name-formatted-facebook-icon,
.field-name-formatted-google-plus-icon,
.field-name-formatted-linkedin-icon,
.field-name-formatted-pinterest-icon,
.field-name-formatted-instagram-icon,
.field-name-formatted-flickr-icon,
.field-name-formatted-foursquare-icon {
    display: inline-block;
    margin: 0 2px 2px 0;
}

body.page-documents div.member-only-icon {
    position: static !important;
}

/* remove mma logo and mma company name from meet the team page */
#node-25619 .views-field-field-speaker-company,
#node-25619 .views-field-field-logo {
    display: none;
}

/* hide programmatic calculator submit button */
#webform-client-form-25659 > div > input.square.bg-blue.buffer-top-small.btn.btn-primary.form-submit {
    display: none !important;
}

#webform-client-form-25659 dt {
    font-weight: bold;
    color: #08798d;
}

#webform-client-form-25659 dd {
    margin-bottom: 15px;
}

@media screen and (min-width: 769px) {
    #node-25619 .fixed-height-325 {
        min-height: 180px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 401px) {
    #node-25619 .fixed-height-sm-350 {
        min-height: 180px !important;
    }
}

@media screen and (min-width: 728px) {
    .speaker-host {
        margin-top: -25px;
    }
}

.jumbotron .form-checkboxes {
    line-height: 1.5em;
    font-size: 14px;
}

.view-id-webinars .node-speaker img {
    width: 100px !important;
}

/* hide add to calendar on highlights page */
body.page-node-24911 .field-name-add-to-calendar {
    display: none;
}

/* make sm2 agenda item pink */
body.page-node-25439 #day_1 > div.field-collection-view.clearfix.view-mode-full > div > div > div:nth-child(1) > div > div > div:nth-child(19) {
    background-color: #f1c1d5;
    padding: 15px;
}

/* don't make case study images so big */
.view-case-studies .views-field-field-images img {
    width: 300px;
    height: auto;
}

body.page-calendar-monthly div > div > div.view-content > div:nth-child(2) > div.view-grouping-content > div > div:first-child {
    margin-bottom: 0 !important;
}

.page-webinars .btn.btn-large.square {
    font-size: 17px;
}

/* Style Web Forms on Program Pages */
body.node-type-committee .webform-client-form {
    margin-bottom: 20px;
}

/* Style SMoX Page */
body.page-node-20584 .field-name-field-release-date,
body.page-node-20584 .field-name-field-file-size,
body.page-node-20584 .field-name-taxonomy-vocabulary-17,
body.page-node-20584 .field-name-field-category,
body.page-node-20584 .field-name-field-topics-of-interest {
    display: none;
}

body.page-node-20584 #block-block-154 .buffer-bottom-small {
    margin-bottom: 0 !important;
}

/* Style User Login Page */
body.page-user-login-sent #block-system-main > div {
    padding: 20px;
    background-color: #f2f2f2;
    border-radius: 10px;
}

body.page-user-login-sent #block-system-main > div > p:nth-child(1) {
    font-size: 16px;
    font-weight: bold;
    color: #0072ba;
}

body.page-user-login-sent #block-block-149 {
    display: none;
}

/* Hide Sharebar on specific pages */

/* home page */
.front #sharebarx {
	display: none !important;
}

/* 404 page */
/* member dashboard */
body.page-node-24609 #sharebar, body.page-node-24609 #sharebarx,
body.page-node-25202 #sharebar, body.page-node-25202 #sharebarx,
body.page-node-25313 #sharebar, body.page-node-25313 #sharebarx{
	display: none !important;
}

li.menu-mlid-19422 a {
	color: #f37021 !important;
}

h1.upper.large {
	font-size: 60px;
}

@media screen and (max-width: 400px) {
	h1.upper.large {
		font-size: 29px;
	}
}

/* fixes weird issue where admin menu suddenly started adding a "search" label since bootstrap 3.13 upgrade */
#admin-menu-search label.control-label {
	display: none;
}

/**
 * Fixes display when a well appears within a well
 */
.well .well {
	background-color: #ffffff;
}

.nopremium-message {
	margin-top: 20px;
}

.nopremium-message .well {
	border: none;
	border-radius: 0;
	box-shadow: none;
}

.nopremium-message h4:before {
	font-family: FontAwesome;
  content: "\f0d7";
	font-size: 102px;
	display: block;
	text-align: left;
	margin-top: -80px;
	margin-bottom: -30px;
	color: #ffffff;
}

/**
 * Fix admin responsive menu showing with advagg module enabled.
 */
#admin-menu-shortcuts-responsive {
	display: none;
}

/**
 * Fix file listings issue.
 */
span.file {
  clear: both;
  display: block;
}

/**
 * Center region selector for smarties.
 */
@media screen and (min-width: 992px) {
	
	#block-mmasmarties-utilities-mmasmarties-region-selector .container {
		display: flex;
		justify-content: center;
	}
	
	.selected-program-text {
	  margin-top: 10px;
	  margin-right: 10px;
	  margin-left: -70px;
	}
	
	.submit-block.affix {
		top: 200px;
		width: 263px;
		border-top: 20px solid white;
		border-bottom: 20px solid white;
	}
	
	.col-sm-3 .casestudy-thumb {
		height: 110px;
	}
	
	.col-sm-3 .casestudy-thumb img {
		min-height: 100px;
	}
	
	.col-sm-3 .casestudy-thumb .thumb-caption {
		font-size: 10px;
	}
	
}

.submit-block {
	-moz-transition: background-color 0.2s ease-in;
	-webkit-transition: background-color 0.2s ease-in;
	-o-transition: background-color 0.2s ease-in;
	transition: background-color 0.2s ease-in;
}

.submit-block:hover {
	background-color: #CA96C1;
}
