/*MAIN STYLES --- APP SPECIFIC*/

/*COLORS*/

/*
	
	Gray: #2c2d2d;
	Pink: #b74283;
	Red: #ba3530;
	Green: #76c585;

*/

.rodeo-editor-btn {
	background-color: #ececec;

	transition:background-color 0.35s;
	-webkit-transition:background-color 0.35s;
}

.rodeo-editor-btn.active {
	background-color:#e0e0e0 !important;
}

.white {
	color:#ffffff;
	border-color:#ffffff;
}
.white-bg {
	background-color:#ffffff;
}

.gray {
	color:#231f20 !important;
	border-color:#231f20 !important;
}
.gray-bg {
	background-color:#231f20;
}
.gray-bg-transparent {
	background-color:rgba(44,45,45,0.90);
}

.medium-gray {
	color:#5d5d5d;
}

.pink {
	color:#b74283 !important;
	border-color:#b74283 !important;
}
.pink-bg {
	background-color:#b74283;
}

.dark-pink {
	color:#602445;
}

.red {
	color:#ba3530 !important;
	border-color:#ba3530 !important;
}
.red-bg {
	background-color:#ba3530;
}

.green {
	color:#6eb57b;
	border-color:#6eb57b;
}
.green-bg {
	background-color:#6eb57b;
}

.fade {
	color:#ececec;
}

.fade-bg {
	background-color: #ececec;
}

.light-gray {
	color:#999;
}
.light-gray-bg {
	background-color:#CCC;
}

body {
	font-family: 'source-sans-pro', sans-serif;
	color:#2c2d2d;
	font-size:16px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#logo {
	/*width:100px;
	height:auto;
	margin-left:1em;
	margin-top:1em;*/
	margin-top:-2em;
}

#menu-btn {
  display: inline-block;
  text-align: center;
  background:rgba(35,31,32,0);
  padding:1.5em;
  border-radius:0 0 0 4px;

  transition:background 0.5s;
  -webkit-transition: background 0.5s;
}

#pop-up-header #menu-btn {
	margin-top:1.75em;
	margin-right:1.75em;

}

#menu-btn.enabled {
	background:rgba(35,31,32,1);
}

.bar1, .bar2, .bar3 {
  display: block;
  width: 2.25em;
  height: 2px;
  background-color: #b74283;
  margin-bottom: 6px;
  
  transition: 0.4s;
  -webkit-transition: 0.4s; 
}
.bar3 {
	margin-bottom: 0px;
}

#menu-btn.change {
	background:rgba(35,31,32,0);
}

.change .bar1, .change .bar2, .change .bar3 {
	background-color: #FFF;
}

/* Rotate first bar */
.change .bar1 {
  -webkit-transform: rotate(45deg) translate(6px, 5px);
  transform: rotate(45deg) translate(6px, 5px); 
}

/* Fade out the second bar */
.change .bar2 {
  opacity: 0; 
}

/* Rotate last bar */
.change .bar3 {
  -webkit-transform: rotate(-45deg) translate(6px, -6px);
  transform: rotate(-45deg) translate(6px, -6px); 
}

#main-header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:2;
}

#pop-up-header {
	padding-bottom:1.325em;
	margin-top:0;
	opacity: 1;
	box-shadow:0px 4px 0px rgba(0,0,0,0.1);
	transition:margin-top 0.5s, opacity 0.5s;
}

#pop-up-header.header-disabled {
	margin-top:-124px;
	opacity: 0;
	transition:margin-top 0.5s, opacity 0.5s;
}

#mobile-nav-list li {
	padding:0.625em;
	border-bottom:solid 1px #cb4a92;
}

#mobile-nav-list li:first-of-type {
	border-top:solid 1px #cb4a92;
}

#pop-up-logo {
	max-width:100px;
	height:auto;
}

#right-dashboard.dashboard-enabled {
	box-shadow:-0.25em 0px 0px rgba(0,0,0,0.15);
	transition:box-shadow 0.5s;
}

#projects-grid, .project-container {
	border:solid 2px #ececec;
}

.color-bar {
	height:6px !important;
}

.color-bar.small {
	height:6px !important;
}

.border-right {
	border-right:solid 4px #e3f2e6;
}

