/*
|------------------------------------------------------------------------------
| Brava Bio Holding STYLES
|------------------------------------------------------------------------------
*/

/*
|------------------------------------------------------------------------------
| RESET
|------------------------------------------------------------------------------
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
|------------------------------------------------------------------------------
| GENERAL
|------------------------------------------------------------------------------
*/

body {
	font-family: Arial, sans-serif;
	font-size: 100%; /* Sets base font size to 16px; use ems elsewhere */
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
}

/*
|------------------------------------------------------------------------------
| COLUMNS & LAYOUT
|------------------------------------------------------------------------------
*/

/* Wrapper */

#wrap,
.wrapper {
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
}

/* Columns */

.col {
	float: left;
	margin-right: 4.166666667%;
}
.col--last {
	margin-right: 0;
}
.col--1of2 {
	width: 47.916666667%;
}
.col--1of3 {
	width: 30.555555556%;
}
.col--2of3 {
	width: 65.277777778%;
}
.col--1of4 {
	width: 21.875%;
}
.col--3of4 {
	width: 73.958333333%;
}
.columns {
	margin-bottom: 1em;
}
	.columns .left {
		float: left;
		width: 47.916666667%;
	}
	.columns .right {
		float: right;
		width: 47.916666667%;
	}
.threeColumns {
	margin-bottom: 1em;
}
	.threeColumns .left,
	.threeColumns .center {
		float: left;
		width: 30.555555556%;
		margin-right: 4.166666667%;
	}
	.threeColumns .right {
		float: right;
		width: 30.555555556%;
	}
.fourColumns {
	margin-bottom: 1em;
}
	.fourColumns .column1,
	.fourColumns .column2,
	.fourColumns .column3 {
		float: left;
		width: 21.875%;
		margin-right: 4.166666667%;
	}
	.fourColumns .column4 {
		float: right;
		width: 21.875%;
	}


/*
|------------------------------------------------------------------------------
| TYPOGRAPHY
|------------------------------------------------------------------------------
*/

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6	 {
	font-weight: bold;
}
h1 { 
	font-size: 2em; /* 2*16 = 32 */
	margin-bottom: 0.5em;
}
h2 {
	font-size: 1.5em; /* 1.5*16 = 24 */
	margin-bottom: 0.8em;
}
h3 {
	font-size: 1.17em; /* 1.17*16 = 18.72 */
	margin-bottom: 1.2em;
}
h4 {
	font-size: 1em; /* 1*16 = 16 */
	margin-bottom: 1em;
}
h5 {
	font-size: 0.83em; /* 0.83*16 = 13.28 */
}
h6 {
	font-size: 0.75em; /* 0.75*16 = 12 */
}

/* Paragraphs */

p {
	margin-bottom: 1.5em;
}

/* Lists */
ul,
ol {
	margin-left: 2em;
	margin-bottom: 1.5em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}

/* Blockquotes */

blockquote {
	font-style: italic;
	margin-left: 2em;
	margin-bottom: 1.5em;
}

/* Code */

code {
	font-family: monospace;
	font-size: 1.2em;
	background: #f9f2f4;
	color: #c7254e;
	padding: 2px 4px;
}
pre {
	font-family: monospace;
	font-size: 1.2em;
	background: #f5f5f5;
	border: 1px solid #ddd;
	color: #666;
	padding: 1em;
	overflow: auto;
	margin-bottom: 1.5em;
}

/* Type Styles */

strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
s, strike, del {
	text-decoration: line-through;
}
small {
	font-size: 85%;
}

/* Alerts & Messages */

.success,
.error {
	clear: left;
	color: white;
	padding: 10px;
	line-height: 1;
	display: none;
}
.success {
	background: #53A561;
}
.error {
	background: #B94747;
}

/*
|------------------------------------------------------------------------------
| LINKS
|------------------------------------------------------------------------------
*/

a:link,
a:visited {
	color: blue;
	transition: all 0.1s ease-in-out;
}
a:hover {
	color: #c7254e;
}

