/*
Theme Name: Perasaan
Author: Codemagna
Description: Clean wordpress blog and magazine template
Version: 1.0.1
*/
/*
	========================================
	TABLE OF CONTENTS
	========================================
	
	[1. GLOBAL STYLE]
	[2. COMPONENT]
		[2.1 SEARCH FORM]
	[3. TOPBAR]
	[4. MASTHEAD]
		[4.1 SITE HEADER]
		[4.2 NAVIGATION]
		[4.3 SLIDER]
	[5. ENTRY POST]
		[5.2 TAGS]
		[5.4 PAGINATION]
	[6. SIDEBAR]
		[6.1 CUSTOM WIDGET]
	[7. COMMENTS]
	[8. FOOTER]

*/

/* 
	===========================
	[1. GLOBAL STYLE]
	===========================
*/
::-moz-selection {
  color: #ffffff;
  background-color: #e74c3c;
}
::-webkit-selection {
  color: #ffffff;
  background-color: #e74c3c;
}
::selection {
  color: #ffffff;
  background-color: #e74c3c;
}
a {
  color: #e74c3c;
}
a:hover {
  color: #d62c1a;
}
input[type="submit"],
button {
  color: #ffffff;
  background-color: #e74c3c;
}
input[type="submit"]:hover,
button:hover,
input[type="submit"]:focus,
button:focus {
  background-color: #e43725;
}
/* 
	===========================
	[2. COMPONENT]
	===========================
*/
/* 
	===========================
	[2.1 SEARCH FORM]
	===========================
*/
.search-form .search-submit {
  color: #ffffff;
  background-color: #e74c3c;
}
.search-form .search-submit:hover {
  background-color: #e43725;
}
/* 
	===========================
	[3. TOPBAR]
	===========================
*/
.site-topbar .ticker-title span {
  color: #ffffff;
  background-color: #e74c3c;
}
.site-topbar .topbar-menu ul.social-media li a:hover {
  color: #e74c3c;
}
/* 
	===========================
	[4. MASTHEAD]
	===========================
*/
/* 
	===========================
	[4.1 SITE HEADER]
	===========================
*/
.site-header .site-branding .site-title a {
  color: #e74c3c;
}
.site-header .site-branding .site-title a:hover {
  color: #2b2b2b;
}
/* 
	===========================
	[4.2 NAVIGATION]
	===========================
*/
.main-navigation ul ul li::before {
  content: '';
  background-color: #e6e6e6;
}
.main-navigation ul ul li::after {
  content: '';
  border: 1px solid #e6e6e6;
  background-color: rgba(255, 255, 255, 0.95);
}
.main-navigation ul ul li:hover::before,
.main-navigation ul ul li:focus::before {
  content: '';
  background-color: #e74c3c;
}
.main-navigation ul ul li:hover::after,
.main-navigation ul ul li:focus::after {
  content: '';
  border-color: #e74c3c;
}
.main-navigation li:hover > a,
.main-navigation li.focus > a {
  color: #e74c3c;
}
.main-navigation li.menu-item-has-children:hover::after,
.main-navigation li.menu-item-has-children:focus::after {
  content: '-';
  color: #e74c3c;
}
.main-navigation li.menu-item-has-children .menu-item-has-children::after {
  content: '';
  border: 1px solid #e6e6e6;
}
.main-navigation li.menu-item-has-children .menu-item-has-children:hover::after,
.main-navigation li.menu-item-has-children .menu-item-has-children:focus::after {
  content: '';
  border-color: #e74c3c;
}
.main-navigation a {
  color: #2b2b2b;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
  color: #e74c3c;
}
/* 
	===========================
	[4.3 SLIDER]
	===========================
*/
#site-slider .carousel-caption .entry-category a {
  color: #e74c3c;
}
#site-slider .carousel-caption .entry-category a:hover {
  color: #6b6e80;
}
/* 
	===========================
	[5. ENTRY POST]
	===========================
*/
.entry-header .cat-links a {
  color: #e74c3c;
}
.entry-header .cat-links a:hover {
  color: #2b2b2b;
}
.entry-author-bio .author-description h4 a {
  color: #545664;
}
.entry-author-bio .author-description h4 a:hover {
  color: #e74c3c;
}
.sticky .sticky-post,
[class^="sticky-"] .sticky-post,
[class*="sticky-"] .sticky-post {
  color: #ffffff;
  background-color: #d62c1a;
}
/* 
	===========================
	[5.2 TAGS]
	===========================
*/
.tags-title::before {
  content: '';
  background-color: #e74c3c;
}
/* 
	===========================
	[5.4 PAGINATION]
	===========================
*/
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a {
  border: 1px solid #eeeeee;
  color: #6b6e80;
  background-color: #ffffff;
}
.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-next a:hover,
.posts-navigation .nav-previous a:focus,
.posts-navigation .nav-next a:focus {
  color: #ffffff;
  border-color: #d62c1a;
  background-color: #e74c3c;
}
.pagination .nav-links .current {
  color: #e74c3c;
}
/* 
	===========================
	[6. SIDEBAR]
	===========================
*/
.widget_nav_menu ul li:hover::after {
  border-color: #e74c3c;
}
.widget_calendar #calendar_wrap table #today {
  color: #e74c3c;
}
.widget_calendar #calendar_wrap table tbody a {
  color: #2b2b2b;
}
.widget_calendar #calendar_wrap table tbody a:hover {
  color: #e74c3c;
}
.blog-entry-big .blog-entry-header .entry-cat a,
.blog-entry-big .blog-entry-header .entry-tag a {
  color: #e74c3c;
}
.blog-entry-big .blog-entry-header .entry-cat a:last-child,
.blog-entry-big .blog-entry-header .entry-tag a:last-child {
  margin-right: 0;
}
.blog-entry-big .blog-entry-header .entry-cat a:hover,
.blog-entry-big .blog-entry-header .entry-tag a:hover {
  color: #e43725;
}
/* 
	===========================
	[6.1 CUSTOM WIDGET]
	===========================
*/
.perasaan_widget_about .about-author .author-footer .read-more {
  color: #e74c3c;
}
.perasaan_widget_about .about-author .author-footer .read-more:hover {
  color: #a1a3b0;
}
.perasaan_widget_about .about-author .author-social a {
  color: #a1a3b0;
}
.perasaan_widget_about .about-author .author-social a:hover {
  color: #e74c3c;
}
.perasaan_widget_editor_picks .editor-pick .nav-tabs > li.active,
.perasaan_widget_editor_picks .editor-pick .nav-tabs > li.active > a,
.perasaan_widget_editor_picks .editor-pick .nav-tabs > li.active > a:focus,
.perasaan_widget_editor_picks .editor-pick .nav-tabs > li.active > a:hover {
  color: #e74c3c;
}
.perasaan_widget_editor_picks .editor-pick .nav-tabs > li.active::before,
.perasaan_widget_editor_picks .editor-pick .nav-tabs > li.active > a::before,
.perasaan_widget_editor_picks .editor-pick .nav-tabs > li.active > a:focus::before,
.perasaan_widget_editor_picks .editor-pick .nav-tabs > li.active > a:hover::before {
  content: '';
  border-top: 0 solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #e74c3c;
  border-left: 4px solid transparent;
}
.perasaan_widget_editor_picks .editor-pick .nav-tabs > li.active::after,
.perasaan_widget_editor_picks .editor-pick .nav-tabs > li.active > a::after,
.perasaan_widget_editor_picks .editor-pick .nav-tabs > li.active > a:focus::after,
.perasaan_widget_editor_picks .editor-pick .nav-tabs > li.active > a:hover::after {
  content: '';
  background-color: #e74c3c;
}
.entry-post-list .entry-post-category,
.entry-post-list .entry-post-author,
.entry-post-list .entry-post-date,
.entry-post-list .entry-post-duration {
  color: #9395a5;
}
.entry-post-list .entry-post-category a,
.entry-post-list .entry-post-author a,
.entry-post-list .entry-post-date a,
.entry-post-list .entry-post-duration a {
  color: #e74c3c;
}
/* 
	===========================
	[7. COMMENTS]
	===========================
*/
.comment-list li .comment-metadata a {
  color: #858899;
}
.comment-list li .comment-metadata a:hover {
  color: #2b2b2b;
}
.comment-list li .comment-metadata .edit-link a {
  color: #e74c3c;
}
.comment-list li .comment-metadata .edit-link a:hover {
  color: #2b2b2b;
}
.comment-respond .form-horizontal .submit {
  color: #ffffff;
  background-color: #e74c3c;
}
.comment-respond .form-horizontal .submit:hover {
  background-color: #e53f2e;
}
/* 
	===========================
	[8. FOOTER]
	===========================
*/
.site-footer .widget_nav_menu ul li:hover::after {
  background-color: #e74c3c;
}
.site-footer .widget_calendar #calendar_wrap table #today,
.site-footer .widget_calendar .calendar_wrap table #today {
  color: #e74c3c;
}
.site-footer .widget_calendar #calendar_wrap table tbody a,
.site-footer .widget_calendar .calendar_wrap table tbody a {
  color: #e6e6e6;
}
.site-footer .widget_calendar #calendar_wrap table tbody a:hover,
.site-footer .widget_calendar .calendar_wrap table tbody a:hover {
  color: #e74c3c;
}
.site-footer .widget .entry-post-list .entry-post-thumbnail {
  background-color: #000000;
}
.site-footer .footer-nav {
  border-top: 5px solid #a82315;
}
.site-footer .footer-nav .social-icon li a {
  color: #ffffff;
  background-color: transparent;
}
.site-footer .footer-nav .social-icon li a:hover {
  color: #e74c3c;
  background-color: #ffffff;
}