=/*
 * 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');
}

@font-face {
  font-family: 'aparate';
  font-style: normal;
  font-weight: 300;
  src: url(../font/FuturConExtBol);
}

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/aparatenewhomepage_justimage.png) no-repeat center top;
  background-attachment: scroll !important;
  background-size: cover !important;
}

/* Body Driven Data -  Home top bar */


/* ccp-hello-portlet */

#body-home .medium-8 {
	background: rgba(255, 255, 255, 0.65);
    position: relative;
    left: 830px;
    bottom: -574px;
    margin: -39px;
    width: 31%;
    height: 300px;
}

#body-home-main .portletWrapper {
  padding: 25px;
}
#body-home .portletWrapper {
  padding: 17px;
}
#ccp-hello-portlet {
  margin-left: -15px !important;	
  width: 113%;
}

/* Home top bar */


.top-bar-section ul li{
 background: transparent;
}

.top-bar-section li:not(.has-form) a:not(.button){
	background:transparent;
	font-size: 14px;
}
.has-form {
  background: transparent !important;
}
.top-bar {
  background: transparent;
}

.top-bar {
  height: auto;
 
}

#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;
  background-color: transparent !important;
  
}



#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;
  
}

#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;
}

/* 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/************************************************************************************************
*/

/* Groups profile-menu */
#body-groups #ccp-profile-menu {
    background-color: #ddd;	
}

/* Members List */
 #membersList {
	display: grid !important;
    width: 100% !important;
    clear: both !important;
}

.sList li {
    position: relative;
    border: 1px dotted #ccc;
    float: left;
    display: block;
    margin: 0 5px 5px 0;
    height: 115px;
    width: 212px;
    padding: 2px;
}

.formContainer fieldset fieldset input[type="text"] {

width: 95%;

}

#body-organizations .detailed-list ol li {
    clear: both;
    margin: 25px 0 6px 0;
    position: relative;
} 

#body-groups #ccp-profile-content .activity-list {
    margin-top: 0;
    margin-left: 0;
  margin-right: 0;
}
/*FOR SAFARI, RECENT ACTIVITY

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) and (min-width : 1000px) and (max-width : 1600px)
 {
  #body-organizations .activity-list {
    margin-top: 1200px !important;
    margin-left: -200%;
    width:200%;
}}*/


/*Media query for organizations recent activity. The rest of the responsive works fine, so started from a high pixel number 
@media only screen 
and (min-width : 1000px) 
and (max-width : 1600px) {
#body-groups .activity-list {
    margin-top: -340%;
    margin-left: -220%;
	  width: 200%;
}

#body-organizations .activity-list {
    margin-top: -100%;
    margin-left: -200%;
    width:200%;
}

#body-places .activity-list {
    margin-top: 250px;
    margin-left: -669px;
  margin-right: 336px;
}
}*/

 
 #body-organizations #ccp-profile-content .activity-list {
    margin-top: 0;
    margin-left: 0;
	width: 100%;
 }
 #body-home-main #ccp-home-intro .text-center {
	margin-top: -33px; 
 }
 #body-home-main #ccp-hello-portlet {
	margin-top: -12px; 
 }
 #body-home #ccp-hello-portlet {
    margin-top: -12px;
}
 #ccp-hello-portlet p {
    line-height: 1;
}

/*F
#body-home #ccp-hello-portlet .editwiki {
	display: none;
}*/
#body-farms .detailed-list ol li {
    height: 150px;
}

#body-places .detailed-list ol li {
    clear: both;
    margin: 36px 0 6px 0;
    position: relative;
}

#body-groups .detailed-list ol li {
    clear: both;
    margin: 36px 0 6px 0;
    position: relative;
}

/*
sandile/************************************************************************************************
*/

}
#body-home-main #home-header-body{
	display:none !important;
}
#body-home-main .ccp-portal{
    display: none !important;
}

#body-home-main .medium-3 {
    width: 43% !important;
}
#body-home-main {
  background: url(../images/aparatenewhomepage_justimage.png) no-repeat center top;
  background-attachment: fixed;
  
}

