/*
 * 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*/
.exhibition,footer{text-align:center}

.jumbotron{background:#FFF;padding:0;margin:0}

.exhibition{margin:auto;background-color:#B65F31;border-bottom:0;height:61px;width:130px;border-radius:90px 90px 0 0;-moz-border-radius:0 0 90px 90px;-webkit-border-radius:0 0 90px 90px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#FFF;font-size:16px;padding-top:15px}

#logo {margin-bottom: 10px}

li,ul{display:inline}

.toc ul li a {padding:5px;margin-bottom:10px; background:#B65F31; color:#FFF;border:3px solid #E5C5AD; border-radius:6px;}

div.dropdown {
    display: none!important;
}

div.bigscreennav {
    display: block!important;
}



@media screen and (max-width:768px) {
    div.bigscreennav {
        display: none!important;
    }   
	
	div.dropdown {
        display: block!important;
	
    }
	
	.btn {margin-top:15px;font-size:20px;}
    .btn,
    .btn-default, .btn-default a:hover {
		background-color:#B65F31;
		border:3px solid #E5C5AD;
        color: #FFF;
        border-radius: 6px;
    }
    .dropdown-menu {
        border-radius: 0;
        opacity: 0.9;
		margin-top:-1px;
    }
    .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;
    }
    @keyframes slidenavAnimation {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    @-webkit-keyframes slidenavAnimation {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
        .list-unstyled li {
            font-size: 15px;
        }
        .isotope {
            margin-top: 1em;
        }
        .isotope:after {
            content: '';
            display: block;
            clear: both;
        }
        div.dropdown {
            display: none;
        }
        div.bigscreennav {
            display: block;
        }
        section#download {
            text-align: left;
        }
        .fancybox-overlay {
            background: #000;
        }
        .fancybox-title,
        .fancybox-title p {
            font-size: 14px;
        }
    }

	}

@media screen and (max-width:1199px) {
.arnold,.burney,.coleridge,.doyle,.godwin,.hunter,.kingsley,.kipling,.porter {display:none}
}

@media screen and (min-width:1200px) {
    .familytree {
        display: none;
    }
    .treecontainer {
        height: 960px;
        background: url(../LIB-SC-In-the-Family-Millers-Tree-16_v2.png) no-repeat;
    }
    @-webkit-keyframes swinging {
        0%,
        100% {
            -webkit-transform: rotate(3deg)
        }
        50% {
            -webkit-transform: rotate(-3deg)
        }
    }
    @keyframes swinging {
        0%,
        100% {
            transform: rotate(3deg)
        }
        50% {
            transform: rotate(-3deg)
        }
    }
    .swingimage {
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-animation: swinging 3.5s ease-in-out forwards infinite;
        animation: swinging 3.5s ease-in-out forwards infinite
    }
	
.arnold,.burney,.coleridge,.doyle,.godwin,.hunter,.kingsley,.kipling,.porter{position:relative}

    .burney {
        left: 149px;
        top: 350px;
    }
    .arnold {
        left: 165px;
        top: 239px;
    }
    .kingsley {
        left: 180px;
        top: 275px;
    }
    .doyle {
        left: 119px;
        top: 204px;
    }
    .hunter {
        left: 353px;
        top: 277px;
    }
    .porter {
        left: -67px;
        top: 436px;
    }
    .coleridge {
        left: -566px;
        top: 705px;
    }
    .kipling {
        left: -157px;
        top: 670px;
    }
    .godwin {
        left: -72px;
        top: 670px;
    }
	
.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);

}
	
	
}