@import url(//fonts.googleapis.com/css?family=Muli:400,400italic,700,700italic);
@import url(//fonts.googleapis.com/css?family=Cinzel);

body {
    background-color: ;
}

body, h1, h2, h3, .ms-h2, .ms-h3, .ms-headerFont, h4, h5, h6, .ms-h4, .ms-h5, .ms-h6, h4, h5, h6, .ms-h4, .ms-h5, .ms-h6, .ms-viewselector-currentView .ms-core-pageTitle,
.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a, ms-webpart-chrome,
.ms-core-pageTitle a, input#mc-embedded-subscribe, button#more-link

/*.ms-core-navigation, .ms-taskdate-daysvalue, .ms-taskdate-daysunit, .ms-textXLarge,
.ms-textLarge, .ms-metadata, .ms-descriptiontext, .ms-secondaryCommandLink, .ms-calloutLink:link, a.ms-calloutLink:visited,
.ms-calloutLinkDisabled, .ms-commandLink, .ms-commandLink:visited, .ms-secondaryCommandLink, .ms-secondaryCommandLink:visited,
.ms-emptyMode, .ms-attractMode,  .ms-largeNumber,
.ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item,
.ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenuEdit,
.ms-core-listMenu-heading, .ms-tv-header, .ms-dlg-heading, h2.ms-dlg-heading, .ms-cui-ribbon, .ms-cui-menu, .ms-cui-toolbar-toolbar,
.ms-cui-contextmenu-inner, .ms-cui-cb-input, .ms-cui-tb, .ms-cui-spn-txtbx, .ms-cui-tooltip h1,
body, .ms-core-defaultFont, #pageStatusBar, .ms-status-msg, .js-callout-body */{
    font-family: 'Muli', Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* SharePoint / CMS content that we want to remain using a standard font */
#ncc_ribbon, #MSOTlPn_MainTD, #MSOTlPn_MainTD input, .ms-SPZoneLabel, .ms-WPAddButton, input.ms-long, .ms-formfieldlabel, 
.ms-dlgFrameContainer, .ms-dlgFrameContainer input, #WebPartAdderUpdatePanelContainer, #WebPartAdderUpdatePanelContainer input, #WebPartAdderUpdatePanelContainer button,
.page-admin-panel, .page-admin-panel h2, .page-admin-panel h3, 
.admin-page, .admin-page h1, .admin-page input, .admin-page button/*,
input, input[type=button], input[type=reset], input[type=submit], button, select, textarea  trialling this to counter the font-size issues with custom fonts */
{
    font-family: Arial !important;
}

/* overriding  hardcoded styles for specific uses in CMS pages
    input#mc-embedded-subscribe, button#more-link {
         font-family: Muli !important;
    }*/

.ncc-theme, .ncc-theme a, a.ncc-theme {
    color: black;
    background-color: #c3a953;
}

.ncc-theme-bg, .ncc-theme-bg a, a.ncc-theme-bg {
    background-color: #c3a953 !important; /* theme */
}

.ncc-theme-webpart-heading, .ncc-theme-webpart-heading a, a.ncc-theme-webpart-heading {
    color: #c3a953 !important; /* theme */
}

.ncc-theme-heading {
    background-color: #c3a953 !important; /* theme */
    color: black;
}


.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2, .ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2,
h1.ms-rteElement-H1B, h2.ms-rteElement-H2B, h3.ms-rteElement-H3B, h4.ms-rteElement-H4B, .ms-core-pageTitle, .ms-core-pageTitle a, .ms-rtestate-field h4, h4.ms-rteElement-H4 {
    color: #000; /*##heading-color##*/
}

.ncc-title-area h1 {
    color: #333333;
}


/******* Section Navigation **********/
.ncc-section-nav {
    background-color: #332500;
}

.collapsible-nav a, .collapsible-nav button {
    color: white; /* theme */
}

.collapsible-nav .section-nav__link:hover, .collapsible-nav .section-nav__link:active, .collapsible-nav .section-nav__link:focus, .collapsible-nav .section-nav__morelink:hover, .collapsible-nav .section-nav__morelink:active, .collapsible-nav .section-nav__morelink:focus, .collapsible-nav .open.section-nav__morelink, .collapsible-nav .section-nav__link--active {
    background-color: rgb(72,52,0); /* theme */
}

.section-nav__link--current {border-bottom:2px solid white;padding-bottom:4px}

.custom-rteStyle-Theme-Back {
    background-color: #c3a953 !important; /* theme */
}

/* Summary Links in Sidebar */
.ncc-rightcolumn .groupheader {
    border-bottom-color: #c3a953;
}


.navbar-default {
    background-color: #c3a953;
}

    .navbar-default > .container {
        background: #c3a953 url("https://www.northamptonshireheritage.co.uk/learn/how-people-lived/_layouts/15/ncc.webplatform.core/handlers/themeoverride.ashx?t=637151283937069852") no-repeat 0 0;
    }

.ncc-globalnav {
    background-color: #c3a953;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    /* Not convinced this is working */
    background-color: rgb(200,177,99) !important; /* theme light */
}

/* Colour of top menu links when hovered/clicked */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: rgb(200,177,99) !important; /* theme light */
}

.dropdown-menu > li > a {
    color: rgb(190,161,67) !important; /* theme dark */
}

    .navbar-default .navbar-nav > li > a,
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:active,
    .navbar-default .navbar-nav > li > a:link,
    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: white !important;
    }



/* vvvvv Override default dropdown menu colours vvvvv */

.dropdown-menu {
    background-color: ;
}

.navbar .nav > li > .dropdown-menu::after {
    border-bottom-color: ; /* Arrow pointing up from drop down */
}

.dropdown-menu > li > a {
    color: !important;
}

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        background-color:  !important;
        color:  !important;
    }

