/*
 * file information
 * style type: f5app
 * version:    1
 * date:       20170524
 * author:     concursive.com
 *
 */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../../../../../fonts/opensans-light.woff) format('woff');
}

body {
  color: #111111;
  font-family: 'Open Sans', Helvetica, Arial, Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', serif;
  font-weight: lighter;
  color: #000000;
}

/* To change the colors of links START HERE */
.ccp-portlet a:not(.button), .ccp-portlet a:not(.button):link, .ccp-portlet a:not(.button):visited {
  color: #e96327;
}

.ccp-portlet a:not(.button):hover {
  color: #447899;
  text-decoration: underline;
}

.ccp-portlet a:not(.button):active {
  color: #e96327;
  text-decoration: underline;
}

/* To change the colors of links END HERE */

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

/* Home background */

/* Logged In 
div#home-header-body {
  background: url(../images/background_home.jpg) no-repeat center top;
  background-attachment: fixed;
}  */


/* Logged Out */
body#body-home {
  background: url(../images/background_home.jpg) no-repeat center top;
  background-attachment: fixed;
}

/* Logged In scroll effect but not retina 
div#dashboard-header-body {
  background: url(../images/background_dashboard.jpg) no-repeat center top;
  background-attachment: fixed;
} */

/* Logged In no scroll effect but retina */
div#dashboard-header-body {
  background-image: url(../images/background_dashboard@2x.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* Home top bar */

#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 {
  background: none;
}

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

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

/* Home header section */

#home-header-top {
  height: 25px;
}
#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.2);
}

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

#ccp-signup label {
  display:none;
  display:block \9; /* To bring labels back in IE9 */
  color: #ffffff;
}

/* Home intro section */

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

/* Home info section */

#ccp-home-info {
  background-color: #ffffff;
  padding-top: 20px;
}
/* To style the buttons for 4 colums on home page */
#ccp-home-info a {
  color: #ffffff;
  text-decoration: none;
  line-height: inherit;
  background-color: #447899;
  padding: 5px;
}

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

#ccp-home-info a:active {
  color: #ffffff;
  text-decoration: none;
  line-height: inherit;
  background-color: #447899;
  padding: 5px;
}

/* Home benefits section */

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

#ccp-home-benefits table {
  /*width:100%;*/
  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;
  text-shadow: 1px 1px #333;
}


/* The portal */

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

/* Primary Button */
/* This is the join button on the home page etc */
.top-bar-section ul li > a.button, .button {
  background-color: #e96327;
  border-color: #e96327;
  text-shadow: 1px 1px #333;
}

.top-bar-section ul li > a.button:hover, .button:hover {
  background-color: #447899;
}

.top-bar-section ul li > a.button:active, .button:active {
  background-color: #e96327;
}

#ccp-home-top-bar .top-bar-section .has-form {
  padding: 0
}

/* Success Button */
/* This is the login button etc */
button.success, .button.success {
  background-color: #739dd3;
  border-color: #739dd3;
  text-shadow: 1px 1px #333;
}

button.success:hover, .button.success:hover {
  background-color: #6489b8;
  border-color: #6489b8;
}

button.success:hover, .button.success:active {
  background-color: #4c688b;
  border-color: #4c688b;
}

/* Secondary Button */

button.secondary, .button.secondary {
  background-color: #e7e7e7;
  border-color: #cbcbcb;
  text-shadow: 1px 1px #e7e7e7;
}

button.secondary:hover, .button.secondary:hover {
  background-color: #cbcbcb;
}

/* Alert Button */

button.alert, .button.alert {
  background-color: #c60f13;
  border-color: #920d10;
  text-shadow: 1px 1px #333;
}

button.alert:hover, .button.alert:hover {
  background-color: #920d10;
}

/* Panels */
/* Regular gray portlets */
.panel {
  border-color: #ebebeb;
  background-color: #f9f9f9;
}
/* Color portlets */
.panel.callout {
  border-color: #79a2cc;
  background-color: #cfe1f5;    
}

/* Filter menus */