/*
|------------------------------------------------------------------------------
| IMAGES
|------------------------------------------------------------------------------
*/

img {
	max-width: 100%;
}

/*
|------------------------------------------------------------------------------
| HEADER
|------------------------------------------------------------------------------
*/

#header {
	margin: 2em 0;
}

/*
|------------------------------------------------------------------------------
| NAVIGATION
|------------------------------------------------------------------------------
*/

#mainMenu {
}
	#mainMenu ul {
		list-style: none;
		margin: 0;
	}
		#mainMenu li {
			float: left;
			margin-right: 1em;
			position: relative;
		}
			#mainMenu li:hover a,
			#mainMenu li a:hover {
			}
				#mainMenu .sub_menu {
					display: none;
					position: absolute;
					background: white;
					z-index: 2;
				}
				#mainMenu li:hover .sub_menu {
					display: block;
				}
					#mainMenu .sub_menu a:link,
					#mainMenu .sub_menu a:visited {
						white-space: nowrap;
					}
					#mainMenu .sub_menu a:hover,
					#mainMenu .sub_menu a:active {
					}

/*
|------------------------------------------------------------------------------
| MOBILE NAVIGATION
|------------------------------------------------------------------------------
*/

#mobile-header {
	padding: 1em 0;
}

/*
|------------------------------------------------------------------------------
| GENERIC PAGE
|------------------------------------------------------------------------------
*/

#page {
	padding: 0;
	margin: 0 0 2em;
}
	#content {
		/* float: left; */
		width: 100%;
		height: 100vh;
		/* background-image: url(/files/sll/SLLsplash/Race1.jpeg); */
		/* background-repeat: no-repeat; */
		background-size: 1800px auto;
		/* background-color: #1363AA; */
	}
	#ContentZone #content {
		float: none;
		width: 100%;
	}
	#main {
    width: 100%;
    height: 100vh;
    margin: auto;
}
	#extras {
		float: right;
		width: 30.555555556%;
	}
	@media only screen and (max-width: 700px) {
		#content,
		#extras {
			float: none;
			width: 100%;
		}
	}

/* HOLDING */

#Blank #page {
    width: inherit;
    margin: inherit;
    background-color: #1363aa;
}

.holding-birds {
	    width: 75%;
	    background: url("/files/brava/3birds-holding_img.svg") center top / contain no-repeat;
	    height: 30%;
	    position: absolute;
	    top: 16%;
	    right: 14%;
	}

	@media (min-width: 640px) {
	.holding-birds {
	    width: 86%;
	    background: url("/files/brava/3birds-holding_img.svg") center top / contain no-repeat;
	    height: 27%;
	    position: absolute;
	    top: 16%;
	    right: 8%;
	}
}

@media screen and (min-width: 768px) {
	.holding-birds {
	    width: 85%;
	    background: url("/files/brava/3birds-holding_img.svg") center top / contain no-repeat;
	    height: 30%;
	    position: absolute;
	    top: 14%;
	    right: 8%;
	}
}

@media screen and (min-width: 1024px) {
	.holding-birds {
	    width: 100%;
	    background: url("/files/brava/birds-holding_img.svg") center top / contain no-repeat;
	    height: 30%;
	    position: absolute;
	    top: 13%;
	    right: 0%;
	}
}

@media screen and (min-width: 1280px) {
	.holding-birds {
	    width: 79%;
	    background: url("/files/brava/birds-holding_img.svg") center top / contain no-repeat;
	    height: 33%;
	    top: 13%;
	    right: 12%;
	}	
}

@media screen and (min-width: 1536px) {
	.holding-birds {
	    width: 75%;
	    height: 40%;
	    top: 12%;
	    right: 14%;
	}
}

.holding-logo {
    	width: 80%;
    	/* position: absolute; */
    	/* top: 58vh; */
    	/* right: 29%; */
    	/* margin-right: -15vh; */
    	margin: 81% auto 0;
    	height: 200px;
 }

	@media (min-width: 640px) {
	.holding-logo {
	    width: 80%;
	    margin: 60% auto;
	}
}

