/* 

Marvella - 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:#000;}
#bodychild { background-color:#ffffff;}

/* POSITION ON THEME */
#home-featurecontent{ background: #eee}
#home-featurecontent a, 
#home-featurecontent a:visited {color:#6d8b9a;}
#home-featurecontent a:hover{color: #dd0000
}
#home-featurecontent{ color:#eee}
#home-featurecontent h1, #home-featurecontent h2, 
#home-featurecontent h3, #home-featurecontent h4, 
#home-featurecontent h5, #home-featurecontent h6
{color:#6d8b9a;}

#home-highlightcontent{ 
	background:url(images/bg-highlight.jpg);
	background-repeat:no-repeat; 
	background-position:center;
	background-attachment: fixed;
	background-size: cover;
}
#home-highlightcontent a, 
#home-highlightcontent a:visited {color:#fff;}
#home-highlightcontent a:hover{color:#6d8b9a}
#home-highlightcontent{  color:#fff;}
#home-highlightcontent .highlight-wrap{background: rgba(109, 139, 154, 0.8);}
#home-highlightcontent h1, #home-highlightcontent h2, 
#home-highlightcontent h3, #home-highlightcontent h4, 
#home-highlightcontent h5, #home-highlightcontent h6
{color:#fff;}

/* Link */
a, .morelink, .colortext, a.colortext{color:#6d8b9a;}
a:hover, a.colortext:hover, .colortext a:hover, .morelink:hover{color:#dd0000}
#logo, #logo h1 a, #logo h1 a:visited{color:#fff;}


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

.pagedesc p{
   margin-bottom: 0px;
}

/* 2. HEADER SECTION 
--------------------------------------------------------------------------------------*/
#outerheader{ background:#fff;}

/*======= 2.1. Navigation =======*/
#topnav { border-bottom:1px solid #959ea4  }
.sf-menu a {color:#000;}/* 1st level */
.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:#000; border-bottom:5px solid #6d8b9a}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	color:#e6e0dd;
	background:#6d8b9a;
}
.sf-menu li ul ul{ background-image:none!important;}
.sf-menu li li li:first-child{ border:0px;}
.sf-menu li:hover ul ul,
.sf-menu li.sfHover ul ul {
	border-top:0px;
}

.sf-menu li li{}

.sf-menu > li li:before{}
.sf-menu ul li a{ color:#fff;}
.sf-menu ul li a:hover, #topnav li li a.current{color:#dd0000;}

.sf-menu ul li a:hover, .sf-menu li li.current-menu-item  a, .sf-menu li li.current_page_item  a
{color:#fff; background: #4a606b; border:0px; }



.tinynav{background:#fff; border:1px solid #eee;}



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

#slider .camera_caption .slider-text, #slider .camera_caption a{color:#fff;}


#slider .camera_wrap .camera_pag {background:none}
#slider .camera_caption > div{ background:transparent; }
#slider .camera_prevThumbs, #slider .camera_nextThumbs, #slider .camera_prev, #slider .camera_next, #slider .camera_commands, #slider .camera_thumbs_cont {
    background: none ;
}


#slider .camera_wrap .camera_pag .camera_pag_ul li {background: #fff;}
#slider .camera_wrap .camera_pag .camera_pag_ul li:hover > span {background: #6d8b9a;}
#slider .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {background: #6d8b9a;}



/* 3. AFTER HEADER SECTION 
--------------------------------------------------------------------------------------*/

#outerafterheader{ background:#6d8b9a url(images/noice.png)}
.header-line{background:url(images/header-line.png) no-repeat center bottom}



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

.home .text-block.welcome h1{ color:#6d8b9a;}
.h-home{color:#373737; padding-top:20px; margin-bottom:0px;}

/* Images */
.imgframe{ background:#fff; border:4px solid #f2f2f2}

/* Blockquote  */
blockquote { }

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



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

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

}

/* List */

ul.arrowlist li{ background:url(images/arrow.png) no-repeat 0 7px;}
ul.list li{border-bottom:solid 1px #f2f2f2;}

/* Button */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #f6f6f6; 
	color:#666;
	border:1px solid #f2f2f2
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover{
	background: #efefef; 
	color:#666;
	border:1px solid #f2f2f2
}

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


/* POSITION ON THEME */
.maintop-container .widget-title, .mainbottom-container .widget-title, #bottom-sidebar .widget-title,
.home .panel-grid-cell .widget-title{ color:#373737}


/* Tabs */
#sidebar .widget_klasik_tabs .tab-content ul li{border-bottom:1px solid #f0f0f0}
#footersidebar .widget_klasik_tabs .tab-content ul li{ border-bottom:1px solid #a4938b}

/*=== Image Carousel ===*/
.flexslider-carousel ul.flex-direction-nav a{background-color:rgba(0,0,0,0.5); }
.flexslider-carousel ul.flex-direction-nav a:hover{background-color:rgba(0,0,0,0.75); padding:0px !important;}
.flexslider-carousel ul.flex-direction-nav a.flex-prev{background-image:url(images/slider-arrow-left.png); background-position:center;}
.flexslider-carousel ul.flex-direction-nav a.flex-next{background-image:url(images/slider-arrow-right.png); background-position:center;}


/* Testimonials */
.klasik-testimonial-widget .testi-thumb img{ border:4px solid #f2f2f2}
.klasik-testimonial-widget .testi-quote{ color:#b0b0b0  }
.klasik-testimonial-widget .testi-title{ color:#666; background:url(images/line-testi.png) no-repeat bottom center;}
.testi-tag{ color:#666}

#home-highlightcontent .klasik-testimonial-widget .testi-title,
#home-highlightcontent .klasik-testimonial-widget .testi-tag { color:#fff}


/*Team */
.klasik-team-widget .team-title, .klasik-team-widget .team-title a{color:#4e678c!important;}
.klasik-team-widget .team-title a:hover{color:#666!important}
.klasik-team-widget .item-container{  color:#666 }
.klasik-team-widget .team-tag{ color:#666}
.klasik-team-widget .team-title-wrap {
    border:1px solid #f2f2f2; background:#fff;
}
.klasik-team-widget .team-text {border-top:1px solid #f2f2f2;}

/* Action */
.klasik-action-widget .action-button .button{ color:#1a2430!important}
.klasik-action-widget .action-button .button.left{ background:#f8f8f8}
.klasik-action-widget .action-button .button.left:hover{ background:#e4e4e4}
.klasik-action-widget .action-button .button.right{ background:#f8f8f8}
.klasik-action-widget .action-button .button.right:hover{ background:#e4e4e4}

/* Featured */
.klasik-features .feature-title, .klasik-features .feature-title a, .klasik-features .feature-title a:visited{color:#202c3e;}
.klasik-features .feature-title a:hover{color:#666}
.klasik-features .img-container{}
.klasik-features .feature-img{ background:#eee;}
.klasik-features .feature-img:hover{}

#home-featurecontent .klasik-features .feature-title, #home-featurecontent .klasik-features .feature-title a, #home-featurecontent .klasik-features .feature-title a:visited,
#home-highlightcontent .klasik-features .feature-title, #home-highlightcontent .klasik-features .feature-title a, #home-highlightcontent .klasik-features .feature-title a:visited
{ color:#6d8b9a}


/* Recent Posts */
.klasik-recentpost-widget .recent-thumb{}

.klasik-recentpost-widget .recent-title a, 
.klasik-recentpost-widget .recent-title a:visited,
#sidebar .klasik-recentpost-widget .recent-title a, 
#sidebar .klasik-recentpost-widget .recent-title a:visited{color:#4e678c;}
.klasik-recentpost-widget .recent-title a:hover,
#sidebar .klasik-recentpost-widget .recent-title a:hover{color:#666;}
.klasik-recentpost-widget .smalldate{color:#666;}

#footersidebar .klasik-recentpost-widget .smalldate{ color:#666;}
.klasik-recentpost-widget .recent-item{ border-bottom:1px solid #f0f0f0}
#footersidebar  .klasik-recentpost-widget .recent-item{ border-bottom:1px solid #e3e3e3}


/* Advanced Posts */
.klasik-advancedpost-widget .recent-title a, .klasik-advancedpost-widget .recent-title a:visited,
#sidebar .klasik-advancedpost-widget .recent-title a, #sidebar .klasik-advancedpost-widget .recent-title a:visited{color:#4e678c!important;}
.klasik-advancedpost-widget .recent-title a:hover,
#sidebar .klasik-advancedpost-widget .recent-title a:hover{color:#666!important;}
.klasik-advancedpost-widget .smalldate{color:#666;}
#footersidebar .klasik-advancedpost-widget .smalldate{ color:#e6e0dd}
.klasik-advancedpost-widget .recent-text{color:#666!important;}
.klasik-advancedpost-widget .recent-thumb .arrow{background:url(images/arrow-image.png) no-repeat}

/* Bottom */
#outerbottom{ background: url(images/pattern-bottom.png)}

/* PORTFOLIO */
.filterlist{ }
#filter li a, #filter li a:visited{ color:#666;}
#filter li.current a, #filter li a.active, #filter li a:hover{color:#666; background:#ededed}

.klasik-pf-img .thumbcontainer{}
.klasik-pf-img{}
.klasik-pf-img:hover{ }
.klasik-pf-img .arrow{background: url(images/arrow-image.png) no-repeat}

.klasik-pf-text .pftitle{}
.klasik-pf-text .pftitle a, .klasik-pf-text .pftitle a:visited{color:#4e678c!important;}
.klasik-pf-text .pftitle a:hover{color:#666;}
.klasik-pf-img .rollover{
	width:100%; 
	height:100%;
	background-image:none;
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center;
	display:block;
    position:absolute;
	z-index:10;
	display:none;
	cursor:pointer;
}
.klasik-pf-text{   
	border:1px solid #f2f2f2; 
}
.klasik-pf-img .icon-zoom {
	background:url(images/hover-zoom.png) no-repeat center;
}


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

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

.post{ border:1px solid #f2f2f2}

.posttitle a, .posttitle a:visited{color:#4e678c;}
.posttitle a:hover{color:#666;}

.entry-image .thumbcontainer .arrow,
.entry-gallery #postgallery .arrow{background: url(images/arrow-image.png) no-repeat}

.nav-previous a:hover, .nav-next a:hover{color:#4e678c;}

.content-wrap{ border:1px solid #f2f2f2; background:#fff; }

.entry-comment{ background:#303030;}
.entry-comment a, entry-comment a:visited{color:#fff}
.comment-body .time, .comment-body .time a, .comment-body .time a:visited{color:#666;}
.comment-body .time a:hover{color:#666;}

.con-comment{ border:1px solid #f2f2f2}


.entry-utility{ 
	color:#666;
}
.entry-utility .date .fa, .entry-utility .user .fa, .entry-utility .tag .fa, .entry-utility .like .fa, .entry-utility .comment .fa, .entry-utility .category .fa{ color:#4e678c;}
.entry-utility a{color:#666}
.entry-utility a:hover{ color:#4e678c;}

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

.avatar{}

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

/* Gallery Post*/
article ul.flex-direction-nav a.flex-prev{background-image:url(images/gallery-prev.png); }
article ul.flex-direction-nav a.flex-next{background-image:url(images/gallery-next.png); }
article ul.flex-direction-nav a.flex-prev:hover{background-image:url(images/gallery-prev-h.png); }
article ul.flex-direction-nav a.flex-next:hover{background-image:url(images/gallery-next-h.png); }


/* tag-items */
.tagcloud a,
.tag-items span a{ background:#fff; color:#666; border:1px solid #f2f2f2}
.tagcloud a:hover,
.tag-items span a:hover{color:#666!important; background:#f6f6f6}

.page-links a span { color:#666; background:#f2f2f2;}
.page-links span:hover{background:#4e678c; color:#fff;}
.page-links span{background:#4e678c; color:#fff;}





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

#sidebar .widget-title {color:#6d8b9a; }
#sidebar .widget-title ul li {color:#6d8b9a; }
#sidebar li li{	color:#6d8b9a; }
#sidebar li a, #sidebar li li a{	color:#6d8b9a;}
#sidebar li a:hover, #sidebar li li a:hover, #sidebar li li a.current{color:#666;}

#sidebar ul.sub-menu li, #sidebar ul.children li, #sidebar ul ul ul li{border-top: 1px solid #f0f0f0; border-bottom:0px}

/* Sidebar Tabs */
.widget_klasik_tabs .tab-content ul li .smalldate{ color:#666;}

.widget_calendar thead th{ border:0px;}
.widget_calendar #wp-calendar tbody td, .widget_calendar #wp-calendar tfoot td{border:0px;}


/* 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;
}




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

#outerfootersidebar{  color:#666; background:#f8f8f8 }
#footersidebar li li, #footersidebar li li li:first-child{ border-top:1px solid #e3e3e3; }
#footersidebar li li:first-child{ border-top:0px;}
#footersidebar li li:last-child{ border-bottom:1px solid #e3e3e3;}
#footersidebar li li li:last-child{ border-bottom:0px;}
#footersidebar .widget-title{color:#000;  }
#footersidebar li a, #footersidebar li a:visited{color:#000}
#footersidebar li a .test { color:#6d8b9a; } 
#footersidebar li a:hover{color:#6d8b9a}


#footersidebar .contact h3{ color:#969696}

#toTop{
	border:15px solid #f8f8f8;
	background:#e3e3e3 url(images/arrow-to-top.png) no-repeat center;
}


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

#outerfooter{ background:#6d8b9a}
#footer{color:#fff;}
#footer a, #footer a:visited{color:#fff;}
#footer a:hover{color:#fff;}



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

/* WP Pagenavi */
.wp-pagenavi{}
.wp-pagenavi .pages{color:#666; }
.wp-pagenavi a, .wp-pagenavi a:visited{color:#666; background:#f2f2f2;}
.wp-pagenavi .current, .wp-pagenavi a:hover{ background:#4e678c; color:#fff;}

/* Contact Form  */
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="password"], .wpcf7 textarea,
.wpcf7 #rsvpform .no-attending input[type="text"], .wpcf7 #rsvpform .your-subject input[type="text"]{
	border:solid 1px #f2f2f2;
	background:#fff;
	color:#666;
}