/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/
/* --- CONTENT PAGES --------------------- */
/* /\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\*/

body {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#420009+0,7c0011+100 */
	background: #420009; /* Old browsers */
	background: -moz-linear-gradient(top,  #420009 0%, #7c0011 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #420009 0%,#7c0011 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #420009 0%,#7c0011 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#420009', endColorstr='#7c0011',GradientType=0 ); /* IE6-9 */

}


/* --- Header ---------------------------- */

/* bb-content-header > container > jumbotron */

.bb-content-header  {
	margin-top: 0px; /* same as navbar height */	
}

.bb-content-header .jumbotron {
    min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
    min-height: 100vh; /* These two lines are counted as one :-)       */
    text-align: center;
    display: flex;
    align-items: center;
    margin-top: 0px;
}

.bb-content-header .pg-container {
	padding-left: 0px;
	padding-right: 0px;
}

.bb-content-header h1 {
    font-size: 70px;
    font-weight: 400;
    font-family: "Bitter", "Georgia", "Times", "Palatino", serif;
	color: white;
    display: block;
    margin-left: auto;
    margin-right: auto;
}



@media screen and (min-width: 768px) {
    .bb-content-header .jumbotron {
        height: 280px;
        min-height: 280px;
    }
    
    .bb-content-header  h1 {
        font-size: 70px;
    }
}
@media screen and (max-width: 767px) {
    .bb-content-header .jumbotron {
        height: 160px;
        min-height: 160px;
    }
    
    .bb-content-header h1 {
        font-size: 40px;
    }
}






.bb-content-header        .pg-container,
.bb-content               .pg-container {
	background-color: #F9F9F9;
    margin-left: auto;
    margin-right: auto;
    
}

.bb-content-header .pg-container .jumbotron
{
	background-size: cover;
	background-position: center;
	margin-bottom: 0px;
	border-radius: 0px;

}


@media (min-width: 768px) {
	.bb-content-header .pg-container,
	.bb-content        .pg-container {
		width: 650px;
	}
}

@media (min-width: 992px)
{
	.bb-content-header .pg-container,
	.bb-content        .pg-container {
		width: 870px;
	}
}

@media (min-width: 1200px)
{
	.bb-content-header .pg-container,
	.bb-content        .pg-container {
		width: 1070px;
	}
}

/* --- Content ----------------------------*/
.bb-content .pg-container {
	padding-left: 20px;
	padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 40px;
}


.bb-content .pg-container .float-image {
	float: right;
	/*min-width: 400px;*/
	/*margin-left: 20px;*/
	padding-left: 20px;
	margin-bottom: 20px;
	width: 40%;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
}


.bb-content .pg-container .float-image-left {
	float: left;
	/*min-width: 400px;*/
	/*margin-left: 20px;*/
	padding-right: 20px;
	margin-bottom: 20px;
	width: 40%;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 320px) {
	.bb-content .pg-container .float-image
	{
		min-width: 300px;
	}
}

@media screen and (max-width: 320px) {
	.bb-content .pg-container .float-image-left
	{
		min-width: 300px;
	}
}

/* TEMPORARY HACK! Forces the bbconent container to consume large amount
   of viewport if it happens to be small, but absolutely won't work on old
   browsers! */
.bb-content .pg-container {
    min-height: 55vh;
}


/* Out of Site content */
.bb-content-blank {
	width: 100%;
	padding-top: 2em;
    padding-bottom: 2em;
}


/* Out of Site content >> Forms */
.bb-content-blank .hx-page-content {
	text-align: left;
	font-size: 1.5 em;
	color: white;
	font-family: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}

.bb-content-blank .hx-page-content a {
    color: #FF9C00;
}

.bb-content-blank .hx-page-content a:hover {
    text-decoration: underline;
}

.bb-content-blank .hx-page-content form {
    color: black;
}

.bb-content-blank .hx-page-content label {
    color: white;
}


.hx-flex-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.hx-flex-container .col-sm-12 {
	margin-bottom: 1em;
}

.hx-virtual-event {
	
	border: solid 4px #7c0011;
	border-radius: 10px;
	text-align: left;
	padding: 1em;
	padding-top: 0em;
	font-family: "Opens Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	height: 100%;
	
}

.hx-virtual-event h1 {
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
}

.hx-virtual-event h2 {
	text-align: center;
	font-size: 1.25em;
	font-weight: normal;
	margin-top: 5px;
}

.hx-virtual-event-signup-link {
	text-align: center;
	font-weight: bold;
	margin-bottom: 0.5em;
}



.hx-virtual-event a {
	color: #fca6a6;
}

.hx-virtual-event a:hover {
	color: #d08080;
}


.hx-event-schedule {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}
	
.hx-event-schedule td {
	padding-left: 1em;
	padding-right: 1em;
	border: solid 1px #7c0011;
}

.hx-event-schedule thead {
	font-weight: bold;
	text-align: center;
}





/* --- Footer -----------------------------*/

.footer {


   margin: 0px;
}




/* ----------------------------------------*/
/* --- Specific Page Content --------------*/
.vendor-temp-websitenotice {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3em;
    padding-right: 3em;
    max-width: 1024px;
	font-size: 1 em;
	color: white;
}

.vendor-temp-content {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3em;
    padding-right: 3em;
    padding-top: 1em;
    padding-bottom: 2em;
    max-width: 1024px;
	font-size: 1.5 em;
	color: black;
    background-color: #efefef;
    border-radius: 15px;
    border: solid 8px #7c0011;
    
	font-family: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}



hr.thank-you {
	width: 87.5%;
	border-top: 2px dotted #7C0011;
}

.thank-you-header {
	color: white;
	margin-top: 75px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	font-family: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}

.thank-you-website {
	text-align: center;
	font-size: 1.5 em;
	color: white;
	font-family: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}

.thank-you-website .large-link {
	color: #fca6a6;
	font-weight: bold;
    font-size: 1.5em;
}

.thank-you-website .large-link:hover {
	color: #d08080;
}


.thank-you-header span {
	font-size: 1.5em;
}

.thank-you-header img {
		width: 94%;
	max-width: 350px;
    margin-bottom: 1em;
}


.thank-you-photos {
	margin-left: auto;
	margin-right: auto;
	padding-left: 50px;
	padding-right: 50px;
	text-align: center;
	color: white;
	font-size: 1.5em;
	font-family: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}

.thank-you-gallery-container {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 1em;
}


.thank-you-gallery-container img {
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    max-width: 200px;
    
}

.galleria {
    width: 100%;
    max-width: 900px;
    height: 600px;
    background-color: rgba(0,0,0,0);
    margin-left: auto;
    margin-right: auto;
}




/* --- Prizes ---------------------------- */
.bb-prizes .container {
    width: 100%;
    color: white;
    padding: 0.5em 2em;
    text-align: center;
}

.bb-prizes h2 {
    color: white;
    text-align: center;
}

.bb-prizes h2 span {
    font-weight: bolder;
}


.bb-prizes h3 {
    font-size: 110%;
}


.bb-prizes .container img {
    max-width: 90%;
    height: auto;
}


.bb-prizes .container {
    margin-top: 10px;
}

.bb-prizes .container a
{
	color: #FFFFFF;
}

.bb-prizes .container a:hover
{
	color: #CCCCCC;
}






.tickets-notification,
.prizes-notification {
	text-align: center;
	font-size: 3rem;
	color: #AE1E32;
	font-weight: bold;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}


.scholarship-recipients-image {
	width: 85%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-bottom: 1em;
	padding-top: 1em;
	
}

.scholarship-recipients-image-caption {
	font-size: 80%;
}

.committee-container {
	margin-left: 2em;
	margin-right: 2em;
}

.members-officer {
	vertical-align: top;
	text-align: center;
	margin-bottom: 2em;
}

.form-label {
        white-space: nowrap;
	vertical-align: center;
	text-align: left;
	margin-bottom: 2em;
}

.form-input {
        white-space: nowrap;
	vertical-align: center;
	text-align: left;
	margin-bottom: 2em;
}

.form-submit {
        white-space: nowrap;
	vertical-align: center;
	text-align: center;
	margin-bottom: 2em;
}

.members-officer span {
	font-weight: bold;
	font-size: 120%;
}

.members-officer img {
	width: 150px;
	border-radius: 50%;
	margin-top: 1em;
	margin-bottom: 1em;
}

.members-member-info {
	height: 125px;
	margin-bottom: 3em;
	padding-top: 1em;
}

.committee-container img {
	float: left;
	width: 125px;
	border-radius: 50%;
	margin-right: 1.5em;
}

/* for small screens, where board member image is stacked above
their info, we want the text to be centered under the image, and
don't want such a large gap between people */
@media screen and (max-width: 576px) {
	.members-member-info {
		text-align: center;
		margin-bottom: 1em;
	}
	
	.committee-container img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		float: none;
		clear: both;
	}
}




