/*-----------------------------------------------------------------------------------

	Color schemes        |      Default: primary #ff5c01, secondary #dd4f02
								Blue1: primary #00a9f5, secondary #0088f0
								Blue2: primary #009abb, secondary #006797
								Blue3: primary #00c0cc, secondary #009aa4
								Blue4: primary #333399, secondary #222275
								Brown: primary #c27736, secondary #ad672a
								Green1: primary #83BF29, secondary #629C14
								Green2: primary #00a02a, secondary #007f1c
								Green3: primary #999900, secondary #686800
								Orange1: primary #ffa51f, secondary #fe8100
								Pink: primary #ff5b92, secondary #f7467c
								Purple: primary #d568d3, secondary #7b54b4
								Red1: primary #9f1100, secondary #720b00
								Steel: primary #b6d7e1, secondary #75a3b3
								Yellow: primary #ffc500, secondary #ffb800
	
----------------------------------------------------------------------------------- */

/* ---------------------------- */
/*           General
/* ---------------------------- */
a {color: #ff5c01;}
.highlight {background-color: #ff5c01;}
::-moz-selection {color: #fff;}
::-webkit-selection {color: #fff;}
::selection {color: #fff;}
::-moz-selection {background-color: #ff5c01;}
::-webkit-selection {background-color: #ff5c01;}
::selection {background-color: #ff5c01;}
.divider-color {background-color: #ff5c01;}

/* ---------------------------- */
/*          Typography
/* ---------------------------- */

.dropcap1, .dropcap2, .dropcap3 {background-color: #ff5c01;}

/* ---------------------------- */
/*         Structure
/* ---------------------------- */

/* --------- NAVIGATION --------- */

.sf-menu a:hover {color: #ff5c01;}
.sf-menu > li.homepage-icon a {background-color: #ff5c01;}

/* ---------------------------- */
/*          Content
/* ---------------------------- */

/* --------- SECTION TITLE --------- */

.section-title span {background-color: #ff5c01;}
.section-title span:after {border-right-color: #ff5c01;}

/* --------- PAGE TITLE --------- */

.page-title h1 {background-color: #ff5c01;}
.page-title h1:after {border-left-color: #ff5c01;}

/* --------- PROJECTS --------- */

.project-icon {background-color: #ff5c01;}
.project-icon:after {border-left-color: #DD4F02;}
.project-text a:hover {background-color: #ff5c01;}

/* --------- CALLOUT BOX --------- */

.callout-box {border-top-color: #ff5c01;}
.callout-box:after {border-top-color: #ff5c01;}
.callout-box h5 {color: #ff5c01;}

/* --------- SLOGAN BOX --------- */

.slogan-box:after {border-left-color: #ff5c01;}
.slogan-box-body {border-left-color: #ff5c01;}
.slogan-box h5 {color: #ff5c01;}

/* --------- SERVICES --------- */

.service-icon {background-color: #ff5c01;}
.service-icon:after {border-left-color: #ff5c01;}

/* ---------------------------- */
/*    UI Accordion and toggle
/* ---------------------------- */

.accordion h3 a:hover, .toggle h3 a:hover {color: #ff5c01;}
.accordion h3.ui-state-active a:hover, .toggle h3.active a:hover {color: #ff5c01;}

/* Tabs */
.tabs ul.tabs-nav li.ui-state-active a {border-top-color: #ff5c01; color: #ff5c01;}
.tabs ul.tabs-nav li a:hover {color: #ff5c01;}

/* Vetical Tabs */
.tabs.vertical ul.tabs-nav li.ui-state-active a {border-left-color: #ff5c01;}

/* ---------------------------- */
/*        Content Slider
/* ---------------------------- */

.cs-slidecontrols li:hover {background-color: #ff5c01;}

/* ---------------------------- */
/*         Portfolio
/* ---------------------------- */

/* --------- Filter --------- */

a.filter-button {background-color: #ff5c01;}
#portfolio-filters a {background-color: #ff5c01;}
#portfolio-filters a:hover {background-color: #DD4F02;}

/* --------- SINGLE PORTFOLIO --------- */

.portfolio-details .divider-color {background-color: #ff5c01;}

/* --------------------------- */
/*        PRICING TABLES       
/* --------------------------- */

.pt-column h3 {background: #ff5c01;}

/* ---------------------------- */
/*            Blog
/* ---------------------------- */

.meta-top .meta-date .year {background-color: #ff5c01;}
.meta-bottom span a:hover {background-color: #ff5c01;}

/* --------- Pagination --------- */

.site-pagination span, .site-pagination a:hover {background-color: #ff5c01;}

/* ---------------------------- */
/*           Sidebar
/* ---------------------------- */

.lp-image:hover {border-color: #ff5c01;}
.tagcloud a {background-color: #ff5c01;}

/* ---------------------------- */
/*           Footer
/* ---------------------------- */

.footer a:hover {color: #ff5c01;}
.footer-bottom a:hover {color: #ff5c01;}

/* ---------------------------- */
/*         Flickr Feed
/* ---------------------------- */

#flickr_badges ul li a:hover {border-color: #ff5c01;}

/* ---------------------------- */
/*       From flexslider.css
/* ---------------------------- */

.flexslider-wrapper .flexslider .flex-next:hover {background-color: #ff5c01;}
.flexslider-wrapper .flexslider .flex-prev:hover {background-color: #ff5c01;}
.flex-control-paging li a:hover {background-color: #ff5c01;}
.flex-caption {border-left-color: #ff5c01;}
.flex-caption a {color: #ff5c01;}

/* ---------------------------- */
/*       From shortcodes.css
/* ---------------------------- */

.button, button, .wpcf7-form input[type="submit"], .portfolio-navigation div a, #commentform input#submit, #contact input#submit {background-color: #ff5c01;}

/* ---------------------------- */
/*     For responsive design
/* ---------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.responsive .page-title h1 {background-color: #ff5c01;}
}
@media only screen and (max-width: 479px) {
	.responsive .page-title h1 {background-color: #ff5c01;}
}