@charset "utf-8";
/*
=====================================
SITE DEFAULTS
=====================================
*/

/* Color palette
https://coolors.co/00264c-a77039-503b31-705d56-9097c0-a7bbec
*/

body {
    font-family: Lato, sans-serif;
    color: #333;
    background-color: #f3efeb;
    height: 100%;
}

/* --- Text --- */

p {
    padding-top: 3px;
    font-size: 12pt;
}

a:link {
    color: #7b3327;
}

a:visited {
    color: #7b3327;
}

.anchor {
    color: #000;
}

.lead {
    font-size: 14pt;
}

.spaceme {
    padding-bottom: 20px;
}

.spacemetop {
    padding-top: 20px;
}

.spacemetoptriple {
    padding-top: 60px;
}

.spacemeleft {
    margin-left: 20px;
}

.padmeleft {
    padding-left: 60px;
}

.spacemeright {
    padding-right: 20px;
}

.shrinkmebottom {
    margin-bottom: 0;
}

.shrinkmebottomxl {
    margin-bottom: -3em;
}

.shrinkmeleft {
    margin-left: 0;
    padding-left: 0;
}

.iconspace {
    padding-right: 8px;
    padding-top: 8px;
}

.nopadding {
    padding: 0;
    margin: 0;
}


.whitetext {
    color: #fff;
    font-family: 'Lato', cursive;
}

.clear {
    clear: both;
}

.source {
    font-size: 11pt;
}

.quotes {
    font-size: 11pt;
    font-family: 'Lato', sans-serif;
    font-style: italic;
}

.sources {
    font-size: 10pt;
    font-family: 'Lato', sans-serif;

}

.bgcolor {

    background-color: #8e5d49;
}

.img-thumbnail {
    background-color: inherit !important;
}

@media (max-width:767px) {
    .buttonbigger {
        width: 75%;
        font-size: 100%;
    }

    .taskbutton {
        width: 75%;
        font-size: 90%;
        white-space: normal;
    }
}

@media (min-width:768px) {
    .buttonbigger {
        width: 75%;
        font-size: 150%;
    }

    .taskbutton {
        width: 75%;
        font-size: 125%;
        white-space: normal;
    }
}

.mineimage {
    max-width: 600px;
     !important
}

ul li {
    font-size: 12pt;
}

ol li {
    font-size: 12pt;
    padding-bottom: 6px;
}

dl dt {
    font-size: 11pt;
    font-family: 'texgyreheroscn-regular', Lato, sans-serif;
}

dl dd {
    padding-bottom: 6px;
    font-size: 10pt;
    font-family: 'texgyreheroscn-regular', Lato, sans-serif;
    color: #636363;
}

.history {
    font-size: 10pt;
    color: #636363;

}

.welltext {
    font-family: 'eponymousregular', cursive;
    font-size: 14pt;
}

.wellbgcolor {
    background-color: #faefe3;
}

.newsbgcolor {
    background-color: rgba(255, 255, 255, 0.7);
}

.newstext {
    font-size: 10pt;
    font-family: 'texgyreheroscn-regular', Lato, sans-serif;
}

.newssummary {
    font-size: 10pt;
    font-family: Georgia, serif;
    font-style: italic;

}

.newsheader {
    background-color: #263128;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 6px;
    padding-left: 16px;
    padding-right: 0;
    color: #ffffff;
}

.newsheading {
    color: #ffffff;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25em;
}

