/*
 * Start Bootstrap - Heroic Features (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
/*customisations. mjb*/

.heading,
.introduction,
h3, .container
{background:#FFF;}

.exhibition,
footer {
    text-align: center;
	background:#FFF;
	padding-top:1em;
	border-radius:4px;
}
.jumbotron {
    background: #FFF;
}

.exhibition {
    margin: auto;
    background-color: #d86d4a;
    border-bottom: 0;
	height: 60px;
  	width: 120px;
	-moz-border-radius: 0 0 90px 90px;
    -webkit-border-radius: 0 0 90px 90px;
	border-radius: 0 0 90px 90px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFF;
    font-size: 14px;
    padding-top: 14px;
	margin-bottom: 1em;
}
#logo {
    margin-bottom: 10px;
}
li,
ul {
    display: inline;
}
.btn {
	display:none;
}

.dropdown-menu {
	display:none;
}
.toc {
	position:relative;
	display:inline-block;
	width:100%;
	margin-bottom:2em;
	border:none;
	box-shadow:none;
}
.toc li a {    
	display:inline-block;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 5px;
	margin-right:10px;
	margin-top:10px;
}
	
.isotope {
	margin-top:200px;
	background:#FFF;
}	
.isotope img {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 1px solid rgba(0, 0, 0, .5);
}
.isotope img:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.ott {z-index: 100;position:relative;}



@media screen and (max-width: 768px) {
	
.heading,
.introduction,
h3, .container
{background:none;}
#button {
  display: inline-block;
  background-color: #CCC;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 40px;
  right: 40px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 35px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
	text-decoration:none;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}

	
h1 {padding-top:0.5em;}
.exhib, hr {display:none;}
.heading {margin:0; margin-top:0.5em; background:#FFF; border-radius:30px; border-bottom-left-radius:0;border-top-right-radius:0;}
	
.introetc {margin:0; margin-top:0.5em; border-radius:4px; background:#FFF;}

.introduction {padding:0.8em 2em; margin-top:3.2em;}
	
	footer {margin-top:2em;}
	.toc {
	display:none;
}
.btn {
	display:block;
    font-size: 20px;
	margin:2em 0 0.5em 0;
}
.dropdown-menu li a {
		display:list-item;
        text-align: left;
        font-size: 14px;
        margin: 5px;
        border: none;
        padding: 5px;
}

.isotope {
	margin-top:0; padding-top:1em;border-radius:4px;}
.open > .dropdown-menu {
    animation-name: slidenavAnimation;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    -webkit-animation-name: slidenavAnimation;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slidenavAnimation;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: forwards;
    overflow: scroll;
    position: relative;
    float: none;
    padding: 10px;
}
	
}

@keyframes slidenavAnimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes slidenavAnimation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
    
}