
/* ===================> Fonts <================== */

/* ====> Content <==== */

body,
li p,
.user_name, 
.cmsms_post_full_date, 
.blog.opened-article .cmsms_comments_wrap, 
.widget_custom_posts_tabs_entries li {
	font:13px/18px Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}

.cmsms_comments,
.comment-reply-link, 
#cancel-comment-reply-link, 
input[type="submit"] {
	font-family:Arial, Helvetica, 'Nimbus Sans L', sans-serif;
}

table.table th {
	font-family:Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
}

.cmsms_info .cmsms_comments_wrap,
.blog .post .published,
.cmsms_price_outer,
.more_button, 
.pj_sort a[name="pj_name"], 
.pj_sort a[name="pj_date"], 
a.pj_cat_filter {
	font-family:'Raleway', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
}

/* ====> Links <==== */

a {
	font:15px/18px Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}

/* ====> Navigation <==== */

#navigation > li > a {
	font:14px/20px Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:bold;
	font-style:normal;
}

#navigation ul li a {
	font:13px/20px Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}


/* ====> Headings <==== */

h1,
h1 a,
.logo .title, 
.cmsms_page_month, 
.cmsms_page_day, 
.cmsms_post_month, 
.cmsms_post_day, 
.cmsms_info .cmsms_comments {
	font:30px/36px 'Raleway', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:700;
	font-style:normal;
}

h2,
h2 a {
	font:24px/36px 'Raleway', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:700;
	font-style:normal;
}

h3,
h3 a {
	font:22px/36px 'Raleway', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:700;
	font-style:normal;
}

h4,
h4 a,
.cmsms_sitemap > li > a, 
.cmsms_page_year, 
.cmsms_post_year {
	font:18px/24px 'Raleway', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:700;
	font-style:normal;
}

h5,
h5 a,
.button, 
.pricing_button, 
.button_small, 
.button_medium, 
.button_large, 
input[type="submit"], 
.cmsms_period {
	font:14px/18px 'Raleway', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:700;
	font-style:normal;
}

h6,
h6 a, 
.cmsms_date_title, 
.testimonial .tl_author, 
.cmsms_info .cmsms_comments_wrap {
	font:14px/18px Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:bold;
	font-style:normal;
}


/* ====> Other <==== */

blockquote, 
.post.format-aside .entry-header > .entry-header-inner, 
q {
	font:22px/30px 'Raleway', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:700;
	font-style:normal;
}

q:before, 
blockquote:before, 
.tl-content:after {font-family:'Headland One Regular';}

span.dropcap {
	font:48px/46px 'Raleway', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:bold;
	font-style:normal;
}

code {
	font:13px/18px Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}

small,
small a, 
.cmsms_breadcrumbs, 
.cmsms_breadcrumbs a, 
.user_name, 
.cmsms_category, 
.cmsms_details li, 
.cmsms_tl_cat, 
.testimonial .published, 
.cmsms_portfolio_full_date abbr, 
.post_type_shortcode .entry-header .published, 
.widget_custom_posts_tabs_entries .tabs > li a span, 
.widget_custom_recent_testimonials_entries .tl_author, 
.portfolio_page .cmsms_portfolio_full_date, 
.portfolio_page .entry-meta .cmsms_category, 
.portfolio_page .entry-meta .cmsms_category a, 
.table td {
	font:12px/18px Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}

input, 
textarea, 
select {
	font:13px/18px 'Raleway', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}

#footer,
#footer a {
	font:12px/18px Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-weight:normal;
	font-style:normal;
}

/* ===================> Colors <================== */

/* ====> Content <==== */
	
body, 
.tour > li a, 
.tog, 
.cmsms_comments,
.cmsms_tl_cat a, 
.tl_comments, 
.heading_subtitle, 
.cmsmsLike {
	color:#979797;
}

/* ====> Links <==== */

a, 
.cmsmsLike.active {
	color:#55b4e6;
}

a:hover, 
.cmsms_tags a, 
.user_name a, 
.cmsms_category a, 
.jta-tweet-timestamp-link {
	color:#979797;
}

.entry-title a:hover, 
.cmsms_tl_cat a:hover, 
.tl_comments:hover, 
.post .entry-title a:hover,
.cmsms_tags a:hover, 
.user_name a:hover, 
.cmsms_category a:hover, 
.more_button:hover, 
.cmsms_comments:hover, 
.cmsms_info .cmsms_comments:hover, 
.related_posts_content h6 a:hover, 
.jp-playlist-item:hover, 
.testimonial .tl_author:hover, 
.jta-tweet-timestamp-link:hover, 
div.jp-playlist li a.jp-playlist-current {
	color:#55b4e6;
}

.color_3, 
.cmsms_price, 
a.logo:hover {
	color:#55b4e6;
}

.project_navi a:hover, 
.cmsms_share:hover, 
.comment-reply-link:hover,
#cancel-comment-reply-link:hover, 
.comment-edit-link:hover, 
#cmsms_latest_bottom_tweets a:hover {
	color:#454545;
}

/* ====> Navigation <==== */

#navigation > li > a {
	color:#a4a4a4;
}

#navigation > li.current_page_item > a,
#navigation > li.current-menu-ancestor > a,
#navigation > li:hover > a,
#navigation > li > a:hover {
	color:#6c6c6c;
}

#navigation ul li > a {
	color:#6c6c6c;
}

#navigation ul li.current_page_item > a,
#navigation ul li.current-menu-ancestor > a,
#navigation ul li:hover > a {
	color:#ff938a;
}

/* ====> Headings <==== */

