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

Klasik - CSS File

CHANGE COLOR STYLE

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

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

[Table of contents]

1. Global Elements
2. Header 
	2.1. Navigation
	2.2. Slider
3. Afterheader
4. Content 
	4.1. Widgets
	4.2. Blog 
5. Sidebar
6. Footer Sidebar
7. Footer
8. Plugin

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



/* 1. GLOBAL ELEMENTS
--------------------------------------------------------------------------------------*/

body {color:#606060; border-top:5px solid #383838}
#bodychild {}
#outermain{background-color:#ffffff; }

/* Logo */
#logo h1 a, #logo h1 a:visited{color:#444;}

/* Link */
a, .morelink, .colortext, a.colortext{color:#777;}
a:hover, a.colortext:hover, .colortext a:hover, .morelink:hover{color:#333}

/* Heading & text */
h1, h2, h3, h4, h5, h6{color:#444444;}
.pagetitle{color:#444444;}
.pagedesc{ color:#aaa;}


/* 2. HEADER SECTION 
--------------------------------------------------------------------------------------*/

#outerheader{ background-color:rgba(255,255,255,0.8); border-bottom:1px solid #ebebeb;}


/*======= 2.1. Navigation =======*/
.sf-menu a, .sf-menu a:visited{color:#858585;}/* 1st level */
.sf-menu a:hover, .sf-menu li.current a{color:#444;}/* 1st level */
.sf-menu li.sfHover a:hover{color:#444;}/* 2nd level */

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	background:#ffffff!important;
	color:#858585;
	border:1px solid #ebebeb;
	border-top:2px solid #c4c4c4;

}
.sf-menu li li ul{ border-top:1px solid #ebebeb!important;}

.sf-menu li li:first-child{
	 border:0px;
}
.sf-menu > li li:before{
	
}
.sf-menu ul li a{ color:#858585;  }
.sf-menu ul li a:hover, #topnav li li a.current{color:#444;}

.sf-menu a:hover, .sf-menu li.current-menu-item > a, .sf-menu li.current_page_item > a, .sf-menu li.current-menu-ancestor > a, .sf-menu li.current-menu-parent > a, .sf-menu li.current_page_ancestor > a, .sf-menu li.current_page_parent > a{color:#444;}



/* Mobile Menu*/
.tinynav{background:#fff; border:1px solid #eee;}



/* 2.2. Slider 
--------------------------------------------------------------------------------------*/

#outerslider{border-bottom: 1px solid #e2e2e2;}
#slider .slider-title span{color:#444; background-color:rgba(255,255,255,0.5);}
#slider .slider-desc span{color:#ffffff; background-color:rgba(0,0,0,0.5);}
#slider .slider-title a, #slider .slider-title a:hover{ color:#444}

#slider ul.flex-direction-nav a, #slider div.nivo-directionNav a, #slider .camera_prev, #slider .camera_next{background-color:rgba(0,0,0,0.5);}
#slider ul.flex-direction-nav a:hover, #slider div.nivo-directionNav a:hover{background-color:rgba(0,0,0,0.75);}
#slider ul.flex-direction-nav a.flex-prev, #slider a.nivo-prevNav, #slider .camera_prev > span{background-image:url(images/slider-arrow-left.png); background-position:center;}
#slider ul.flex-direction-nav a.flex-next, #slider a.nivo-nextNav, #slider .camera_next > span{background-image:url(images/slider-arrow-right.png); background-position:center;}



/* 3. AFTER HEADER SECTION 
--------------------------------------------------------------------------------------*/
#outerafterheader{ background-color:#fafafa; border-bottom:1px solid #ebebeb; }
#afterheader #breadcrumbs { color:#aaa;}


/* 4. CONTENT SECTION 
--------------------------------------------------------------------------------------*/

/* Form */
input[type="text"], input[type="email"],
textarea, input[type="password"], select{
	border:solid 1px #e2e2e2;
	color:#888;
}
label{ color:#333;}
span.required{ color:#f00;}

/* Horizontal Line */
hr {
	color:#eaeaea;
	background-color:#eaeaea;
}

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

/* List */
ul.client{border:solid 1px #eaeaea;}
ul.checklist li{ background:url(images/checklist.png) no-repeat 0 5px;}
ul.list li{border-bottom:solid 1px #f0f0f0;}

/* Button */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #888; 
	border:0;
	color:#fff;
	
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	background: #5e5e5e; 
	border:0;
	color:#fff;
}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	
}

/* Blockquote */
blockquote{ border-left:8px solid #6c6c6c}


/* Dropcaps */	
.dropcap1{text-shadow:1px 1px 0 #ededed; color:#2e2e2e}
.dropcap2{color:#fff; background:#2e2e2e}		
.dropcap3{color:#fff; background:#2e2e2e}


/* Code */
code {
	border-left:4px solid #e9e9e9;
}

/* Tables */
th{border-bottom: 1px solid #f1f1f1;}
table {border: 1px solid #f1f1f1;border-bottom:0;}
tr td {border-bottom: 1px solid #f1f1f1;}
tr.odd td {background: #F2F7FC;}

/* Bottomline*/
.bottomline{border-color:#e7e7e7;}


/*======= 4.1. Widgets =======*/

/*** POSITION ON THEME ***/

.maintop-container .all-widget-container,
.mainbottom-container .all-widget-container{border-bottom: 1px solid #e2e2e2;}
.mainbottom-container .widget-mainbottom:first-child .all-widget-container{ border-top:1px solid #e2e2e2;}

.widget-subtitle{ color:#aaa;}
.widget-title .line-wrap .line{ border-bottom:1px solid #ebebeb;}


/* Custom Class*/
.custom1 .all-widget-container{
	background-image:url(http://demoimages.klasikthemes.com/bg-image.jpg);
	background-repeat:no-repeat; 
	background-position:center;
	background-attachment: fixed;
	background-size: cover;
	border-bottom: 1px solid #e2e2e2;
}
.custom1 .all-widget-container .opacity{background: rgba(255, 255, 255, 0.8);}

.custom2 .all-widget-container{ background:#f7f7f7;}



/* Recent Posts */
.klasik-recentpost-widget .recent-title,
.klasik-recentpost-widget .recent-title a, 
.klasik-recentpost-widget .recent-title a:visited{color:#444;}
.klasik-recentpost-widget .recent-title a:hover{color:#777;}
.klasik-recentpost-widget .smalldate{color:#777;}


#sidebar .klasik-recentpost-widget .recent-title,
#sidebar .klasik-recentpost-widget .recent-title a, 
#sidebar .klasik-recentpost-widget .recent-title a:visited{color:#444;}
#sidebar .klasik-recentpost-widget .recent-title a:hover{color:#777;}
#sidebar .klasik-recentpost-widget .smalldate{ color:#777;}

#footersidebar .klasik-recentpost-widget .recent-title,
#footersidebar .klasik-recentpost-widget .recent-title a, 
#footersidebar .klasik-recentpost-widget .recent-title a:visited{color:#ddd;}
#footersidebar .klasik-recentpost-widget .recent-title a:hover{ color:#eee}
#footersidebar .klasik-recentpost-widget .recent-thumb img{ background:#e1e1e1; border:1px solid #888}
#footersidebar .klasik-recentpost-widget .smalldate{ color:#a4a4a4;}

/* Latest News */
.klasik-latestnews-widget .recent-title,
.klasik-latestnews-widget .recent-title a, 
.klasik-latestnews-widget .recent-title a:visited{color:#444;}
.klasik-latestnews-widget .recent-title a:hover{color:#777;}
.klasik-latestnews-widget .smalldate{color:#777;}

#sidebar .klasik-latestnews-widget .recent-title,
#sidebar .klasik-latestnews-widget .recent-title a, 
#sidebar .klasik-latestnews-widget .recent-title a:visited{color:#444;}
#sidebar .klasik-latestnews-widget .recent-title a:hover{color:#777;}
#sidebar .klasik-latestnews-widget .smalldate{color:#777;}

#footersidebar .klasik-latestnews-widget .recent-title,
#footersidebar .klasik-latestnews-widget .recent-title a, 
#footersidebar .klasik-latestnews-widget .recent-title a:visited{color:#ddd;}
#footersidebar .klasik-latestnews-widget .recent-title a:hover{color:#eee;}
#footersidebar .klasik-latestnews-widget .smalldate{color:#a4a4a4;}


/* Events News */
.klasik-events-widget .event-title,
.klasik-events-widget .event-title a, 
.klasik-events-widget .event-title a:visited{color:#444;}
.klasik-events-widget .event-title a:hover{color:#777;}
.klasik-events-widget .smalldate{color:#777;}
.klasik-events-widget .event-date-wrap{ border:1px solid #ebebeb; color:#777;}

#sidebar .klasik-events-widget .event-title,
#sidebar .klasik-events-widget .event-title a, 
#sidebar .klasik-events-widget .event-title a:visited{color:#444;}
#sidebar .klasik-events-widget .event-title a:hover{color:#777;}
#sidebar .klasik-events-widget .smalldate{color:#777;}
#sidebar .klasik-events-widget .event-date-wrap{ border:1px solid #ebebeb; color:#777;}

#footersidebar .klasik-events-widget .event-title,
#footersidebar .klasik-events-widget .event-title a, 
#footersidebar .klasik-events-widget .event-title a:visited{color:#ddd;}
#footersidebar .klasik-events-widget .event-title a:hover{color:#eee;}
#footersidebar .klasik-events-widget .smalldate{color:#a4a4a4;}
#footersidebar .klasik-events-widget .event-date-wrap{ border:1px solid #ebebeb; color:#ddd;}


/* Advanced Posts */
.klasik-advancedpost-widget .recent-title,
.klasik-advancedpost-widget .recent-title a, 
.klasik-advancedpost-widget .recent-title a:visited{color:#444;}
.klasik-advancedpost-widget .recent-title  a:hover{color:#777;}
.klasik-advancedpost-widget .smalldate{color:#777;}

#sidebar .klasik-advancedpost-widget .recent-title,
#sidebar .klasik-advancedpost-widget .recent-title a, 
#sidebar .klasik-advancedpost-widget .recent-title a:visited{color:#444;}
#sidebar .klasik-advancedpost-widget .recent-title  a:hover{color:#777;}
#sidebar .klasik-advancedpost-widget .smalldate{color:#777;}

#footersidebar .klasik-advancedpost-widget .recent-title,
#footersidebar .klasik-advancedpost-widget .recent-title a, 
#footersidebar .klasik-advancedpost-widget .recent-title a:visited{color:#ddd;}
#footersidebar .klasik-advancedpost-widget .recent-title  a:hover{color:#eee;}
#footersidebar .klasik-advancedpost-widget .smalldate{color:#a4a4a4;}


/* Action */
.klasik-action-widget h2{color:#aaa; background:url(images/action-line.png) no-repeat center bottom}
#footersidebar .klasik-action-widget h1{ background:none; border-bottom:1px solid #444444;}
#sidebar .klasik-action-widget .action-button .button.left, 
.klasik-action-widget .action-button .button.left{background:#666666; color:#fff;}
#sidebar .klasik-action-widget .action-button .button.left:hover, 
.klasik-action-widget .action-button .button.left:hover{background:#5e5e5e; color:#fff;}
#sidebar .klasik-action-widget .action-button .button.right, 
.klasik-action-widget .action-button .button.right{background:#888888; color:#fff;}
#sidebar .klasik-action-widget .action-button .button.right:hover, 
.klasik-action-widget .action-button .button.right:hover{background:#7c7c7c; color:#fff;}

/* Featured */
.klasik-features .feature-title, 
.klasik-features .feature-title a, 
.klasik-features .feature-title a:visited{color:#444;}
.klasik-features .feature-title a:hover{color:#777;}

#sidebar .klasik-features .feature-title, 
#sidebar .klasik-features .feature-title a, 
#sidebar .klasik-features .feature-title a:visited{color:#444;}
#sidebar .klasik-features .feature-title a:hover{color:#777;}

#footersidebar .klasik-features .feature-title, 
#footersidebar .klasik-features .feature-title a, 
#footersidebar .klasik-features .feature-title a:visited{color:#ddd;}
#footersidebar .klasik-features .feature-title a:hover{color:#eee;}

/* Team */
.klasik-team-widget .team-title, 
.klasik-team-widget .team-title a, 
.klasik-team-widget .team-title a:visited{color:#444;}
.klasik-team-widget .team-title a:hover{color:#777;}
.klasik-team-widget .team-tag{color:#777;}

#sidebar .klasik-team-widget .team-title, 
#sidebar .klasik-team-widget .team-title a, 
#sidebar .klasik-team-widget .team-title a:visited{color:#444;}
#sidebar .klasik-team-widget .team-title a:hover{color:#777;}


#footersidebar .klasik-team-widget .team-title, 
#footersidebar .klasik-team-widget .team-title a, 
#footersidebar .klasik-team-widget .team-title a:visited{color:#ddd;}
#footersidebar .klasik-team-widget .team-title a:hover{color:#eee;}


/* Testimonials */
.klasik-testimonial-widget .testi-title{ color: #444;}
.klasik-testimonial-widget .testi-tag{ color: #777;}

#footersidebar .klasik-testimonial-widget .testi-title{ color: #ddd;}
#footersidebar .klasik-testimonial-widget .testi-tag{ color: #a4a4a4;}


/* Portfolio */

#filter li a, #filter li a:visited{ color:#606060;}
#filter li.current a, #filter li a.active, #filter li a:hover{color:#777}

.klasik-pf-text{ border:solid #e2e2e2; border-width:0 1px 1px; background:#f7f7f7}

.klasik-pf-text .pftitle,
.klasik-pf-text .pftitle a, 
.klasik-pf-text .pftitle a:visited{color:#444;}
.klasik-pf-text .pftitle a:hover{color:#777;}

#sidebar .klasik-pf-text .pftitle,
#sidebar .klasik-pf-text .pftitle a, 
#sidebar .klasik-pf-text .pftitle a:visited{color:#444;}
#sidebar .klasik-pf-text .pftitle a:hover{color:#777;}

#footersidebar .klasik-pf-text .pftitle,
#footersidebar .klasik-pf-text .pftitle a, 
#footersidebar .klasik-pf-text .pftitle a:visited{color:#ddd;}
#footersidebar .klasik-pf-text .pftitle a:hover{color:#eee;}


/*======= 4.2. Blog =======*/

.sticky .posttitle{background:url(images/sticky.png) no-repeat 2px 9px}

.posttitle a, .posttitle a:visited{color:#444;}
.posttitle a:hover{color:#777}

#singlepost .post{

}

.entry-comment{ background:#303030;}
.entry-comment a, entry-comment a:visited{color:#fff}
.comment-body .time a:hover{color:#222222;}
.con-comment{ border:1px solid #e7e7e7}

.entry-utility{ 
	color:#777;
}

.entry-utility a{color:#777}
.entry-utility a:hover{ color:#606060}

.fn{color:#222;}
.tdate, .reply a, .reply a:visited{color:#aaa; }

.more { color:#606060}
.more:hover{ color:#777;}

#nav-below{ border-top:1px solid #e7e7e7}

/* Post Format */
.entry-quote .quote-text{ color:#888888;}
.quoteinfo{ color:#777;}

.avatar{
	border:solid 1px #ebebeb;
    background: #ffffff;	
}

#entry-author-info{border:1px solid #e7e7e7;}


/* tag's*/
.entry-tag, .page-links {
   color:#777;
}



/* 5. SIDEBAR SECTION 
--------------------------------------------------------------------------------------*/

#sidebar .widget-title {color:#333333;}

#sidebar li li{}
#sidebar li, #sidebar li a, #sidebar li li a{color:#a4a4a4;}
#sidebar li a:hover, #sidebar li li a:hover, #sidebar li li a.current{color:#777777;}
#sidebar ul.sub-menu li, #sidebar ul.children li, #sidebar ul ul ul li{}
#sidebar ul.sub-menu ul.sub-menu li, #sidebar ul.children ul.children li{}
#sidebar ul.sub-menu ul.sub-menu ul.sub-menu li, #sidebar ul.children ul.children li{}
#sidebar ul.sub-menu ul.sub-menu ul.sub-menu li ul.sub-menu li, #sidebar ul.children ul.children li ul.children li{}


#sidebar .morelink{color:#2e2e2e;}
#sidebar .morelink:hover{color:#6a6a6a}

/* Sidebar Tabs */
.widget_klasik_tabs .tab-content ul li .smalldate{ color:#777}
#sidebar .widget_klasik_tabs .tab-content ul li{ border-bottom:1px solid #ebebeb}
#footersidebar .widget_klasik_tabs .tab-content ul li{ border-bottom:1px solid #444}

.widget_calendar #wp-calendar tbody td:first-child, .widget_calendar #wp-calendar tfoot td:first-child{border-left:0px;}
#footersidebar .widget_calendar #wp-calendar tbody td:first-child, #footersidebar .widget_calendar #wp-calendar tfoot td:first-child{border-left:0px;}
#footersidebar .widget_calendar td{ border-color:#474747;}
#footersidebar .widget_calendar thead th{ border-color:#474747 !important; background-color:#2d2d2d; }
#footersidebar .widget_calendar thead th:first-child{border-left:0px;}
#footersidebar .widget_calendar td#today{color:#e77724;}
#footersidebar .widget_calendar td a, #footersidebar .widget_calendar td a:visited{color:#fff;}

/* Search */
#searchform .searcharea{
	border:1px solid #e3e3e3;
	-moz-box-shadow: 0 0 2px 0 #ebebeb;
	-webkit-box-shadow: 0 0 2px 0 #ebebeb;
	box-shadow: 0 0 2px 0 #ebebeb;
}
.woocommerce.widget_product_search #searchform #s{ border:1px solid #e3e3e3;}
input.searchbutton {
    background: url(images/search-icon.png) no-repeat 8px 13px !important;
}
#footersidebar #searchform .searcharea{border:1px solid #474747; background-color:#393939;}
#footersidebar #searchform .searchbutton{background:#393939 url(images/search-icon.png) no-repeat 8px 5px; }

#footersidebar .klasik-recent-post-widget li img{background-color:#494949;}
#footersidebar .klasik-recent-post-widget li .smalldate{color:#a4a4a4;}
#footersidebar .klasik-recent-post-widget li a,
#footersidebar .klasik-recent-post-widget li a:visited{color:#ffffff;}



/* 6. FOOTER SIDEBAR SECTION 
--------------------------------------------------------------------------------------*/

#outerfootersidebar{ background-color:#383838; color:#a4a4a4;}
#footersidebar li li{ }
#footersidebar .widget-title{color:#ddd; }
#footersidebar li a, #footersidebar li a:visited{color:#a4a4a4}
#footersidebar h1, #footersidebar h2, #footersidebar h3, #footersidebar h4, #footersidebar h5, #footersidebar h6{color:#a4a4a4}
#footersidebar li a:hover{color:#ddd}

#footersidebar ul.sub-menu li, #footersidebar ul.children li, #footersidebar ul ul ul li{}
#footersidebar ul.sub-menu ul.sub-menu li, #footersidebar ul.children ul.children li{}
#footersidebar ul.sub-menu ul.sub-menu ul.sub-menu li, #footersidebar ul.children ul.children li{}
#footersidebar ul.sub-menu ul.sub-menu ul.sub-menu li ul.sub-menu li, #footersidebar ul.children ul.children li ul.children li{}


.gallery-pic img{ border:1px solid #474747; color:#363636;}

/* 7. FOOTER SECTION 
--------------------------------------------------------------------------------------*/

#outerfooter{background-color:#2c2c2c;}
#footer{color:#777777;}
#footer a, #footer a:visited{color:#777;}
#footer a:hover{color:#ddd;}

/* 8. PLUGINS SECTION 
--------------------------------------------------------------------------------------*/

/* Page Navigation */
.wp-pagenavi{}
.wp-pagenavi .pages{color:#444;}
.wp-pagenavi a, .wp-pagenavi a:visited{color:#444; border: 1px solid #e4e4e4; background:#fafafa}
.wp-pagenavi .current, .wp-pagenavi a:hover{ border:1px solid #929292!important; color:#fff; background:#929292}
.wp-pagenavi a.last, .wp-pagenavi a.last:hover, 
.wp-pagenavi a.first, .wp-pagenavi a.first:hover{color:#444;}

/* Widget Page Nav*/
.page-numbers a,
.page-numbers span {
	color:#444!important; border: 1px solid #e4e4e4!important; background:#fafafa!important;
}

.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
	border:1px solid #929292!important; color:#fff!important; background:#929292!important;
}

/* Contact Form  */
.wpcf7 p{color:#444;}
.contact{ color:#444;}

/* flickr  */
#flickr img{ background-color:#494949;}

/*** WOOCOMMERCE ***/
.woocommerce ul.products li.product a:hover h3, .woocommerce-page ul.products li.product a:hover h3{ color:#777}