.border-left {
	border-left:solid 4px #e3f2e6;
}

.border-bottom {
	border-bottom:solid 1px #ececec;
}

.border-all {
	border:solid 2px #dcdcdc;
}

.border-img {
	padding:1em;
	border:solid 1px #CCC;
	background-color:#ffffff;
}

.border-img img {
	border:solid 1px #ececec;
}

.line-spacing-plus {
	line-height:2em;
}

.social-icon {
	display:inline-block;
	margin-right:4px;
}
.social-icon.last {
	margin-right:0px;
}
.no-border input[type=text], .no-border input[type=password], .no-border textarea, .no-border .rodeo-styled-select {
	border:none !important;
}
.letter-spacing-plus {
	letter-spacing: 2px;
}
.line-spacing-plus {
	line-height: 2em;
}
.oswald {
	font-family: 'Oswald';
}
.tagline {
	font-size:2.75em;
	letter-spacing: 2px;
	margin:0;
	padding:0;
	margin-top:-0.25em;
}

/*@keyframes services-btn-animate {
	0% {
		transform: translate3d(0, -32px, 0);
	}
	50% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(0, -32px, 0);
	}
}*/
#projects .rodeo-button-group {
	border:solid 2px #FFF;
	border-radius:4px;
}
#projects .rodeo-button-group .rodeo-button {
	border-right:solid 2px #FFF;
	border-radius:0;
}
#projects .rodeo-button-group .rodeo-button i {
	opacity:0.5;
}
#projects .rodeo-button-group .rodeo-button:last-of-type {
	border-right:none;
}
#projects #application-development-projects .rodeo-button-group, #projects #application-development-projects .rodeo-button-group .rodeo-button {
	border-color:#b74283;
} 

#services-btn {
	position:absolute;
	bottom:0;
	left:50%;
	width:64px;
	margin-left:-32px;
	margin-bottom:32px;

	/*-webkit-animation-timing-function: cubic-bezier(0.4,0.6,0.2,1);
    animation-timing-function: cubic-bezier(0.4,0.6,0.2,1);
    animation: services-btn-animate 1.5s infinite;
    -webkit-animation: services-btn-animate 1.5s infinite;*/
}

#services {
	background: #b74283; 
    background: -webkit-linear-gradient(bottom left, #b74283, #e25552); 
    background: -o-linear-gradient(bottom left, #b74283, #e25552);
    background: -moz-linear-gradient(bottom left, #b74283, #e25552);
    background: linear-gradient(bottom left, #b74283, #e25552);
    color:#FFF;
}

/*#main-footer {
	background-image: url('/img/icon_white.png');
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto 100%;
}*/

.project {
	display:none;
}

.project-overlay {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(35,31,32,0.96);
	z-index:1;

	transform:translateY(100%);
	-webkit-transform:translateY(100%);

	transition: transform 0.375s;
	-webkit-transition: -webkit-transform 0.375s;

	transition-timing-function: cubic-bezier(0.4,0.6,0.05,1);
    -webkit-transition-timing-function: cubic-bezier(0.4,0.6,0.05,1);
}

.project-overlay.enabled {
	transform:translateY(0);
	-webkit-transform:translateY(0);
}

.navigate-slides {
	position:absolute;
	top:50%;
	height:192px;
	margin-top:-96px;
	padding:0.5em;
	padding-top:80px;
	display:inline-block;
	background-color:rgba(0,0,0,0.25);
	color:#6eb57b;
}

.navigate-slides.left {
	left:0;
	border-radius:0 4px 4px 0;
}

.navigate-slides.right {
	right:0;
	border-radius:4px 0 0 4px;
}

#features-list {
	border-left:solid 1px #CCC;
}

#features-list li {
	padding-bottom:0.5em;
}

#features-list li:last-child {
	padding-bottom:0px;
}

::-webkit-input-placeholder {
   color: #2c2d2d;
}
:-moz-placeholder {
	color: #2c2d2d;
} 
::-moz-placeholder {
	color: #2c2d2d;
} 
:-ms-input-placeholder {
	color: #2c2d2d;
}

#submit_contact textarea {
	background-color:transparent;
	padding:2.5em;
	border:solid 2px #333232 !important;
	color:#ececec !important;
}

