/* Style the buttons that are used to open and close the accordion panel */
button.accordion_archive {
    font-size: calc(112% + 0.5vw);
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: center;
    border: none;
    outline: none;
    transition: 0.7s;
    width: 100%

}


/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion_archive.active, button.accordion_archive:hover {
    background-color: #ddd;
}

/* Style the accordion panel. Note: hidden by default */
div.archive_panel {
    padding: 1%;
    display: none;
    border-bottom-right-radius: 1%;
    border-bottom-left-radius: 1%;

}

/*Adding up&down arrows as icons for opening and closing the panels*/

button.accordion_archive:after{
  content: '\25BC'; /* Unicode character for triangle up */
    font-size: 13px;
    color: #ddd;
    float: right;
    margin-left: 5px;
}

button.accordion_archive.active:after {
    content: "\25B2"; /* Unicode character for "minus" sign (-) */
    font-size: 13px;
    color: #ddd;
    float: right;
    margin-left: 5px;
}



/*Style of the accordion and panel different for each year*/
button.accordion_archive#exhibit_2017{
  background: linear-gradient(141deg, #d9a77a 0%, #aa6f39 51%, #7b420d 75% );
}
div.archive_panel#exhibit_2017{
  background-color: #f1f8f1;
}

button.accordion_archive#vizbiplus_evening_2017{
  background: linear-gradient(141deg, #801515 0%, #D46A6A 51%, #FFAAAA 75% );
}
div.archive_panel#vizbiplus_evening_2017{
  background-color: #f1f8f1;
}


button.accordion_archive#Bang_2016 {
  background: linear-gradient(141deg, #4e7fa0 0%, #4382aa 51%, #16445f 75%);
}

div.archive_panel#Bang_2016{
  background-color: #edf2f5;
}


button.accordion_archive#Gael_2015{
  background: linear-gradient(141deg, #445f34 0%, #518635 51%, #a3e481 75% );
}
div.archive_panel#Gael_2015{
  background-color: #f1f8f1;
}


button.accordion_archive#Premiere{
  background: linear-gradient(141deg, #feeae9 0%,#f9d8ee 51%, #b68ba7 75%);
}
div.archive_panel#Premiere{
  background-color: #fef5f3;
}

button.accordion_archive#Good_2014{
  background: linear-gradient(141deg, #56386c 0%,#7a8ac8 51%, #a1c5e5 75%);
}
div.archive_panel#Good_2014{
  background-color: #ecf3f9;
}




button.accordion_archive#Graham_2013{
  background: linear-gradient(141deg, #ebdd9c 0%,#e7d46e 51%, #e46e02 75%);
}
div.archive_panel#Graham_2013{
  background-color: #fbf8eb;
}

/*OTHER STUFF:*/

/*Making the iframe for youtube videos responsive!*/
/*check https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php*/

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9  RATIO*/
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.image_container {
  display: flex;
 flex-wrap: wrap;
}

.image_container img {
 height: 200px;
 flex-grow: 1;
}

.spacer{
  height: 10vw;
}

.australia_title{
  color: #8F3099;
}
.close-accordion{

  float: right;
  border-radius: 100%;
  background-color: grey;
  font-size: 1em;
  font-weight: bold;

}

.Overview{
  padding-top: 1em;
  padding-bottom: 3em;
}
.Overview img{
  float: left;
  width: 9em;
  padding: 2%;
}

.conference p, .plus_evening p, .masterclass p, .challenge p {
  padding-right: 1em;
  padding-left: 1em;
  text-align: justify;
}

.conference, .plus_evening, .masterclass, .challenge {
  display: inline-block;
  padding-right: 9em;
  padding-left: 9em;
}



.challenge img{
    float: right;
}

/*.challenge p, .plus_evening p {
  text-align: right;
}*/

.plus_evening  img {
    float: right;
}