.prizes-prize {
	text-align: center;
	font-weight: bold;
	padding-top: 1em;
	font-size: 120%;
}

.prizes-prize img {
	max-width: 75%;
	margin-left: auto;
	margin-right: auto;
	max-height: 400px;
}


/* Forms */

/* forces checkboxes to stack */

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

.bb-form-checkboxes span.checkboxes {
    display: block;
}

.bb-form-checkboxes span.checkboxes label {
    font-weight: normal;
}

.bb-form-radio .radio { margin-left: 2em; }

.bb-form-comments {
    clear: both;
}

.bb-form-comments textarea {
    height: 6em;
    width: 80%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */'

}


/* Tech-In-A-Day Signup */
.bb-tiads-inline-input {
    margin-right: 1em;
    display: inline-block;
}

.bb-tiads-first-name { width: 8em; }
.bb-tiads-first-name input { width: 100%; }

.bb-tiads-last-name { width: 10em; }
.bb-tiads-last-name input { width: 100%; }

.bb-tiads-middle-name { width: 8em; }
.bb-tiads-middle-name input { width: 100%; }

.bb-tiads-suffix { width: 4em; }
.bb-tiads-suffix input { width: 100%; }

.bb-tiads-street-address { width: 24em; }
.bb-tiads-street-address input { width: 100%; }

