/*
Theme Name: FinnishNordicNews
Theme URI: http://ahmad.works/writing/
Author: Ahmad Abou Hashem
Author URI: https://ahmad.works/
Description: Minmal & Clean Blog Wordpress Theme.
Version: 2.00
License: Themeforest Split Licence
License URI: -
Text Domain: asalah
Tags: black, white, two-columns, left-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

@import url("./css/main.css");

/* HEADER */
.logo.logo-right {
	  float: right;
	  padding-left: 15px;
}
.logo.logo-left {
	  float: left;
	  padding-right: 15px;
}

.logo {
	  display: inline-block;
	  max-width: 50%;
	  width: 350px;
}

@media screen and (min-width: 993px) {
	/**/
	.main_nav {
		display:inline-block;
		float: left;
	}
	
	.main_nav > .nav > li {
	  display: inline-block;
	  float: none;
	}
	
	.navbar-nav {
		float: none;
		margin: 0;
		text-align: center;
		display: block;
	}
}

@media screen and (max-width: 992px) {
	.main_nav {
		display: block;
		margin: 0 auto;
	}
	
	.navbar-nav {
		display: inline-block;
	}
	
	.main_nav > .nav > li.menu-item {
    display: block;
    float: none;
	}
}

@media screen and (min-width: 993px) {

	.top_menu_wrapper > .container {
		width: 100%;
		max-width: 1600px;
	}

	.main_menu {
		margin: 0 auto;
		display: block;
		float: none !important;
		width: 1500px;
		max-width: 100%;
	}
	
	
}

@media screen and (max-width: 992px) {
	.main_menu {
		margin: 0 auto;
		display: block;
		float: none !important;
		width: 100%;
		max-width: 100%;
	}
	.logo {
	  display: inline-block;
	  max-width: 49%;
	  width: 49%;
	  float: none !important;
	}
}


/* single post */

.author_box.author-info {
    display: none;
}

/* blog list */


.widget_container {
		margin-bottom: 0;
}

.blog_posts_list #widget-area, 
.blog_posts_list .blog_post {
		border-bottom: 1px dotted #ddd;
		margin-bottom: 0;
		padding-bottom: 0;
}

.blog_post_banner {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media screen and (min-width: 783px) {
	.blog_posts_list aside.side_content.widget_area {
		  width: 32%;
		  float: right;
	}

	.blog_posts_list article {
		  max-width: 32%;
		  display: inline-block;
	}
	
	.blog_posts_list .blog_post_banner.blog_post_image {
			max-height: 155px;
	}
	
}

@media screen and (max-width: 782px) {

	.blog_posts_list aside.side_content.widget_area {
		  width: 49%;
		  float: right;
	}

	.blog_posts_list article {
		  max-width: 49%;
		  display: inline-block;
	}
}


@media screen and (min-width: 576px) {	
	.blog_posts_list #widget-area, 
	.blog_posts_list .blog_post {
			max-height: 175px;
	}
}

@media screen and (max-width: 575px) {
	.blog_posts_list aside.side_content.widget_area {
		  width: 100%;
		  float: right;
	}

	.blog_posts_list article {
		  max-width: 100%;
		  display: inline-block;
	}
}

.blog_posts_list article h2.entry-title.title.post_title {
    font-size: 18px;
    line-height: 1.2em;
    color: black;
    font-weight: normal;
}
.blog_posts_list article .blog_post_title {
	height: 85px;
  overflow: hidden;
}

article .post_thumbnail_wrapper {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}
 article .post_info_wrapper {
    display: inline-block;
    max-width: 48%;
    vertical-align: middle;
}

.blog_posts_wrapper.list_blog_style
.posts_list_wrapper > div {
    width: 49%;
    position: initial;
    float: none;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    padding: 0 3px;
}

.site input.search-field {
  border-bottom: none;
}

.blog_posts_list .blog_post_banner.blog_post_image,
.blog_posts_list .blog_post_banner.blog_post_image img {
    border-radius: 4px;
}

.blog_posts_wrapper.list_blog_style .posts_list_wrapper {
    margin-left: 0;
    margin-right: 0;
}

.site_content {
	padding-top: 20px;
	padding-bottom: 80px;
}

.ylakuva {
    padding-right: 15px;
    padding-left: 15px;
    float: none;
}

.pyoristys {
    border-radius: 30px !important;
}

.site_logo, .site_logo a {
	font-family: 'Podkova', serif;
	font-weight: bold;
	color: #B20000;
	font-size: 44px;
	line-height: 50px
}

.blog_post_title .title {
    font-size: 27px;
    margin-top: 0px;
    margin-bottom: 4px;
    letter-spacing: 0.8px;
    line-height: 35px;
    color: #B20000;
}

.skin_color {
	color: #B20000;
}
.skin_color_hover:hover {
	color: #B20000;
}
.skin_bg {
	background-color: #B20000;
}
.skin_bg_hover:hover {
	background-color: #B20000;
}
.skin_border {
	border-color: #B20000;
}
.skin_border_left {
	border-left-color: #B20000
}
.skin_border_right {
	border-right-color: #B20000;
}
.skin_border_top {
	border-top-color: #B20000;
}
.skin_border_bottom {
	border-bottom-color: #B20000;
}

a {
	color: #B20000;
	-o-transition: color  0.2s ease-in;
	-webkit-transition: color  0.2s ease-in;
	-moz-transition: color  0.2s ease-in;
	transition: color  0.2s ease-in;
}

.user_info_button:hover {
	color: #B20000;
}

.header_social_icons a:hover {
	color: #B20000;
}

.blog_post_meta .blog_meta_item a:hover {
	color: #B20000
}

.blog_post_control_item a, .blog_post_control_item .share_item.share_sign {
	height: 38px;
	padding: 0 22px;
	line-height: 38px;
	display: inline-block;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border: 1px solid #B20000;
	color: inherit;
	-o-transition: all  0.1s ease-in;
	-webkit-transition: all  0.1s ease-in;
	-moz-transition: all  0.1s ease-in;
	transition: all  0.1s ease-in;
}
.blog_post_control_item a:hover, .blog_post_control_item .share_item.share_sign:hover {
	background-color: #B20000;
	color: #fff;
}

.navigation.pagination .nav-links .page-numbers:hover {
	border-color: #B20000;
}

.navigation.pagination .nav-links .page-numbers.dots {
	width: auto;
	border: none;
	border-radius: 50%;
}

.navigation.pagination .nav-links .page-numbers.current {
	border-color: #B20000;
}

.navigation_links a:hover {
	border-color: #B20000;
}

.widget_container ul li a:hover {
	color: #B20000
}

.asalah_post_gallery_nav_container ul.flex-direction-nav > li a:hover:before {
	color: #B20000;
	-o-transition: color  0.2s ease-in;
	-webkit-transition: color  0.2s ease-in;
	-moz-transition: color  0.2s ease-in;
	transition: color  0.2s ease-in;
}

.post_navigation_item:hover a.post_navigation_arrow {
	color: #B20000;
}

.widget_container.asalah-social-widget .widget_social_icon:hover {
	color: #fff;
	background-color: #B20000;
}

.tagcloud a:hover {
	background-color: #B20000;
	color: #fff;
}

.comment_body p a:hover {
	color: #B20000;
	border-bottom-color: #B20000;
}