/**
 * @file
 * Display Suite stylesheet.
 */
 
#header-composite, 
.ds-section-basic-layout #header-composite * {
	position:relative;
	padding:0px;
	margin:0px;
	line-height:0;
	box-sizing: border-box;
}

.ds-section-basic-layout #header-composite img {
}


.ds-section-basic-layout #header-composite span {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 30px 60px 30px 20px;
	border-bottom-right-radius: 25px;
	border-top-right-radius: 25px;
	color: #FFF;
	background-color: #BB4227;	
	line-height: 44px;
	font-size: 40px;
	display:none;
}

.ds-section-basic-layout #header-composite.bar {
	position: static;
	xheight:50px; /* 104px */
	width:100%;
	background-color: #BB4227;	
}


.ds-section-basic-layout #header-composite.bar span {
	position: static;
	width:100%;
	padding:0px;
	background-color: transparent;	
	padding: 3px 6px 3px 3px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	display:none;
}


/* media rules */

@media only screen and (max-width:1024px) and (min-width:769px) {
	/* shrink header font size a little*/
	.ds-section-basic-layout #header-composite span {
		line-height:22px;
		font-size:20px;
	}
}

@media only screen and (max-width:768px) and (min-width:481px) {
	/* shrink header more and move to below header image */
	.ds-section-basic-layout #header-composite span {
		position:relative;
		bottom:inherit;
		left:inherit;
		display:block;
		padding:10px;
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
		line-height:22px;
		font-size:20px;
	}
}

@media only screen and (max-width:480px) {
	/* shrink header more and move to below header image */
	.ds-section-basic-layout #header-composite span {
		position:relative;
		bottom:inherit;
		left:inherit;
		display:block;
		padding:10px;
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
		line-height:22px;
		font-size:20px;
	}

}