  body {
    font-size: 1rem;
    color: #231f20;
}
main p a:link, main p a:visited {
    color: #424280;
}
main p a:hover {
    color: #923a42;
}
.h1, h1 {
    font-size: 3rem;
    color: black;
    font-family: 'Crimson', serif;
    font-weight: 500;
}
.h2 {
    font-size: 2rem;
    font-family: 'Crimson', serif;
    color: #333;
}
.carousel-caption .h2{
	color: #ffffff;
}
h2 {
    font-size: 1.8rem;
}
h3 {
    font-size: 1.6rem;
    font-weight: 600;
    color: #373e5b;
}

header .nav-link {
    font-size: 1rem;
}
.page-content img {
    max-width: 100%;
    max-height: none;
	padding: 1rem;
}

.site-header {
	display:none;
}
.headerContainer {
	margin: 0;
}
.quickLinks{
	padding-bottom:0.5rem;
}
.museumHeader {
	background:#5976b1;
	color: #ffffff;
	padding: 0;
}
.searchContainer {
    background: #4a5e89;
}
.siteLogo img {
    width: 80%;
    padding: 1rem 1rem 1rem 0;
	max-width: 490px;
}
#sidebar {
    margin:0;
}
#sidebar .nav-link {
    padding: .5rem 0.5rem;
}

.multicolumn-container {
    padding: 0; }
.multicolumn-container h3.text-uppercase {
    font-size: 3rem;
    font-family: 'Crimson', serif;
    font-weight: 500;
	text-transform: initial !important;
}
.card-title {
    color: black;
}
.text-size-large {
	font-size: 1.4rem;
}
a.btn-primary:link, a.btn-primary:visited {
    background: #457f66 !important;
}

.subnav {
    background: #fff;
    border-top: 7px solid #b5ad63;
}
.subnav .dropdown-toggle:after {
    margin-left: 0;
}
.subnav .nav-link {
    color: #2c3c6c;
}
.subnav > li:hover {
    background: transparent;
}
.subnav > li a:hover {
    color:#cd5f60 !important;
}
.subnav ul .nav-link {
    color: #333;
    padding: 0.4rem 0.2rem 0.5rem 1.2rem;
}
.subnav li.nav-item div.menu-toggle-icon {
    background-color: transparent;
}
.subnav .subnav-nested {
    font-size: 1rem;
    padding: 0rem 0rem 0.7rem 0;
	background:transparent;
}
.subnav .active {
    color: #090707 !important;
    font-weight: 700;
}
.customfeatContact {
	min-height: 240px;
}

.featured-bg-container, .featured-bg-container.full-width, .featured-bg-container.dark, .featured-bg-container.full-width.dark {
    background: #ecebec !important;
    color: #373e5b !important;
}

.featured-bg-container.featuredOne {
    background:;
    padding: 1rem 2rem 1rem;
}
.featured-bg-container .card a:link, .featured-bg-container .card a:visited, .featured-bg-container.full-width .card a:link, .featured-bg-container.full-width .card a:visited{
	color: #1F618D !important; 
    text-decoration: underline !important;
}

.featured-bg-container .card a:link.btn,
.featured-bg-container .card a:visited.btn {
    text-decoration: none !important;
    color: black !important;
}
.featured-bg-container .card a:hover.btn{
    color: white !important;
}

