/*
 *
 * Default CSS for UberAccordion
 * Skin Me s'il vous plait
 *
 */
ul
{
	margin:0;
}
.accordionContainer{
}
.uberAccordion {
   padding: 0;
}

.uberAccordion > li {
    list-style: none;
    margin: 0;
}

.uberAccordion > li > h1 {
    background-color: #767777;
    margin: 0;
    font-size: 16px;
    padding: 15px;
    cursor: pointer;	
	color:#fff;
	font-weight:normal;
}


.uberAccordion > li > h1 span{
	color:#b98c2d;
}

.uberAccordion > li > div .acc1 {
    background:url(../images/quarterly-report.jpg) top center;
	background-repeat:no-repeat;
	width:100%;
	height:308px;background-size:cover;position:relative;
	background-size: 100% 103%;
}

.uberAccordion > li > div .acc2 {    
	background:url(../images/annual-report-cover.jpg) top center;
	background-repeat:no-repeat;
	width:100%;
	height:308px;position:relative;
	background-color:#e6e7e9;
}

/* Default CSS for sub-accordion */

.uberAccordion .uberAccordion > li > h1 {
    font-size: 12px;
    padding: 10px;
border:1px solid #ff0000;
}

.uberAccordion .uberAccordion > li > div {
   background-color: #666666;
   color: #FFF;
}


/* Default CSS for vertical orientation */

.uberAccordion.accordion-vertical {
    height: 308px;
}

.uberAccordion .uberAccordion.accordion-horizontal {
    height: 300px;
}


.uberAccordion.accordion-vertical .title{
	color:#fff;
	font-weight:normal;
}

.uberAccordion.accordion-vertical .title span{
	color:#b98c2d;
	font-weight:normal;
}

.uberAccordion > li > div .reportCover{
	display:block;
	margin:auto;
	margin-left:5px auto;
}


.figcaption {
  padding: 10px 35px;
  position: absolute;
  z-index: 3;
  background: black;
  background: rgba(0,0,0,0.7);
  color: white;
  bottom: 0px;
  font-size: 14px;
}

.figcaption a {
  color: #b98c2d;
}

@media (max-width:768px){
	.uberAccordion.accordion-vertical {
		height:240px;
	}
	.uberAccordion > li > div .acc1 {    
		height:240px;
	}
    
	

.uberAccordion > li > div .acc2{
		height:240px;
   }

	.quarterly-report {
		position: absolute;
		left: 18px;
		top: 93px;
}
   .imgAnnual {
		position: relative;
		top: 76px;
		left: 5px;   
		width:40%;
   }
   .annual-report {
    position: absolute;
    right: 16px;
    top: 70px;
   }
   .accordionContainer{
	    margin-top: 20px !important;
    }
}
/* below a hack to access the head of the result in jsfiddle */
 </style> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> </style>