.newswell {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.newsspace {
    padding-left: 16px;
    padding-right: 16px;
}

.bottomline {
    border-bottom: 1px solid #b7b7b7;
    padding-bottom: 10px;
}

.investigators {
    background-color: #faefe3;
    border-top: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
    padding-top: 10px;
    margin-bottom: 10px;
}

.card-img-top {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.pubcard {
    padding: 0px;
}

.pubcard .card-header {
    font-weight: bold;
    background-color: rgba(0, 0, 0, .08);
    padding: 5px;
}

.pubcard .card-header p {
    padding: 2px 0px;
}

.pubcard .card-body {
    padding: 10px
}

.chartcard {
    padding: 0px;
}

.chartcard .card-header {
    font-weight: bold;
    background-color: rgba(0, 0, 0, .08);
    padding: 5px;
}

.chartcard .card-body {
    padding-bottom: 0px;
}


.btn-um {
    background-color: #96A8D9;
    border-color: #96A8D9;
    margin-bottom: 1em;
}

.btn-um p {
    font-size: 1.2rem;
    font-weight: 100;
    line-height: 1.0;
    color: #3F2922;
    margin-bottom: 4px;
}

.btn-um:hover {
    color: #212529;
    background-color: #AEC2EE;
    border-color: #AEC2EE;
}

.btn-um:hover p {
    font-weight: bolder;
}

.pseudosup {
    font-size: 80%;
    vertical-align: super;
}


.modal-body {}

.modal-body img {
    width: 95%;
}

/*
====================================
HEADINGS
=====================================
*/
@media (max-width:767px) {
    h1 {
        font-size: 36px;
        font-weight: 800;
        color: #503b31;
        margin-bottom: 0;
        padding-bottom: 10px;
        font-family: 'PT Sans Narrow';
    }

    h1.sitetitle {
        font-size: 24px;
        font-weight: 800;
        padding: 5px 10px;
        background-color: #e5cb91;
    }
}



@media (min-width:768px) {
    h1 {
        font-size: 48px;
        font-weight: 800;
        color: #4a352c;
        margin-bottom: 0;
        padding-bottom: 10px;
        font-family: 'PT Sans Narrow';

    }

    h1.sitetitle {
        font-size: 30px;
        font-weight: 800;
        padding: 5px 10px;
        background-color: #e5cb91;
    }
}

.secondarybold {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 0px;
    padding-top: 10px;
    margin-left: 0;
    font-family: 'Open Sans';
    margin-top: 0;
    color: #FFF8F1;
    letter-spacing: 1px;
}

.secondary {
    font-family: 'Julius Sans One';
    font-size: 24px;
    font-weight: 400;
    padding-top: 0;
    margin-bottom: 0px;
    margin-top: 0;

}

.maintitle {
    font-size: 42px;
    font-weight: 700;
    color: #263128;
    margin-top: 10px;
    margin-bottom: 0px;
    font-family: 'Oswald';
    line-height: 1.4em;
}

.titletextbold {
    font-size: 52px;
    font-weight: 700;
    color: #924e33;
    margin-top: -20px;
    margin-bottom: 0px;
    font-family: 'Open Sans';
}

.titletext {
    font-family: 'Julius Sans One';
    font-size: 40px;
    font-weight: 400;
    padding-top: 0;
    margin-bottom: 30px;
    margin-left: 40px;
}

table.reftable td,
table.reftable th {
    border: none !important;
    padding-left: 2px !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.rowcolor {
    background-color: #59653a !important;
    margin: 0;
    padding: 5px;
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 12pt;
    color: #fff;
    border-top: 2px solid #59653a !important;
    border-bottom: 2px solid #59653a !important;
}

.mediumpriority {
    background-color: rgba(172, 122, 42, 0.3) !important;
    border-top: 1px solid #59653a !important;
    border-bottom: 1px solid #59653a !important;
    color: #000;
}

.lowpriority {
    background-color: rgba(205, 178, 132, 0.4) !important;
    border-top: 1px solid #59653a !important;
    border-bottom: 1px solid #59653a !important;
    color: #000;
}

.highpriority {
    background-color: rgba(174, 98, 41, 0.4) !important;
    border-top: 1px solid #59653a !important;
    border-bottom: 1px solid #59653a !important;
    color: #000;
}



h2 {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 36px;
    font-weight: 700;
    color: #292918;
    line-height: 1.37em;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
    padding-top: 0;

}

.changelineheight {
    line-height: 1em;
    font-size: 24pt;
}

h3 {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25em;
    color: #525a03;
    margin-top: 0;

}

h4 {
    font-family: 'texgyreheroscn-bold', Lato, sans-serif;
    font-size: 18px;
    line-height: 1.5em;
    color: #333;
    margin-bottom: 0;
    margin-top: 0;
}

h5 {
    font-family: 'texgyreheroscn-bold', Lato, sans-serif;
    font-size: 14px;
    line-height: .875em;
    color: #333;
    margin-bottom: 0;
    font-weight: bold;
}

h6 {
    font-family: 'texgyreheroscn-bold', Lato, sans-serif;
    font-size: 14px;
    line-height: .875em;
    color: #333;
    margin-bottom: 0;
    font-weight: bold;
}

.presentations {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25em;
    color: #525a03;
    padding-top: 20px;
    padding-bottom: 10px;
}


/*-------- Section Backgrounds ------ */
.section1,
.section2,
.section3 {}

.section1heading,
.section2heading,
.section3heading,
.section4heading {
    margin-top: 2em;
}

.section1 {
    background-color: #DCD4D1;
}

.section1heading {
    background-color: #3a5a73;
}

.section2 {}

.section2heading {}



/*
=====================================
Banner and Navigation
=====================================
*/



.bannerspacemeleft {
    margin-left: 10px;
}


/*===================================JUMBOTRON===================================*/

.jumbohome {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.jumbohome2 {
    display: flex;
    flex-direction: column;
}

.jumbohomenav {
    height: auto;
}

.jumbotitle_home {
    width: 95%;
    font-size: 4.8rem;
    font-weight: 400;
    line-height: 1.1;
    color: #ffd09c;
    margin-top: .7em;
}

.jumbotitle2_home {
    width: 95%;
    font-size: 4.8rem;
    font-weight: 400;
    line-height: 1.1;
    color: #ffd09c;
}

@supports (-webkit-text-stroke: 1px #322921) {
    .jumbotitle_home {
        -webkit-text-stroke: 1px #6d634c;
        -webkit-text-fill-color: #ffd09c;
    }
}

.jumbotitle {
    width: 80%;
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1;
}


@media (min-width: 576px) .jumbotron {
    padding: 2rem 1rem;
}

.jumbotron_home {
    color: #fff;
    background: url('../images/pics/3451443170_4972165f19_o2.jpg') no-repeat center center scroll;
    flex-grow: 1;
}

.jumbotron2_home {
    color: #fff;
    background: url('../images/pics/3451443170_4972165f19_o2.jpg') no-repeat center center scroll;
    flex-grow: 1;
    height: 350px;
}

.jumbotron p {
    font-family: 'Russo One', sans-serif;
    font-size: 20px;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.jumbotron {
    color: #fff;
    height: 300px;
    background: url('../images/pics/DSC00112.JPG') no-repeat center center scroll;
    padding: 0px 0px 50px 0px;
    margin-bottom: 5px;
    background-size: cover;
}

.jumbotron-contactus {
    background-image: url('../images/minejumbo.png');
}

.jumbotron-model {
    background-image: url('../images/minejumbo.png');
}

.jumbotron-pubs {
    background-image: url('../images/pics/RegionalImage.jpg');
}

.jumbotron-mines {
    background-image: url('../images/jumbo12.png');
}

.jumbotron-breccia {
    background-image: url('../images/jumbo3.png');
}

.jumbotron-research {
    background-image: url('../images/jumbo1.png');
}

.jumbotron-themes {
    background-image: url('../images/pics/3448708945_67f4db5af7_k.jpg');
}

.jumbotron-tasks {
    background-image: url('../images/pics/3451439188_ef8f43368d_osm.jpg');
}

.jumbotron-grand-canyon {
    background-image: url('../images/pics/KanabCreekMainImage.JPG');
}



/* end jumbotron */

/* navbar */

.navbar {
    padding: .2rem 0rem 0rem 0rem;
}

.navbar-light .navbar-nav .nav-link {
    color: inherit;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    border: 1px solid #503b31;
    background-color: #503b31;
    border-radius: 4px 4px 0 0;
    color: #ffffff;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    border: 1px solid #d4ccc5;
    background-color: #d4ccc5;
    border-radius: 4px 4px 0 0;
    color: #160800
}

.dropdown-item:focus,
.dropdown-item:hover {
    border: 1px solid #d4ccc5;
    background-color: #d4ccc5;
    color: #160800
}

/*
=====================================
Home Page
=====================================
*/

/*
=====================================
Research Pages
=====================================
*/

/*
=====================================
Mine, Activity, Photo Gallery pages
=====================================
*/
/*  Mines */

.photocarousel {
    padding-left: 60px;
}

.lifecycle {
    margin-bottom: 1rem;
    border-bottom: 1px solid #7b3327;
}

.lifecycle>p.lchead {
    color: #525a03;
    font-weight: bold;
}

.lifecycle>p {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}

/*
===================================
CAROUSEL
===================================
*/
.carousel {
    margin-top: 10px;

}


.carousel .item img {
    margin: 0 auto;
    width: 100%;


}

.discarousel {
    margin: 0px;
    padding: 0;
    width: 100%;


}

.carousel-indicators {
    bottom: 0px;
}

.carousel-indicators li {
    border-color: #999;
    background-color: #ccc;
}

.carousel-inner {
    margin-bottom: 20px;
    width: 100%;
}

@media (max-width:767px) {
    .carousel-caption {
        padding-top: 0;
        margin-top: 0;
        width: 100%;
        text-align: center;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .carousel-caption h3 {
        font-size: 12px;
        padding-top: 0;
        margin-top: 0;
        color: #fff;
    }
}

@media (max-width:990px) {
    .carousel-indicators {
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

@media (min-width:768px) {
    .carousel-caption {
        position: absolute;
        right: 0;
        left: 0;
        padding-top: 600px;
        padding-bottom: 50px;
        margin-bottom: -20px;
        background: rgba(0, 0, 0, 0.25);
        width: 100%;


    }

    .carousel-caption h3 {
        padding-top: 0;
        margin-top: 0;
        color: #fff;
    }

    .carousel-caption h2 {
        padding: 0;
        margin: 0;
        color: #fff;
        font-size: 24px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        left: 15px;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        right: 15px;
    }

}

/*end carousel*/

.photocap {
    font-size: 9pt;
    font-family: 'Open Sans', serif;
}

.mapcap {
    font-size: 9pt;

}

.mappad {
    padding-left: 20px;
}

.activityheader {
    font-size: 14pt;
    font-family: 'PT Sans Narrow', serif;
    color: #fff;
    line-height: 20px;
    padding: 0;
    margin: 0;

}

/*  Activities */
/*  Photo Gallery */
ul.photogallery li {
    list-style-type: none;
}


===================================Photo Gallery===================================*/ .photogallery h1 {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 24pt;
    font-weight: 700;
    line-height: 1.5em;
    color: #924e33;
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 10px;

}

.photogallery h5 {
    font-family: 'PT Sans Narrow', Lato, sans-serif;
    font-size: 16pt;
    line-height: .875em;
    color: #525a03;
    margin-bottom: 0;
    font-weight: 400;
    padding-bottom: 10px;
    border-bottom: 1px solid #dcc3a4;
}

.photogallery ul {
    padding: 0;
    margin: 0 0 40px 0;

}

#photos ul {
    list-style: none;
}

.bspImgWrapper {
    width: 300px;
}

.photogallery ul li {

    margin-bottom: 10px;

}

.photogallery .text {
    /*font-family: 'Bree Serif';*/
    color: #666;
    font-size: 11px;
    margin-bottom: 10px;
    padding: 6px 0px;
    background: inherit;

}

/* end Photo Gallery

/*
=====================================
Publications
=====================================
*/
.reference {
    margin-left: 1.5em;
    text-indent: -1.5em;
}

/*
=====================================
Contact
=====================================
*/
/*
=====================================
Media Breakpoints 
=====================================
*/








/*
---------End 2020 redesign-------------------------------------------
*/






/*===================================PANELS===================================*/



@media (max-width:990px) {
    .panel-heading h4 {
        font-family: 'texgyreheroscn-bold', Lato, sans-serif;
        font-size: 10pt;
        color: #000;
        margin: 0;
        padding: 0;
    }
    .card-header h4 {
        font-family: 'texgyreheroscn-bold', Lato, sans-serif;
        font-size: 10pt;
        color: #000;
        margin: 0;
        padding: 0;
    }
}

@media (min-width:991px) {
    .panel-heading h4 {
        font-family: 'texgyreheroscn-bold', Lato, sans-serif;
        font-size: 12pt;
        color: #333;
        margin: 0;
        padding: 0;
    }
    .card-header h4 {
        font-family: 'texgyreheroscn-bold', Lato, sans-serif;
        font-size: 12pt;
        color: #333;
        margin: 0;
        padding: 0;
    }
}

.nomargin {
    padding: 10px;
}

.samesize {
    height: 300px;
    background-color: #FFF8F1;
}

.samesizemid {
    height: 220px;
    background-color: #FFF8F1;
}

.panel-heading h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 12pt;
    font-weight: 500;
    color: #fff;
    text-align: center;
    padding: 6px;
    margin: 0;
}
.card-header h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 12pt;
    font-weight: 500;
    color: #fff;
    text-align: center;
    padding: 6px;
    margin: 0;
}

.panel-default>.priority {
    padding: 4px;
}

.priority {}

.dark {
    background-color: #924e33;
}

.panel-default>.panel-heading {
    background-color: #FFF8F1;
    margin: 0;
    padding: 4px;
    /*   background-color: #924e33; */

}

.card>.card-header {
    background-color: #e8dccf;
    margin: 0;
    padding: 4px;
    /*   background-color: #924e33; */

}



.panel-body h4 {
    font-family: 'texgyreheroscn-bold', Lato, sans-serif;
    font-size: 18px;
    color: #333;
    margin: 0;
    padding: 0;
}

.panel-body p {
    font-size: 11pt;

}

.panel-footer {
    background-color: #FFF8F1 !important;
    margin: 0;
    padding: 0;
}


.panel-default li {
    font-family: "Open Sans";
    background-color: #FFF8F1;
    padding: 6px;
    font-size: 11pt;
    color: #000;
}

.panel-body li {
    padding-left: 20px;
}

.panel-body {
    background-color: #FFF8F1;
    padding: 2px;

}

.panel-default>table th {
    background-color: #faefe3;
    font-family: "Julius Sans One";
    font-size: 14pt;
    color: #924e33;
}

.panel-default>table td {
    background-color: #FFF8F1;

}



.panel-default>.panel-heading {
    background-color: #FFF8F1;
    margin: 0;
    padding: 4px;
    /*   background-color: #924e33; */

}



.card-body h4 {
    font-family: 'texgyreheroscn-bold', Lato, sans-serif;
    font-size: 18px;
    color: #333;
    margin: 0;
    padding: 0;
}

.card-body p {
    font-size: 11pt;

}

.card-footer {
    background-color: #FFF8F1 !important;
    margin: 0;
    padding: 0;
}


.card li {
    font-family: "Open Sans";
    background-color: #FFF8F1;
    padding: 6px;
    font-size: 11pt;
    color: #000;
}

.card-body li {
    padding-left: 20px;
}

.card-body {
    background-color: #FFF8F1;
    padding: 2px;

}

.card>table th {
    background-color: #faefe3;
    font-family: "Julius Sans One";
    font-size: 14pt;
    color: #924e33;
}

.card>table td {
    background-color: #FFF8F1;

}



.mediumprioritypanel {
    background-color: rgba(172, 122, 42, 0.4) !important;
    color: #000;
}

.lowprioritypanel {
    background-color: rgba(205, 178, 132, 0.4) !important;
    color: #000;
}

.highprioritypanel {
    background-color: rgba(174, 98, 41, 0.4) !important;
    color: #000;
}

@media (max-width:1200px) {
    .priorityheight {

        background-color: #FFF8F1;
    }

    .priorityheight li {
        font-size: 10pt;
    }
}

@media (min-width:1201px) {
    .priorityheight {
        height: 160px;
        background-color: #FFF8F1;
    }
}

.biocolor {
    background-color: #59653a;

}

.biologybody {
    background-color: #f5f7f2 !important;
}

.biologyheader {
    /*background-color: #77887a !important;*/
    background-color: #59653a !important;
}

.biotext {
    color: #59653a;
}

.bioborder {
    border-top: 1px solid #59653a;
}

.biosides {
    border-right: 1px solid #59653a;
    border-left: 1px solid #59653a;

}

.soilheader {
    background-color: #6f4a18 !important;

}

.soilbody {
    background-color: #f6e8d5 !important;

}

.soiltext {
    color: #6f4a18 !important;
}

.soilborder {
    border-top: 1px solid #6f4a18;
}

.soilsides {
    border-right: 1px solid #6f4a18;
    border-left: 1px solid #6f4a18;

}

.dustheader {
    background-color: #732a1d !important;

}

.dustbody {
    background-color: #f6e8d5 !important;

}

.dusttext {
    color: #732a1d !important;
}

.dustborder {
    border-top: 1px solid #732a1d;
}

.dustsides {
    border-right: 1px solid #732a1d;
    border-left: 1px solid #732a1d;

}

.waterheader {
    background-color: #3a5a73 !important;

}

.waterbody {
    background-color: #f1f3f4 !important;

}

.waterborder {

    border-top: 1px solid #3a5a73;
}

.watersides {
    border-right: 1px solid #3a5a73;
    border-left: 1px solid #3a5a73;

}

.watertext {
    color: #3a5a73 !important;
}

.geotext {
    color: #ab6510 !important;
}

.geoheader {
    background-color: #ab6510 !important;

}

.geobody {
    background-color: #f1f3f4 !important;

}

.geoborder {

    border-top: 1px solid #ab6510;
}

.geosides {
    border-right: 1px solid #ab6510;
    border-left: 1px solid #ab6510;

}

.rightborder {
    border-right: 1px solid #3a5a73;
}

.footerbuttongreen {
    background-color: #dcc3a4 !important;
    margin: 0;
    padding: 5px;
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 10pt;
    color: #313b20;
    border: 1px solid #59653a;

}

.footerbuttonbrown {
    background-color: #dcc3a4 !important;
    margin: 0;
    padding: 5px;
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 10pt;
    color: #6f4a18;
    border: 1px solid #6f4a18;

}

.footerbuttonblue {
    background-color: #dcc3a4 !important;
    margin: 0;
    padding: 5px;
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 10pt;
    color: #3a5a73;
    border: 1px solid #3a5a73;

}

.footerbuttonorange {
    background-color: #dcc3a4 !important;
    margin: 0;
    padding: 5px;
    font-family: "Open Sans";
    font-weight: 700;
    font-size: 10pt;
    color: #ab6510;
    border: 1px solid #ab6510;

}

#accordion .panel-body {
    padding: 10px;
    background-color: #FFF8F1;

}

#accordion .panel-heading {
    background-color: #e8dccf;
}

#accordion .panel-heading h3 {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25em;
    color: #525a03 !important;
    margin-top: 0;
    text-align: left;

}

div.accordian div.card {
    border: none;
}
.card-header h3.accordian {
    background-color: #e8dccf;
}

.card-header h3.accordian a:hover,
.card-header h3.accordian a:focus {
    text-decoration: underline;
    color: #525a03;
}

.card-header h3.accordian a,
.card-header h3.accordian a:visited {
    color: #525a03 !important;
}

.card-header h3.accordian {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25em;
    color: #525a03 !important;
    margin-top: 0;
    text-align: left;
    border-bottom: none;
}

.panel-heading h3.act-title {
    height: 6.5rem;
}

/* end panels

===================================
NAVIGATION TABS
===================================
*/
#topbar {
    background-color: #db9c56;
    padding-left: 0;
    padding-right: 0;

}

#activitytopbar {
    background-color: #7b3327;
    padding-left: 0;
    padding-right: 0;
    padding-top: 6px;
    padding-bottom: 6px;


}

