/* ==============================================================


-----------------------------------------------------------------
CSS structure
-----------------------------------------------------------------

01. Primary color
    01.1. Color
	01.2. Background color
	01.3. Border color
02. Secondary color
    01.1. Color
    01.1. Background color
	01.2. Border color
02. Tertiary color
    01.1. Color
    01.1. Background color
	01.2. Border color
02. Quaternary color
    01.1. Color
    01.1. Background color
	01.2. Border color
	
============================================================== */

/*
Primary color
=========================== */

/*
Color
--------------------------- */
a,
a:focus,
a:hover,
a:active,
ul.social-network > li > a:hover,
ul.social-network > li > a:focus,
ul.list-link > li > a:hover,
ul.list-link > li > a:focus,
.title-section > h3,
.title-section > h4,
.title-icon-primary,
.jwg_slider_module .tabbed_navigation > ul li.active,
.jwg_slider_module .tabbed_navigation > ul li:hover,
ul.filter-items li:hover,
.icon-primary,
.bg-content > .content > h4,
.img-hover > .dh-overlay > .option > a.zoom:hover,
.navbar-nav li.active a,
.navbar-nav li a:hover,
.navbar-nav li.dropdown a:focus,
.navbar-nav li.dropdown a:active,
.navbar-toggle:hover > .icon,
.navbar-toggle:focus > .icon,
.validation,
.navbar-toggle:active > .icon,
.demo-column h5 a:hover,
.demo-column h5 a:focus,
.demo-column h5 a:active,
.direction-middle > .direction-nav > .direct-prev:hover,
.direction-middle > .direction-nav > .direct-next:hover{
	color:#8B2C18;
}

/*
Background
--------------------------- */
#infscr-loading,
.owl-theme .owl-controls.clickable .owl-page:hover span,
.img-hover > .dh-overlay > .option,
ul.filter-items li.active,
.pricing-table.primary > .pricing-title,
.btn-primary,
#toTopHover,
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active,
div.pp_default .pp_close:hover,
div.pp_default .pp_expand:hover,
div.pp_default .pp_contract:hover,
.widget fieldset.search-wrapper button,
.pager li > a:hover,
.pager li > a:focus,
.pager li > a:active,
.pager li > span:hover,
.pager li > span:focus,
.pager li > span:active,
ul.tags li a:hover,
ul.tags li a:active,
ul.tags li a:focus,
.demo-panel h6,
a.openpanel{
	background-color:#8B2C18;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.widget fieldset.search-wrapper button:hover{
	background-color:#a20b0b;
}

.post-item.primary > .post-meta,
.team-item.primary > .caption,
.direction > .direction-nav > .direct-prev:hover,
.direction > .direction-nav > .direct-prev:focus,
.direction > .direction-nav > .direct-next:hover,
.direction > .direction-nav > .direct-next:focus{
    background-color: #8B2C18;
}

/*
Border
--------------------------- */
.title-section:after,
.title-section.small:after,
.title-icon-primary,
.input-form > .icon.active,
.input-form:hover > .icon,
.input-form:hover > .form-control,
.panel-group > .panel > .panel-heading:hover,
.panel-group > .panel > .panel-heading:hover .icon,
ul.filter-items li.active,
ul.filter-items li:hover,
.form-control:hover,
.form-control:focus,
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active,
.navbar-nav li.active a,
.navbar-nav li a:hover,
.navbar-nav li.dropdown a:focus,
.navbar-nav li.dropdown a:active,
.navbar-toggle:hover > .icon,
.navbar-toggle:focus > .icon,
.navbar-toggle:active > .icon,
.title-aside:after,
.pager li > a:hover,
.pager li > a:focus,
.pager li > a:active,
.pager li > span:hover,
.pager li > span:focus,
.pager li > span:active,
ul.tags li a:hover,
ul.tags li a:active,
ul.tags li a:focus{
	border-color:#8B2C18;
}

.btn-primary.btn-bavel{
	border-bottom-color:#8C1313;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active{
	border-color:#a20b0b;
}

.btn-primary.btn-bavel:hover,
.btn-primary.btn-bavel:focus,
.btn-primary.btn-bavel:active{
	border-bottom-color:#8c1313;
}

.direction > .direction-nav > .direct-prev:hover,
.direction > .direction-nav > .direct-prev:focus,
.direction > .direction-nav > .direct-next:hover,
.direction > .direction-nav > .direct-next:focus{
    border-color: #649410;
}


/*
Secondary color
=========================== */

/*
Color
--------------------------- */
.icon-secondary{
    color: #4E82BF;
}

/*
Background
--------------------------- */
.btn-secondary,
.post-item.secondary > .post-meta,
.team-item.secondary > .caption,
.pricing-table.secondary > .pricing-title,
.icon-green{
	background-color:#4E82BF;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active{
	background-color:#327dd3;
}

/*
Border
--------------------------- */
.btn-secondary.btn-bavel{
	border-bottom-color:#327dd3;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active{
	border-color:#327dd3;
}

.btn-secondary.btn-bavel:hover,
.btn-secondary.btn-bavel:focus,
.btn-secondary.btn-bavel:active{
	border-bottom-color:#285fa3;
}

/*
Tertiary color
=========================== */

/*
Color
--------------------------- */
.icon-tertiary{
    color: #008B32;
}

/*
Background
--------------------------- */
.btn-tertiary,
.post-item.tertiary > .post-meta,
.team-item.tertiary > .caption,
.pricing-table.tertiary > .pricing-title,
.featured,
.inner-heading,
#loading,
.demo-heading{
    background: #f6a525;
}

.btn-tertiary:hover,
.btn-tertiary:focus,
.btn-tertiary:active{
	background-color:#df9520;
}

/*
Border
--------------------------- */
.btn-tertiary.btn-bavel{
	border-bottom-color:#d38c1d;
}

.btn-tertiary.btn-bavel:hover,
.btn-tertiary.btn-bavel:focus,
.btn-tertiary.btn-bavel:active{
	border-bottom-color:#ad7527;
}

/*
Quaternary color
=========================== */

/*
Color
--------------------------- */
.icon-quaternary{
    color: #25c7f6;
}

/*
Background
--------------------------- */
.btn-quaternary,
.post-item.quaternary > .post-meta,
.team-item.quaternary > .caption,
.pricing-table.quaternary > .pricing-title{
    background: #25c7f6;
}

.btn-quaternary:hover,
.btn-quaternary:focus,
.btn-quaternary:active{
	background-color:#20b6e2;
}

/*
Border
--------------------------- */
.btn-quaternary.btn-bavel{
	border-bottom-color:#22add6;
}

.btn-quaternary.btn-bavel:hover,
.btn-quaternary.btn-bavel:focus,
.btn-quaternary.btn-bavel:active{
	border-bottom-color:#1f9ec3;
}