.bb-tiads-club-affiliations { width: 16em; }
.bb-tiads-club-affiliations input { width: 100%; }

.bb-tiads-city-name { width: 8em; }
.bb-tiads-city-name input { width: 100%; }

.bb-tiads-zip-code { width: 6em; }
.bb-tiads-zip-code input {width: 100%; }

.bb-tiads-email-address { width: 12em; }
.bb-tiads-email-address input { width: 100% }

.bb-tiads-phone-number { width: 10em; }
.bb-tiads-phone-number input { width: 100% }


/*.bb-vendors-list-button {
    margin-top: 2em;
    margin-bottom: 1em;
}

.bb-vendors-list p {
    text-align: center;
}*/


.bb-vendors-vendor {
	width: 95%;
	margin-bottom: 3em;
	vertical-align: middle;
	
	margin-left: auto;
	margin-right: auto;
}

.bb-vendors-vendor img {
	width: 95%;
	
}


.bb-forums-table-container {
	overflow-x: auto;
}

.bb-forums-table-container h2.bb-forums-table-day-header {
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
}




table.bb-forums-table {
    font-size: 0.8em;
    text-align: center;
    vertical-align: middle;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px;
	
}

table.bb-forums-table thead {
    color: white;
    background-color: #7C0011;
	border-collapse: separate;
	border-spacing: 0;
	font-weight: bold;
	vertical-align: bottom;
}

table.bb-forums-table thead td {
	vertical-align: bottom;
}

table.bb-forums-table td {
    border: solid 1px #bfbfbf;
	min-width: 90px;
	max-width: 110px;
    word-wrap: break-word;
}