.custom-footer .social-media-container {
	margin:auto;
}
footer.page-footer div.global-footer.text-white ,
.page-footer {
	background: #5976b1 !important;
}
.imgContainer {
	padding:10px;
}
.btn-info {
    color: #fff !important;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

/* Events */
.card-img-top img,
.newsfeed .events .eventImage img{
    padding: 0;
}
.newsfeed .events .eventImage {
    overflow: hidden;
    max-width: 450px;
    width: 40%;
    float: left;
    margin: 0.2rem 1rem 0.2rem 0;
}
.events-cardview-container .card-img-top {
    height: 8rem;
    overflow: hidden;
}

/* end events */

/* google search */
.custom-search .gsib_a {
    padding: 4px 6px 0 !important;
}
.searchContainer .gsc-search-button-v2 {
    border-color: #23365c;
    background-color: #23365c;
}
.searchContainer .gsc-search-button-v2:hover, .searchContainer .gsc-search-button-v2:focus {
    border-color: #333;
    background-color: #333;
}

/* light color: #9ba2bf */
 /* ------- Mega Menu ------- */

.menuPrimary.navbar {
    display: none;
}
.navContainer {
    background: #373e5b;
    border-top: 0;
}
    
    .menuNav,
    .menuNav a,
    .menuNav ul,
    .menuNav li,
    .menuNav div,
    .menuNav form,
    .menuNav input {
        padding: 0;
        border: none;
        outline: none;
    }
    .menuNav ul ul {
        margin-left: 2rem;
    }
    .menuNav a {
        text-decoration: none;
	}
	.menuNav > li {
		list-style: none;
	}
    .menuNav {
        display: inline-block;
        position: relative;
        cursor: default;
        z-index: 500;
		font-size: 0.9rem;
		width: 100%;
    	max-width: 1600px;
    }
	.menuNav h2 {
    	border-bottom: 2px solid var(--yellow);
    	margin: 1rem 0 0.5rem 1rem;
    	padding-bottom: 0.5rem;
    	width: 40%;
	}
	.menuNav ul {
		padding-bottom: 1.5rem;
		list-style-type: none;
	} 
    .menuNav > li {
        display: block;
        float: left;
		list-style: none;
    }
    .menuNav > li > a {
        position: relative;
        display: block;
        z-index: 510;
        height: 40px;
        padding: 0 20px;
        line-height: 40px;
        font-family: Helvetica, Arial, sans-serif;
        color: #fcfcfc;
        /* text-shadow: 0 0 1px rgba(0, 0, 0, .35); */
        /* background: #372f2b; */
        /* green background: #619223; */
        
        background: #373e5b;
        border-right: 1px solid #777777;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        text-transform: uppercase;
    }
    .menuNav > li:hover > a {
        background: #0c457d;
        color: #eee;
    }
    .menuNav > li:first-child > a {
        /*  border-radius: 3px 0 0 3px; */
        
        border-left: none;
    }
    
    .menuNav > li > div {
		/* height: 25rem; */
		font-size: 1.1rem;
        border-top: 5px solid #0c457d;
        position: absolute;
       /* display: block; */
        width: 100%;
        top: 40px;
        left: 0;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        background: #0c457d;
        -webkit-transition: all .3s ease .15s;
        -moz-transition: all .3s ease .15s;
        -o-transition: all .3s ease .15s;
        -ms-transition: all .3s ease .15s;
        transition: all .3s ease .15s;
    }
    .menuNav > li:hover > div {
        opacity: 1;
        visibility: visible;
        overflow: visible;
    }
    .menuNav .nav-column {
		padding: 1rem 2rem 3rem;
    }
    .menuNav .nav-column h3 {
        color: #F4D03F;
        font-size: 1.2rem;
        font-weight: 500;
        letter-spacing: 0;
        text-transform: uppercase;
    }
	.menuNav h3 a:link,
	.menuNav h3 a:visited{
		color: #f5d03f;
	}
    .menuNav h3 a:hover {
		color: #a7b6d6;
	}
    .menuNav .nav-column h3.orange {
        color: #ffbe4f;
    }
    .menuNav .nav-column li a {
        color: white;
        display: block;
        font-weight: 500;
    }
    .menuNav .nav-column li li a {
        font-weight: normal;
        color: #ccc;
    }
    .menuNav .nav-column li a:hover {
        color: #a7b6d6;
    }
    #megaNavContainer {
        background:;
        height: 40px;
    }
    #megaNavContainer nav {
        margin: 0;
        padding: 0;
    }

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
#megaNavContainer {
        height: 56px;
    }
.menuNav .nav-column img {
	display:none;
}
  .menuNav > li {
        float: none;
}
.menuNav > li > div {
    display: none;
}}


    /* end menu */

@media (min-width: 768px){
.col-md-9.order-md-2{
    padding-left: 3rem;
}}


@media (min-width: 1230px) {
/* #main-slider:after{
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: -moz-linear-gradient(right,rgba(0,0,0,0.66) 0%,rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(right,rgba(0,0,0,0.66) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to left,
rgba(0,0,0,0.66) 0%,
rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8000000',endColorstr='#00000000',GradientType=1);
} */

.carousel-caption {
    background: #00000069 !important;
    top: 40%;
    width: 40% !important;
}
.carousel-caption .h2 {
    font-size: 5rem !important;
    font-weight: 700 !important;
    line-height: 5.5rem;
    margin-bottom: 1rem;
    text-shadow: 4px 4px 10px #373e5b;
    color: #f8f9fa;
}
.carousel.hero-md .carousel-caption {
    top: 17%;
}} 