dl.sub-nav dd.active a, dl.sub-nav dd.active a:hover {
  background-color: #758e18;
  color: #ffffff !important;
}


/* Profile Headers */

#ccp-profile-menu .sub-nav {
  margin-bottom: 0;
}

.projectCenterPortalContainer .ccp-portal {
  padding-top: 0;
}

#ccp-profile-header-container {
  background-color: #cccccc;
}
#ccp-profile-header h2 {
  color: #333333;
}
#ccp-profile-menu {
  background-color: rgba(255, 255, 255, 0.2);
  margin-bottom: 16px;
}

#ccp-profile-header-container .sub-nav dd {
  margin-bottom: 0;
}

#ccp-profile-header-container .sub-nav .active a {
  background-color: #000000;
  color: #ffffff;
}

#ccp-profile-header-container .sub-nav a {
  color: #ffffff;
}

#ccp-profile-header-container .sub-nav a:hover {
  background-color: #333333;
  color: #ffffff;
}

#ccp-profile-subcategory-url {
  color: #ccc;
}

/* Profile Header: Me */
/*
#body-me #ccp-profile-header-container {
  padding: 16px 0 0 0;
  background: url(../images/profile-header-me.jpg) repeat-x 0;
  margin-bottom:20px;
}
#body-me #ccp-profile-menu {
  background: none;
}
#body-me #ccp-profile-header-container h2,
#body-me #ccp-profile-header-container h4,
#body-me #ccp-profile-header-container a {
  color: #ffffff;
}
*/

#body-me dl.sub-nav .active a {
  background-color: #000000;
  color: #000000;
}

/* Profile Header: Ideas */

#body-ideas #ccp-profile-header-container {
  background-color: #a7cf52;
}
#body-ideas #ccp-profile-header h2 {
  color: #ffffff;
}
#body-ideas #ccp-profile-menu {
  background-color: rgba(255, 255, 255, 0.2);
}

/* Footer */

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

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




/* To remove above styling for links in the footer menu 
#footer .text-right a, #footer .text-right a:visited {
  background: none !important;
}*/

/* To make the app store buttons rollovers */
img#wikiImagebutton_play_videopng:hover {
  opacity: 0.7;
}

img#wikiImagebutton_play_videopng:active {
  opacity: 1;
}

img#wikiImagebutton_get_appspng:hover {
  opacity: 0.7;
}

img#wikiImagebutton_get_appspng:active {
  opacity: 1;
}

/* temporary until in core */

.tag-list dl dd a, .tag-cloud ul li a, .tag-cloud dd a {
  background-color: transparent;
  border: 1px solid #536511;
}
.tag-list dl dd a:hover, .tag-cloud ul li a:hover, .tag-cloud dd a:hover {
  background-color: #e7e7e7;
  border: 1px solid #536511;
}

/* To remove text shadow from text under Join Now button on home page */
.panel {
  text-shadow: none;
}

/* To remove background on top level nav */
.top-bar-section ul li {
  background: none;
}

/* To reduce the padding on the search box and to make it float right */
.top-bar form, .top-bar input {
  float:right;
  padding: 0.1rem;
  /* display: none; */
}

/* To change the color of the text under Join Now button on home page */
#body-home-main .panel {
	color:#739dd3;
}

#body-home-main .panel a {
	color:#739dd3;
}

#body-home-main .panel a:hover {
	color:#d11241;
}

#body-home-main .panel a:active {
	color:#b00f37;
}

/* To change the colors of the top level tab buttons */
.top-bar-section li.active:not(.has-form) a:not(.button) {
	background: #739dd3;
}

a#ccp-tab-areas.hover {
	background-color: #6489b8;
}


a#ccp-tab-areas.active {
	background-color: #4c688b;
}

/* To adjust margin on text in top section of home page */
#body-home-main #home-header-body p {
	margin-bottom: 1rem;
}

/* To change color of the social media links in footer */

/* Facebook */
i.fa.fa-facebook-square.fa-3x {
  color: #ffffff;
}

i.fa.fa-facebook-square.fa-3x:hover {
  color: #e96327;
}