table.bb-forums-table .bb-forums-table-time {
    text-align: right;
    color: white;
    background-color: #7C0011;
	font-weight: bold;
}

table.bb-forums-table .bb-forums-table-day {
	font-variant: small-caps;
}

table.bb-forums-table .bb-forums-table-shaded {
    background-color: #aaaaaa;
    border: solid 1px #bfbfbf;
}


table.bb-forums-table td.bb-forums-table-has-content {
	background-color: #fdfdfd;
	vertical-align: middle;
	border: solid 2px #420009;
	cursor: pointer;
	font-weight: bold;
}


.bb-forums-button {
    display: block;
    width: 300px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    text-align: center;
    background: #AE1E32;
    font-size: 20px;
    font-weight: 200;
    color: white;
    border-radius: 10px;
    border: solid 2px #0A0001;
}

.bb-forums-button:hover { color: #ffb3b3; }



.bb-forums-list div {
    margin-bottom: 1.2em;
}


.bb-forums-list .bb-forums-list-title{
    display: block;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 0.2em;
}

.bb-forums-list .bb-forums-list-subtitle {
    display: block;
    font-weight: bold;
    font-size: 80%;
    margin-top: -0.2em;
    margin-bottom: 0.2em;
}

.bb-forums-list-timebar {
    background-color: #7C0011;
    text-align: center; 
    color: white;
    font-weight: bold;
    border-radius: 5em 5em 1.5em 1.5em;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    font-size: 0.9em;
}


.bb-talk-in-table table {
    margin-left: auto;
    margin-right: auto;
    
    border: none;
    
}

.bb-talk-in-table td {
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
}

.bb-talk-in-table thead {
    border-bottom: solid #7C0011 2px;
    border-top: solid #7C0011 2px;
    background-color: #7C0011;
    color: white;
    
}


/* Buy Tickets */

.buy-tix-cart-container
{
    margin-left: auto;
    margin-right: auto; 
    width: 90%;
    margin-bottom: 1.5em;
}

.buy-tix-cart {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    border: solid #7C0011 2px;
    width: 100%;
}

.buy-tix-cart thead {
    border-bottom: solid #7C0011 2px;
    border-top: solid #7C0011 2px;
    background-color: #7C0011;
    color: white;
}


.buy-tix-cart td,
.buy-tix-cart th {
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
    text-align: center;
}

.buy-tix-cart .buy-tix-header-item,
.buy-tix-cart .buy-tix-item-name
{
    text-align: left;
}


.buy-tix-cart .buy-tix-item-code {
    font-size: 0.8em;
}

.buy-tix-cart .buy-tix-row-odd {
    background-color: #ffffff;
}

.buy-tix-cart .buy-tix-row-even {
    background-color: #f2f2f2;
}


.buy-tix-cart .buy-tix-item-note {
    color: grey;
    font-style: italic;
    font-size: 0.9em;
}

.buy-tix-cart tfoot {
    border-top: double #7C0011 6px;
    font-weight: bold;
    
}

.buy-tix-cart .buy-tix-total-label
{
    font-variant: small-caps;
    text-align: center;
}

.buy-tix-order-num {
    font-style: italic;
    font-size: 0.6em;
    text-align: right;
}

#paypal-button {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* Compress cart for smaller screens */
@media screen and (max-width: 600px) {
    .buy-tix-cart-container
    {
        margin-left: auto;
        margin-right: auto; 
        width: 100%;
    }
    

    .buy-tix-cart td,
    .buy-tix-cart th {
        padding-left: 0.3em;
        padding-right: 0.3em;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
    }
    


}

.pay-by-mail-btn-container  {
    text-align: center;
    margin-top: 1em;
}

.pay-by-mail-btn {
    margin-left: auto;
    margin-right: auto;
}


.paybymail-action-buttons {
    width: 100px;
    margin: 10px;
    display: inline-block;
    font-weight: strong;
}