/**************Mulvane CSS Start*******************/
@import url('https://fonts.googleapis.com/css?family=Raleway');
/*barlow for home page numerical fonts*/
@import url('https://fonts.googleapis.com/css?family=Barlow');

@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,700');

/*****************font overrides for washburn.edu bootstrap****************/
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}
.glyphicon.yellow-color{ color: #A3C8E3;}
/*****************end font overrides for washburn.edu bootstrap****************/

body {
    font-family: 'Work Sans', sans-serif;
    font-size:17px;
    font-weight:300;
}
#backToTop h2, h3, h4, h5, h6 { color: #003A70;}
h1, h2, h3, h4, h5, h6, p, ul, li, a, ol {
    font-family: 'Work Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6{
    font-weight:300;
}

.featurette .lead { line-height: 1.6; letter-spacing: .03em; font-weight: 300; font-size: 17px ;}
.announcement p, .announcement p.lead, .blogEntry p { line-height: 1.6; letter-spacing: .03em; font-weight: 300; font-size: 18px ;}
p.lead, #primaryContent p , #page-content p, #page-content dd, #sidebar p{ line-height: 1.6; letter-spacing: .03em; font-weight: 300; font-size: 19px ;}
p sub{font-size: 13px; font-weight:300;letter-spacing:.01em; }

b, strong {color: #003A70;}

/*------------------Mulvane Header Logo----------------*/
.headerLogo{width: 100%;background: #70747b;padding: 0 !important;margin:0;font-size: .85em;left: 0;}
.headerLogo>a {font-size:2em; font-family: 'Raleway', sans-serif;letter-spacing: 2px;}
.headerLogo>a>.titleOne {background: #FFFFFF; color: #bfc1c0;height: 100%;position:relative; display:block;width:auto;float:left;padding: 0 10px 0 10px;}
.headerLogo>a>.titleTwo {color: #a3c8e3; height: 100%;position:relative; display:block;width:auto;float:left;padding: 0 5px 0 15px;}

/*-------------Main Navigation -----------------*/

.mainMenuCont {float:none;margin:auto; width: 100% !important;}
.extraTopNav {margin-top: 10px !important;}
.topNavShadow {position: relative; background-image:none; height: 100px; box-shadow: 0px 5px 5px #CCC; }
.topNavShadow.hasHeader {height: 122px; box-shadow: none ;}
.topNavShadow.navBgBlue {position: fixed;background: rgba(255, 255, 255, 1);height: 85px;transition: all 0.5s;}
.topNavShadow .logo {   margin-top:20px; width: 200px;}
.topNavShadow.navBgBlue .logo {   width: 120px;}
.topNav {text-align:center;}
.navbar-nav>li{float:none;display:inline-block;}
.closesearcFieldDropDown {
    border-radius: 50%;
    padding: 11px 10px 9px 10px;
    border-radius: 50%;
    max-width: 35px;
}
.dropdownNav.open .dropMenu1.dropdown-menu, .dropdownNav .dropMenu1.dropdown-menu{ margin-left:-2px; 	}

.dropdownNav.open #dropMenu2.dropdown-menu,.dropdownNav #dropMenu2.dropdown-menu{
    margin-left:-2px;
}
.dropdownNav.open #dropMenu3.dropdown-menu, .dropdownNav #dropMenu3.dropdown-menu{
    margin-left:-2px;
}
.dropdownNav.open #dropMenu4.dropdown-menu, .dropdownNav #dropMenu4.dropdown-menu{
    margin-left:-2px;
}
.dropdownNav.open #dropMenu5.dropdown-menu, .dropdownNav #dropMenu5.dropdown-menu{
    margin-left:-2px;
}
.dropdown-menu {
	border-radius: 0;
	width: 180px;
	/*-moz-box-shadow:    1px 1px 3px 3px #ccc;
    -webkit-box-shadow: 1px 1px 3px 3px #ccc;
    box-shadow:         1px 5px 5px 1px #ccc;*/
}

.topNav>.dropdownNav>span>a{
    color: #003A70 !important;
}

.topNavShadow.navBgBlue .magGlass {top: 10px;}

.arrow-down:before, .arrow-down:after {
    background: #003A70;
}
.open .searcFieldDropDown{display:block;}
.topNav , .topNavShadow.navBgBlue .topNav {width: 90%;float: right;}
.topNav>li>span>a {
    color: #003A70 !important;
    letter-spacing: 2px;
    font-size: 1.2em ;
    font-weight: normal;
}

@media (min-width: 1201px) and (max-width: 3000px) {
     
    .mainMenuContainer {margin: -5px 0 0 0 ;}
    .topNavShadow.navBgBlue .mainMenuContainer{margin: -5px 0 0 0 ;}
}
@media (min-width: 1200px) and (max-width:1200px){
.topNavShadow.navBgBlue .topRightNav .searchIconCont  {top: -20px !important;}
}

@media (max-width: 1299px){
    .topNav, .topNavShadow.navBgBlue .topNav {float:left;width: 96%; } 
    .topNav>li>span>a {padding: 0px 7px;}
                          }
@media (max-width: 1200px){
    #dropMenu6{left:-100px;}
    .searcFieldDropDown{margin-left: -170px;}
}

@media (max-width: 1200px) and (min-width: 1025px){
 
.mainMenuContainer {margin: -20px 0 0 0;}
.topNavShadow.navBgBlue  .mainMenuContainer {margin: -25px 0 0 0;}
.mainMenuContainer {width: 100%;margin-top: 0;}

}

@media (max-width: 1200px) and (min-width: 1200px){
    .mainMenuContainer{margin: -10px 0 0 0;}
}

@media (max-width: 1024px) and (min-width: 975px){
.topNavShadow.navBgBlue .topNav {    width: 100%;}
 
.mainMenuContainer {margin: 5px 0 0 0;}
.topNavShadow.navBgBlue  .mainMenuContainer {/* margin: -40px 0 0 0; */}
}

@media (max-width: 990px){
    .extraTopNav {margin-top: 30px !important; }
    .searcFieldDropDown {    margin-left: -20px;}
    .magGlass {top:0;}
    .mainMenuContainer {/* margin: 5px 0 0 0; */}
    .topNavShadow.navBgBlue  .mainMenuContainer {margin: 0 0 0 0;}
    .topNavShadow.navBgBlue .responsiveMenuWraperBg .mainMenuContainer {margin: -10px 0 0 0;}
.mainMenuContainer {width: 100%;}
.topNav>li>span>a {    font-size: 1em ;}
}

@media (min-width: 835px) and (max-width:990px){ 
    .mainMenuContainer {margin: -30px 10px 0 0;}
}

@media (max-width: 974px) and (min-width: 768px){
    .topNav {margin: 20px 0 0 0;}
    .mainMenuContainer {margin: -30px 10px 0 0;}
}
@media only screen and (max-width: 767px){
    
    .searcFieldDropDown{/*display:block;*/}
    .magGlass {top:-20px;}
    header.topNavShadow{background: #FFF;}
    .mainMenu {    background-color: #FFFFFF;}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
    color: #003A70;}

}
@media (max-width: 768px){
    .topNav, .topNavShadow.navBgBlue .topNav {width:95%;float:none;}
    #dropMenu6 { left:-2px;}
    .arrow-down:before, .arrow-down:after {top: 18px;}
    .mainMenuContainer{/* top:5px; */}
    .responsiveSearchBar{top: 35px;}
    .topNavShadow.navBgBlue {height: 90px}
    .navbar-default .navbar-toggle {float: left;/* top: 0px; */}
    .topNavShadow.navBgBlue .navbar-default .navbar-toggle{ top:15px}
    .responsiveSearchBar .magGlass {top: -10px; right: 15px;    transition: all ease .5s;}
    .topNavShadow.navBgBlue .responsiveSearchBar .magGlass{    top: -10px;    right: 15px;    transition: all ease .5s;}
    .responsiveMenuWraperBg .responsiveSearchBar .magGlass{top: -50px;right: 15px;transition: all ease .5s;}
    .topNavShadow.navBgBlue .responsiveMenuWraperBg .responsiveSearchBar .magGlass{    top: -50px;    right: 15px;    transition: all ease .5s;}
    
}
 
@media (max-width: 568px){
.searcFieldDropDown {
    margin-left: -70px;
}
}
@media (max-width: 480px){
    .headerLogo{font-size: .8em;}
    .responsiveSearchBar .magGlass {    top: -10px;    right: 15px;    transition: all ease .5s;}
    .topNavShadow.navBgBlue .responsiveSearchBar .magGlass {    top: -10px;    right: 15px;    transition: all ease .5s;}
}
@media (max-width: 400px){
    .responsiveSearchBar{top: 20px;}
    .headerLogo{font-size: .7em;}
}
@media (max-width: 375px) {
    .topNavShadow .responsiveSearchBar .magGlass {/* top: -30px !important; */}
    .topNavShadow.navBgBlue .responsiveSearchBar .magGlass {/* top: -50px !important; */}
    .topNavShadow.navBgBlue .responsiveSearchBar .magGlass {    top: 5px;    right: 15px;    transition: all ease .5s;}
    .responsiveSearchBar .magGlass {    top: 5px;    right: 15px;    transition: all ease .5s;}
    .responsiveMenuWraperBg .responsiveSearchBar .magGlass{top: -40px;right: 15px;transition: all ease .5s;}
}
@media (max-width: 320px){
    .headerLogo{font-size: .6em;}
}
@media (max-width: 280px){
    .headerLogo{font-size: .5em;}
}
.magGlass {    background-image: url(../images/template/searchIconBlue.png);}
 
 

.searcFieldDropDown {
    background-color: #FFFFFF;
    border-right: 1px solid rgba(0,0,0,.15) !important;
}
.searcFieldDropDown>li>a, .searcFieldDropDown>li>span {
    color: #003A70;
}
#backToTop{padding:0;}

/*-------------Main Slides ---------------------*/


.botNavShadow { display:none;}


/*-------------Main Heading ---------------------*/

.interior_heading {display:block;float:left;height:auto;position: relative;top:40%;}
.interior_heading.noHeader {position: relative; }
.interior_heading h1 { color: #003A70; width: 100%;}
.interior_heading.hasHeader h1 {padding-left:0px;}
.interior_heading.noHeader h1 {margin: 40px 0 20px 0; text-transform:none;}
.interior-bg {position:relative;}
.overlaybox {opacity: 0;background: rgba(255, 255, 255, 0.9);display:block;float:left;height: 100%;position:absolute;right:0;top:0;width:33.333%; z-index: 1;}
.noHeader .overlaybox{position:relative; width: 90%; z-index:0;}
.introExcerpt, .introExcerpt p,  .introExcerpt span{color: #003A70;font-size: 15px;}
.introLink a {border: solid 1px #003A70;padding: 5px;width:auto;}
@media (max-width:767px){.introLink{margin:0 0 20px 15px;}}
@media (min-width: 1200px){
    .col-lg-offset-1.interior_heading.hasHeader {margin-left:10px !important;}/*override bootstrap*/
    .interior_heading.noHeader h1 {padding-left:25px;}
    }
@media (max-width: 1200px){
    .interior_heading.noHeader h1 {padding-left:15px;}
    .introExcerpt p {padding-left:15px;}
}
 
@media (max-width: 1200px) and (min-width: 1025px){
    .interior_heading { top:25%;}
    .interior_heading h1 { font-size:30px;}
}

@media (max-width: 1024px) and (min-width: 975px){
    .overlaybox {font-size:14px;}
    .interior_heading h1 { font-size:30px;}
}

@media (max-width: 974px) {
    
    .interior_heading{ top:10%;}
    .interior_heading h1 { font-size:30px;}
    .overlaybox {font-size:14px; position: relative; width: 100%;}
}
@media only screen and (max-width: 770px){
    .overlaybox {position:relative;width:100%;}
    .interior-bg { margin-top: 10px;}
    
}
@media (max-width:768px){
    .interior_heading.hasHeader h1 {padding-left:15px;}
}  

/*-------------Side Buttons ---------------------*/

.sideButtonCont {display:none;}
    

/*-------------Breadcrumbs ---------------------*/

.breads {float: left; width: 100%;}

@media(max-width: 767px){
    .breads {background: #f5f8f9;}
}
/*------------Announcements---------------------*/
.mulvaneHomeDate{color: #608EB5; font-size: 5em; font-family: barlow, sans-serif;}
.mulvaneHome .announcement h2{  min-height: 90px;}
.mulvaneHome .announcementsWrapper h2.heading {text-align: center; text-transform: uppercase;}
.mulvane .announcementsWrapper .announcement>p>a.small{padding: 4px 10px;border-radius: 5px;box-shadow: 0 2px 3px 2px rgba(0,58,112, .2);transition:all ease .5s;}
.mulvane .announcementsWrapper .announcement>p>a.small:hover{color: #FFF; background:#70747b;text-decoration:none;transition:all ease .5s;}
#announcements.mulvaneHome{padding-top:50px;}
.mulvaneHome .announcement.short.grid {min-height: 300px; }
.mulvane.imgGrid{margin-top: -20px;}
@media(max-width:767px){.mulvaneHome .announcement.mulvaneHome { border-bottom: solid 3px #EFEFEF !important;min-height: 0 !important; margin: 0 0 20px 0;}}

/*------------Graphic Links---------------------*/
.colBlock{display:block; height:30px; margin-left:auto; margin-right:auto; margin-bottom: 20px; width:30px;transition: ease .5s all; }
.colBlock.Exhibitions{background: #608EB5;}
.colBlock.Collections{background: #ACC4D1;}
.colBlock.Events{background: #B3B37A;}
.colBlock.Virtual{background:#B3B37A;}/*this replaced Events during COVID19*/
.colBlock.Learn{background: #997345;}

.mulvaneHome .courseOverlay {background-color:transparent; top: 40%;}
.mulvaneHome.courseOverlayContainer{margin: auto -3px auto -2px;padding: 0 3px 0 3px;}
.mulvaneHome .courseImageOverlay.blue {background-color: rgba(243, 252, 255, 0.95);left: 2px;right: 2px;}
.mulvaneHome.courseOverlayContainer:hover .courseOverlay {    top: 35%; /*prevent animated rollover*/ }
.mulvaneHome.courseOverlayContainer:hover .courseOverlay .colBlock {    border-radius: 50%;box-shadow: 0px 1px 4px #000000; height:0; width:0; transition: ease .9s all; }
.courseOverlay h3.mulvaneHome a {color:#8C9096; font-weight: 500; text-decoration: none; }
.courseOverlay:hover h3.mulvaneHome a, .courseOverlay:focus h3.mulvaneHome a {color:#FFFFFF; font-weight: 500; text-decoration: none; text-shadow: 0px 1px 2px #000000 ;}
.courseOverlay h3.yellow-color{color: #FFF;font-size: 24px; }
.courseOverlayContainer:hover h3.yellow-color a{color:#FFF;text-shadow: 0px 1px 2px #000000 ;}
.mulvaneHome.courseOverlayContainer:hover h4 {color: #FFFFFF;text-decoration: underline;}
.mulvaneHome.courseOverlayContainer:hover h4.mulvaneHome a {color: #FFFFFF;text-shadow: 0px 1px 3px #000000; transition: ease .5s all;}

.mulvaneHome .courseOverlay ul li a.yellow-color{
    color:#003A70;
}
.mulvaneHome .courseOverlay ul {
    display:none;
}
/*------------------Hero Image--------------*/
.mulvane .heroinner h2, .heroinner h2{color: #FFFFFF !important;}

/*------------------List Navigation--------------*/

.in_section { display:none;}
.shadows, .shadows.active {background-color: transparent;background-image: none; background-repeat: repeat-x; border:0;}
.inThisSectionPageMenu {padding-top: 10px;}
.inThisSectionPageMenu .nav_links ul li a { font-size: .75em; font-weight: bold; letter-spacing: 2px;    padding: 0 7px 0 7px; text-transform: uppercase;}
.inThisSectionPageMenu .nav_links ul li {width: auto;}
.inThisSectionPageMenu .nav_links ul {text-align:center;}

/*------------------Calendar---------------------*/
#calendar{	position:relative;	z-index: 0;}
.eventsList ul li{float:left;    border-bottom: solid 1px #EFEFEF;    width: 100%;    padding: 10px 0 10px 0;}
.eventsList {background: transparent;}
.label.lightblue {color: #A3C8E3;}
/*------------------Collapsibles-----------------*/
.panel-heading.bg-blue, .secondaryCont .hover-btn.rtheadline {background-color:#70747b !important;}
.secondaryCont .hover-btn ul li {background: #464F58; color: #FFFFFF;}
.secondaryCont .hover-btn ul li:hover {background: #A3C8E3;}
.secondaryCont .hover-btn ul li a{ color: #FFFFFF;}
.secondaryCont .hover-btn ul li:hover a{ color: #003A70; background: #A3C8E3;}

/*--------------Featured LInks-----------------*/
.featuredThumb {
    margin: auto -3px auto -3px; /* since we are displaying inline-block we have to account for white space by subtracting some margin */
}
.featuredThumb .heading h2{color: #FFFFFF!important;}
.featuredThumb.noImage .heading h2 {color: #003A70!important;}

/*--------------Featurette---------------------*/
@media(max-width: 1200px){
    .featurette .lead, .featurette h2 { margin-left:10px ; margin-right:10px;}
}
/*--------------Secondary Content---------------*/
.secondaryCont .featuredLink .featdesc {margin: 0 0 10px 0;}
.our_mission, .secondaryCont {
    background: #70747b;
    color: #fff;
    margin-bottom: 10px;
    padding-bottom: 45px;
    /* text-align: center; */
    float: left;
    width:100%;
}
/*-------------Home Page Connect Links-----------*/

.mamconnect {display:flex;justify-content: center;}
.mamconnect a.social {border: 0;}
.mamconnect .social img {border-radius: 50%;border: solid 2px #AAAAAA;transition: all ease .5s;}
.mamconnect .social:hover img {border-radius: 50%;border: solid 2px #003A70; transition: all ease .5s;}
@media(max-width: 767px){
.mamconnect .newsletter {margin-left: 10px;}
}
@media(max-width:280px){.mamconnect .social img,.mamconnect .newsletter {margin-left: 2px;min-width: 30px;}}

/*---------------Get In Touch section ----------*/

.get_in_heading span { font-weight: normal;}


/*-------------Footer --------------------------*/
footer {/* color: #003A70; */}
footer a {/* color: #428bca; */}
footer a:hover {/*color: #428bca;*/}
.footerBg {background-image: none; background: #70747b;}
footer .border-left-white {
    border-left: 1px solid #AAA;
}