.navbar {
    margin-bottom: 0px;
    border-bottom: 1px solid #7b3327;
}


@media (min-width: 1201px) {
    #usgs.navbar-default {
        font-size: 12px !important;
        line-height: 1.42857143 !important;
        letter-spacing: 4px;
        border-radius: 0;
        font-family: Verdana, Geneva, sans-serif;
        width: 100%;
        padding-top: 0px;
        padding-bottom: 0px;
        background-color: #7b3327;

    }

    .nav-tabs {
        border-bottom: none;
        width: 100%;

    }

    .nav-tabs li a {
        color: #fff;
        font-size: 12pt;
        letter-spacing: 0px;


    }

    .nav-tabs li a:hover {
        background-color: #924e33;
        color: #fff;
        border-top: 1px solid #924e33;
        border-left: 1px solid #924e33;
        border-right: 1px solid #924e33;

    }

    .nav-tabs li.active a {
        background-color: #924e33;
        color: #fff;
        border-top: 1px solid #924e33;
        border-left: 1px solid #924e33;
        border-right: 1px solid #924e33;
        border-bottom: none;
    }

    .nav-tabs li.active a:hover,
    .nav-tabs li.active a:focus {
        background-color: #db9c56;
        color: #fff;
        border-top: 1px solid #924e33;
        border-left: 1px solid #924e33;
        border-right: 1px solid #924e33;
        border-bottom: none;

    }
}

