/*
**	Stylesheet for Boston Blue Color Scheme
*/
.primary-color h1,
.primary-color h2,
.primary-color h3,
.primary-color h4,
.primary-color, h1, h2, h3, a {
    color: #003087;
}
.insert-container.boxes-flush p {
    color: #000000;
}
.newsBox-container a.learn-more,
.button, .button:active, .button:visited {
  color: #fefefe;
  background-color: #003087;
}
.newsBox-container .learn-more:hover {
/* .button:hover { */
    color: #003087;
    background-color: #fefefe;
    border-color: #003087;
}
.ovly-blue .vision-sec__callBtn,
.top-header a, .top-header a:visited,
.readmore-btn a,
a.arrow-link,
a.fancy-arrow,
a.fancy-arrow:active,
a.fancy-arrow:visited {
    color: #003087;
}

.primary-color {
/* Boston Blue */
	color: #003087;
}
.background-primary,
.background-primary h2,
.background-primary h3,
.primary-background,
.primary-background button,
.primary-background a,
.primary-background h2,
.primary-background h3,
.primary-background h4,
.accordion .accordion-icon,
.insert-container.boxes-flush p.primary-background,
.insert-container.boxes-flush a.primary-background {
	background-color: #003087;
	color: white;
}
.primary-border {
	border-color: #003087;
}
.entry-content a:hover,
.top-header a:hover,
.readmore-btn a:hover,
a.arrow-link:hover {
    color: #41b6e6;
}
.accordion-item {
    background-color: #E4E9F7;
}
.icon .fa {
    color: inherit;
}

/* 
needs a.button hover effects
*/

button.primary-background:hover,
.accordion .accordion-icon:hover,
a.button:hover {
    color: white;
    background-color: #007dba;
    border-color: #003087;
}
a.primary-background:active {
    color: #212529;
    background-color: white;
    border-color: #212529;
}
/* 
Need to add hover state for each background color because generic a.button type classes interfere with 3 colors
*/
.primary-border {
	border-color: #003087 !important;
}

.secondary-color {
/* Boston Ocean */
    color: #007DBA;
}
.secondary-background,
.secondary-background a,
.secondary-background h2,
a.button.secondary-background,
.insert-container.boxes-flush p.secondary-background {
    background-color: #007DBA;
    color: white !important;
}
a.secondary-background:hover {
    color: #003087;
    border-color: #003087;
}
.secondary-border {
    border-color: #007DBA !important;
}

.tertiary-color {
/* Boston Pink */
    color: #c14991;

}
.tertiary-background,
a.button.tertiary-background,
.insert-container.boxes-flush p.tertiary-background {
    background-color: #c14991;
    color: black;
}
a.tertiary-background:hover {
    color: black;
    background-color: #fefefe;
    border-color: #c14991;
}

.tertiary-border {
    border-color: #c14991 !important;
}
.col2.secondary .sidenav-toggle-label {
	color: white !important;
}
.colmask.threecol .col2 .menu,
.colmask.threecol .col3 .menu {
	background-color: white;
}
.colmask.threecol .col2 a,
.colmask.threecol .col3 a,
.colmask.threecol .col2.secondary a {
    color: #003087;
    background-color: rgba(00,48,135,0.2);
}
.colmask.threecol .col2 .current-menu-ancestor .current-menu-item a,
.colmask.threecol .col3 .current-menu-ancestor .current-menu-item a,
.colmask.threecol .col2.secondary .current-menu-ancestor .current-menu-item a,
.colmask.threecol .col2.secondary .current-menu-item > a {
    background-color: rgba(00,48,135,0.4);
}
.colmask.threecol .col2.secondary .current-menu-ancestor > a {
    color: white;
    background-color: rgba(00,48,135,0.6);
}

.colmask.threecol .col2.secondary a {
    color: #003087;
	text-decoration: none;
}
.colmask.threecol .col2 .current-menu-item a,
.colmask.threecol .col3 .current-menu-item a,
.widget_nav_menu .menu-item a,
.colmask.threecol .col2.secondary .current-menu-item a{
    color: white;
    background-color: rgba(00,48,135,0.8);
}
.colmask.threecol .col2,
.colmask.threecol .col3,
.colmask.threecol .col2.secondary .sidenav-toggle-label, 
.page-sidebar-widgets .sidenav-toggle-label {
    color: white;
	background-color: #003087;
}
/*
** Navigation
*/
.nav-menu li a {
    color: #003087;
}
.main-nav .nav-menu li.current-page-ancestor, 
.main-nav .nav-menu li.current-menu-item,
.main-nav .nav-menu li:hover {
	background-color: #003087;
}
.main-nav .nav-menu li.current-page-ancestor > a, 
.main-nav .nav-menu li.current-menu-item > a,
.main-nav .nav-menu li:hover > a {
	color: #ffffff;
	background-color: transparent;
}
.background-primary a {
	background-color: white;
	color: #41b6e6;
}
.main-nav .nav-menu li .sub-menu li:hover {
	background-color: rgba( 0, 48, 135, 0.8);
}
.footer .nav-menu li a {
	color: #fff;
}