@media screen and (min-width: 768px) {
	.holding-logo {
	    width: 80%;
	    margin: 47% auto;
	}
}

@media screen and (min-width: 1024px) {
	.holding-logo {
	    width: 70%;
	    margin: 35% auto;
	}
}

@media screen and (min-width: 1280px) {
	.holding-logo {
	    width: 80%;
	    margin: 32% auto;
	}	
}

@media screen and (min-width: 1536px) {
	.holding-logo {
    	width: 80%;
    	margin: 27% auto;
 }
}

.holding-logo img {
	    width: 40%;
	}

	@media (min-width: 640px) {
	.holding-logo img {
	    width: 34%;
	}
}

@media screen and (min-width: 768px) {
	.holding-logo img {
	    width: 29%;
	}
}

@media screen and (min-width: 1024px) {
	.holding-logo img {
	    width: 27%;
	}
}

@media screen and (min-width: 1280px) {
	.holding-logo img {
	    width: 19%;
	}
}

@media screen and (min-width: 1536px) {
	.holding-logo img {
	    width: 19%;
	}
}

.holding-logo p {
		color:white;
		font-size: 1.2rem;
	}

	@media (min-width: 640px) {
	.holding-logo p {
		color:white;
		font-size: 1.2rem;
	}
}

@media screen and (min-width: 768px) {
	.holding-logo p {
		color:white;
		font-size: 1.2rem;
	}
}

@media screen and (min-width: 1024px) {
	.holding-logo p {
		color:white;
		font-size: 1.2rem;
	}
}

@media screen and (min-width: 1280px) {
	.holding-logo p {
		color:white;
		font-size: 1.2rem;
	}
}

@media screen and (min-width: 1536px) {
	.holding-logo p {
		color:white;
		font-size: 1.2rem;
	}
}

.holding-copyright {
		position: absolute;
		right: 20%;
		bottom: 1%;
		color: white;
		font-size: 0.8em;
	}

	@media (min-width: 640px) {
	.holding-copyright {
		position: absolute;
		right: 30%;
		bottom: 1%;
		color: white;
		font-size: 0.8em;
	}
}

@media screen and (min-width: 768px) {
	.holding-copyright {
		position: absolute;
		right: 33%;
		bottom: 1%;
		color: white;
		font-size: 0.8em;
	}
}

@media screen and (min-width: 1024px) {
	.holding-copyright {
		position: absolute;
		right: 34%;
		bottom: 1%;
		color: white;
		font-size: 0.8em;
	}
}

@media screen and (min-width: 1280px) {
	.holding-copyright {
		position: absolute;
		right: 39%;
		bottom: 1%;
		color: white;
		font-size: 0.8em;
	}
}

@media screen and (min-width: 1536px) {
	.holding-copyright {
		position: absolute;
		right: 39%;
		bottom: 1%;
	}
}

/*
|------------------------------------------------------------------------------
| CALENDAR PAGE
|------------------------------------------------------------------------------
*/

.page-calendarpage .date {
	display: block;
	color: #666;
	font-size: 0.9em;
}

/*
|------------------------------------------------------------------------------
| CALENDAR EVENT PAGE
|------------------------------------------------------------------------------
*/

.page-calendarpage.event .date {
	margin-bottom: 1em;
}
.page-calendarpage.event .introduction {
	font-weight: bold;
}

/*
|------------------------------------------------------------------------------
| DATABASE SEARCH PAGE
|------------------------------------------------------------------------------
*/

.page-databasesearch .item {
	padding: 0;
	margin: 0 0 1em;
}

/*
|------------------------------------------------------------------------------
| WIKI PAGE
|------------------------------------------------------------------------------
*/

.page-wiki .path {
	float: none;
}

/*
|------------------------------------------------------------------------------
| OBJECTS
|------------------------------------------------------------------------------
*/

/* Breadcrumb */

.path {
	margin: 0 0 1em;
	list-style: none;
}
	.path li {
		float: left;
		margin-right: 1.5em;
		position: relative;
	}
	.path li:after {
		position: absolute;
		right: -1.1em;
		content: "\003E";
		color: gray;
	}
	.path li:last-child:after {
		display: none;
	}