#body-home-main #ccp-signup-portlet {
    /*margin-top: 654px !important;
    position: absolute !important;
	width: 328px !important;*/
	background-color:#333333 !important;
}

#body-home-main #ccp-home-info{
	margin-top: 440px !important;
	display:none !important;
}


#body-home-main #site-header{
	font-family: 'aparate';
	background: transparent;
}
#body-home-main .right{
	float:none !important;
}
#body-home-main .right li{
	margin-left: 45px  !important;
}

#body-home-main .right li:hover{
	background-color:#0070bb !important;
	
}
#body-home-main .right li a{
	text-decoration:none !important;
	font-size:16px !important;
}
/*#body-home-main .right li a{
	font-weight: bolder;
}*/

#body-home-main .button :not(#ccp-signup-portlet){
    background:none !important;
}

#body-home-main .has-form .button{
	background:none !important;
}
#body-home-main .has-form{
	background-color:#808080 !important;
}

#body-home-main #ccp-signup-portlet label, #body-home-main #ccp-signup-portlet h3{
	color:#FFFFFF !important;
}

.top-bar-section ul{
	margin-left: 11px !important;
}

#footer .medium-12 p{
	display:none !important;
}
#body-home .medium-5 {
	margin-top: -275px;
    margin-left: 717px;
    padding-left: 132px;
    padding-top: 1px;
}
/*
sandile ************************************************************************************************
*/

#body-home {
  background: url(../images/aparatenewhomepage_justimage.png) no-repeat; 
  background-size: cover;
}

#body-home #ccp-home-value-row, 
#body-home #ccp-home-benefits,
#body-home #ccp-home-benefits-row,
#body-home #ccp-home-info,
#body-home .ccp-portal,

#body-home #home-header

{
	display:none !important;
}

#body-home .text-center {
    margin-top: -32px;
	
}
#body-home .widget-home-autoscroller-portletWindowBackground {
	background: rgba(255, 255, 255, 0.5);
}

/*#body-home-main #ccp-home-intro{
	margin-top:320px !important;
	text-align:left !important;
	min-width: 969px !important;
}*/

/*
#body-home #ccp-home-intro .editwiki{
	display: none !important;
}*/

#ccp-home-intro h3{
	color:#FFFFFF !important;
}


#body-home #footer{
	right: 0;
	bottom: 0;
	left: 0;
	height:132px !important;
	
}



/*scroll navigation up mobile*/
.fixed{
	position:absolute !important;
}

#body-organizations .vcard, #body-businesses .vcard{
	display:none !important;
}

#body-organizations #ccp-profile-header img{
	/*width:131px !important; */
}


#ccp-home-intro .text-center{
	text-align:justify !important;
}
#body-home-main #footer{
	margin-top: 30px;
	width:100% !important;
}
#go-member-of li {
    height: 145px;
    width: 124px;
}

.contain-to-grid .top-bar {
    margin: 0 auto;
    max-width: 79.5rem !important;
}

.flex-video {
    width: 100% !important;
}


/*
sandile ************************************************************************************************
*/

.portlet-menu-edit {
	margin-top: -13px;
}

.medium-5 .portlet-section-body dl dd {
	    margin: 0px 0 10px -5px !important;
}

.medium-5 .portlet-section-body h3 {
	    margin-left: -5px !important;
}

.tag-list ul li a {
	color:#008cba;
	font-size: 11px;
}

.tag-list ul {
	overflow:hidden;
}