@media (min-width: 769px) and (max-width:1200px) {
    #usgs.navbar-default {
        font-size: 10pt !important;
        line-height: 1em !important;
        background-color: #7b3327;
        color: #fff;
        border: none;
        padding: 0;
        margin: 0;
    }

    .nav-tabs {
        border-bottom: none;
        width: 100%;

    }

    .nav-tabs li a {
        color: #fff;
        font-size: 10pt;
        letter-spacing: 0px;
        padding: 4px;
        margin-left: 1px;
        margin-right: 1px;
    }

    .nav-tabs li a:hover {
        background-color: #924e33;
        color: #fff;
        border-top: 1px solid #924e33;
        border-left: 1px solid #924e33;
        border-right: 1px solid #924e33;

    }

    .nav-tabs li.active a {
        background-color: #924e33;
        color: #fff;
        border-top: 1px solid #924e33;
        border-left: 1px solid #924e33;
        border-right: 1px solid #924e33;
        border-bottom: none;
    }

    .nav-tabs li.active a:hover {
        background-color: #db9c56;
        color: #fff;
        border-top: 1px solid #924e33;
        border-left: 1px solid #924e33;
        border-right: 1px solid #924e33;
        border-bottom: none;
    }

    .navbar-header {
        border-bottom: none;
    }

    .navbar-default .navbar-collapse {
        border: none;
        box-shadow: none;
    }

    .navbar {
        margin-bottom: 0px;
    }
}

