@import url('https://fonts.googleapis.com/css2?family=Noto Sans&display=swap');

body {
    color: black;
    font-size: 15px;
    line-height: 24px;
    font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
    overflow-y: scroll;
    overflow-x: hidden;
/*    background-image: url("https://theevolvedgroupcommunity.humanlistening.com/images/evolvedcommunitydemo/background-chadstone.jpg");
*/
    background-size: cover;
}

.body-page-tour iframe {
    max-width: 100%;
}
#contentBody iframe#tour-video {
   max-width: 100%;
}

#contentBody {
 background-color: white;
}

.activity-list .item > .top-bar > .text {
    font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4 {
    font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
}

.btn {
   border-radius: 25px;
   padding: 6px 25px;
    font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
}

.profileTabTicket {
    border: 2px #000000 solid;
}

header {
    background: #e5e5e5;
}
footer {
    background: #e5e5e5;
}

footer .copyright ul li a {
    color: white;
}
footer .copyright p {
    color: white;
    font-family: 'Noto Sans', Arial, Helvetica, sans-serif !important;
}
footer .copyright ul li {
    color: rgba(255, 255, 255, 0.5);
}
.loginInput, .loginWhyJoinText, .loginIntroText, .loginWhyJoinBox .text{
	color: black !important;
       font-family: 'Noto Sans', Arial, Helvetica, sans-serif !important;
}
.logo img{
	width: auto;
}
.landing-tile-1, .landing-tile-2, .landing-tile-3{
	height: 186px;
}
h1 {
    color: black;
}
h2, #homeMenu h2 a {
    color: black;
}

h1 .ticket {
    color: white;
    background: black;
}

#myrewards .points > .monthly > .number, #myrewards .points > .yearly > .number, #myrewards .points > .entries > .number {
    background: red;
    color: white;
}

.btn.green {
    background: red;
}

.btn-primary {
    background: red;
    color: white;
    border: 1px solid white;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus
 {
  background: red;
  color: white;
  border: 1px solid red;
}

.form-horizontal > div {
    background: transparent !important;
    border: none !important;
}

.profileProgressIndicatorOn {
    background: red;
}

.nav-tabs > li.active > a {
    border: 2px solid red;
    background: white;
    color: red;
}
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:active {
    border: 2px solid red;
    background: red;
    color: white;
}

.nav-tabs > li > a:hover, 
.nav-tabs > li > a:focus {
    border: 2px solid red;
    background: white;
    color: red;
}


#profile > .profile-panel.edit-mode .edit-options ul li a {
    color: red;
}

span.home-page-icon a .circle {
    background: transparent;
    border: 2px solid transparent;
}
span.home-page-icon a {
    color: red;
}
span.home-page-icon a:hover .circle .icon {
    color: red;
}
span.home-page-icon a:hover .circle {
    background: #ffffff;
    border: transparent !important;
    border-color: purple;
}

span.home-page-icon a .badge {
    color: #f0faff;
    background: black;
    border: 2px solid white;
}

.activity-list .item > .top-bar > .indicator > .ticket {
    color: #f0faff;
    background: black;
}

.activity-list .item > .top-bar > .indicator > .check {
    color: #f0faff;
    background: red;
}

.activity-note {
    background: red;
    color: white;
    style: bold;
}

.avatar > .avatar-icon {
    background: #EA8A0D;
    color: white;

}

.feed-tags > ul.actions li a .fa {
    color: #000000;
}

#feed .item > .detail .read-more {
    color: #EA8A0D;
}

.feed-tags > ul.meta li {
    color: black;
    font-size: 13px;
}


.notice > .notice-icon {
    background: #EA8A0D;
    color: white;
}

a, a:hover, a:focus, a:active {
    color: red;
}

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

.login-button {
    color: white;
    background: red;
    border: 2px solid red;
}

header .mobile-menu a {
    color: red;
}

#main-navigation .mobile-menu-links li a {
    color: black;
}
#main-navigation .mobile-menu-links li a .circle {
    background: red;
}
#main-navigation .mobile-menu-links li a .badge {
    background: black;
    color: black;
}