#body-home-main #ccp-home-top-bar{
/*	background: rgba(251,235,196,0.46);
background: -moz-linear-gradient(left, rgba(251,235,196,0.46) 40%, rgba(251,235,196,0.46) 51%, rgba(251,235,196,0.46) 68%, rgba(251,235,196,0.46) 96%, rgba(251,235,196,0.46) 99%, rgba(251,235,196,0.35) 100%);
background: -webkit-gradient(left top, right top, color-stop(40%, rgba(251,235,196,0.46)), color-stop(51%, rgba(251,235,196,0.46)), color-stop(68%, rgba(251,235,196,0.46)), color-stop(96%, rgba(251,235,196,0.46)), color-stop(99%, rgba(251,235,196,0.46)), color-stop(100%, rgba(251,235,196,0.35)));
background: -webkit-linear-gradient(left, rgba(251,235,196,0.46) 40%, rgba(251,235,196,0.46) 51%, rgba(251,235,196,0.46) 68%, rgba(251,235,196,0.46) 96%, rgba(251,235,196,0.46) 99%, rgba(251,235,196,0.35) 100%);
background: -o-linear-gradient(left, rgba(251,235,196,0.46) 40%, rgba(251,235,196,0.46) 51%, rgba(251,235,196,0.46) 68%, rgba(251,235,196,0.46) 96%, rgba(251,235,196,0.46) 99%, rgba(251,235,196,0.35) 100%);
background: -ms-linear-gradient(left, rgba(251,235,196,0.46) 40%, rgba(251,235,196,0.46) 51%, rgba(251,235,196,0.46) 68%, rgba(251,235,196,0.46) 96%, rgba(251,235,196,0.46) 99%, rgba(251,235,196,0.35) 100%);
background: linear-gradient(to right, rgba(251,235,196,0.46) 40%, rgba(251,235,196,0.46) 51%, rgba(251,235,196,0.46) 68%, rgba(251,235,196,0.46) 96%, rgba(251,235,196,0.46) 99%, rgba(251,235,196,0.35) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbebc4', endColorstr='#fbebc4', GradientType=1 );*/

	font-family: 'aparate';
	/*height: 54px;
	margin-top: 115px;*/
}

@media screen and (min-width: 650px) {
    #body-home-main #ccp-home-top-bar {
        background: transparent;
		margin-top: 4px ;
    }
	
	  #body-home-main #ccp-home-intro {
        margin-top: 400px;
    }
	
	#ccp-home-top-bar .top-bar-section ul li {
		font-size: 14px !important;
		
}

#body-home-main .right li {
	margin-left: 24px !important;
}

#body-home-main .right li a {
	font-size: 16px !important;
	
}

#body-home-main .top-bar-section {
	left: 14px !important;
	float: right;
		
}

}

@media screen and (min-width: 1350px) {

	#body-home-main #ccp-home-top-bar {
        background: #333333;
		margin-top: 3px ;
    }
	
}



#body-home #ccp-home-intro {
    width: 850px;
    margin-top: 312px;
    margin-left: 10px;
    text-align: justify !important;
    background: rgba(255, 255, 255, 0.65);
    position: relative; 
}

/*
@media screen and (max-width: 650px) {

#body-home #ccp-home-intro{
	margin-top: 0px ;
	text-align:justify !important;
	background: rgba(251,235,196,0.51);
background: -moz-linear-gradient(left, rgba(251,235,196,0.51) 40%, rgba(251,235,196,0.51) 51%, rgba(251,235,196,0.51) 68%, rgba(251,235,196,0.51) 96%, rgba(251,235,196,0.51) 99%, rgba(251,235,196,0.35) 100%);
background: -webkit-gradient(left top, right top, color-stop(40%, rgba(251,235,196,0.51)), color-stop(51%, rgba(251,235,196,0.51)), color-stop(68%, rgba(251,235,196,0.51)), color-stop(96%, rgba(251,235,196,0.51)), color-stop(99%, rgba(251,235,196,0.51)), color-stop(100%, rgba(251,235,196,0.35)));
background: -webkit-linear-gradient(left, rgba(251,235,196,0.51) 40%, rgba(251,235,196,0.51) 51%, rgba(251,235,196,0.51) 68%, rgba(251,235,196,0.51) 96%, rgba(251,235,196,0.51) 99%, rgba(251,235,196,0.35) 100%);
background: -o-linear-gradient(left, rgba(251,235,196,0.51) 40%, rgba(251,235,196,0.51) 51%, rgba(251,235,196,0.51) 68%, rgba(251,235,196,0.51) 96%, rgba(251,235,196,0.51) 99%, rgba(251,235,196,0.35) 100%);
background: -ms-linear-gradient(left, rgba(251,235,196,0.51) 40%, rgba(251,235,196,0.51) 51%, rgba(251,235,196,0.51) 68%, rgba(251,235,196,0.51) 96%, rgba(251,235,196,0.51) 99%, rgba(251,235,196,0.35) 100%);
background: linear-gradient(to right, rgba(251,235,196,0.51) 40%, rgba(251,235,196,0.51) 51%, rgba(251,235,196,0.51) 68%, rgba(251,235,196,0.51) 96%, rgba(251,235,196,0.51) 99%, rgba(251,235,196,0.35) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbebc4', endColorstr='#fbebc4', GradientType=1 );
	color:#000000 !important;
	
}
#body-home-main {
  background: url(../images/aparatePage.png) no-repeat center top;
  background-attachment: scroll !important;
  background-size: 400px 300px;
}
} */
#body-groups #wikiImageIZjpg {
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
    margin-right: 60px;	
}

