/*
 *	Theme Name: 	FOLIO
 *	Theme URI: 		http://infuse.at/base
 *
 *	Version: 		1.0.1
 *	Status:			Stable Release
 * 
 *	Author: 		infuse
 *	Author URI: 	http://infuse.at
 *
 *	Description: 	
 *	Tags: 			
 *
 *	License: 		Commercial - Exclusive for Themeforest
 *	License URI: 	http://infuse.at/license
*/

/*
 * Here you can define your custom css. 
 * If you want a different background color for example, 
 * you would define it like in the example below
*/

#page-navi {
	background: #FE9241;
	background: rgba(254, 146, 65, 1);
}
#page-navi ul li {
	background: #FE9241; 
	background: rgba(254, 146, 65, 1); 
}

#page-navi ul li a {
	color: #EA7423; 
	color: rgba(234, 116, 35, 1); 
	text-shadow: 0 -1px 2px rgba(0,0,0,0.5), 0 1px 1px rgba(255,255,255,0.35);
}

#page-navi ul li:hover a {
	color: #D6600F; 
	color: rgba(214, 96, 15, 1); 
	text-shadow: 0 -1px 2px rgba(0,0,0,0.5), 0 1px 1px rgba(255,255,255,0.25);
}

#page-navi ul li.active {}
#page-navi ul li.active a {
	color: #FFF;
	color: rgba(255,255,255,0.75);
	text-shadow: 0 -1px 3px rgba(0,0,0,0.25), 0 1px 1px rgba(255,255,255,0.75);
}

/* ------------------------- PAGE MAIN >> MILESTONES ------------------------- */
.milestone {border-left: 2px solid rgba(254, 146, 65, 1);}

.milestone .date {
	color: rgba(214, 96, 15, 1); 
	text-shadow: 0 -1px 2px rgba(0,0,0,0.5), 0 1px 2px rgba(255,255,255,0.5);
	background: rgba(254, 146, 65, 1); 
}


/* ------------------------- PAGE MAIN >> POSTS ------------------------- */
.posts .post-header .date {background: rgba(254, 146, 65, 1); }
.posts .post-header .date span {color: rgba(214, 96, 15, 1); }

.posts .post-body .readmore-button {
	color: #CCC; 
	background: #FE9241; 
	background: rgba(254, 146, 65, 1); 
}

.posts .post-body .readmore-button:hover {
	color: #FFF; 
	background: #EA7423; 
	background: rgba(234, 116, 35, 1); 
}



/* ------------------------- PAGE OVERLAY >> CLOSE BUTTON ------------------------- */
#page-overlay .close {color: #333; background: rgba(254, 146, 65, 1);}
#page-overlay .close:hover {color: #EEE; background: rgba(234, 116, 35, 1);}



/* ------------------------- PAGINATIONS ------------------------- */
.pagination a,
.nivo-controlNav a {
	color: #CCC; 
	background: rgba(254, 146, 65, 0.5);
}

.pagination .selected,
.nivo-controlNav .active {background: rgba(254, 146, 65, .75);}


.pagination a,
.flex-control-paging li a {
	color: #CCC; 
	background: #FE9241;
	background: rgba(254, 146, 65, .5);
}

.flex-control-paging li a:hover {
	color: #FFF; 
	background: #FE9241;
	background: rgba(254, 146, 65, .7);
}

.pagination .selected,
.flex-control-paging li a.flex-active {
	color: #FFF; 
	background: #FE9241;
	background: rgba(254, 146, 65, .9);
}



/* ------------------------- PORTFOLIO >> HOVER EFFECT ------------------------- */
/* Effect Zoom */
.effect-zoom .item .info {background: rgba(254, 146, 65, 0.8);}

/* Effect Shutter */
.effect-shutter .item .item-inner {box-shadow: inset 0 0 0 0 rgba(254, 146, 65, 0.8), inset 0 0 0 16px rgba(0,0,0,0.6), 0 1px 2px rgba(0,0,0,0.1);} 
.effect-shutter .item:hover {box-shadow: inset 0 0 0 200px rgba(254, 146, 65, 0.8), inset 0 0 0 16px rgba(0,0,0,0.8), 0 1px 2px rgba(0,0,0,0.1);}



/* ------------------------- MAP CONTROLS ------------------------- */
#map-controls a {
	color: rgba(234, 116, 35, 1); 
	text-shadow: 0 -1px 2px rgba(0,0,0,0.5), 0 1px 2px rgba(255,255,255,0.5);
	background: rgba(254, 146, 65, 1); 
}

