/*------------------------------------------------------------------

Elastic - 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:#464646;}
#bodychild {}
#outermain{background-color:#ffffff; }

/* Logo */
#logo h1 a, #logo h1 a:visited{color:#464646;}
#logo .desc{ color:#9d999d}
#logo-line{ background:#feb386}

/* Link */
a, .morelink, .colortext, a.colortext{color:#feb386;}
a:hover, a.colortext:hover, .colortext a:hover{color:#464646}

/* Heading & text */
h1, h2, h3, h4, h5, h6{color:#464646;}



/* 2. HEADER SECTION 
--------------------------------------------------------------------------------------*/

#outerheader{ border-bottom:2px solid #e6ebea;}


/*======= 2.1. Navigation =======*/
.sf-menu a, .sf-menu a:visited {
    color: #9d999d;
}/* 1st level */
.sf-menu a:hover, .sf-menu li.current a {
    color: #feb386;
}/* 1st level */

.sf-menu > li:after {  color: #606060 !important;}

.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: #feb386;
}



.sf-menu > li > a:before {
    background: #feb386;
}

.sf-menu > li > a:after {
    background: #feb386;
}



.sf-menu li.sfHover a:hover{color:#feb386;}/* 2nd level */
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	background:#464646!important;
	color:#fff;

}

.sf-menu li .sub-menu a, .sf-menu li .sub-menu a:visited{ color:#fff;  }
.sf-menu ul li a:hover, .sf-menu li li.current-menu-item  a, .sf-menu li li.current_page_item  a{color:#feb386!important;}





/* Mobile Menu*/
.tinynav{background:#fff; border:1px solid #eee;}



/* 2.2. Slider 
--------------------------------------------------------------------------------------*/

#slider {border-bottom: 4px solid #e6ebea;}
#slider .slider-title {color:#fff; }
#slider .slider-desc {color:#ffffff; }
#slider .slider-title a, #slider .slider-title a:hover{ color:#fff}
#slider .camera_caption{background-color:rgba(0,0,0,0.5);}

#slider .camera_wrap .camera_pag .camera_pag_ul{ background:#fff}
#slider .camera_wrap .camera_pag .camera_pag_ul li {background:#b1adb1;}
#slider .camera_wrap .camera_pag .camera_pag_ul li:hover > span {background: #feb386;}
#slider .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {background:#feb386}


/* 3. AFTER HEADER SECTION 
--------------------------------------------------------------------------------------*/

#afterheader #home{ 
	background: #feb386; 
	border:0;
	color:#fff;
}

#afterheader .pagetitle{
	background: #b1adb1; 
	border:0;
	color:#fff;
}


/* 4. CONTENT SECTION 
--------------------------------------------------------------------------------------*/

/* Form */
input[type="text"], input[type="email"],
textarea, input[type="password"], select{
	border:solid 3px #eceeef;
	background:#f9f9f9;
	color:#464646;
}
label{ color:#464646;}
span.required{ color:#f00;}

/* Horizontal Line */
hr {
	color:#e6ebea;
	background-color:#e6ebea;
}

.separator{ 
	border-bottom: 1px solid #e6ebea;
}

/* Custom Class*/
.panel-grid .custom1, .custom1 .all-widget-container{
	background-repeat:no-repeat; 
	background-position:center;
	background-attachment: fixed;
	background-size: cover;
}

.panel-grid .custom1 .color-opacity{background: rgba(255, 255, 255, 0.9);}

.panel-grid .custom2, .custom2 .all-widget-container{ background:#464646; color:#fff}

.TextWhite, .TextWhite h1, .TextWhite h2, .TextWhite h3, .TextWhite h4, .TextWhite h5,
.TextWhite a{ color:#fff!important}

.line100{ background:#b1adb1;}



/* List */
.arrow-list li a {	color:#4b4f4e;}
.arrow-list li a:before {background:#feb386;}
.arrow-list li a:after {background:#f9f9f9;}
.arrow-list li:nth-child(2n) a:after { background:#eceeef }
.arrow-list li a:hover { color:#fff; }
.arrow-list li:before {	background:url('images/list-arrow.png') 0 50% no-repeat;}

.arrow-list2 li a {	color:#4b4f4e;}
.arrow-list2 li a:before {background:#feb386;}
.arrow-list2 li a:after {background:#fff;}
.arrow-list2 li:nth-child(2n) a:after { background:#fff }
.arrow-list2 li a:hover { color:#fff; }
.arrow-list2 li:before {	background:url('images/list-arrow.png') 0 50% no-repeat;}

ul.list li{ color:#464646; background-image:url(images/list-arrow.png); background-color:#f9f9f9; background-position:20px center; background-repeat:no-repeat}
ul.list li:nth-child(2n+1) {background-color:#eceeef}
ul.list li:hover{ background:#feb386; color:#fff;}
ul.list li a{ color:#464646}
ul.list li:hover  a, ul.list li a:hover{color:#fff;}


/* Button */
.more,
#slider .slider-button,
.button,
button {
	background: #feb386; 
	border:0;
	color:#fff;
	
}

.more:hover,
#slider .slider-button:hover,
.button:hover,
button:hover {

	border:0;
	color:#fff;
}

.nav-previous a:after, .nav-next a:after,
.com-link a:after, .com-reply a:after,
#slider .slider-button:after,
.more:after,
.button:after, 
.button:visited:after, 
button:after {
	background: #fec29e; 
}


input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #feb386;
	border:0;
	color:#fff!important;
	
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	background: #fec29e; 
	border:0;
	color:#fff!important;
}

.input-btn{	background: #feb386;  }
.btn-from-right:before {background: #fec29e; }

.com-link a, .com-reply a{
	background: #feb386; 
	border:0;
	color:#fff;
	
}

.com-link a:hover, .com-reply a:hover {
	
	border:0;
	color:#fff;
}


/* Blockquote */
blockquote{ color:#464646; background:#fffaf7; border:1px solid #feb386}


/* 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 ***/


/* Recent Posts */
.klasik-recentpost-widget .recent-title,
.klasik-recentpost-widget .recent-title a, 
.klasik-recentpost-widget .recent-title a:visited{color:#464646;}
.klasik-recentpost-widget .recent-title a:hover{color:#feb386;}
.klasik-recentpost-widget .smalldate{color:#464646;}
.klasik-recentpost-widget .recent-thumb img{ border:1px solid #9e9e9e}

#sidebar .klasik-recentpost-widget .recent-title,
#sidebar .klasik-recentpost-widget .recent-title a, 
#sidebar .klasik-recentpost-widget .recent-title a:visited{color:#464646;}
#sidebar .klasik-recentpost-widget .recent-title a:hover{color:#feb386;}
#sidebar .klasik-recentpost-widget .smalldate{color:#464646;}

#footersidebar .klasik-recentpost-widget .smalldate{color:#feb386;}


/* Latest News */
.klasik-latestnews-widget .recent-title,
.klasik-latestnews-widget .recent-title a, 
.klasik-latestnews-widget .recent-title a:visited{color:#464646;}
.klasik-latestnews-widget .recent-title a:hover{color:#feb386;}
.klasik-latestnews-widget .smalldate{color:#feb386;}
.klasik-latestnews-widget .recent-thumb .rollover:hover{background-color:rgba(0,0,0,0.3);}
.klasik-latestnews-widget .recent-thumb .news-date-wrap{ background:#feb386; color:#fff}

#sidebar .klasik-latestnews-widget .recent-title,
#sidebar .klasik-latestnews-widget .recent-title a, 
#sidebar .klasik-latestnews-widget .recent-title a:visited{color:#464646;}
#sidebar .klasik-latestnews-widget .recent-title a:hover{color:#feb386;}
#sidebar .klasik-latestnews-widget .smalldate{color:#feb386;}



/* Events News */
.klasik-events-widget .event-title,
.klasik-events-widget .event-title a, 
.klasik-events-widget .event-title a:visited{color:#464646;}
.klasik-events-widget .event-title a:hover{color:#feb386;}
.klasik-events-widget .smalldate{color:#9b9b9b;}
.klasik-events-widget .event-date-wrap{ background:#feb386; color:#fff;}

#sidebar .klasik-events-widget .event-title,
#sidebar .klasik-events-widget .event-title a, 
#sidebar .klasik-events-widget .event-title a:visited{color:#464646;}
#sidebar .klasik-events-widget .event-title a:hover{color:#feb386;}
#sidebar .klasik-events-widget .smalldate{color:#9b9b9b;}
#sidebar .klasik-events-widget .event-date-wrap{ border:1px solid #e6ebea; color:#777;}




/* Advanced Posts */
.klasik-advancedpost-widget .recent-title,
.klasik-advancedpost-widget .recent-title a, 
.klasik-advancedpost-widget .recent-title a:visited{color:#464646;}
.klasik-advancedpost-widget .recent-title  a:hover{color:#feb386;}
.klasik-advancedpost-widget .smalldate{color:#feb386;}

#sidebar .klasik-advancedpost-widget .recent-title,
#sidebar .klasik-advancedpost-widget .recent-title a, 
#sidebar .klasik-advancedpost-widget .recent-title a:visited{color:#464646;}
#sidebar .klasik-advancedpost-widget .recent-title  a:hover{color:#feb386;}
#sidebar .klasik-advancedpost-widget .smalldate{color:#feb386;}



/* Action */


#sidebar .klasik-action-widget .action-button .button.left, 
.klasik-action-widget .action-button .button.left{ color:#fff!important;}

#sidebar .klasik-action-widget .action-button .button.left:hover, 
.klasik-action-widget .action-button .button.left:hover{ color:#fff!important;}

#sidebar .klasik-action-widget .action-button .button.right, 
.klasik-action-widget .action-button .button.right{color:#fff!important;}

#sidebar .klasik-action-widget .action-button .button.right:hover, 
.klasik-action-widget .action-button .button.right:hover{ color:#fff!important;}

/* Featured */
.klasik-features .feature-title, 
.klasik-features .feature-title a, 
.klasik-features .feature-title a:visited{color:#feb386;}
.klasik-features .feature-title a:hover{color:#feb386;}

.klasik-features .item-container .feature-text:after { background: #feb386;}

#sidebar .klasik-features .feature-title, 
#sidebar .klasik-features .feature-title a, 
#sidebar .klasik-features .feature-title a:visited{color:#464646;}
#sidebar .klasik-features .feature-title a:hover{color:#feb386;}



/* Team */
.klasik-team-widget .team-title, 
.klasik-team-widget .team-title a, 
.klasik-team-widget .team-title a:visited{color:#464646;}
.klasik-team-widget .team-title a:hover{color:#feb386;}
.klasik-team-widget .team-tag{color:#9b9b9b;}

.klasik-team-widget .item-container .team-title-wrap:after { background: #feb386;}

#sidebar .klasik-team-widget .team-title, 
#sidebar .klasik-team-widget .team-title a, 
#sidebar .klasik-team-widget .team-title a:visited{color:#464646;}
#sidebar .klasik-team-widget .team-title a:hover{color:#feb386;}



/* Testimonials */
.klasik-testimonial-widget .testi-title{ color: #464646;}
.klasik-testimonial-widget .testi-tag{ color: #777;}
.klasik-testimonial-widget  .image{ border:3px solid #feb386}


#footersidebar .klasik-testimonial-widget .testi-title, 
#footersidebar .klasik-testimonial-widget .testi-title a, 
#footersidebar .klasik-testimonial-widget .testi-title a:visited{color:#fff;}
#footersidebar .klasik-testimonial-widget .testi-title a:hover{color:#feb386;}


/* Portfolio */

#filter li a, #filter li a:visited{ color:#feb386;  background:#f2f5f7}
#filter li.current a, #filter li a.active, #filter li a:hover{color:#464646;}


.klasik-pf-text .pftitle,
.klasik-pf-text .pftitle a, 
.klasik-pf-text .pftitle a:visited{color:#fff;}
.klasik-pf-text .pftitle a:hover{color:#feb386;}

.klasik-pf-text {background-color:rgba(0,0,0,0.3); 	color:#fff;}

#sidebar .klasik-pf-text .pftitle,
#sidebar .klasik-pf-text .pftitle a, 
#sidebar .klasik-pf-text .pftitle a:visited{color:#464646;}
#sidebar .klasik-pf-text .pftitle a:hover{color:#feb386;}



/*=== Image Carousel ===*/

.flexslider-carousel ul.flex-direction-nav a.flex-prev{background-image:url(images/carousel-arrow-left.png); background-position:center;}
.flexslider-carousel ul.flex-direction-nav a.flex-next{background-image:url(images/carousel-arrow-right.png); background-position:center;}

/* Testimonial */
.klasik-testi.flexslider-carousel ul.flex-direction-nav a.flex-prev{background-image:url(images/testi-carousel-arrow-left.png); background-position:center;}
.klasik-testi.flexslider-carousel ul.flex-direction-nav a.flex-next{background-image:url(images/testi-carousel-arrow-right.png); background-position:center;}

/* Portfolio */
.klasik-pf.flexslider-carousel ul.flex-direction-nav a.flex-prev{background-image:url(images/pf-carousel-arrow-left.png); background-position:center;}
.klasik-pf.flexslider-carousel ul.flex-direction-nav a.flex-next{background-image:url(images/pf-carousel-arrow-right.png); background-position:center;}


/*======= 4.2. Blog =======*/

.sticky .posttitle{background:url(images/sticky.png) no-repeat 2px 9px}
.post{ border-bottom:1px solid #e6ebea}
.posttitle a, .posttitle a:visited{color:#464646;}
.posttitle a:hover{color:#feb386}


.entry-comment{ background:#303030;}
.entry-comment a, entry-comment a:visited{color:#fff}
.comment-body .time {color:#aeaeae;}
.con-comment{ border:3px solid #eceeef}


.entry-utility{ 
	color:#909090;
}

.entry-utility a{color:#909090}
.entry-utility a:hover{ color:#feb386}

.entry-utility .user {
    background: url("images/user.png") no-repeat;
    padding-left: 22px;
}

.entry-utility .date {
    background: url("images/date.png") no-repeat;
    padding-left: 22px;
}

.entry-utility .category {
    background: url("images/tag.png") no-repeat 0 2px;
    padding-left: 22px;
}

.entry-utility .comment {
    background: url("images/comment.png") no-repeat;
    padding-left: 22px;
}

.tag-text {
    background: url("images/tag.png") no-repeat 0 5px;
}

.fn{color:#464646;}
.tdate, .reply a, .reply a:visited{color:#aaa; }

.single #nav-below{ border-bottom:1px solid #e6ebea}

.nav-previous a {
    background:#feb386;
}

.nav-next a {
    background:#feb386;
}
.nav-previous .meta-nav{
    background:url("images/nav-previous.png") no-repeat;
}

.nav-next .meta-nav {
    background: url("images/nav-next.png") no-repeat;
}

.nav-previous a, .nav-next a {
    color: #fff;
}

.nav-previous a:hover, .nav-next a:hover {
    color: #fff;
}

/* Post Format */
.entry-quote .quote-text{ color:#464646;}
.quoteinfo{ color:#464646;}

.avatar{
	border:solid 2px #e6e8e8;
}

#entry-author-info{ background:#464646; color:#fff}
#entry-author-info h2{ color:#fff}

/* tag's*/
.entry-tag, .page-links, .tag-items a { color:#909090;}
.tag-items a:hover{ color:#feb386}
.tag-items span:after {color: #909090 !important;}


/* 5. SIDEBAR SECTION 
--------------------------------------------------------------------------------------*/

#sidebar .widget-title {color:#464646;}
#sidebar .widget-container .box, .sidebar { background:#eceeef;}

#sidebar li li{}
#sidebar li, #sidebar li a, #sidebar li li a{color:#464646;}
#sidebar li a:hover, #sidebar li li a:hover, #sidebar li li a.current{color:#feb386;}
#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}


.widget_calendar #wp-calendar tbody td:first-child, .widget_calendar #wp-calendar tfoot td:first-child{border-left:0px;}

.widget_calendar td#today{color:#e77724;}
.widget_calendar td a, .widget_calendar td a:visited{color:#feb386!important;}

/* Search */
#searchform .searcharea{
	background:#fff;
	border:1px solid #e3e3e3;
	-moz-box-shadow: 0 0 2px 0 #e6ebea;
	-webkit-box-shadow: 0 0 2px 0 #e6ebea;
	box-shadow: 0 0 2px 0 #e6ebea;
}
.woocommerce.widget_product_search #searchform #s{ border:1px solid #e3e3e3;}
input.searchbutton {
    background: url(images/search-icon.png) no-repeat 8px 10px !important;
}




/* 6. FOOTER SIDEBAR SECTION 
--------------------------------------------------------------------------------------*/

#outerfootersidebar{ background-color:#474747; color:#fff;}
#footer-line{ border-top:1px solid #525252 }
#footersidebar .widget-title{color:#feb386; }
#footersidebar li a, #footersidebar li a:visited{color:#fff}
#footersidebar h1, #footersidebar h2, #footersidebar h3, #footersidebar h4, #footersidebar h5, #footersidebar h6{color:#feb386}
#footersidebar li a:hover{color:#feb386}

#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:#474747;}
#footer{color:#fff;}
#footer a, #footer a:visited{color:#ddd;}
#footer a:hover{color:#feb386;}


/* 8. PLUGINS SECTION 
--------------------------------------------------------------------------------------*/

/* Page Navigation */
.wp-pagenavi{}
.wp-pagenavi .pages{color:#464646;}
.wp-pagenavi a, .wp-pagenavi a:visited{color:#fff; border: 1px solid #feb386!important;  background:#feb386}
.wp-pagenavi .current, .wp-pagenavi a:hover{ border:1px solid #eceeef!important; color:#464646; background:#eceeef}
.wp-pagenavi a.last, .wp-pagenavi a.last:hover, 
.wp-pagenavi a.first, .wp-pagenavi a.first:hover{color:#464646;}

/* Widget Page Nav*/
.page-numbers a,
.page-numbers span {
	color:#fff!important; border: 1px solid #feb386!important; background:#feb386!important;
}

.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
	border:1px solid #eceeef!important; color:#464646!important; background:#eceeef!important;
}

/* Contact Form  */
.wpcf7 p{color:#464646;}
.contact{ color:#464646;}

/* Newsletter */
.content_box .desc { color:#feb386}
.content_box .newsletter-subscription form  .newsletter-email {
	border:3px solid #fff !important; 
	background:#fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.content_box .newsletter-subscription form  .newsletter-email:focus {border:3px solid #feb386 !important; }
.content_box .newsletter-subscription form  .newsletter-email:focus:invalid { box-shadow:none!important; }


/* 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}