/* ^^^^^ Override default dropdown menu colours ^^^^^ */


@media (max-width: 767px) {

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: white !important;
    }

        .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover,
        .navbar-default .navbar-nav > .open > a:focus,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
        .navbar-default .navbar-nav > .open > a,
        .navbar-default .navbar-nav > .open > a:hover,
        .navbar-default .navbar-nav > .open > a:focus,
        .dropdown-menu li:hover {
            color: white !important;
            background-color: rgb(200,177,99) !important; /* theme light */
        }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-default .navbar-toggle {
        color: white !important;
        background-color: rgb(200,177,99) !important;
        border-color: rgb(200,177,99) !important;
    }

        .navbar-default .navbar-toggle:hover {
            background-color: rgb(209,189,122) !important;
            border-color: rgb(209,189,122) !important;
        }
}



div.ncc-content {
    /* background-color: #fff; */
}

.box {
    background-color: #fff;
}

.footer-intro-text {
    color: black;
}

.FooterArea {
    background-color: #e9e9e9;
    color: black;
    -webkit-box-shadow: 0px 1000px 0px 1000px #e9e9e9;
    -moz-box-shadow: 0px 1000px 0px 1000px #e9e9e9;
    box-shadow: 0px 1000px 0px 1000px #e9e9e9;
}

.FooterLinks ul li a {
    color: black;
}

.FooterLinks ul li {
    border-left-color: black;
}




/*###########################  Web Part Styles  ###########################*/
.ncc-content .ms-webpart-chrome-title {
    color: black;
    background-color: #c3a953;
}

.ncc-content h2.ms-webpart-titleText span {
    color: black;
}


.ncc-content-page .ms-webpart-chrome-title {
    background-color: transparent;
    border-bottom: solid 1px #c3a953;
    margin-bottom: 0;
    background-image: inherit;
    filter: none;
}

.ncc-content-page h2.ms-webpart-titleText span {
    color: black;
}


table.leader-table {
    border-color: #c3a953 !important;
}
table.leader-table th, table.leader-table td {
    border-color: #c3a953 !important;
}


h3.ncc-landing-title {
    color: black;
    background-color: #c3a953;
}

    h3.ncc-landing-title a:visited,
    h3.ncc-landing-title a,
    h3.ncc-landing-title a:hover,
    h3.ncc-landing-title a:active,
    h3.ncc-landing-title a:focus {
        color: black;
    }

.ncc-landing-Description {
}

.ncc-tile-wp-container {
    color: black;
    background-color: #c3a953;
}

    .ncc-tile-wp-container i {
        color: black;
    }

    .ncc-tile-wp-container a:hover {
        text-decoration: none;
    }

    .ncc-tile-wp-container a span {
        color: black;
    }

