/**
 * @package Site Template
 * @subpackage Echolake HTML
 * @since Echolake 1.0
 * 
 * Site Template Fonts & Colors
 * Created by CMSMasters
 * 
 */


body, 
input,
textarea, 
code,
.blog .format-link .entry-content h6,
.widget_custom_contact_form_entries .cmsms-form-builder .form_info label,
.cmsms-form-builder .check_parent input[type="checkbox"]+label, 
.cmsms-form-builder input[type="radio"]+label {font:13px/18px "Droid Sans", Arial, Geneva, Helvetica, sans-serif;}

h1 {font:42px/54px "Open Sans", Arial, Geneva, Helvetica, sans-serif;}

h1 {font-weight:bold;}

h2,
span.dropcap {font:32px/36px "Open Sans", Arial, Geneva, Helvetica, sans-serif;}

h2 {font-weight:bold;}

h3, 
.sitemap > li > a {font:26px/36px "Open Sans", Arial, Geneva, Helvetica, sans-serif;}

h3, 
.sitemap > li > a {font-weight:bold;}

h4 {font:22px/36px "Open Sans", Arial, Geneva, Helvetica, sans-serif;}

h4 {font-weight:bold;}

h5,
q, 
blockquote,
.format-aside .entry-content,
.togg .tog,
.sitemap > li > ul > li > a,
.cms_archive li,
.cms_archive li a {font:18px/24px "Droid Serif", "Times New Roman", Times, serif;}

h5,
q, 
blockquote,
.format-aside .entry-content,
.togg .tog,
.sitemap > li > ul > li > a,
.cms_archive li,
.cms_archive li a {font-style:italic;}

h6,
.post .published {font:13px/18px "Droid Serif", "Times New Roman", Times, serif;}

h6,
.post .published,
.post footer.entry-meta {font-style:italic;}

li {line-height:24px;}

li p,
li a,
li abbr,
li small {line-height:18px;}

small, 
abbr,
abbr a,
#comments .comment-body .published {font:11px/18px "Droid Sans", Arial, Geneva, Helvetica, sans-serif;}

#navigation li a,
.tour li a,
.post .entry-title a {font-family:"Open Sans", Arial, Geneva, Helvetica, sans-serif;}

a,
#navigation ul li a,
.post footer.entry-meta,
.post .post_inner .entry-title a,
.post .portfolio_inner .entry-title a,
ul.cmsms_category li, 
ul.post-categories li {font-family:"Droid Serif", "Times New Roman", Times, serif;}

