/*   blue color scheme for sideWaze wrapper
 -------------------------------------------------------------------------------------------- */
input, option{color:black}
html, body { background: #222222; color: #fff; }
/*  for bootbox text-- */
.modal-body{color:#000} 
/*  end for bootbox text-- */
.accentcolor{
    color:#546ef3;
}
.announcement{
    background-color:#375a7f;
}
.rsvp{
    color:#fff;
}
/*  column borders // hr.divider & hr / .search-open .search-panel style
 -------------------------------------------------------------------------------------------- */
.logo-col, .faux-logo-col,
.nav-col, .faux-nav-col, 
.content-col, .faux-content-col {
    border-right: 1px solid #fff;
}

/* adjust border color to match */
.logo-col, .faux-logo-col,
.nav-col, .faux-nav-col {
    border-right: 1px solid #375a7f;
}


/* --- remove right border on content-col and .faux-content-col when footer is below --- */
@media (max-width:1399px) { 
	.content-col, .faux-content-col { border-right: 0px }
}
/* --- add a LEFT border on .content-col when the menu is open on small viewports --- */
@media (max-width:1019px) { 
	.menu-open .content-col { border-left: 1px solid #fff }
}

/*-------------- footer-col has a border top until 1399px -------------------------------------*/
@media (max-width:1399px) { 
	.footer-col { border-top: 1px solid #fff }
}

/*-------------- .footer-col and footer-content-* borders from 600px to 1399px -------------------------------------*/
@media (min-width:600px) and (max-width:900px) { 
	.footer-content-1, .footer-content-3 { border-right: 1px solid #fff }
	[class*="footer-content-"] { border-bottom: 1px solid #fff }
}

/*-------------- .footer-col and footer-content-* borders from 901px to 1399px -------------------------------------*/
@media (min-width:901px) and (max-width:1399px) { 
	.footer-content-1, .footer-content-2, .footer-content-3 { border-right: 1px solid #fff }
	[class*="footer-content-"] { border-bottom: 1px solid #fff }
}


/* --- hr.divider is used outside inner-content to extend rule beyond the content --- */
hr.divider {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border-color: #fff;
    width: 100%;
    clear: both;
}

hr {border-color:#fff;}




/* column background colors
 -------------------------------------------------------------------------------------------- */

.nav-col, .faux-nav-col { background: #222222 }

.logo-col, .faux-logo-col { background: #375a7f }

.content-col, .faux-content-col { background: #222222 }

.footer-col, .faux-footer-col { background: #222222 }

/*  .logo-wrapper // .search-wrapper // .social-wrapper  */
.logo-wrapper { background: transparent }

.search-wrapper { background: transparent }

.social-wrapper { background: transparent }


/* footer-content-* backgrounds === change to different background for every other effect  */

@media (max-width:599px) { 
    .footer-content-1, .footer-content-3 { background: #222222 }
	.footer-content-2, .footer-content-4 { background: #373636 }
}

@media (min-width:600px) and (max-width:900px) { 
    .footer-content-1, .footer-content-4 { background: #222222 }
	.footer-content-2, .footer-content-3 { background: #373636 }
}

@media (min-width:901px) { 
    .footer-content-1, .footer-content-3 { background: #222222 }
	.footer-content-2, .footer-content-4 { background: #373636 }
}


/*   link and link styles -- I don't believe in not underlining linkes when it's not clear that they are links
 -------------------------------------------------------------------------------------------- */

a { color: #0ce3ac !important}

.logo-col a { color: #fff !important}
 
.nav-col a { color: #fff !important}

a:hover, a:active, a:focus { color: #222 }

figcaption a:not(:hover), .text-underline:not(:hover) { color: #fff }


/* navigation base (not the link colors those are set in .nav-col links below
 -------------------------------------------------------------------------------------------- */

.primary-nav li a { border-bottom: 1px solid #fff }

/*  desktop navigation   */
@media (min-width:1020px) { 
	.primary-nav > li > a { border-bottom: 1px solid #fff;margin-right:1px;}

	.primary-nav li li a { border-bottom: 0px }

	.primary-nav > li > a:after { border-bottom: 2px solid #222 }

	.primary-nav .active a:after, .primary-nav .dcjq-parent.active:after, .primary-nav a:hover:after { border-color: #546ef3 !important}
}


/* .user-wrapper (login and signup)
 -------------------------------------------------------------------------------------------- */

.user-wrapper a { border-bottom: 1px solid #fff }

@media (min-width:1020px) { 
	.user-wrapper a { border-bottom: 0px }

	.user-wrapper .v-divider { border-right: 1px solid #fff }
}


/*  nav-col links
 -------------------------------------------------------------------------------------------- */

.nav-col a:not(:hover) { color: #fff }

.primary-nav .active a, .primary-nav a:hover, .primary-nav .dcjq-parent.active { color: #546ef3 !important}


/* logo-col links
 -------------------------------------------------------------------------------------------- */

.logo-col a:not(:hover) { color: #fff }
.logo-col a:hover { color: #333 !important}
.logotext{
    color:#fff !important;
}
.logonumber{
    color:#fff !important;
}
.ActivityText{
        color: #fff;
    }

/* footer-col links
 -------------------------------------------------------------------------------------------- */

.footer a:not(:hover) { color: #333 }


/* .title
 -------------------------------------------------------------------------------------------- */

.title { border-bottom: 1px solid #fff }

.title span { border-bottom: 2px solid #fff }


/* banner
 -------------------------------------------------------------------------------------------- */

.banner { border-top: 1px solid #fff; border-bottom: 1px solid #fff; }


/* image class(es) or Fixes
 -------------------------------------------------------------------------------------------- */

.img-custom { border: 1px solid #fff;padding:3px; }




/* #go-to-top
 -------------------------------------------------------------------------------------------- */

#go-to-top { background: #fff; border-left: 1px solid #ccc; border-top: 1px solid #ccc; }


/*  .multi-slider // base is in assets/owl-carousel/owl.carousel.css
 -------------------------------------------------------------------------------------------- */
.multi-slider img {border: 1px solid #ddd;padding:3px;background:#333;}

.owl-theme .owl-controls .owl-page span { background: #333 }

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: #546ef3 }


/* bootstrap resets and colors
 -------------------------------------------------------------------------------------------- */

.page-header {border-color:#ddd}

.btn-default { border-color: #ddd }

blockquote { border-color: #f7f7f7 }

blockquote footer, blockquote cite, blockquote small { color: #333 }

.form-control:focus { border-color: #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, .2); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, .2); }


/*  tool tip colors and style(s)
 -------------------------------------------------------------------------------------------- */

.tooltip-inner { font-weight: 400; color: #ffffff; background-color: #375a7f; }

.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { border-top-color: #546ef3 }

.tooltip.right .tooltip-arrow { border-right-color: #546ef3 }

.tooltip.left .tooltip-arrow { border-left-color: #546ef3 }

.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #546ef3 }


/* .user-modal is a custom class
 -------------------------------------------------------------------------------------------- */

.modal, .user-modal, .user-modal .modal-body { background: #fff }

/* --- don't combine --- */

.form-control::-moz-placeholder { color: #999 }

.form-control:-ms-input-placeholder { color: #999 }

.form-control::-webkit-input-placeholder { color: #999 }