/* ORANGE SECTION 
Replace all mentions of 443e39 with your preferred colour
*/
.nav-bar ul>li.active {
    background: #443e39!important;
	background-color: #443e39!important;
}

.cui-breadcrumb.selected,.btn-default,.navTab__li.active ,.navBreadcrumb__li.active {
    background-color: #443e39!important;
	background: #443e39!important;
}
body > div.aw > div > div > div > div > div > div.endr-vmod-review > div.endr-vmod-review-navbar.row{    background-color: #443e39!important;
	background: #443e39!important;}

.nav-bar ul>li.first.active:before {
    border-left: 8px solid #443e39!important;
}

.nav-bar ul>li.active:before {
    border-top: 16px solid #443e39!important;
    border-bottom: 16px solid #443e39!important;
    border-right: 8px solid #443e39!important;
}

.nav-bar ul>li.active:after ,.navBreadcrumb__li.active::after{
    border-left: 8px solid #443e39!important;
}

.cui-breadcrumb-sep.to-current {
    background-image: none!important;
}
.vmod-jobs__filter-bar{background-color: rgba(225, 225, 225,0)!important; }

.btn-medium-yellow, .btn-medium-yellow:hover, .btn-medium-yellow:active {
    background-color: #443e39!important; 
    background-image: -moz-linear-gradient(top,#443e39,#443e39)!important; 
    background-image: -ms-linear-gradient(top,#443e39,#443e39)!important; 
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#443e39),to(#443e39))!important; 
    background-image: -webkit-linear-gradient(top,#443e39,#443e39)!important; 
    background-image: -o-linear-gradient(top,#443e39,#443e39)!important; 
    background-image: linear-gradient(top,#443e39,#443e39)!important; 
}
.text-muted{
    color: #228fca!important;
}
.btn-orange,.btn-orange:active {
    
    background: linear-gradient(#443e39,#443e39);
    background-color: #443e39;
}

.endr-vmod-review .endr-vmod-review-navbar .add-volunteer {
    background-color: #443e39;
}
.navTab__li.active::after{border-top: 6px solid #443e39;}


/* BLUE SECTION 
Replace all mentions of 0085ad with your preferred colour
*/
.ecui__h1,.ecui__h2,.ecui__h3,.ecui__h4,.ecui__h5,body > div.aw > div > div > div > div > div > div.endr-vmod-review > div.endr-vmod-review-volunteers > div > div > div.endr-vmod-review-volunteers-detail > div > h2{
    border-bottom: 5px solid #0085ad!important;
}
.top-blue-border{
    border-top: 5px solid #0085ad!important;
}

.endurance-cui-edit-person,.a3-icon-uniD100:before,.endurance-cui-edit-person:focus,.endurance-cui-edit-person:hover,.logoutToSelect,.logoutToSelect:hover,.mr20,.link-lg,.mr20:hover,.link-lg:hover,.a3-icon-uniD100,.endurance-cui-edit-person-span,.endurance-cui-edit-person-span:hover,.icon-uniF040 ,#\32,.button-link,.btn-blue-link,.a3-icon-uniD100,.order-line-edit, .web-analytics-03,.order-line-delete, .web-analytics-04,.checkout-confirmation-print-link, .web-analytics-20{
	color:#0085ad!important; 
}

#complete_form h2 {
    
    border-bottom: 6px solid #0085ad;
}
.person-detail-info,.endr-vmod-review-volunteerDetail,.endr-vmod-review,#ap-login-wrapper,#ap-login-content,.ap-form-hcontent-withbgcolor{
    background-color: rgba(225, 225, 225,0)!important;
}



/* BACKGROUND SECTION 
Replace all mentions of e6e6e6 with your preferred colour
*/

.container, #main_content,#mainContent,.javascriptenabled[style],.dropdown-menu, .dropdown-menu-right,.checkout-order-totals,.caps,.div.caps.section-label,.cartBottom,#mainContent > div > div.container.javascriptenabled > div > div:nth-child(1) > table{
background: rgba(255, 255, 255,1)!important; 
max-width: 970px!important; 
background-color: rgba(255, 255, 255,1)!important; 
 
}
.container.javascriptenabled {
    padding-top: 20px !important;
    padding-right: 30px !important;
    padding-left: 20px!important;
	background-color: rgba(225, 225, 225,0.6)!important;
    background: rgba(225, 225, 225,0.6)!important;
}

/* SHADOW EFFECT
*/
.col-xs-12 vmod,#main_content,#mainContent {
box-shadow: 0 0 6px #000!important; 

}

/* OTHER */

body {
  background: url(https://photos-images.active.com/file/3/1/original/cb/c7/cbc78dfb-dd6d-4196-b813-4fa18804469c.jpg)  no-repeat center center fixed!important; 
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  
}

#marketFrameTop{     
    max-height: 300px!important;
    max-width: 213px;}