@media (min-width: 992px) {
	header .logo {
		width: 13%;
		margin: 10px 0 0 30px;
	}
	
    #main-navigation .mobile-menu-links > li.active > a {
        color: black;
    }
    
    #main-navigation .mobile-menu-links > li > a {
        color: black;
        font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
    }

    #main-navigation .mobile-menu-links > li > a:hover {
        color: red;
    }

    #main-navigation .mobile-menu-links > li > a > .circle {
        border: 2px solid red;
        color: white;
    }

    #main-navigation .mobile-menu-links > li > a > .circle > .icon {
        border-color: red;
        color: red;
    }

    #main-navigation .mobile-menu-links > li.active > a > .circle {
        border: 2px solid red;
        border-color: red;
        background: #ffffff;
    }

    #main-navigation .mobile-menu-links > li > a:hover > .circle {
        border: 2px solid red;
        border-color: red;
        background: #ffffff;
    }
    #main-navigation .mobile-menu-links > li > a:hover > .circle > .icon {
        color: red;
    }
    
    #main-navigation .mobile-menu-links > li.active > a > .circle > .icon {
        color: red;
    }

    #main-navigation .mobile-menu-links li a .badge {
        color: #f0faff;
        border: 2px solid white;
        background: black;
    }

    #main-navigation .mobile-menu-links li {
        width: 95px;
        line-height: 15px;
    }
}

@media (max-width: 990px) {
	header .logo {
		width: 30%;
		margin: 10px 0 0 30px;
	}
}

#main-navigation .mobile-menu-links li a .circle .icon {
    color: red;
}

.login-errors {
    color: red;
}

#discussions .discussion-item > .detail p span.new {
  background: red !important;
}

.avatar > .avatar-inner > img {
    background: transparent;
    border: none;
}

.landing-tile-1 {
  background: rgba(0, 0, 0, 0) url("/images/EvolvedCommunityDemo/landing-tile-1.jpg") repeat scroll center center / cover;
  margin: 0;
  width: 100%;
}
.landing-tile-2 {
  background: rgba(0, 0, 0, 0) url("/images/EvolvedCommunityDemo/landing-tile-2.jpg") repeat scroll center center / cover;
  margin: 0;
  width: 100%;
}
.landing-tile-3 {
  background: rgba(0, 0, 0, 0) url("/images/EvolvedCommunityDemo/landing-tile-3.jpg") repeat scroll center center / cover;
  margin: 0;
  width: 100%;
}

@media (max-width: 767px) {
.btn.right.loginSubButton {
    background: red none repeat scroll 0 0 !important;
    color: #fff !important;
    font-size: 13px;
    margin-bottom: -2px;
    margin-top: 18px !important;
    padding: 11px;
    width: 100%;
    }

.btn.right.loginSubButton a {
    background: red none repeat scroll 0 0 !important;
    color: #fff !important;
    font-size: 13px;
    margin-bottom: -2px;
    margin-top: 18px !important;
    padding: 11px;
    width: 100%;
}
}

.btn.btn-default:hover {
 background: red;
 border: 1px solid red;
 color: black !important;
}

#feed .item > .detail > h2 {
     font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
 color: black;
}
#feed .item.pinned-item {
    margin: 0 0 35px 30px;
    padding: 20px 20px 20px 0;
    border-radius: 5px;
    background: rgba(0,128,96,.1);
    color: black;
    position: relative;
}
#discussions .discussion-item > .detail h2 {
     font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
}
.task-bar > ul > li.task a {
     font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
}
#discussions .discussion-item > .detail p {
     font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
}
span.home-page-icon a .badge > .text {
     font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
}
#myrewards .points > .monthly, #myrewards .points > .yearly, #myrewards .points > .entries {
     font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
}
#profile > .profile-panel p {
     font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
}
.form-horizontal > div {
     font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
}
.nav-tabs > li > a {
     font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
}
.form-panel h3 {
     font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
}

@media (min-width: 768px) {
  footer .copyright ul li a {
       font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
  }
}

#embedded_eve { background-color: red !important }
embedded-eve .header { background-color: red !important }
embedded-eve .end-btn { background: red !important }
embedded-eve .arrow-down { border-top: 12px solid red !important }

#homeMenu.pull-left { float: none !important; }

.banner {
 margin: 0;
}