.ncc-yt-footer {
    color: black;
    background-color: #c3a953;
}

    .ncc-yt-footer h3 {
        color: black;
    }



p.custom-rteElement-Summary {
    color: #36063e;
}

.custom-rteElement-QuoteMarks:before {
    color: #c3a953;
}

p.custom-rteElement-Exclamation {
    background-color: #f4f4f4;
}

.custom-rteElement-Exclamation:before {
    color: #c3a953;
}

.custom-rteStyle-Purple-Back {
    background-color: #c3a953;
}

a.custom-rteElement-call-to-action {
    color: black;
    background-color: #c3a953;
}

    a.custom-rteElement-call-to-action:hover {
        background-color: rgb(200,177,99); /* theme-light */
    }

.custom-rteStyle-NCCFontPurple {
    color: #c3a953; /* theme */
}

.call-to-action-button a, .ncc-banner-button a, .ncc-button, input.ncc-button {
    color: black; /* theme font */
    background-color: #c3a953; /* theme */
}

    .call-to-action-button a:hover, .ncc-banner-button a:hover, .ncc-button:hover, input.ncc-button:hover,  .ncc-button:focus, input.ncc-button:focus, .ncc-button:active, input.ncc-button:active {
        background-color: rgb(200,177,99); /* theme-light */
    }

.ncc-section-title, .ncc-section-title a, .ncc-section-title a:visited, .ncc-section-title a:hover {
    color: #c3a953; /* theme */
    font-family: Cinzel !important;
}


.ncc-gitc-image {
    color: black;
    background-color: #c3a953;
}

.ncc-gitc-heading {
    color: #c3a953;
}




.atoz-letters a {
    color: #c3a953;
}

    .atoz-letters a:hover {
        background-color: #c3a953 !important;
        color: black !important;
    }

    .atoz-letters a.atoz-selected {
        background-color: #c3a953;
        color: black;
    }


/*################# Shared Site Content ##################*/
.promobox a, .promobox a:active, .promobox a:focus {
    background-color: #c3a953;
}

    .promobox a:hover {
        background-color: rgb(200,177,99); /* theme-light */
    }

    .promobox p,
    .promobox div,
    .promobox a,
    .promobox a:hover,
    .promobox a:active,
    .promobox a:focus,
    .promobox a h3 {
        color: black;
    }


/*Phase 4 changes*/
.cell-Theme, a#Ribbon\.Table\.Design\.TableCellColour\.Colour\.Menu\.Colours\.Theme-Menu.ms-cui-ctl-menu, a#Ribbon\.Table\.Design\.TableCellColour\.Colour\.Menu\.Colours\.Theme-Menu.ms-cui-ctl-menu .ms-cui-ctl-mediumlabel {
    color: black;
    background-color: #c3a953;
}



/* MailChimp bits */
/*
    #c3a953
    black
    #c3a953
    black
    #c3a953
    black
*/

#mc_embed_signup #mc_embed_signup_scroll #mc-embedded-subscribe {
    color: black;
    background-color: #c3a953;
}

    #mc_embed_signup #mc_embed_signup_scroll #mc-embedded-subscribe:hover {
        background-color: rgb(203,181,107);
    }

#mc_embed_signup #mc_embed_signup_scroll .mc-field-group input, #mc_embed_signup #mc_embed_signup_scroll #mc-embedded-subscribe {
    /* border-color:rgba(0,0,0,0.50);*/
}

#mc_embed_signup #mc_embed_signup_scroll h2 {
    /*color:black;*/
}

.mailchimp-sidebar-form-outer .mailchimp-form, .mailchimp-sidebar-form-outer .mailchimp-form h3 {
    background-color: #c3a953;
    color: black;
}


.mailchimp-footer-form-outer, .mailchimp-footer-form-outer h3 {
    background-color: #c3a953;
    color: black;
}



/* End MailChimp Bits */



.ncc-blog-searchbox .searchbutton, .ncc-archive-list input.searchbutton {
    color: black;
    background-color: #c3a953;
    border: 1px solid #c3a953;
}

    .ncc-blog-searchbox .searchbutton:hover, .ncc-archive-list input.searchbutton:hover {
        color: black;
        background-color: rgb(190,161,67);
        border: 1px solid rgb(190,161,67);
    }

