/* * 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*/
 header {
    background:url(../desert_bg.png)no-repeat;
    background-size: cover;
     -webkit-animation-name: desert;
     -webkit-animation-duration: 15s;
     animation-name: desert;
     animation-duration: 15s;
     animation-delay: 2s;
     animation-timing-function: linear;
     -webkit-box-shadow: 0 0 20px 10px #CCC;
     box-shadow: 0 0 20px 10px #CCC;
}
 @-webkit-keyframes desert {
     from {
        background-position: bottom;
    }
     to {
        background-position: top;
    }
}
 @keyframes desert {
     from {
        background-position: bottom;
    }
     to {
        background-position: top;
    }
}
 .container{
    margin-top:30px;
}
 .heading, .introduction, h3, .container {
    background:#FFF;
}
 .exhibition, footer {
     text-align: center;
     background:#FFF;
     padding-top:1em;
     border-radius:4px;
}
 .exhibition {
     margin: auto;
     background-color: #1979ac;
     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:150px;
     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;
}
 #button {
     display: inline-block;
     background-color: #CCC;
     width: 40px;
     height: 40px;
     text-align: center;
     border-radius: 4px;
     position: fixed;
     bottom: 40px;
     right: 10px;
     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;
}
 @media screen and (max-width: 768px) {
     .heading, .introduction, h3, .container {
        background:none;
    }
     h1 {
        padding-top:0.5em;
    }
     .exhib{
        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;
    }
}