body,
body.overlay {
  color: #3b3b3b;
  background-color:#FFFFFF;
}
.comment .comment-arrow {
  border-color: #FFFFFF;
}

#main-wrapper .main-inner {
  /*background-color:transparent;*/
  background-color:grey;
}

.page-admin .pane-page-content {
  background-color:#ffffff;
}

/* try to target the main content region when inside a panel layout */
.pane-page-content .radix-layouts-content > .panel-panel-inner {
  background-color:#ffffff;
}

.pane-page-content .radix-layouts-sidebar {
  background-color:#FFFFFF;
}

#page,
#main-wrapper,
#main-menu-links li a.active,
#main-menu-links li.active-trail a {
  background: #FFFFFF;
}
.tabs ul.primary li a.active {
  background-color: #FFFFFF;
}
.tabs ul.primary li.active a {
  background-color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
.form-actions {
  background-color: #ffffff;
}
a {
  color: #007DBA;
}
a:hover,
a:focus {
  color: #24adf2;
}
a:active {
  color: #24adf2;
}


ul#oa_breadcrumb .btn:hover,
a.dropdown-toggle.btn:hover,
.btn:hover,
.oa-navbar ul.dropdown-menu ul li a:hover,
.oa-navbar ul.dropdown-menu ul li a:focus,
.oa-navbar ul.dropdown-menu ul li a.active,
ul.dropdown-menu ul li a:hover,
ul.dropdown-menu ul li a:focus,
ul.dropdown-menu ul li a.active,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu ul li a:hover,
.dropdown-menu ul li a:focus,
.dropdown-menu ul li a.active,
ul.dropdown-menu > li > .radio:hover,
ul.dropdown-menu > li > .radio:active,
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus,
.oa-navbar ul.menu li a:hover,
.oa-navbar ul.menu li a:active,
.oa-navbar ul.oa_toolbar h3 > a:hover,
.oa-navbar ul.oa_toolbar h3 > a:active {
  background: #007DBA;
  color: #fffeff;
}

.oa-event-date-month-wrapper {
  background: #003B5C;
}
/* Calendar */
.oa-event-date-wrapper{
  background: #003B5C;
}

ul.dropdown-menu .item-list h4,
ul.dropdown-menu .item-list h5 {
  color: #003B5C;
}

h2, h3, h4, h5 {
  color: #003B5C;
}

.oa-date {
  color: #003B5C;
}
/*
.radix-layouts-sidebar h2,
.radix-layouts-sidebar h3,
.radix-layouts-sidebar h4,
.radix-layouts-sidebar h5 {
  color: #666;
}
*/
#header,
.navbar-inner,
.navbar-inverse,
.navbar-inverse .navbar-inner {
  background-color: #003B5C;
  background-image: -moz-linear-gradient(top, #003B5C, #003B5C);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#003B5C), to(#003B5C));
  background-image: -webkit-linear-gradient(top, #003B5C, #003B5C);
  background-image: -o-linear-gradient(top, #003B5C, #003B5C);
  background-image: linear-gradient(to bottom, #003B5C, #003B5C);
  border: none;
  box-shadow: none;
  color: #fffeff;
}
.oa-navbar .btn,
.navbar-inverse .btn:hover,
.navbar-inverse .btn:active,
.oa-navbar.navbar-inverse .btn.btn-inverse,
.oa-navbar.navbar-inverse .btn-group > .btn .dropdown-toggle,
.oa-navbar.navbar-inverse #oa-user-badge .user-badge {
  background-color: #003B5C;
  background-image: -moz-linear-gradient(top, #003B5C, #003B5C);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#003B5C), to(#003B5C));
  background-image: -webkit-linear-gradient(top, #003B5C, #003B5C);
  background-image: -o-linear-gradient(top, #003B5C, #003B5C);
  background-image: linear-gradient(to bottom, #003B5C, #003B5C);
  box-shadow: none;
  border-color: #003B5C;
}
.navbar .btn,
.navbar-inverse .btn.btn-inverse,
.navbar .btn-group > .btn .dropdown-toggle {
  color: #fffeff;
}
.pane-oa-responsive-regions-mobile .oa-navbar-inner {
  background-color: #003B5C;
}
.oa-space-menu .navbar-inner {
  background-image: none;
  background-color: #ffffff;
  color: #8C8F98;
}
.navbar .oa-space-menu .nav li.first {
  margin-left: 2px;
}
.navbar .oa-space-menu .nav li.active {
  background: #F0F0F3;
  border-top-left-radius: .75em;
  border-top-right-radius: .75em;
  border-bottom: 1px solid #F0F0F3;
}
.navbar .oa-space-menu .nav li.active a {
  color: #3E3F47;
}
.navbar .oa-space-menu .nav li > a {
  color: #8C8F98;
}
.navbar-inverse .nav > li > a,
.navbar .nav > li > a {
  color: #fffeff;
  background-color: transparent !important;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:focus {
  color: #24adf2;
}
.navbar .nav > .active > a:hover,
.navbar .nav > li > a:hover {
  color: #24adf2;
}
.oa-navbar ul#oa_breadcrumb a.dropdown-toggle.btn.btn-inverse,
.oa-navbar .panel-panel .oa-space-nav li.btn-group a.dropdown-toggle.btn.btn-inverse,
.oa-navbar a.dropdown-toggle.btn {
  background-color: #003B5C;
}
.oa-navbar .panel-panel .panel-pane {
  border-color: #003B5C;
}
.navbar-inverse ul#oa_breadcrumb .btn.btn-inverse .caret,
.navbar-inverse .panel-panel .oa-space-nav li.btn-group a.dropdown-toggle.btn.btn-inverse .caret,
.navbar .caret {
  border-top: 6px solid #fffeff;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
#oa-navbar-admin li a {
  color: #fffeff;
  background-color: transparent !important;
}
.sidebar .block {
  background-color: #FFFFFF;
  border-color: transparent;
}
.pane-oa-footer-panel.oa-navbar,
#page-wrapper,
#footer-wrapper,
body #footer {
  background-color: #ffffff;
}

.pane-oa-footer-panel.oa-navbar,
#page-wrapper a{
  color: #fffeff;
}

.region-header,
.region-header a,
.region-header li a.active,
#name-and-slogan,
#name-and-slogan a,
#secondary-menu-links li a {
  color: #fffeff;
}
.oa-banner-overlay,
.oa-banner-slogan-overlay {
  color: #fffeff;
}
.oa-banner-text,
.oa-banner-slogan {
  color: #fffeff;
}
.radix-layouts-sidebar .oa-pane .pane-title {
  color: #666;
  background-color: #FFFFFF;
  background-image: -moz-linear-gradient(top, transparent, transparent);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(transparent));
  background-image: -webkit-linear-gradient(top, transparent, transparent);
  background-image: -o-linear-gradient(top, transparent, transparent);
  background-image: linear-gradient(to bottom, transparent, transparent);
}
.radix-layouts-sidebar .oa-pane .panel-pane,
.oa-callout {
  color: #3b3b3b;
  background-color: #FFFFFF;
  border-color: transparent;
}
.radix-layouts-sidebar .oa-pane {
  border-color: transparent;
}
.oa-navbar .panel-panel .pane-oa-navigation,
.oa-navbar .panel-panel .pane-oa-mobile,
.oa-navbar .panel-panel .pane-oa-space-banner,
.pane-oa-space-banner .oa-banner-nostretch {
  background-color: #007DBA;
}
.oa-navbar .panel-panel .pane-oa-navigation .dropdown-menu,
.oa-navbar .panel-panel .pane-oa-mobile .dropdown-menu {
  background-color: #007DBA;
}

.oa-navbar .panel-panel .pane-oa-navigation li > a,
.oa-navbar .panel-panel .pane-oa-mobile li > a,
.oa-navbar .panel-panel .pane-oa-space-banner li > a,
.pane-oa-space-banner li > a {
  color: #fffeff;
}

.navbar .flag.btn {
  background: transparent;
}

.content .radix-layouts-content .inner-pane > .panel-pane:after,
body.panels-ipe .content .radix-layouts-content .panels-ipe-portlet-content > .panel-pane:after,
.content .radix-layouts-content .panel-pane.pane-views-panes:after {
  border-bottom: 2em solid #FFFFFF;
}

.oa-navbar .toolbar-search .caret {
  border-top-color: #003B5C;
  border-bottom-color: #003B5C;
}

/* VIU theme specific */

h1.title{
  color: #003B5C;
}

body.not-logged-in:before{
  border-color: #003B5C;
}
.logged-in .viu-audience-nav{
  background: #003B5C;
}

.viu-audience-nav__list li a{
  color: #FFFFFF;
}

#viuNavigation__toggle-button, .sidr, .mm-menu,
.mm-navbar .mm-title:before{
  background-color: #003B5C;
}

.side-apply-tab, .side-search-tab {
  background-color: #0078B3;
}

vertical>.mm-panel, .mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next, .mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel, .mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next{
  background-color: #003B5C;
}

.viuNavigation__menu-header, .viuNavigation__menu-header:hover,.viuNavigation__menu-header:focus{
  color: #FFFFFF;
}


.mm-listview>li:not(.mm-divider):after,
.mm-panel:not(.mm-hasnavbar) .mm-listview>li:not(.mm-divider):first-child:before{
  border-color: #00A6F6;
}

.mm-navbar__title{
  color: #FFFFFF !important;
}
.mm-navbar__btn:before{
  border-color:#FFFFFF;
}
.mm-navbar .mm-navbar__title:before{
  background: #003B5C;
}
.mm-btn_next:after{
  border-color:#FFFFFF;
}
/*
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span,
.mm-next:hover,
.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen):hover,
.viuNavigation__social a:hover,
.viuNavigation__toggle-menu:hover{
  color: #00A6F6;
}
 */

.mm-menu .mm-listview > li.mm-listitem_selected > a:not(.mm-next){
  color: #00A6F6;
}
.expanded.active-trail .mm-btn_next:after, .mm-btn_next:hover:after{
  border-color: #00A6F6;
}

.viuNavigation__toggle-menu:after, .expanded.active-trail .mm-next,
.viuNavigation__toggle-menu.collapsed:after{
  color: #00A6F6;
}
.mm-navbar{
  background-color: #007DBA;
}

.mm-menu,
#viuNavigation__toggle-button,
.viuNavigation__toggle-menu,
.viuNavigation__toggle-menu:focus{
  color: #FFFFFF;
}

.mm-menu, .mm-panel{
  background: #003B5C;
  color: #FFFFFF;
}

.mm-panels{
  background: #003B5C;
}
.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited{
  color:#FFFFFF;
}

.mm-menu .mm-listitem__text:hover, a.viuNavigation__menu-header:hover{
  color:#00A6F6;
}
a.mm-navbar__title:hover{
  color:#003B5C !important;
}

.mm-listitem__btn:not(.mm-listitem__text) {
  border-color:#00A6F6;
}


.viuNavigation__toggle-button__icon span,.viuNavigation__toggle-button__icon span::before, .viuNavigation__toggle-button__icon span::after{
  background-color: #FFFFFF;
}

.cta-button.viuNavigation__apply_btn{
  background-color: #007DBA;
  border: #007DBA;
  color: white;
}
.cta-button.viuNavigation__apply_btn:hover{
  background-color: #008ACE;
}

.viuFooter a{
  color: #003B5C;
}

.viuFooter, body #footer{
  color: #003B5C;
}

.row--brightedge{
  background: #003B5C;
}

/***** PAGE SECTION COLOR SCHEME 1 (primary, navy background) *******/
.page-section.page-section--color-1{
  background-color: black;
  color: white;
}

.page-section--text-only.page-section--color-1, .box-color-1{
  background-color: #003B5C;
  color: white;

}

.page-section--text-only.page-section--color-1 a, .box-color-1 a{
  color: #00a8fd;
}

.page-section--text-only.page-section--color-1 .globalCTAs__heading a, .box-color-1 .globalCTAs__heading a{
  color: white;
}

.page-section.page-section--color-1 h1, .page-section.page-section--color-1 h2,
.page-section.page-section--color-1 h3, .page-section.page-section--color-1 h4, .page-section.page-section--color-1 h5, .page-section.page-section--color-1 h6,
.box-color-1 h1, .box-color-1 h2, .box-color-1 h3, .box-color-1 h4, .box-color-1 h5{
  color: white;
}

.page-section.page-section--color-1 a.cta-button, .box-color-1 a.cta-button{
  color: white;
  background-color: #007DBA;
  border-color:#007DBA;
}
.page-section.page-section--color-1 a.cta-button:hover, .box-color-1 a.cta-button:hover{
  color: white;
  background-color: #0076ad;
  border-color:#0076ad;
}

/***** PAGE SECTION COLOR SCHEME 2 (secondary, bright blue background) *******/
.page-section.page-section--color-2{
  background-color: black;
  color: white;
}

.page-section--text-only.page-section--color-2, .box-color-2{
  background-color: #0078B3;
  color: white;
}

.page-section.page-section--color-2 a, .page-section.page-section--color-2 h1, .page-section.page-section--color-2 h2,
.page-section.page-section--color-2 h3, .page-section.page-section--color-2 h4, .page-section.page-section--color-2 h5, .page-section.page-section--color-2 h6,
.box-color-2 h1, .box-color-2 h2, .box-color-2 h3, .box-color-2 h4, .box-color-2 h5{
  color: white;
}

.page-section.page-section--color-2 a.cta-button, .box-color-2 a.cta-button{
  background: white;
  border-color: #007DBA;
  color:  #007DBA;
}
.page-section.page-section--color-2 a.cta-button:hover, .box-color-2 a.cta-button:hover{
  background: #007DBA;
  border-color: white;
  color:  white;
}

/***** PAGE SECTION COLOR SCHEME 3 (tertiary, light grey background) *******/
.page-section.page-section--color-3{
  background-color: white;
  color: #3b3b3b;
}

.page-section--text-only.page-section--color-3{
  background-color: white;
}

.page-section.page-section--color-3 a{
  color: #007DBA;
}
.page-section.page-section--color-3 a:hover{
  color: #24adf2;
}
.page-section.page-section--color-3 h1, .page-section.page-section--color-3 h2,
.page-section.page-section--color-3 h3, .page-section.page-section--color-3 h4, .page-section.page-section--color-3 h5, .page-section.page-section--color-3 h6{
  color: #003B5C;
}

.page-section.page-section--color-3 a.cta-button{
  color: white;
  background-color: #007DBA;
  border-color:#007DBA;
}
.page-section.page-section--color-3 a.cta-button:hover{
  color: white;
  background-color: #0076ad;
  border-color:#0076ad;
}

/***** Parallax text color options *****/

/* dark text for light photo */
.px--text-dark{
  background-color:white;
  color: #003B5C;
}
.px--text-dark a, .px--text-dark h1, .px--text-dark h2,
.px--text-dark h3, .px--text-dark h4, .px--text-dark h5, .px--text-dark h6{
  color: #003B5C;
}
.px--text-dark a.cta-button{
  color: white;
  background-color: #007DBA;
  border-color:#007DBA;
}
.px--text-dark a.cta-button:hover{
  color: white;
  background-color: #0076ad;
  border-color:#0076ad;
}

/* light text for dark photo */
.px--text-light{
  background-color:black;
  color: white;
}
.px--text-light a, .px--text-light h1, .px--text-light h2,
.px--text-light h3, .px--text-light h4, .px--text-light h5, .px--text-light h6{
  color: white;
}
.px--text-light a.cta-button{
  color: white;
  background-color: #007DBA;
  border-color:#007DBA;
}
.px--text-light a.cta-button:hover{
  color: @primarybtnhovertext;
  background-color: #0076ad;
  border-color:#0076ad;
}



.btn-default{
  background: white;
  border-color: #007DBA;
  color:  #007DBA;
}
.btn-default:hover{
  background: #007DBA;
  border-color: white;
  color:  white;
}

/* Main button colorize */
.btn-primary{
  color: white;
  background-color: #007DBA;
  border-color:#007DBA;
}
.btn-primary:hover {
  color: white;
  background-color: #0076ad;
  border-color:#0076ad;
}

/* Accessibility overrides */

/* Site context tab */
#site-context-heading{
  background-color: #003B5C;
}
.content-canvas .content-canvas-inner{
  border-color: #003B5C;
}

/* bootstrap paragraph accordion */
.panel.panel-bootstrap-pane .paragraphs-items-field-viu-tab-section .panel-title{
  color: #003B5C;
}