@media (max-width: 768px) {

    #usgs.navbar-default {
        font-size: 10pt !important;
        line-height: 1em !important;
        background-color: #7b3327;
        color: #fff;
        border: none;
        padding: 0;
        margin: 0;
    }

    .navbar-default .navbar-collapse {
        border: none;
        box-shadow: none;

    }

    .navbar-header {
        padding-right: 10px;
    }

    #navbar .nav-tabs>li {
        float: none;
        border: 1px solid #FFF8F1;
        background-color: #7b3327;

    }

    #navbar .nav-tabs>li>a {
        border: none;
        background-color: #db9c56;
        box-shadow: none;
        border-radius: 0;
        padding: 4px;
        margin: 0;
        color: #fff;
    }

    #navbar .nav-tabs>li>a:hover,
    #navbar .nav-tabs>li>a:focus {
        border: none;
        background-color: #7b3327;
        box-shadow: none;
        border-radius: 0;

    }

    #navbar .nav-tabs>li.active>a {
        border: none;
        background-color: #7b3327;
        box-shadow: none;
        border-radius: 0;
        color: #fff;
        padding: 4px;
        margin: 0;
    }

    #navbar .nav-tabs>li.active>a:hover,
    #navbar .nav-tabs>li.active>a:focus {
        border: none;
        background-color: #333;
        border-radius: 0;


    }

    #usgs.navbar-default .navbar-toggle {
        border-color: #fff;

    }

    #usgs.navbar-default .navbar-toggle:hover,
    #usgs.navbar-default .navbar-toggle:focus {
        background-color: #333;
    }

    #usgs.navbar-default .navbar-toggle .icon-bar,
    #usgs.navbar-default .navbar-toggle:hover .icon-bar,
    #usgs.navbar-default .navbar-toggle:focus .icon-bar {
        background-color: #fff;
    }

}

