/*
 * file information
 * style type: f5app
 * date:       20141111
 * author:     concursive.com
 * notes:      standalone login page
 *
 */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url(../../../../../fonts/opensans-light.woff) format('woff');
}

h1, h2, h3, h4 {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

body, .eventsListItemContainer h4, h5, h6 {
  font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

h5 {
  color: #666666;
}

/* Slideshows */
.orbit-container .orbit-slides-container > li {
  padding: 0 80px;
}

.orbit-container .orbit-prev, .orbit-container .orbit-next {
  background-color: #7f7e80;
  background-color: rgba(127, 127, 127, 0.8);
}

/* Home background */

/* Logged Out */
#body-home-main {
  /*background: url(../images/background.jpg) no-repeat center top;*/
  background: url(../images/background.jpg);
  background-repeat:no-repeat;
 
  background-attachment: fixed;
 background-position: center top;
    background-size: 100% auto;
}

/* Home top bar */

.top-bar {
  height: auto;
}

.mce-primary {
  background-color: #2d8ac7 !important;
}

#ccp-home-top-bar,
#ccp-home-top-bar ul,
#ccp-home-top-bar li:not(.has-form) a:not(.button),
#ccp-home-top-bar .top-bar-section .has-form,
#ccp-home-top-bar .top-bar-section ul li {
  background: none;
}

#ccp-home-top-bar ul li a:not(.button) {
  color: #ffffff;
}

#ccp-home-top-bar ul li a:not(.button):hover {
  text-decoration: underline;
}

/* Home header section */

#home-header-top {
  height: 40px;
}
#home-header-bottom {
  height: 10px;
}

#body-home-main #home-header-body, #body-home-main #home-header-body h2, #body-home-main #home-header-body h3, #body-home-main #home-header-body h4 {
  color: #ffffff;
  line-height: 1.3;
  text-shadow: 1px 1px #333;
}

#ccp-signup-portlet {
  background-color: rgba(255, 255, 255, 0.8);
}

#ccp-signup-portlet h2, #ccp-signup-portlet h3, #ccp-signup-portlet h4 {
  color: #000000 !important;
  text-shadow: none !important;
}

#ccp-signup-portlet p {
  color: #000000;
  text-shadow: none;
}

#ccp-signup label {
  color: #000000;
  text-shadow: none;
}

/* Home intro section */

#ccp-home-intro {
  background-color: #ffffff;
  padding-top: 20px;
}

/* Home info section */

#ccp-home-info {
  background-color: #ffffff;
  padding-top: 20px;
  margin-top:98px;
}

/* Home benefits section */

#ccp-home-benefits {
  background-color: #dddddd;
  padding-top: 30px;
}

#ccp-home-benefits table {
  border:none;
}
#ccp-home-benefits tr {
  background:none;
}
#ccp-home-benefits td {
  border:none;
  background-color:#dddddd;
}
#ccp-home-benefits td img {
  max-width: 70px;
}

/* Logged In Dashboard */

#dashboard-header-top {
  height: 40px;
}
#dashboard-header-bottom {
  height: 10px;
}

#body-home #dashboard-header-body, #body-home #dashboard-header-body h2, #body-home #dashboard-header-body h3, #body-home #dashboard-header-body h4 {
  color: #ffffff;
  line-height: 1.3;
}

/* The portal */

.ccp-portal {
  background-color: #ffffff;
}

/* Buttons */

/* Panels */

/* Filter menus */

/* Profile Headers */

/* Footer */

#footer {
  background: #333333;
  padding-top: 20px;
  color: #FFF;
}

#footer a, #footer a:visited {
  color: #FFF;
  font-size: 16px;
  text-decoration: none;
}
#footer .text-right a,
#footer .text-right a:visited {
  padding-left: 18px;
}

/*Mongezi*/
.sList li {
	height: 100px;
}

#body-places .detailed-list {
    width: 105%;
}
#body-organizations .detailed-list {
    width: 105%;
}

/*sandile sandile sandile*/

.contain-to-grid {
	background-color: #5A3D29 !important;
}
.top-bar{
	background:none !important;
}
.right{
	background:none !important;
}

.top-bar-section ul li{
	background:none !important;
}
body{
	background-color: #ECE2D2 !important;
}
.ccp-portal{
	background-color: #ECE2D2 !important;
}
#footer{
	background-color: #5A3D29 !important;
	margin-top: 260px;
}


.top-bar-section li.active:not(.has-form) a:not(.button){
	background-color: #C23A2B !important;
}
.top-bar-section li:not(.has-form) a:not(.button) {
	/*background-color: #5A3D29 !important;*/
	background:none !important;
}
/*.has-dropdown not-click {
	background-color: #C23A2B !important;
}*/

.panel.callout{
	background-color:#CBC4B7 !important;
	border-style:none !important;
	

}
.panel{
	/*background-color:#CBC4B7 !important;*/
	border-style:none !important;
}



.top-bar-section, .dropdown li:hover:not(.has-form):not(.active) > a:not(.button){
	background-color: #C23A2B !important;
}

#dashboard-header-body{
	background: url(../images/header2.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	background-color:red !important;
	height:300px;
}

.button{
	background-color:#C23A2B !important;
}

.top-bar-section ul li > a{
	color:#cccccc;
}

#ccp-home-top-bar ul li a:not(.button) {
  color: #000;
}

#ccp-home-top-bar ul li a:not(.button):hover {
  text-decoration: none !important;
  color:#FFFFFF !important;
  /*background-color: #5A3D29 !important; background include dropdown*/
}
	
#ccp-home-info a {
    background-color: #c23a2b;
    color: #ffffff;
    line-height: inherit;
    padding: 5px;
	border-radius:3px;
    text-decoration: none;
}

#ccp-home-info a:hover {
    background-color: #5b3e29;
    color: #ffffff;
    line-height: inherit;
    padding: 5px;
	border-radius:3px;
    text-decoration: none;
}	

#ccp-home-benefits {
  background-color: #cbc4b7;
}
#ccp-home-benefits td {
	background-color: #cbc4b7;
}	

#ccp-home-info {
	background-color:#ede3d3;
}

.logo img{
	width:133px !important;
}
#ccp-home-info .text-center {
    text-align: left !important;
}
.top-bar-section .dropdown{
	background-color: #5A3D29 !important;
}

.top-bar input, .top-bar .button, .top-bar button{
	font-size:13px !important;
}

/*
#body-home #dashboard-header-body .portletWrapper{
	display:none !important;
}*/

.fixed {
    position: absolute !important;
}


.tag-list ul li a {
	color: #008CBA;
}

#body-home .large-8 {
	margin-top: 261px;
}

 #body-home .medium-5 .activity-list {
	display: none;
}
#body-people .medium-8 {
	width: 630px;
	padding-right: 0px;
}

#membersList {
	display: grid !important;
    width: 100% !important;
    clear: both !important;
}
 /* iPhone 6 Potrait */
 
 @media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 
.panel.callout {
    margin-top: 1170px;
} 
.fixed {
    position: initial !important;
}
#body-home-main .top-bar-section {
	margin-top: 140px !important;
}

#body-home .large-8 {
    margin-top: 278px;
}
.f-topbar-fixed {
    padding-top: 0px;
}}