@media (min-width: 62em) { 
	.main-nav .nav-menu li.current-page-ancestor .submenu li, 
	.main-nav .nav-menu li.current-menu-item .submenu li,
	.main-nav .nav-menu li:hover .submenu li {
		background-color: white;
	}

	.main-nav .nav-menu li.current-page-ancestor .submenu li a , 
	.main-nav .nav-menu li.current-menu-item .submenu li a,
	.main-nav .nav-menu li:hover .submenu li a {
		background-color: #003087;
	}
}

#featuredSlider .text-container a:last-child {
      color: #003087;
      border: 1px solid #003087;
}
#featuredSlider .text-container a:last-child:hover {
      background: #003087;
      border: 1px solid #003087;
      color: #fefefe;
}
#featuredSlider .slick-dots li.slick-active button {
    background: #003087;
}

/* h1, h2, h3, a {
        color: #003087;
} */
.plain h1,
.bkg-blue h1 {
	color: white;
}

h2.background-primary {
  color: #fefefe;
  padding-left: 15px;
}
.search-area form input.search-field {
    background: #fff;
    color: #003087;
    border: 3px solid #003087;
}
.background-primary .newsBox-container a.learn-more {
  background-color:  #fefefe;
  color: #003087;
  border: 1px #003087 solid;
}
.background-primary .newsBox-container a.learn-more:hover {
  background-color:  #003087;
  color: #fefefe;
  border-color: #fefefe;
}
@media screen and (max-width: 62em) {

	.main-nav .nav-menu .sub-menu {
		background-color: rgba( 0, 48, 135, 0.5);
	}
    .main-nav .nav-menu li a {
        color: #ffffff;
    }
}

/* Moved to theming file so that each boston-color can get its own background-image and hover colors */
/* Homepage CTA button SVG - white */
#cta .next {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
}
/* Right Arrow Link SVG - #003087*/
#right-arrows .arrow {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojMDAzMDg3O308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMTkuMSAyMTdjMjAuMiAyMC4yIDE5LjkgNTMuMi0uNiA3My43cy01My41IDIwLjgtNzMuNy42bC0xOTAtMTkwYy0yMC4xLTIwLjItMTkuOC01My4yLjctNzMuN1MxMDkgNi44IDEyOS4xIDI3bDE5MCAxOTB6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDI5MC41YzIwLjItMjAuMiAxOS45LTUzLjItLjYtNzMuN3MtNTMuNS0yMC44LTczLjctLjZsLTE5MCAxOTBjLTIwLjIgMjAuMi0xOS45IDUzLjIuNiA3My43czUzLjUgMjAuOCA3My43LjZsMTkwLTE5MHoiLz48L3N2Zz4=);
  }
/* Right Arrow Link SVG - #41b6e6*/
.animated-arrows:hover #right-arrows .arrow,
.animated-arrows:hover #right-arrows .arrow.primera {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojNDFiNmU2O308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMTkuMSAyMTdjMjAuMiAyMC4yIDE5LjkgNTMuMi0uNiA3My43cy01My41IDIwLjgtNzMuNy42bC0xOTAtMTkwYy0yMC4xLTIwLjItMTkuOC01My4yLjctNzMuN1MxMDkgNi44IDEyOS4xIDI3bDE5MCAxOTB6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDI5MC41YzIwLjItMjAuMiAxOS45LTUzLjItLjYtNzMuN3MtNTMuNS0yMC44LTczLjctLjZsLTE5MCAxOTBjLTIwLjIgMjAuMi0xOS45IDUzLjIuNiA3My43czUzLjUgMjAuOCA3My43LjZsMTkwLTE5MHoiLz48L3N2Zz4=);
}


/* Knowledge Center (CAPE) */
.bkg-blue, .bkg-blue h3, .ovly-blue .vision-sec__callBtn:hover {
    color: #fff;
    background-color: #003087;
}