#body-home-main #home-header-body {
    color: black;	 

}

#body-home-main .medium-8 {
    background: rgba(255, 255, 255, 0.65);
    position: relative;
    left: 870px;
    bottom: -602px;
    margin: -30px;
    width: 31%;
    color: black;
    height: 320px;
}
#body-home-main #ccp-home-intro {
    width: 858px;
    margin-top: 252px;
    margin-left: 29px;
    text-align: justify !important;
    background: rgba(255, 255, 255, 0.65);
    position: relative;

}
#body-home-main #home-header {
	display: none;
	
}

#body-home-main #ccp-signup-portlet {
	display: none;
	
}

#body-home-main #ccp-home-intro p {
	
	line-height:1.2;
	font-size: 13px;
}

#body-home #ccp-home-intro p {
	
	line-height:1.2;
	font-size: 13px;
}

#body-home-main .has-form .button[href="/login"]{ 
	color: black;
}
/*
.top-bar form {
	display:none;
}*/

#ccp-profile-content .infobox, #ccp-profile-content .infobox table {
  width: 100%;
}
.portletWrapper .panel .radius {
 display: none; 	
}
#body-businesses .ccp-portlet .panel .radius {
 display: none;
}

/* iPad potrait */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
#body-home {
    background: url(../images/aparatenewhomepage_justimage.png) no-repeat;
    background-size: 100%;
    background-position: 0px 87px!important;
}
#body-home-main .medium-8 {
    display:none;
}

#body-home-main #ccp-home-intro {
    display:none;
}

#body-home #ccp-home-intro {
    display:none;
}
#body-home .medium-8 {
    display:none;
}
#footer {
	display: none;

}#body-organizations .detailed-list ol li {
    clear: both;
    margin: 60px 0 6px 0;
    position: relative;
}
#body-places .detailed-list ol li {
    clear: both;
    margin: 50px 0 6px 0;
    position: relative;
}
#body-places .activity-list {
    margin-top: 160px;
    margin-left: -513px;
    margin-right: 250px;
}
#body-groups .detailed-list ol li {
    clear: both;
    margin: 76px 0 0px 0;
    position: relative;
}
#body-groups .activity-list {
    margin-top: 1890px;
    margin-left: -513px;
    margin-right: 260px;
}}

/* iPad landscape */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
#body-home {
    background: url(../images/aparatenewhomepage_justimage.png) no-repeat;
    background-size: cover;
    background-position: 0px 87px!important;
}
#body-home-main .medium-8 {
    display:none;
}

#body-home-main #ccp-home-intro {
    display:none;
}

#body-home #ccp-home-intro {
    display:none;
}
#body-home .medium-8 {
    display:none;
}
#footer {
	display: none;

}}


/* iPhone 6 portrait */

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 
#body-home {
    background: url(../images/aparatenewhomepage_justimage.png);
	background-repeat: no-repeat !important;
    background-size: 100% !important;
    background-position: 0px 419px!important;
	background-attachment: scroll !important;
	

}

#body-home-main .right li {
    margin-left: 219px !important;
    margin-top: -48px;
}

#body-home-main .medium-8 {
    display:none;
}

#body-home-main #ccp-home-intro {
    display:none;
}

