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

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:#333333;}
#bodychild {}
#outermain{background-color:#FFFFFF; border-color:#e4e4e4;}

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

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

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


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

#outerheader{ background-color:#ffffff; border-color:#e4e4e4;}


/*======= 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-top:1px solid #eaeaea;

	
-webkit-box-shadow: 0px -1px 5px 0px rgba(172, 172, 172, 0.38);
-moz-box-shadow:    0px -1px 5px 0px rgba(172, 172, 172, 0.38);
box-shadow:         0px -1px 5px 0px rgba(172, 172, 172, 0.38);
}
.sf-menu li li{
	border-top:1px solid #e4e4e4;
}

.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;}

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

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



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

#outerslider{background-color:#fafafa;}
#slider .flex-caption{color:#ffffff; background-color:rgba(0,0,0,0.5);}
#slider .nivo-caption{color:#ffffff; background-color:rgba(0,0,0,0.5);}
#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;}



/* 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 #e3e3e3;
  	-moz-box-shadow: 0px 1px 0px #fff; /* Firefox 3.6 and earlier */
  	-webkit-box-shadow: 0px 1px 0px #fff; /* Safari and Chrome */
  	box-shadow: 0px 1px 0px #fff;
}

/* 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: #505050; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#6b6b6b), to(#505050)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #6b6b6b,  #505050); /* for firefox 3.6+ */
	border:solid 1px #454545;
	color:#fff;
	
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	background: #6b6b6b; /* for non-css3 browsers */
	background: -webkit-gradient(linear, left top, left bottom, from(#505050), to(#6b6b6b)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #505050,  #6b6b6b); /* for firefox 3.6+ */
	border:solid 1px #454545;
	color:#fff;
}

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

/* Blockquote */
blockquote{}


/* 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 =======*/

/* Featured Pages */
.type2 .img-container{background-color:#888888;}
.type2 .item-container:hover .img-container{background-color:#555;}

.type3 .feature-text .more{ background-color:#3a3534; color:#ffffff;}
.type3 .feature-text .more:hover{background-color:#e85244;}

.type4 .item-container{background-color:#046da6;}
.type4 .title h3{color:#2F4F4F;}
.type4 .feature-text{color:#ffffff;}
.type4 .feature-text .more{ background-color:#011622; color:#ffffff;}
.type4 .feature-text .more:hover{background-color:#e85244;}

/* Recent Posts */
.klasik-recentpost-widget .recent-title a, .klasik-recentpost-widget .recent-title a:visited{color:#444;}
.klasik-recentpost-widget .smalldate{color:#777;}
.klasik-recentpost-widget .recent-item{padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #e3e3e3}
#footersidebar .klasik-recentpost-widget .recent-item{padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #444}


/* Advanced Posts */
.klasik-advancedpost-widget .recent-title a, .klasik-advancedpost-widget .recent-title a:visited{color:#444;}
.klasik-advancedpost-widget .smalldate{color:#777;}
.klasik-advancedpost-widget .recent-item{padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #e3e3e3}
#footersidebar .klasik-advancedpost-widget .recent-item{padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #444}

/* Action */
.klasik-action-widget h1{ text-transform:uppercase; background:url(images/action-line.png) no-repeat center bottom}
#footersidebar .klasik-action-widget h1{ background:none; border-bottom:1px solid #444444;}
.klasik-action-widget h2{ color:#666;}
#sidebar .klasik-action-widget .action-button .button.left, 
.klasik-action-widget .action-button .button.left{background:#F4A460; 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;}

/* 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-container{padding:0 0 9px; border-bottom:1px solid #e7e7e7}
#footersidebar .klasik-team-widget .team-title-container{border-bottom:1px solid #444}


/* Portfolio */
.filterlist{ border-color:#e7e7e7;}
#filter li a, #filter li a:visited{ color:#444;}
#filter li.current a, #filter li a.active, #filter li a:hover{color:#459abc}

.klasik-pf-text .pftitle{border-color:#e7e7e7;}
.klasik-pf-text .pftitle a, .klasik-pf-text .pftitle a:visited{color:#333;}
.klasik-pf-text .pftitle a:hover{color:#444;}
.klasik-pf-text .textcontainer{ border-top:1px solid #e7e7e7; padding-top:9px;}
#footersidebar .klasik-pf-text .textcontainer{ border-top:1px solid #444;}


.contenttop-container .widget-title, .contentbottom-container .widget-title,
.maintop-container .widget-title, .mainbottom-container .widget-title{ border-bottom:1px solid #e7e7e7;}



/*======= 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;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;

}

.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{background-color:#f7f7f7; color:#888888;}
.quoteinfo{ color:#444;}

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

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

.aside, .entry-links{ border-bottom:1px solid #e7e7e7;}

/* Page Navigation */
.wp-pagenavi{}
.wp-pagenavi .pages{color:#444;}
.wp-pagenavi a, .wp-pagenavi a:visited{color:#888888;}
.wp-pagenavi .current, .wp-pagenavi a:hover{ border:0px; color:#444444;}





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

#sidebar .widget-title {color:#333333;
	border-bottom: 1px solid #fff;
	-moz-box-shadow: 0px 1px 0px #e3e3e3; /* Firefox 3.6 and earlier */
	-webkit-box-shadow: 0px 1px 0px #e3e3e3; /* Safari and Chrome */
	box-shadow: 0px 1px 0px #e3e3e3;

}


#sidebar li li{
	border-bottom: 1px solid #e3e3e3;
	-moz-box-shadow: 0px 1px 0px #fff; /* Firefox 3.6 and earlier */
	-webkit-box-shadow: 0px 1px 0px #fff; /* Safari and Chrome */
	box-shadow: 0px 1px 0px #fff;
	background-image:url(images/listarrow.png);
	background-repeat:no-repeat;
	background-position:0px 7px;
}
#sidebar li, #sidebar li a, #sidebar li li a{color:#333333;}
#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{border-top: 1px solid #e3e3e3; border-bottom:0px; background-position:10px 12px;}
#sidebar ul.sub-menu ul.sub-menu li, #sidebar ul.children ul.children li{background-position:20px 12px;}
#sidebar ul.sub-menu ul.sub-menu ul.sub-menu li, #sidebar ul.children ul.children li{background-position:30px 12px;}
#sidebar ul.sub-menu ul.sub-menu ul.sub-menu li ul.sub-menu li, #sidebar ul.children ul.children li ul.children li{background-position:40px 12px;}


#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 #e3e3e3}
#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; border-top:1px solid;}
#footersidebar .widget_calendar thead th:first-child{border-left:0px solid;}
#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;
}
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:#333333;}
#footersidebar .klasik-recent-post-widget li a,
#footersidebar .klasik-recent-post-widget li a:visited{color:#ffffff;}



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

#outerfootersidebar{ background-color:#F5FFFA; color:#2E8B57;}
#footersidebar li li{ border-bottom:1px solid #2E8B57; background-image:url(images/listarrow.png);background-repeat:no-repeat;background-position:0px 7px;}
#footersidebar .widget-title{color:widget-title; border-bottom:1px solid #2E8B57;}
#footersidebar li a, #footersidebar li a:visited{color:#2F4F4F}
#footersidebar h1, #footersidebar h2, #footersidebar h3, #footersidebar h4, #footersidebar h5, #footersidebar h6{color:#333333}
#footersidebar li a:hover{color:#ddd}

#footersidebar ul.sub-menu li, #footersidebar ul.children li, #footersidebar ul ul ul li{border-top: 1px solid #2E8B57; border-bottom:0px; background-position:10px 12px;}
#footersidebar ul.sub-menu ul.sub-menu li, #footersidebar ul.children ul.children li{background-position:20px 12px;}
#footersidebar ul.sub-menu ul.sub-menu ul.sub-menu li, #footersidebar ul.children ul.children li{background-position:30px 12px;}
#footersidebar ul.sub-menu ul.sub-menu ul.sub-menu li ul.sub-menu li, #footersidebar ul.children ul.children li ul.children li{background-position:40px 12px;}


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

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

#outerfooter{background-color:#00BB00;}
#footer{color:#777777;}
#footer a, #footer a:visited{color:#777777;}


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

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

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

/*** WOOCOMMERCE ***/
body.klasikt nav.woocommerce-pagination .page-numbers a, body.klasikt #content nav.woocommerce-pagination .page-numbers a{background:none; color:#888888;}
body.klasikt nav.woocommerce-pagination .page-numbers span.current, body.klasikt #content nav.woocommerce-pagination .page-numbers span.current, 
body.klasikt nav.woocommerce-pagination .page-numbers a:hover, body.klasikt #content nav.woocommerce-pagination .page-numbers a:hover{background:none; color:#444444;}

/*** PAGE BUILDER ***/
.panel-grid-cell .widget-title {
margin-top: 0;
border-bottom: 1px solid #e7e7e7;
font-size: 24px;
padding-bottom: 13px;
margin-bottom: 25px;
}