h1,
.logo, 
.cmsms_page_month, 
.cmsms_page_day, 
.cmsms_post_month, 
.cmsms_post_day, 
.cmsms_info .cmsms_comments {
	color:#454545;
}

h2,
h2 a,
.post .entry-title a {
	color:#454545;
}

h3, 
h3 a {
	color:#454545;
}

h4,
h4 a {
	color:#454545;
}

h5, 
h5 a {
	color:#454545;
}

h6, 
h6 a, 
.cmsms_currency, 
.cmsms_coins, 
.cmsms_period, 
.person_subtitle, 
.testimonial .tl_author, 
.testimonial .tl_company, 
#cmsms_latest_bottom_tweets {
	color:#454545;
}

/* ====> Other <==== */

.color_2, 
blockquote, 
.post.format-aside .entry-header > .entry-header-inner, 
q {
	color:#454545;
}

span.dropcap {
	color:#404040;
}

code {
	color:#979797;
}

small {
	color:#979797;
}

input, 
textarea, 
select,
select option {
	color:#282828;
}

/* ====> Footer Content <==== */

.bottom_inner a, 
#footer,
#footer a {
	color:#979797;
}


/* ====> Footer Links <==== */

.bottom_inner a:hover, 
#footer a:hover,
#footer h1 a:hover, 
#footer h2 a:hover, 
#footer h3 a:hover, 
#footer h4 a:hover, 
#footer h5 a:hover, 
#footer h6 a:hover {
	color:#ff938a;
}

/* ===================> Backgrounds and Borders <================== */

#slide_top:hover,
q:before, 
blockquote:before, 
.percent_item_colored,
.table thead th, 
span.dropcap2,
.post .cmsms_post_format_img, 
.project_navi a[rel="prev"]:hover:before, 
.project_navi a[rel="next"]:hover:before, 
.button, 
.pricing_button, 
.button_small, 
.button_medium, 
.button_large, 
input[type="submit"], 
.related_posts > ul li a:hover, 
.related_posts > ul li a.current, 
.tabs li a:hover, 
.tabs li.current a, 
.related_posts > ul li a.current, 
#navigation > li.current_page_item > a:before, 
#navigation > li.current-menu-ancestor > a:before, 
#navigation > li.dropdown:hover > a:before, 
.tour > li:hover a, 
.tour > li.current a, 
.tog:hover, 
.tog.current, 
.wrap_project .portfolio_rollover, 
.tl-content:before, 
.responsive_nav, 
.tparrows.default:hover, 
.ls-newgate .ls-nav-prev:hover, 
.ls-newgate .ls-nav-next:hover, 
.tp-bullets.round .bullet:hover, 
.tp-bullets.round .bullet.selected, 
.ls-newgate .ls-bottom-slidebuttons a.ls-nav-active,
.ls-newgate .ls-bottom-slidebuttons a:hover, 
.cmsms_content_prev_slide:hover span,
.cmsms_content_next_slide:hover span, 
.blog .post .cmsms_content_prev_slide:hover span,
.blog .post .cmsms_content_next_slide:hover span,
.cmsms_content_slider_parent ul.cmsms_slides_nav li.active a, 
.cmsms_content_slider_parent ul.cmsms_slides_nav li:hover a {
	background-color:#55b4e6;
}

.pj_sort a:hover:before, 
.pj_filter_container:hover a.pj_cat_filter:before, 
.pj_sort a.current:before {
	background-color:#55b4e6;
	border-color:#55b4e6;
}

code, 
.cmsms_pricing_table .title {
	border-top-color:#55b4e6;
}

.cmsmsLike.active:after, 
#bottom input:focus, 
#bottom textarea:focus, 
#bottom select:focus {
	border-color:#55b4e6;
}

/* ---------- Small Tablet & Mobile (Note: Design for a width less than 1024px) ---------- */

@media only screen and (max-width: 1024px) {
	
	#navigation > li.current_page_item > a,
	#navigation > li.current-menu-ancestor > a,
	#navigation li.current_page_item > a,
	#navigation li.current-menu-ancestor > a,
	#navigation > li:hover > a,
	#navigation > li > a:hover {
		font-size:;
	}
	
	#navigation li.current_page_item > a, 
	#navigation li.current-menu-ancestor > a, 
	#navigation li.current_page_item:hover > a, 
	#navigation li.current-menu-ancestor:hover > a, 
	#navigation ul li.current_page_item > a,
	#navigation ul li.current-menu-ancestor > a, 
	#navigation ul li.current_page_item:hover > a,
	#navigation ul li.current-menu-ancestor:hover > a	{
		color:#6c6c6c;
	}
	
	#navigation ul li > a {
		color:#a4a4a4;
	}
	
	#navigation ul li:hover > a {color:#ffffff;}
	
	#navigation ul li > a {background-color:#fbfbfa;}
	
	#navigation li:hover > a, 
	#navigation li > a:hover > span:after, 
	#navigation li > a:hover > span:before,  
	#navigation li.dropdown:hover > a > span:after, 
	#navigation li.dropdown:hover > a > span:before	{
		background-color:#55b4e6;
	}

	#navigation li:hover > a:before, 
	#navigation ul li a:hover, 
	#navigation ul li:hover > a, 
	#navigation li.dropdown.current_page_item:hover > a:before, 
	#navigation li.dropdown.current-menu-ancestor:hover > a:before, 
	#navigation li.dropdown.current_page_item > a:before, 
	#navigation li.dropdown.current-menu-ancestor > a:before {
		background-color:#55b4e6;
		border-color:#55b4e6;
	}

}

