@import url('cer.home.desktop.css');
@import url('cer.home.tablet.css');
@import url('cer.home.phone.css');


#s4-workspace h2 {
    font-family: MuseoSans700;
}
#s4-bodyContainer {
    background-color: #E7E8E6;
}
div#breadCrumbs {
    display: none;
    visibility: hidden;
}
div#sideNavBox 
{
    display: none !important;
    visibility: hidden !important;
}

/* Hack to fix overlapping carousel (without this hack, the Popular Contents and News & Updates section is partially overlapped and inaccessable in EDIT mode) */
form#aspnetForm[enctype="multipart/form-data"] div.homepage-carousel-block-row 
{
    height: 450px !important;
}

.homepage-carousel-block-row {
	position: relative;
    height: 0;
    padding-bottom: 25%;
    padding-top: 0;
    margin-bottom: 0;
    background-color: #DFE0DE;
    max-height: 100%;
    min-height: 100%;
}
div.cer-carousel-div
{
	max-height: 300px;
    padding-bottom: 0;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
}
div.cer-carousel-slides-div
{
	height: 0;
    padding-bottom: 25%;
}
div.cer-carousel-slides-div img {
    max-height: 300px; /*Need to remove this so as to allow image-offsetting requirement*/
}

.homepage-carousel-block-row .ms-clear,
.homepage-carousel-block-row .ms-webpart-chrome-title 
{
	display: none !important;
	visibility: hidden !important;
}
.homepage-carousel-block 
{
/*	box-sizing: 0; what is this for? TODO*/
}
.homepage-carousel-menu-block
{
	position: absolute;
	right: 0;
    font-size: 11px;
}
.homepage-carousel-menu
{
	border: 1px solid black;
    background-color: #cccccc;
}
.homepage-carousel-menu-selected
{
	background-color: white !important;
}
.homepage-carousel-menu-numbers
{
	width: 100%;
	text-align: center;
	margin-top: 3px;
}
.homepage-content-area {
    padding-left: 12px;
    padding-right: 12px;
}
#s4-workspace h3
{
    color: #005773 !important;
}

img.cer-banner-swishUnder-img { display: block !important; }
div.cer-carousel-slide-swoosh-overlay { display: block !important; }