::selection {background: #01c0f4; color: #fff;}
::-moz-selection {background: #01c0f4; color: #fff;}

.btn:focus, .btn:active:focus, .btn.active:focus {color: #fff;}

.bg-dark { background: #01c0f4  !important; }

/* COLORS */
.text-green         {color: #b0d235;}
.text-blue          {color: #01c0f4;}
.text-purple        {color: #2f1163;}

.btn-green          {background: #b0d235; color: #fff;}
.btn-green:hover    {background: #8fac26; color: #fff;}
.btn-blue           {background: #01c0f4; color: #fff !important;}
.btn-blue:hover     {background: #0099c3; color: #fff;}
.btn-orange         {background: #f37420; color: #fff;}
.btn-purple         {background: #972667; color: #fff;}
.btn-purple:hover   {background: #781e52; color: #fff;}

/* NAV */
.slideshow,
.navbar-default, 
.navbar-default .navbar-toggle,
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav >.open > a:focus,
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color: #b0d235; color: #fff; border-color: transparent;}
.navbar-default .navbar-header,
.navbar-default .navbar-toggle .icon-bar {background: #b0d235;}
.navbar-default .navbar-nav > li > a {color: #b0d235;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #cdeaea;}

.navbar-light .navbar-nav .nav-link { color: #fff; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #da4b9b;
}

@media (min-width: 768px) {
.navbar-light .navbar-nav .nav-link { color: #01c0f4; }
.navbar-light .navbar-nav .nav-item.selected .nav-link {color: #da4b9b;}
/* .navbar-nav > .nav-item:nth-child(4n+2) > a {color: #00aeef;} */
/* .navbar-nav > .nav-item:nth-child(4n+3) > a {color: #f37420;} */
/* .navbar-nav > .nav-item:nth-child(4n+4) > a {color: #39b54a;} */
}

/* SEARCH */
.btn-search { background: #39b54a; }
.btn-search::after { color: #fff; }

.search-container input[type=text] { color: #333;  background-color: #f5f5f5; }
.search-container input::placeholder {color: #666; opacity: 1;}
.search-container input:-ms-input-placeholder {color: #666;}
.search-container input::-ms-input-placeholder {color: #666;}
.search-container input::-webkit-input-placeholder {color: #666;}
.search-container .searchOnsiteSubmitWrapper:hover a {background-color: #e19f05; color: #fff}
.search-container .searchOnsiteSubmitWrapper a { color: #fff; background-color: #f9b008; }

/* SLIDER */
.slideshow-item-overlay { color: #fff; background: #da4b9b; }
.slide a .slideshow-item-overlay::after { background: #fff; color: #da4b9b; }
.slide a:hover .slideshow-item-overlay::after { background: #01c0f4; color: #fff; }

.slideshow .owl-dots .owl-dot::after {content: "\2B24"; color: #f37420;}
.slideshow .owl-dots .owl-dot.active::after {color: #2f1163;}

/* RELATED */
.overlay {background: #01C0F4; color: #fff;}
.overlay a {color: #fff !important;}

.related { background: #f5f5f5; }
.related h1 { color: #01c0f4 !important; }

/* NEWS */
.newsOS a.readMore {background: #01c0f4; color: #fff;}
.newsOS a.readMore:hover {background: #0099c3 !important; color: #fff !important;}

.newsOS .newsContentItem:nth-child(3n+1) .h2 {color: #01c0f4;}
.newsOS .newsContentItem:nth-child(3n+2) .h2 {color: #da4b9b;}
.newsOS .newsContentItem:nth-child(3n+3) .h2 {color: #fff;}
.newsOS .newsContentItem:nth-child(3n+2) a.readMore {background: #da4b9b; color: #fff;}
.newsOS .newsContentItem:nth-child(3n+3) a.readMore {background: #fff; color: #da4b9b;}
.newsOS .newsContentItem:nth-child(3n+3) {background: #da4b9b; color: #fff;}
.newsOS .newsContentItem:nth-child(3n+3) .h2:hover{color: #fff;}

/* TWITTER */
.tweets * { color: #fff; }

/* FOOTER */
footer .footer-top {background: #01c0f4;}
footer .footer-top, footer .footer-top a {color: #fff;}
footer .footer-bottom {background: #fff;}
footer .footer-bottom  a {color: #00a0d7;}

@media (min-width: 768px) {
    .bg-dark { background: transparent !important; }
    .btn-search { background: none; }
    .btn-search::after { color: #b0d235; }
    .navbar-default .navbar-nav > .selected > a, .navbar-default .navbar-nav > .selected > a:hover, .navbar-default .navbar-nav > .selected > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li >a:focus {
        color: #f14509;
    }
}