/*
|------------------------------------------------------------------------------
| WIDGETS
|------------------------------------------------------------------------------
*/

/* Boxed Text */

.boxedText {
	padding: 1em;
	background: #f5f5f5;
	margin-bottom: 1.5em;
}
	.boxedText p:last-child {
		margin-bottom: 0;
	}

/* Sidebar Image Link */

.sideImageLink {
	margin-bottom: 1.5em;
}

/* Sidebar Image Link w/ Title */

.sideImageLinkTitle {
	margin-bottom: 1.5em;
}

/* Login Box */

.login {
	margin-bottom: 1.5em;
}
	.login td {
		border: 0;
		padding: 0;
	}
	.login input[type=text],
	.login input[type=password] {
		padding: 2%;
		width: 96%;
		border: 1px solid #ccc;
		font-size: 1em;
		margin-bottom: 1em;
	}
	@media only screen and (max-width: 500px) {
		.login input[type=text],
		.login input[type=password] {
			padding: 3%;
			width: 94%;
		}
	}
	.login input[type=checkbox] {
		margin: 0 0.5em 1.5em 0;
	}
		.login .remember label {
			display: inline-block;
			font-size: 0.9em;
		}

/* News List */

.newsList {
	margin-bottom: 1.5em;
}

/* Poll */

.poll,
.result {
	margin-bottom: 1.5em;
}
	.poll td {
		border: 0;
	}
	.poll input[type=radio] {
		margin-right: 1em;
	}
	.poll label {
		display: inline;
	}

/* Enhance News List */

.enhancedNewsList {
	margin-bottom: 1.5em;
}
	.enhanced_news {
		margin-bottom: 1em;
	}
	.enhanced_news_image {
		float: left;
		width: 30%;
		margin-right: 5%;
	}
	.enhanced_news_date {
		font-weight: normal;
		font-size: 1em;
	}
	.enhanced_news_title {
		font-weight: bold;
		font-size: 1.2em;
	}

/* Random Image */

.randomImage {
	margin-bottom: 1.5em;
}

/* Raw Markup */

.rawMarkup {
	margin-bottom: 1.5em;
}

/* Recommend Widget */

.recommend {
	margin-bottom: 1.5em;
}
	#ctl00_PageWrapper_ContentAndSidebar_PostContent_ctl09_lblText {
		display: block;
	}
	.recommend input[type=text] {
		padding: 2%;
		width: 96%;
		border: 1px solid #ccc;
		font-size: 1em;
		margin-bottom: 1em;
	}
	@media only screen and (max-width: 500px) {
		.recommend input[type=text],
		.recommend input[type=password] {
			padding: 3%;
			width: 94%;
		}
	}

/* Marquee */

.marquee {
	margin-bottom: 1.5em;
}
	/* Quick way to override width setting: */
	/*.marquee marquee {
		width: 100%;
	}*/

/* Register */

.register {
	margin-bottom: 1.5em;
}
	.register td {
		padding: 0;
		border: 0;
	}
		.register label {
			margin-right: 1em;
		}

/* RSS List */

.rssAggregator {
	margin-bottom: 1.5em;
}

/* Search Box */

.searchBox {
	margin-bottom: 1.5em;
}

/* Social Bookmarks */

.socialBookmarks {
	margin-bottom: 1.5em;
}
	.socialBookmarks a {
		margin-right: 0.5em;
	}

/* Social Networks */

.socialNetworks {
	margin-bottom: 1.5em;
}
	.socialNetworks .twitter,
	.socialNetworks .facebook,
	.socialNetworks .linkedin,
	.socialNetworks .googleplus {
		width: 100px;
		margin: 0 1em 1em 0 !important;
	}

/* System Login */