.breadcrumb {
    background-color: #f3efeb;
    padding-bottom: 10px;
    margin-bottom: 0;
    padding-left: 0;
}

.activebutton {
    background-color: #71A100;
    color: #FFF;
}

.sidebar-brand {
    color: #71A100;
    padding-left: 10px;
    text-align: left;
    padding-top: 15px;
}

/*end navigation tabs

===================================
USGS NAVBAR
===================================
*/


.head {
    background-color: #db9c55;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: -20px;
    margin-bottom: 0;
}

#title.navbar-default {
    background-color: #db9c55;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;

}

#titlebar {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

/* end usgs navbar

===================================
FOOTER
===================================
*/

.redfooter {
    background-color: #7b3327;
    padding-top: 6px;
}


.usgsfooter {
    border: 0;
    font-size: 12px !important;
    line-height: 1.42857 !important;
    font-family: Verdana, Geneva, sans-serif;
    color: #FFF;
}

.usgsfooter a {
    font-size: 12px !important;
    line-height: 1.42857143 !important;
    font-family: Verdana, sans-serif;
    color: #FFF;
}

/* end footer 

===================================
Pop-up
===================================
*/
.popup h2 {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 22pt;
    font-weight: 700;
    color: #525a03;
    line-height: 1em;
    margin-bottom: 0;
    padding-bottom: 30px;
    margin-top: 0;
    padding-top: 10px;

}