body,
.color_1,
a:hover,
textarea,
input,
.widget abbr a,
.cmsmsLike span,
.post .post_inner .entry-title a:hover,
.post .portfolio_inner .entry-title a:hover {color:#7f7f7f;}

h1 {color:#6b4b21;}

h2 {color:#6b4b21;}

h3 {color:#6b4b21;}

h4 {color:#6b4b21;}

h5 {color:#6b4b21;}

h6,
q, 
blockquote {color:#565656;}

a, 
.color_3,
.widget abbr a:hover,
#navigation ul li a:hover,
#navigation ul li.current_page_item > a,
#navigation ul li ul li.current_page_item > a,
ul.p_filter li.current a, 
ul.p_filter li a:hover,
.post .entry-title a:hover,
.cmsmsLike:hover span,
.post .post_inner .entry-title a,
.post .portfolio_inner .entry-title a {color:#017fac;}

.button,
.button_medium,
.button_large,
.button:hover,
.button_medium:hover,
.button_large:hover,
#navigation > li.current_page_item > a, 
#navigation > li > a:hover,
#navigation > li:hover > a,
#navigation ul li a,
#footer,
.acc .tog:hover,
.acc .tog.current,
.tabs li a:hover,
.tabs li a.current,
.related_posts ul li a:hover,
.related_posts ul li a.current,
span.dropcap,
.table thead th,
.p_sort a,
a.p_cat_filter,
ul.p_filter li a,
.post .comments_number,
.post .published,
.slideCaptionInnerBlock,
.slideCaptionInnerBlock h1,
.slideCaptionInnerBlock h2,
.slideCaptionInnerBlock h3,
.slideCaptionInnerBlock h4,
.slideCaptionInnerBlock h5,
.slideCaptionInnerBlock h6 {color:#ffffff;}

#navigation li a,
.tour li a {color:#525252;}

.post footer.entry-meta,
.post footer.entry-meta a:hover,
.format-aside .entry-content,
.cmsms_title,
.cmsms_title a:hover,
.format-quote blockquote,
.project_navi .prev:hover,
.project_navi .next:hover,
.sitemap > li > a:hover,
.post .entry-title a,
.cms_archive li,
.cms_archive li a:hover,
.tour li.current a,
.tour li a:hover,
ul.cmsms_category li, 
ul.post-categories li,
ul.cmsms_category li a:hover, 
ul.post-categories li a:hover,
.togg .tog.current,
.togg .tog:hover {color:#6b4b21;}

body,
#navigation > li.current_page_item > a,
#navigation > li > a:hover,
#navigation > li:hover > a,
.responsiveSlider>li,
code:before,
span.dropcap,
#slide_top,
.button,
.button_medium,
.button_large,
.button > span,
.button_medium > span,
.button_large > span,
.cmsms_plus_inner,
.table thead th,
.colored_block,
.shortcode_slideshow ul.shortcode_slideshow_pager li.current a,
.shortcode_slideshow ul.shortcode_slideshow_pager li a:hover,
.wp-pagenavi a,
.cmsmsLike:hover,
.cmsmsLike.active,
.cmsms_slider_parent a.cmsms_close_video:hover,
div.jp-playlist li.jp-playlist-current:before,
div.jp-playlist li:hover:before,
.shortcode_slideshow_container .cmsms_slides_nav a:hover,
.shortcode_slideshow_container .cmsms_slides_nav li.active a,
.resp_navigation,
.acc .tog:hover span,
.acc .tog.current span,
.tabs li a:hover,
.tabs li a.current,
.related_posts ul li a:hover,
.related_posts ul li a.current,
.p_sort a[name="p_name"], 
.p_sort a[name="p_date"],
a.p_cat_filter,
.cmsms_post_img,
.post .comments_number,
.project_navi .prev:before,
.project_navi .next:before {background-color:#bfdfea;}

.tog:hover .cmsms_plus_inner, 
.tog.current .cmsms_plus_inner,
.post .published,
.shortcode_slideshow_container .cmsms_slides_nav a:hover,
.shortcode_slideshow_container .cmsms_slides_nav li.active a,
.widget_custom_portfolio_entries .cmsms_content_slider_parent .cmsms_slides_nav li a:hover,
.widget_custom_portfolio_entries .cmsms_content_slider_parent .cmsms_slides_nav li.active a,
.project_navi .prev:hover:before,
.project_navi .next:hover:before,
.cmsms_slider_parent ul.cmsms_slides_nav li a:hover,
.cmsms_slider_parent ul.cmsms_slides_nav li.active a,
.resp_navigation:hover,
.resp_navigation.active {background-color:#6b4b21;}

.shortcode_slideshow_container .cmsms_slides_nav a,
.cmsms_slider_parent ul.cmsms_slides_nav li a {background-color:#ffffff;}


/* ---------- Mobile (Note: Design for a width less than 541px) ---------- */

@media only screen and (max-width: 540px) {
	
	#navigation > li.current_page_item > a,
	#navigation > li > a:hover,
	#navigation > li:hover > a {background-color:transparent;}
	
	#header nav #navigation li a {color:#ffffff;}
	
	#header nav #navigation li a:hover,
	#header nav #navigation li.current_page_item > a,
	#header nav #navigation li ul li.current_page_item > a,
	#header nav #navigation li ul li ul li.current_page_item > a {color:#bfdfea;}
	
	#navigation ul li a {font-family:"Open Sans", Arial, Geneva, Helvetica, sans-serif;}
	
}