.systemLogin {
	margin-bottom: 1.5em;
}
	.systemLogin td {
		border: 0;
		padding: 0;
	}
	.systemLogin input[type=text],
	.systemLogin input[type=password] {
		padding: 2%;
		width: 96%;
		border: 1px solid #ccc;
		font-size: 1em;
		margin-bottom: 1em;
	}
	@media only screen and (max-width: 500px) {
		.systemLogin input[type=text],
		.systemLogin input[type=password] {
			padding: 3%;
			width: 94%;
		}
	}
	.systemLogin input[type=checkbox] {
		margin: 0 0.5em 1.5em 0;
	}
		.systemLogin .remember label {
			font-size: 0.9em;
			display: inline-block;
		}

/* Tabs */

#tabs {
	margin-bottom: 1.5em;
}
	.tabs {
		margin: 0 0 1em;
		list-style: none;
	}
		.tabs li {
			float: left;
			margin: 0 1em 0 0;
		}
	.tabContentHidden {
		display: none;
	}

/* Ticker */

.ticker {
	margin-bottom: 1.5em;
}
	.ticker ul {
		margin: 0;
		list-style: none;
	}

/* Visitor Form Widget */

.visitorForm {
	margin-bottom: 1.5em;
}

/* Subscribe */

.subscribe {
	margin-bottom: 1.5em;
}

/* Teaser */

.teaser {
	margin-bottom: 1.5em;
}

/*
|------------------------------------------------------------------------------
| FORM ELEMENTS
|------------------------------------------------------------------------------
*/

/* iOS Overrides */

input[type=text],
input[type=email],
input[type=password],
textarea,
input[type=submit] {
	-webkit-appearance: none;
	border-radius: 0;
}

/* Generic Styles */

label {
	display: block;
}
input[type=text],
input[type=email],
input[type=password],
textarea {
	font-size: 1em;
	padding: 0.45em;
	margin: 0 0 1em;
	border: 1px solid #bbb;
}
textarea {
	min-width: 300px;
	max-width: 98%;
}
select {
	font-size: 1em;
	margin: 0 0 1em;
}
input[type=submit] {
	padding: 0.5em 1em;
	background: blue;
	color: white;
	border: 0;
	font-size: 1em;
}
	input[type=submit]:hover {
		cursor: pointer;
	}
input[type=checkbox],
input[type=radio] {
	margin: 0 1em 0.5em 0;
}
.alternatives td {
	border: 0;
	padding: 0;
}
	.alternatives label {
		display: inline-block;
	}

/* Cancel/Remove Buttons */

input[value=Remove],
input[value=Cancel],
input[value=Delete] {
	background: #e2211b;
}
.no-touch input[value=Remove]:hover,
.no-touch input[value=Cancel]:hover,
.no-touch input[value=Delete]:hover {
	background: #b9100b;
}

/*
|------------------------------------------------------------------------------
| TABLES
|------------------------------------------------------------------------------
*/

table {
	width: 100%;
	margin-bottom: 1.5em;
}
	td {
		padding: 0.5em;
		border: 1px solid #ccc;
	}

/*
|------------------------------------------------------------------------------
| HELPER STYLES
|------------------------------------------------------------------------------
*/

/* Clearfix */

.cf:before,
.cf:after,
#mainMenu:before,
#mainMenu:after,
.path:before,
.path:after,
.letterBox:before,
.letterBox:after,
.socialNetworks:before,
.socialNetworks:after,
.tabs:before,
.tabs:after,
.page-visitorzone .fav_exhibitor:before,
.page-visitorzone .fav_exhibitor:after,
.page-visitorzone .fav_product:before,
.page-visitorzone .fav_product:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.cf:after,
#mainMenu:after,
.path:after,
.letterBox:after,
.socialNetworks:after,
.tabs:after,
.page-visitorzone .fav_exhibitor:after,
.page-visitorzone .fav_product:after {
    clear: both;
}
.cf,
#mainMenu,
.path,
.letterBox,
.socialNetworks,
.tabs,
.page-visitorzone .fav_exhibitor,
.page-visitorzone .fav_product {
    *zoom: 1;
}

/* Floats */

.fl {
	float: left;
}
.fr {
	float: right;
}

/* Hidden Elements */

.languageMenu,
.sidr-class-languageMenu {
	display: none;
}