.ncc-blog-side-container .ncc-blog-side-item, .ncc-blog-results-container .ncc-blog-item {
    border-color: #c3a953;
}

    .ncc-blog-side-container .ncc-blog-side-item .arrows, .ncc-blog-results-container .ncc-blog-item .arrows {
        color: #c3a953;
    }

    .ncc-blog-results-container .ncc-blog-item .title h3 a {
        color: black;
    }

    .ncc-blog-results-container .ncc-blog-item .title {
        background: #c3a953;
    }

    .ncc-blog-side-container .ncc-blog-side-item:first-child {
        border-top: 1px solid #c3a953;
    }

    .ncc-blog-results-container .ncc-blog-item .news-overlay {
        border-bottom: 1px solid #c3a953;
    }

.panel-default .panel-heading {
    background: #c3a953;
    color: black;
}

    .panel-default .panel-heading a, .panel-default .panel-heading h3, .panel-default .panel-heading h4 {
        color: black;
    }



/* Social Media Settings */

#social-wrap {
    background: #c3a953;
}

    #social-wrap #social-tabs-container .social-tabs-header {
        border-bottom: 1px solid black;

    }
    #social-wrap #social-tabs-container .nav-tabs {
     background: black; 
    }
    #social-wrap #social-tabs-container .nav-tabs > li:first-of-type {
        border-left: 1px solid black;
    }
    #social-wrap #social-tabs-container .nav-tabs > li:last-of-type {
        border-right: 0;
    }

    #social-wrap #social-tabs-container .nav-tabs > li {
        background: #c3a953;
        border-right: 1px solid black;
    }

    #social-wrap #social-tabs-container ul.nav li a {
        color: black;
    }

    #social-wrap #social-tabs-container ul.nav li.active a,
    #social-wrap #social-tabs-container ul.nav li.active a:hover,
    #social-wrap #social-tabs-container ul.nav li.active a:focus 
    {
        background: black;
        color: #c3a953;
    }

    #social-wrap #social-tabs-container ul.nav li:hover a, 
    #social-wrap #social-tabs-container ul.nav li:focus a/*,
    #social-wrap #social-tabs-container ul.nav li a:focus*/
    {
        background: rgb(190,161,67);
        color: black;
    }
    #social-wrap #social-tabs-container ul.nav li a:focus{
        background: #222;
        color: #c3a953;

    }

    #social-wrap .tab-content {
        background: black;
        color: #c3a953;
    }

        #social-wrap .tab-content .mobiletoggle {
            background: #c3a953;
        }

            #social-wrap .tab-content .mobiletoggle a {
                color: black;
            }

        #social-wrap .tab-content .tab-pane .tab-inner .list-div a, #social-wrap .tab-content .tab-pane .tab-inner a {
            color: #c3a953;
        }

        #social-wrap .tab-content .tab-pane {
            background: black;
        }

            #social-wrap .tab-content .tab-pane h3, #social-wrap .tab-content .tab-pane strong, #social-wrap .tab-content .tab-pane h4 {
                color: #c3a953;
            }

            #social-wrap .tab-content .tab-pane .FBLink {
                background:#222;
            }

.map_search .map_search_btn {
    background: #c3a953;
    border-color: #c3a953;
    color: black;
}
.map_container .category_tab .bars_icon {
    background: #c3a953;
    border-color: #c3a953;
    color: black;
}






/*** SVG Icons ***********************************************/

.tile-link:hover .icon-primary,
.tile-link:focus .icon-primary {
    background: rgb(190,161,67);
}

.tile-link, .tile-link .svg-tile-text {
    color:  #c3a953;
}

.tile-link:visited, .tile-link:visited .svg-tile-text {
    color:  inherit;
}
.tile-link:hover, .tile-link:hover .svg-tile-text, 
.tile-link:focus, .tile-link:focus .svg-tile-text
{
    color:  rgb(190,161,67);
    text-decoration-color: rgb(190,161,67);
    -webkit-text-decoration-color: rgb(190,161,67);
}
 

.tile-link:hover .icon-default,
.tile-link:focus .icon-default {
    fill: rgb(190,161,67);
}
 
.icon-default {
  fill: #c3a953;
}

.icon-primary {
  background-color: #c3a953;
  fill: #000;
}