i.fa.fa-facebook-square.fa-3x:active {
  color: #ffffff;
}

/* Twitter */
i.fa.fa-twitter-square.fa-3x {
  color: #ffffff;
}

i.fa.fa-twitter-square.fa-3x:hover {
  color: #e96327;
}

i.fa.fa-twitter-square.fa-3x:active {
  color: #ffffff;
}

/* Youtube */
i.fa.fa-youtube-square.fa-3x {
  color: #ffffff;
}

i.fa.fa-youtube-square.fa-3x:hover {
  color: #d11241;
}

i.fa.fa-youtube-square.fa-3x:active {
  color: #ffffff;
}

/* Instagram */
i.fa.fa-instagram.fa-3x {
  color: #ffffff;
}

i.fa.fa-instagram.fa-3x:hover {
  color: #d11241;
}

i.fa.fa-instagram.fa-3x:active {
  color: #ffffff;
}


/* To remove the image that displays after an external link */
.external {
  background: none;
  padding-right: 0px;
}

/* To make the app store buttons rollovers */
img#wikiImageapp-button-applepng:hover {
  opacity: 0.7;
}

img#wikiImageapp-button-applepng:active {
  opacity: 1;
}

img#wikiImageapp-button-googlepng:hover {
  opacity: 0.7;
}

img#wikiImageapp-button-googlepng:active {
  opacity: 1;
}


/* To change the color of the top nav bar 
.contain-to-grid {
	background: #27282A;
}

.top-bar {
	background: #27282A;
}

.top-bar-section .has-form {
	background: #27282A;
}

.top-bar-section li:not(.has-form) a:not(.button) {
	background: #27282A;
}  */

/* To change the color of the navigation text 
.top-bar-section ul li > a {
  color: #ffffff;
}  */

/* To change the color of the drop down triangle next to navigation text */
.top-bar-section .has-dropdown > a::after {
  border-color: rgba(255, 255, 255, 0.9) transparent transparent transparent;
}

/* To change the color of the drop down triangle next to navigation text on rollover */
.top-bar-section .has-dropdown:hover > a::after {
  border-color: rgba(255, 255, 255, 0.9) transparent transparent transparent;
}

/* To style the top level navigation buttons */

/* SELECTED */
.top-bar-section li.active:not(.has-form) a:not(.button) {
  padding: 0 15px;
  line-height: 45px;
  color: white;
  background: #447899; /* This one */
}

/* HOVER */
.top-bar-section li:not(.has-form) a:not(.button):hover {
  background-color: #555555;
  background: #e96327; /* This one */
}

/* PRESSED */
.top-bar-section li:not(.has-form) a:not(.button):active {
  background-color: #6489b8;
  background: #447899; /* This one */
}

/* WHEN ROLLOVER SELECTED */
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
  background: #447899; /* This one */
  color: white;
}

/* DROP DOWN NORMAL */
 .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
  color: white;
  background: #447899; /* This one */
}

/* DROP DOWN ROLLOVER */
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
  color: white;
  background-color: #f4f4f4;
  background: #e96327; /* This one */
}

/* DROP DOWN PRESSED */
.top-bar-section .dropdown li:not(.has-form):not(.active):active > a:not(.button) {
  color: white;
  background-color: #f4f4f4;
  background: #ad4b1f; /* This one */
}

/* DROP DOWN NORMAL HOME PAGE*/
 #body-home .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
  color: white;
  background: #447899; /* This one */
}

/* DROP DOWN ROLLOVER  HOME PAGE*/
 #body-home .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
  color: white;
  background-color: #f4f4f4;
  background: #e96327; /* This one */
}

/* DROP DOWN PRESSED  HOME PAGE*/
 #body-home .top-bar-section .dropdown li:not(.has-form):not(.active):active > a:not(.button) {
  color: white;
  background-color: #f4f4f4;
  background: #ad4b1f; /* This one */
 }

/* MAKE DROP DOWN TOP SAME COLOR AS DROP DOWNS */
.top-bar-section ul li:hover:not(.has-form) > a {
  background-color: #555555;
  background: #447899; /* This one */
  color: white;
}