#body-home #ccp-home-intro {
    display:none;
}
#body-home .medium-8 {
    display:none;
}
#body-home #footer {
	margin-top: 266px !important;

}
#body-home-main #footer {
	display: none !important;

}
#body-groups .detailed-list ol li {
    clear: both;
    margin: 35px 0 152px 0;
    position: relative;
}
#body-groups .activity-list {
    margin-top: -20px;
    margin-left: -9px;
    margin-right: 0px;
}
#body-farms .detailed-list ol li {
    margin: 2px 0 180px 0;
}
#body-organizations .activity-list {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
#body-organizations .detailed-list ol li {
    clear: both;
    margin: 28px 0 179px 5px;
    position: relative;
}
#body-places .detailed-list ol li {
    clear: both;
    margin: 36px 0 128px 0;
    position: relative;
}
#body-places .activity-list {
    margin-top: -16px;
    margin-left: 0px;
    margin-right: 19px;
}
#ccp-home-top-bar ul li a:not(.button) {
  color: #ffffff;
  margin-left: -240px;
  display:none
}

#body-farms #ccp-profile-menu {
  height: 300px;
	
}

#body-farms #ccp-dynamic-9 {
      margin-top: 220px;
	
}
#body-farms #ccp-dynamic-3 {
      margin-top: 40px;
	
}
#body-farms #ccp-profile-header-title {
      display: none;
	
}
#body-farms .vcard {
      border: none;
	
}

}

/* iPhone 6 landscape */

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 
#body-home {
    background: url(../images/aparatenewhomepage_justimage.png) no-repeat;
    background-size: 100% !important;
    background-attachment: scroll !important;
	background-position: 0px 135px!important;
}

#body-home-main .medium-8 {
    display:none;
}

#body-home-main #ccp-home-intro {
    display:none;
}

#body-home #ccp-home-intro {
    display:none;
}
#body-home .medium-8 {
    display:none;
}
#body-home #footer {
	margin-top: 360px !important;

}
#body-home-main #footer {
	display: none !important;

}
#body-home .medium-4 {
	width: 122.33333%;
}
#body-groups .detailed-list ol li {
    clear: both;
    margin: 8px 0 109px 0;
    position: relative;
}
#body-groups .activity-list {
    margin-top: 2155px;
    margin-left: -444px;
    margin-right: 110px;
}
#body-places .detailed-list ol li {
    clear: both;
    margin: 12px 0 83px 0;
    position: relative;
}
#body-places .activity-list {
    margin-top: 250px;
    margin-left: -440px;
    margin-right: 170px;
}
#body-organizations .detailed-list ol li {
    clear: both;
    margin: 80px 0 6px 0;
    position: relative;
}
}

/* iPhone 6Plus portrait */

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) {
#body-home {
    background: url(../images/aparatenewhomepage_justimage.png);
	background-repeat: no-repeat !important;
    background-size: 112% !important;
    background-position: 0px 388px!important;
	background-attachment: scroll !important;
	
	
}

#body-home-main .medium-8 {
    display:none;
}

#body-home-main #ccp-home-intro {
    display:none;
}

#body-home #ccp-home-intro {
    display:none;
}
#body-home .medium-8 {
    display:none;
}
#body-home #footer {
    margin-top: 340px;
}
#body-home-main #footer {
    display: none;
}

#ccp-home-top-bar ul li a:not(.button) {
  color: #ffffff;
  margin-left: -240px;
  display:none
}

}

/* iPhone 6Plus landscape */

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) {
#body-home {
    background: url(../images/aparatenewhomepage_justimage.png);
	background-repeat: no-repeat !important;
    background-size: 100% !important;
    background-position: 0px 135px!important;
	background-attachment: scroll !important;
	
}

#body-home-main .medium-8 {
    display:none;
}

#body-home-main #ccp-home-intro {
    display:none;
}
#body-home #ccp-home-intro {
    display:none;
}
#body-home .medium-8 {
    display:none;
	
}
#body-home #footer {
    margin-top: 506px;
}
#body-home-main #footer {
    display: none;
}
#body-home .medium-4 {
	width: 122.33333%;
}