#map-controls a:hover {
	color: rgba(214, 96, 15, 1); 
	text-shadow: 0 -1px 2px rgba(0,0,0,0.5), 0 1px 2px rgba(255,255,255,0.5);
}



/* ------------------------- MORE INFO LINK ------------------------- */
.more-info-link {
	background: #FE9241; 
}

.more-info-link i {
	color: rgba(234, 116, 35, 1); 
	text-shadow: 0 -1px 2px rgba(0,0,0,0.5), 0 1px 2px rgba(255,255,255,0.5);
}



/* ------------------------- BAR CHART ------------------------- */
.bar-chart .bar[data-value^="1"] {background: rgba(254, 146, 65, 0.1);}
.bar-chart .bar[data-value^="2"] {background: rgba(254, 146, 65, 0.2);}
.bar-chart .bar[data-value^="3"] {background: rgba(254, 146, 65, 0.3);}
.bar-chart .bar[data-value^="4"] {background: rgba(254, 146, 65, 0.4);}
.bar-chart .bar[data-value^="5"] {background: rgba(254, 146, 65, 0.5);}
.bar-chart .bar[data-value^="6"] {background: rgba(254, 146, 65, 0.6);}
.bar-chart .bar[data-value^="7"] {background: rgba(254, 146, 65, 0.7);}
.bar-chart .bar[data-value^="8"] {background: rgba(254, 146, 65, 0.8);}
.bar-chart .bar[data-value^="9"] {background: rgba(254, 146, 65, 0.9);}
.bar-chart .bar[data-value^="10"] {background: rgba(254, 146, 65, 1.0);}

.bar-chart .bar[data-value^="1"]:hover {background: rgba(254, 146, 65, 0.2);}
.bar-chart .bar[data-value^="2"]:hover {background: rgba(254, 146, 65, 0.3);}
.bar-chart .bar[data-value^="3"]:hover {background: rgba(254, 146, 65, 0.4);}
.bar-chart .bar[data-value^="4"]:hover {background: rgba(254, 146, 65, 0.5);}
.bar-chart .bar[data-value^="5"]:hover {background: rgba(254, 146, 65, 0.6);}
.bar-chart .bar[data-value^="6"]:hover {background: rgba(254, 146, 65, 0.7);}
.bar-chart .bar[data-value^="7"]:hover {background: rgba(254, 146, 65, 0.8);}
.bar-chart .bar[data-value^="8"]:hover {background: rgba(254, 146, 65, 0.9);}
.bar-chart .bar[data-value^="9"]:hover {background: rgba(254, 146, 65, 1.0);}
.bar-chart .bar[data-value^="10"]:hover {background: rgba(254, 146, 65, 1.0);}



/* ------------------------- INTRO LAYER ------------------------- */
.intro.layer div {background: #FE9241;}



/* ------------------------- BUTTON STYLING ------------------------- */
.btn-special {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #FE9241;
	background-image: -moz-linear-gradient(top, #FE9241, #EA7423);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FE9241), to(#EA7423));
	background-image: -webkit-linear-gradient(top, #FE9241, #EA7423);
	background-image: -o-linear-gradient(top, #FE9241, #EA7423);
	background-image: linear-gradient(to bottom, #FE9241, #EA7423);
	background-repeat: repeat-x;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFE9241', endColorstr='#ffEA7423', GradientType=0);
	border-color: #EA7423 #EA7423 #D6600F;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #EA7423;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
	
.btn-special:hover,
.btn-special:active,
.btn-special.active,
.btn-special.disabled,
.btn-special[disabled] {
	color: #ffffff;
	background-color: #EA7423;
	*background-color: #D6600F;
}

.btn-special:active,
.btn-special.active {
	background-color: #D6600F \9;
}



/* ------------------------- BLOCKQUOTE STYLING ------------------------- */
blockquote {
	border-bottom: 2px solid #FE9241;
	color: #EEE;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}

blockquote:after {
	color: #EA7423; 
	text-shadow: 0 -1px 2px rgba(0,0,0,0.5), 0 1px 2px rgba(255,255,255,0.5);
	background: #FE9241;
}



/* ------------------------- TABLE STYLING ------------------------- */
table {color: #EEE;}
table i {color: #999;}



/* ------------------------- HIGHLIGHTING ------------------------- */
.highlight 				{color: #333; background: #FE9241;}
.highlight-text 		{color: #FE9241;}
.highlight-background 	{color: #333; background: #FE9241;}
 

body {
	/*background: #222;*/ 
}