/* 
CSS FILE FOR ACTIVEWORKS CUSTOM BRANDING CONTENT. 
FOR CHANGING REGISTRATION PAGES TO CITY COLORS (TICKET SELECTION, CUSTOMER INFO, AND CHECKOUT PAGES) 



ORANGE SECTION
Replace all mentions of ebfd36 with your preferred colour
*/
.nav-bar ul>li.active {
    background: #169E98!important;
	background-color: #169E98!important;
    color:#FFF;
}

.cui-breadcrumb.selected,.btn-default  {
    background-color: #169E98!important;
	background: #169E98!important;
    color: #fff;
}

.nav-bar ul>li.first.active:before {
    border-left: 8px solid #169E98!important;
}

.nav-bar ul>li.active:before {
    border-top: 16px solid #169E98!important;
    border-bottom: 16px solid #169E98!important;
    border-right: 8px solid #169E98!important;
}

.nav-bar ul>li.active:after {
    border-left: 8px solid #169E98!important;
}


.btn-medium-yellow, .btn-medium-yellow:hover, .btn-medium-yellow:active {
    background-color: #007477!important;
    background-image: -moz-linear-gradient(top,#007477,#169E98)!important;
    background-image: -ms-linear-gradient(top,#007477,#169E98)!important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#007477),to(#169E98))!important;
    background-image: -webkit-linear-gradient(top,#007477,#169E98)!important;
    background-image: -o-linear-gradient(top,#007477,#169E98)!important;
    background-image: linear-gradient(top,#007477,#169E98)!important;
    color: #fff;
}




/* BLUE SECTION
Replace all mentions of 0071bc0071bc with your preferred colour
*/
.ecui__h1,.ecui__h2,.ecui__h3,.ecui__h4,.ecui__h5{
    border-bottom: 5px solid #169E98169E98!important;
}
.top-blue-border{
    border-top: 5px solid #169E98169E98!important;
}

.dropdown-toggle,.dropdown-toggle:hover,.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:#169E98169E98!important;
}




/* BACKGROUND SECTION
Replace all mentions of e6e6e6 with your preferred colour */

#main_content,#mainContent,.javascriptenabled[style],.dropdown-menu, .dropdown-menu-right,.dark-bg,#ap-login-wrapper,#ap-login-content, .ap-form-hcontent-withbgcolor,.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: #169E98px!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(255, 255, 255,1)!important;
    background: rgba(255, 255, 255,1)!important;
}


#main_content {
  border-radius: 10px;
  border-color: #fff;;
  border-width: thick;
}





/*------------------BOTH------------------*/

*10071bcpx wide checkout and confirmation page
#mainContent > div > div.container.javascriptenabled{
    max-width: 007477px;
}



/*------EDIT FLOATING CONTINUE BUTTON------*/

.footroom--pinned {
    position: fixed;
    z-index: 9;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 7px 0;
	background-color: rgb(0, 0, 0,7)

}


  .dropdown-toggle, .dropdown-toggle:hover, .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: #d49d76; 
}



/* Expand the descriptions on merchandise
   ========================================================================== */

/* Hide the 'View more' link */
	.morelink {
		display: none;
	}

/* Hide the shortened description preview */
	[data-action="shorten"] > div.shortcontent {
		display: none;
	}

/* Show the full description text */
	.allcontent {
		display: inherit!important;
	}

/*remove box around additional purchase image boxes*/

.merchandise__img-wrapper {
    border: 0px solid #ddd;
  }


.participant-selector__item--selected {
    border: 3px solid #D7C7AF;
    box-shadow: none;
}

.participant-selector__item--selected .participant-selector__radio .radio input[type=radio]:checked+label::before {
    content: '';
    border: 6px solid #D7C7AF;
    background-color: #fff;
}

.participant-selector__item-badge {
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    color: #fff;
    text-align: center;
    padding: 3px 8px;
    border-radius: 10px;
    background: #D7C7AF;
}



  #continue_btn {
    border-radius: 8px;
  }



.select-race__quantity .input-group .input-group-btn .btn {
    border-radius: 8px;
}



/* OTHER


body{
  background: url(https://photos-images.active.com/file/3/1/original/4b/67/4b67dc20-58cf-4540-9e2d-ce9cbae4e9eb.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

*/




#header > div > h1 {
    color: #007477;
    font-size: 35px;
}



/*
.select-race__text-description.multi-select {
    padding: 0;
    font-weight: bold;
}
*/
#continue_btn {
    background-color: #007477!important;
    color:#fff!important;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #0071bc;
    border-radius: 8px 8px 8px 8px;
}

#continue_btn:hover {
    background-color: #fff!important;
    color:#169E98!important;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #0071bc;
    border-radius: 8px 8px 8px 8px;

}


.cui-breadcrumb.selected, .btn-default {
    border-radius: 8px;
}



* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
}

.alert-warning {
    background-color: rgb(237 246 129);
    color: #333;
}




.btn-orange--lg {
    font-size: 24px;
    height: 50px;
    text-transform: uppercase;
    padding-right: 24px;
    padding-left: 24px;
}


/*Remove box around race quantiy input box*/
.select-race__quantity input.form-control {
    border: solid 1px #fff!important;
  
  }



.action-button-group-inner.container {
  width: 100%;
}

.footroom--pinned {
  position: initial;
  background: transparent;
  padding: 0;
}

.primary-section {
    margin-bottom: 0px!important;
}

/*HIDE PREVIEW BANNER*/
#wrap > div.ecui__preview-mode {
    display: none!important;
}

.multiRegistration-referralRebateNote {
    position: relative;
    bottom: 25px;
    align-content: center;
    text-align: center;
    font-size: 18px;
    color: #169E98;
}


.state-folder .state-bar.INCOMPLETE .state .state-label {
    background-color: #ffb245
}

.state-folder .state-bar.COMPLETE .state .state-label {
    background-color: #169E98
}

.state-folder .content-toggle {
    font-size: 20px;
    color: #169E98;
    text-align: center;
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: inline-block;
}


.warning {
    color: #D49D76;
}

a {
    color: #007477;
    text-decoration: none;
}