.noleft {
    padding-left: 0;
}


.popup h3 {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5em;
    color: #924e33;
    margin-top: 0;
    padding-top: 10px;

}

.popup h5 {
    font-family: 'PT Sans Narrow', Lato, sans-serif;
    font-size: 14pt;
    line-height: .875em;
    color: #924e33;
    margin-bottom: 0;
    font-weight: 700;


}

.popup h4 {
    font-family: 'PT Sans Narrow', Lato, sans-serif;
    font-size: 14pt;
    line-height: 1.5em;
    color: #525a03;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0;
}

.popup p {
    font-size: 11pt;

}

.popup ul li {
    font-size: 11pt;
}

.popup .activityheaders {
    font-family: 'PT Sans Narrow', Lato, sans-serif;
    font-size: 14pt;
    line-height: 1.5em;
    color: #525a03;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0;
}

.popup .wellbgcolor {
    background-color: #faefe3;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* end Popup 


===================================
Timeline
===================================
*/

.timeline ul {
    background: #456990;
    padding: 50px 0;
}

.timeline ul li {
    list-style-type: none;
    position: relative;
    width: 6px;
    margin: 0 auto;
    padding-top: 50px;
    background: #fff;
}

.timeline ul li::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: inherit;
}

.timeline ul li div {
    position: relative;
    bottom: 0;
    width: 400px;
    padding: 15px;
    background: #F45B69;
}

.timeline ul li div::before {
    content: '';
    position: absolute;
    bottom: 7px;
    width: 0;
    height: 0;
    border-style: solid;
}

.timeline ul li:nth-child(odd) div {
    left: 45px;
}

.timeline ul li:nth-child(odd) div::before {
    left: -15px;
    border-width: 8px 16px 8px 0;
    border-color: transparent #F45B69 transparent transparent;
}

.timeline ul li:nth-child(even) div {
    left: -439px;
}

.timeline ul li:nth-child(even) div::before {
    right: -15px;
    border-width: 8px 0 8px 16px;
    border-color: transparent transparent transparent #F45B69;
}

time {
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 8px;
}
}