/*
    Main theme colors
main bg: #695A52
accent/nav bg: #9B7853
bright color: #cd993e
light color: #dec3af
Text/pop: #fbfafa
*/

.theme-dark {
    background-color: #695A52;
}

.navbar-dark {
    border-bottom: 1px solid #000000;
}

.card-header {
    background-color: #9B7853;
    color: #fbfafa;
}

.card-body {
    padding: .5rem 1rem .5rem 1rem;
}

/* remove bottom margin from last paragraph */

p:last-child {
    margin-bottom: 0px;
}

.header-logo {
    padding: 4px;
}

.maincontainer {
    padding-left: 0px;
    padding-right: 0px;
}

.nav-link {
    padding-bottom: 0.1em;
    padding-top: 0.1em;
    padding-left: 0.5em;
}
/*
    DEMO STYLE
*/

@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";

body {
    background: #fbfafa;
    background-image: url("../images/vintage-concrete.png");
    padding: 0px;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

a:hover 
{
    text-decoration: underline;
}

.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

/* ---------------------------------------------------
    HEADER STYLE
----------------------------------------------------- */
.siteheader {
    width: 100%;
    height: 100px !important;
    overflow:hidden;
}


.smallheaderimage {
    display:none;
    padding-top:10px;
    padding-right:60px;
}

 .largeheaderimage {
    display:inline;
    max-width:930px;
}


/*
.smallheaderimage {
    display: none;
    padding-top: 10px;
    padding-right: 60px;
}

.largeheaderimage {
    display: inline;
    max-width: 250px;
}
*/
.mainnavbutton {
    position:absolute;
    top:0;
    right:0;
}
/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidebar {
    margin-top: 100px;
    min-width: 250px;
    max-width: 250px;
    background: #9B7853;
    color: #fff;
    transition: all 0.3s;
}

    #sidebar.active {
        margin-left: -250px;
    }


    #sidebar ul.components {
        padding: 20px 0;
        border-bottom: 1px solid #000000;
    }

    #sidebar ul p {
        color: #fff;
        padding: 10px;
    }

    #sidebar ul li a {
        padding: 10px;
        padding-right: 35px;
        font-size: 1.1em;
        display: block;

    }

        #sidebar ul li a:hover {
            background: #695A52;
            text-decoration: none;
        }

    #sidebar ul li.active > a,
    a[aria-expanded="true"] {
        color: #ffffff;
        background: #695A52;
        font-weight: bold;
        box-shadow: 0 4px 2px -2px rgba(0,0,0,0.4);
    }

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul {
    border-bottom: 1px solid #000000;
}

    ul ul a {
        font-size: 0.9em !important;
        padding-left: 30px !important;
        background: #544842;
    }

#sidebarCollapse {
    margin: 20px;
}
/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {
    width: 100%;
    padding: 0px;
    min-height: 100vh;
    margin-top: 100px;
    transition: all 0.3s;
}


    #content .primarycontainer a:not(.btn),
    #content .primarycontainer a:hover:not(.btn),
    #content .primarycontainer a:focus:not(.btn) {
        color: #0000EE;
        transition: all 0.3s;
    }

    #content li {
        font-family: 'Poppins', sans-serif;
        font-size: 1.1em;
        font-weight: 300;
        line-height: 1.7em;
    }


/* ---------------------------------------------------
    Footer
----------------------------------------------------- 
#footer a,
#footer a:hover,
#footer a:focus {
    color: inherit;
    text-decoration: none;
}*/
/* ---------------------------------------------------
    Ads
----------------------------------------------------- */
.ad-image-default {
    opacity: 0.99;
    width: 100%; /* may need to remove this if ads look too pixelated. */
    position: absolute;
}

.ad-image-hidden {
    opacity: -0.01;
    display: none;
    width:100%;
    position:absolute;
}


/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }

        #sidebar.active {
            margin-left: 0;
        }

    #sidebarCollapse span {
        display: none;
    }

}

/* width that large header image disappears */
@media (max-width: 891px) {
    .smallheaderimage {
        display: block;
    }

    .largeheaderimage {
        display: none;
    }

    .navbar-brand {
        display: none;
    }
}

/* Leaders page styles  
----------------------------------------------------------*/
.leaders-officers {
    width: 500px;
    float: left;
}

.leaders-staff {
    width: 280px;
    float: right;
}

.leader-officetitle {
    font-weight: bold;
    font-size: large;
    color: #465c71;
}

.leaders-name {
    font-weight: bold;
}
/*.leaders-director {
    width:275px;
}*/
/* ---------------------------------------------------
    MISC
----------------------------------------------------- */
.bagpipethumbnail {
    width:195px;
    
}

.youtubelogo {
    width:180px;
    padding:20px;
}

.formtable {
    width: 90%;
}

.singlecontent-item{
    margin: 15px;
}

td.formlabelcell {
    text-align: right;
}

td.formsectionheader {
    background: #CCCCCC;
    padding: 2px;
}

.btn-primary {
    color: #fff;
    background-color: #0067d6;
    border-color: #0067d6;
}