/* ****This sheet is for styling all logos stored 
in the global folder global/assets/images/logos/
starting as of 10-2019 **** */

/* All Logos are to be wrapped in an outer DIV 
with the class name on the div and the CSS 
cascading down to the target logo */

/* Each outer DIV is to have no less than 2 classes. The first 
indicating the logo hierarchy and that it is attached to a div.
The second to indicate the file of the logo */

/* Example: a logo that is to show on the first page of
the BDS site at the top of the page and being the primary
logo shown prominently would have the following attribute: 
class="logo-main-div bds-index" */

/* ***** LAST: for versitility use percentages or rem units and NOT px ***** */

/* BDS pre-log in and after log out */
.logo-main-div.bds-index {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: -2rem;
	margin-top: -1rem;
	overflow: hidden;
}

.logo-main-div.bds-index img {
	height: 5.75rem;
}

.logo-main-div.bds-_header {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: -0.5rem;
	overflow: hidden;
}

.logo-main-div.bds-_header img {
	height: 3.5rem;
}

.logo-main-div.bds-header-bootstrap {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: -0.7rem;
	margin-left: -0.5rem;
	overflow: hidden;
}

.logo-main-div.bds-header-bootstrap img {
	height: 3.5rem;
}

.logo-main-div.bds-_header_old {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: -0.5rem;
	overflow: hidden;
}

.logo-main-div.bds-_header_old img {
	height: 3.5rem;
}

/* Talent Rep */
.logo-main-div.tr-_head {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: -0.5rem;
	overflow: hidden;
}

.logo-main-div.tr-_head img {
	height: 3.5rem;
}

@media (max-width: 475px) {
	.navbar .breakdownHome .navbar-brand {
		padding: 0px !important;
		width: 100%;
	}
	.logo-main-div.bds-index {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}
	.logo-main-div.bds-index img {
		height: 5rem;
	}
}