#submit_contact textarea::-webkit-input-placeholder {
   color:#b74283;
}
#submit_contact textarea:-moz-placeholder {
	color:#b74283;
} 
#submit_contact textarea::-moz-placeholder {
	color:#b74283;
} 
#submit_contact textarea:-ms-input-placeholder {
	color:#b74283;
}

.sample-image {
	box-shadow:20px 20px 0 rgba(0,0,0,0.1);
	position:absolute;
	bottom:0;
	display:block;
	max-width:calc(100% - 20px);
}

.slide .rodeo-grid {
	position:relative;
	display:table;
}

.slide .rodeo-grid .rodeo-grid-unit {
	float:none;
	display:table-cell;
	vertical-align:middle;
	height:100%;
}

/**
  Helpers
*/
.check-list {
	display:block;
	list-style-type:none;
	margin:0;
	padding:0;
}
.check-list li {
	position:relative;
	display:block;
	margin-top:1em;
	padding-left:2em;
}
.check-list li:after {
	content:"\f05d";
	font-family: "FontAwesome";
	position:absolute;
	top:0;
	margin-top:0.1875em;
	left:0;
	color:#56B2BF;
}

/************
	CHARTS
*************/
.ct-chart #total-visits {
	position:absolute;
	width:16em;
	left:50%;
	margin-left:-8em;
	top:50%;
	margin-top:-0.75em;
	font-size:2em;
}

.ct-line {
  stroke-width: 4px;
}

.ct-point {
  stroke-width: 8px;
}

.ct-series-a .ct-line, .ct-series-a .ct-point {
	stroke:#76c585 !important;
}
.legend-bg-1 {
	background-color:#76c585;
}

.ct-series-a .ct-slice-donut {
	stroke:#76c585 !important;
}
.ct-series-b .ct-line, .ct-series-b .ct-point {
	stroke:#ba3530 !important;
}
.legend-bg-2 {
	background-color:#ba3530;
}
.ct-series-b .ct-slice-donut {
	stroke:#ba3530 !important;
}

.ct-series-c .ct-line, .ct-series-c .ct-point {
	stroke:#b74283 !important;
}
.legend-bg-3 {
	background-color:#b74283;
}

.ct-series-d .ct-line, .ct-series-d .ct-point {
	stroke:#2c2d2d !important;
}
.legend-bg-4 {
	background-color:#2c2d2d;
}

.ct-series-e .ct-line, .ct-series-e .ct-point {
	stroke:#4ba85b !important;
}
.legend-bg-5 {
	background-color:#4ba85b;
}

.ct-series-f .ct-line, .ct-series-f .ct-point {
	stroke:#961916 !important;
}
.legend-bg-6 {
	background-color:#961916;
}

.ct-series-g .ct-line, .ct-series-g .ct-point {
	stroke:#a6236a !important;
}
.legend-bg-7 {
	background-color:#a6236a;
}

.ct-series-h .ct-line, .ct-series-h .ct-point {
	stroke:#a4ddae !important;
}
.legend-bg-8 {
	background-color:#a4ddae;
}

.ct-series-i .ct-line, .ct-series-i .ct-point {
	stroke:#d75956 !important;
}
.legend-bg-9 {
	background-color:#d75956;
}

.ct-series-j .ct-line, .ct-series-j .ct-point {
	stroke:#d168a1 !important;
}
.legend-bg-10 {
	background-color:#d168a1;
}

.legend {
	width:1em;
	height:1em;
	margin-right:0.25em;
	display:inline-block;
}

.action-highlight-bottom {
	border-bottom:solid 2px #76c585;
}

.task-card {
	border-radius:8px;
	display:block;
	position:relative;
}
.task-card i.link {
	position:absolute;
	top:50%;
	right:0;
	margin-top:-0.5em;
	margin-right:0.5em;
}
.task-card.outstanding {
	background-color:#faeaf3;
	border:solid 1px #e498c1;
}
.task-card.outstanding hr {
	background-color:#e498c1;
	margin-top:8px !important;
	margin-bottom:8px !important;
}
.task-card.outstanding .date {
	color:#b74283;
}
.task-card.outstanding .rodeo-button {
	background-color:#b74283;
}
.task-card.outstanding i, .task-card.outstanding .name {
	color:#b74283;
}