/* To change font size of large join text on join portlet */
div.small-12.columns h3 {
	font-size: 1.5rem;
}

/* To add margin to 2 columns on home page under 4 columns and set the background color */
#ccp-home-value {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #ffffff;
}

/* To hide search 
.top-bar form, .top-bar input {
  display: none;
}  */


/* To hide dots on slideshows 
div.orbit-bullets-container {
  display: none;
}  */

/* To color background of top nav on home page 
header#site-header {
  background-color: #27282A;
}*/

/* To color background of top nav on home page 
#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 {
  background-color: #27282A;
}*/

/* To color background of top nav buttons on home page when rollover 
#ccp-home-top-bar li:not(.has-form) a:not(.button):hover {
	  background-color: #257293;
}  */




/* To remove top section that appears under nav and before bgd image 
#home-header-top {
    display: none!important;
}  */


 
 
 
 
 /* To add background image to home page */
body#body-home {
  background: url(../images/background_home.jpg) no-repeat center top;
  /* background-attachment: fixed; */
}


/* To make nav bar semi transparent */
#body-home .contain-to-grid.sticky {
	background-color: rgba(0, 0, 0, 0.5);
}

#body-home .top-bar-section li:not(.has-form) a:not(.button) {
	background-color: transparent;
}

#body-home .top-bar-section li:not(.has-form) a:not(.button):hover  {
	background:#e86327;
}

#body-home .top-bar-section li:not(.has-form) a:not(.button):active  {
	background:#447899;
}

#body-home .top-bar-section .has-form {
	background: none;
}

#body-home nav.top-bar {
	background-color: rgba(0, 0, 0, 0.5);
	background: none;
}


/* To remove bgd to show background image on home */
div#ccp-home-info {
	background: none;
}


/* To format the home page slideshow */
#body-home div.small-12.one.columns {
	text-align: center;
	margin-top: 95px;
	margin-bottom: 110px;
}

div.small-12.one.columns h3 {
	font-size: 30pt;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1.3;
	text-shadow: 2px 2px #333;
}


/* To remove the slideshow arrows */
a.orbit-prev, a.orbit-next, div.orbit-timer, div.orbit-timer.paused {
	display: none;
}

/* To style slideshow dots */
.orbit-bullets li {
	background: #ffffff;
}

.orbit-bullets li.active {
	background: #e96327;
}


/* To make top level nav tabs be to the right */
ul.left {
	float:right!important;
}

div#ccp-template-row {
  background-color: #fff;
}

/* To add image on Products Page */
body#body-our_products div.ccp-portal {
	background: url(../images/products-main-wall.jpg) no-repeat center top;
	background-size: 2000px 485px;
	/*background-size: cover;*/
}


/* To move main image portlet on products page */
body#body-our_products div.small-12.one.columns {
	margin-top: -20px;
}


/* To add image on Connect Page */
body#body-concourseconnect div.ccp-portal {
	background: url(../images/connect-background.jpg) repeat-x center top;
	/*background-size: 2000px 485px;*/
	/*background-size: cover;*/
}


/* To move main image portlet on Connect page */
body#body-concourseconnect div.small-12.one.columns {
	margin-top: -20px;
}

/* To add image on Connect Page */
body#body-concoursesuite div.ccp-portal {
	background: url(../images/suite-background.jpg) repeat-x center top;
	/*background-size: 2000px 485px;*/
	/*background-size: cover;*/
}


/* To move main image portlet on Connect page */
body#body-concoursesuite div.small-12.one.columns {
	margin-top: -20px;
}


/* To adjust size of search box */
input.no-gap {
	width:145px;
}

/* To move search box to the right */
.top-bar-section .has-form {
	padding-right: 0;
}


/* To add padding to 4 columns on home page */
div#ccp-home-info-row.row {
    margin-bottom: 20px;
}

/* To add padding to laptop and iphone section on home page */
#ccp-home-benefits {
    padding-top: 50px;
}