.task-card.complete {
	background-color:#f6fcf7;
	border:solid 1px #76c585;
}
.task-card.complete hr {
	background-color:#76c585;
	margin-top:8px !important;
	margin-bottom:8px !important;
}
.task-card.complete .date {
	color:#4ba85b;
}
.task-card.complete i, .task-card.complete .name {
	color:#4ba85b;
}
.task-card.complete .rodeo-button {
	background-color:#76c585;
}

.task-card.overdue {
	background-color:#ffe9e9;
	border:solid 1px #ff9391;
}
.task-card.overdue hr {
	background-color:#ff9391;
	margin-top:8px !important;
	margin-bottom:8px !important;
}
.task-card.overdue .date {
	color:#ba3430;
}

.task-card.overdue .rodeo-button {
	background-color:#ba3430;
}
.task-card.overdue i, .task-card.overdue .name {
	color:#ba3430;
}
.note {
	border-radius:8px;
	border:dashed 2px #CCC;
	background-color:#fcfcfc;
	padding:12px;
}
.note .date {
	color:#999;
}
.note hr {
	background-color:#d4d4d4;
	margin-top:8px !important;
	margin-bottom:8px !important;
}
.note .edit-field {
	padding:0.75em 0.75em;
	width:100%;
	font-size:14px;
	border:dashed 1px #999;
	background-color:rgba(255,255,255,0.5);
	outline:none;
}

/************
	PORTAL
*************/
.item-button {
	padding:0.25em 0.5em;
	background-color:#ececec;
	border-radius:2px;
}
.item-button i {

}
.delete-img {
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	border-radius:0 0 0 0.25em;
	background-color:rgba(0,0,0,0.35);
	padding:0.25em 0.5em;
}

.header-positive {
	border-bottom:solid 2px #76c585;
}

.header-warning {
	border-bottom:solid 2px #b74283;
}

.header-error {
	border-bottom:solid 2px #ba3530;
}

.header-descriptive {
	border:solid 1px #b74283;
}

.pop-up-form {
	background-color:#fcfcfc; 
	border:solid 1px #d4d4d4; 
	box-shadow:4px 4px 0px rgba(0,0,0,0.1);
}

#fuse-toggle .rodeo-toggle-tab.enabled {
	background-color:#b74283 !important;
}

@media screen and (min-width: 1025px) {
	.force-right {
		float:right !important;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1279px) {
	.sample-image {
		/*box-shadow:8px 8px 0 rgba(0,0,0,0.1);
		max-width: calc(100% - 8px) !important;*/
		bottom:auto;
		top:50%;
		margin-top:-125px;
	}
}

@media screen and (max-width: 1024px) {
	.navigate-slides {
		top:50%;
		height:192px;
		margin-top:-96px;
		padding:0.5em;
		padding-top:80px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.border-right {
		border-right:none;
	}

	.sample-image {
		box-shadow:20px 20px 0 rgba(0,0,0,0.1);
		width:100%;
		max-width:100%;
		position:static;
		display:inline-block;
	}

	.sample-parent {
		padding-bottom:20px;
		padding-right:20px;
	}
} 

@media screen and (max-width: 767px) {
	body {
		font-size: 14px;
	}

	.border-right {
		border-right:none;
	}

	#logo {
		max-width:60%;
	}

	#tagline {
		font-size:20px;
		font-weight:400;
	}

	.sample-image {
		box-shadow:12px 12px 0 rgba(0,0,0,0.1);
		width:100%;
		max-width:100%;
		position:static;
		display:inline-block;
	}

	.sample-parent {
		padding-bottom:12px;
		padding-right:12px;
	}

	#projects {
		text-align:center !important;
	}

	#pop-up-header #menu-btn {
		margin-top:1.75em;
		margin-right:0.75em;

	}
}
@media screen and (max-width: 480px) {
	#projects .rodeo-button-group .rodeo-button {
		width:100%;
		border-right:none;
		border-bottom:solid 2px #FFF;
	}
	#projects .rodeo-button-group .rodeo-button:last-of-type {
		border-bottom:none;
	}
}