/*
Theme Name: Elastica
Theme URI: http://www.selimakyuz.com/
Author: Selim Akyüz
Author URI: http://www.selimakyuz.com
Description: Elastica Theme
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: elastica
Tags: 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
#fixedmenus{
position: fixed;
z-index: 2;
top: -110px;
width: 100%;
height: 45px;
line-height: 45px;
min-height: 45px;
color: #fff;
background-color: #90CAF9;
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.6);
box-shadow: 0 0 3px rgba(0,0,0,0.6);
-moz-transition: all 0.15s ease-out 0.5s;
	-webkit-transition: all 0.15s ease-out 0.5s;
	-o-transition: all 0.15s ease-out 0.5s;
}


body{background-color:#ececec;font-family:'Roboto';color:#808080;font-size:14px;font-weight:300;}
a{color:#a2a2a2;	-moz-transition: all 0.15s ease-out 0.2s;
	-webkit-transition: all 0.15s ease-out 0.2s;
	-o-transition: all 0.15s ease-out 0.2s;
	
}
a:hover{color:#C62828}
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-family:'Roboto Slab';}
.sticky{border-top-color:#FFC107!important;}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
.site-header{background:url('img/top_bg.png');margin-bottom:35px;}
.site-branding{}
.site-title a{line-height:2;font-size:52px;font-weight:700;color:#c0c0c0;font-family:'Roboto Slab';
background-color: rgba(0, 0, 0, 0.025);padding: 10px 15px;border: 0px solid #C62828;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;}
.site-title a:hover{color:#C62828;text-decoration:none;border: 0px solid #c0c0c0;background-color: rgba(0, 0, 0, 0.075);}
.site-description{line-height:2;font-weight:200;font-size:28px;margin-bottom:25px;color:#666;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
.top-social-bar{text-align:right}

#crumbs{
	border-top: 5px solid #f9f9f9;
	padding: 12px;
	margin-bottom: 24px;
	background-color:#FFF;
}

code {
padding: 2px 4px;
font-size: 90%;
color: #707070;
background-color: #e9e9e9;
border-radius: 4px;
}

.sh{
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
.post-cat{position: absolute;left: 0;top: 100%;display: none;padding:4px;
border: 1px solid rgba(0,0,0,.15);
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.175);
box-shadow: 0 3px 6px rgba(0,0,0,.175);
background-color:#f5f5f5;}
.post-cat, .post-cat li{list-style:none;list-style-type:none;min-width:150px;}
.post-cat ul{padding:0;margin:0;}
.post-cat li{padding:3px 12px;}
.post-cat li li{padding:3px 8px;}
.post-cat li a{display:block;}
.post-cat li:hover{background-color:#fff}
.cat-wrap{position:relative;}
.cat-wrap:hover .post-cat{display:block;z-index:9999;}
.cat-btn{cursor:pointer;}


ul.page-numbers{padding:0;}
ul.page-numbers li a,
ul.page-numbers li span{
	font-weight:300!important;
	color: #bcbcbc;
	padding: 5px 10px;
	border:1px solid #bcbcbc;
}
ul.page-numbers li span{background-color:#C62828;color:#fff;border:1px solid #C62828;}
ul.page-numbers li .dots{background-color:transparent;color: #bcbcbc;border:1px solid #bcbcbc;}
ul.page-numbers li {display: inline;}
ul.page-numbers li a:hover{background-color: #C62828;color:#FFF;text-decoration:none;border:1px solid #C62828;margin-bottom:20px;}
ul.page-numbers li .dots{}
/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
/* Small menu */
.menu-toggle {
	display: none;
}

@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}

.sa-header-top{padding-bottom:7px;padding-top:7px;}
.sa-top-left-nav > ul {margin-bottom:0px;margin-top:0px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #e7e7e7;}
.navbar-default {background-color:#C62828;border-width:0px;border-radius:0;text-align:center;}
.navbar{min-height: 48px;}
.navbar-collapse.collapse{display:none}
.collapse.in {display: block;}
@media screen and (min-width: 768px) {.navbar-collapse.collapse{display:inline-block!important;margin-bottom:-5px} }


.navbar-default .navbar-nav>li>a {color: #FFF;border-bottom:5px ;padding-bottom:8px;}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {color: #EEE;border-bottom:5px solid #f7f7f7;background-color:rgba(0, 0, 0, 0.075);text-shadow: none;}

.navbar-default .navbar-nav > li:hover > a{background-color:rgba(0, 0, 0, 0.075);color: #FFF;border-bottom:5px solid #f7f7f7;}

.navbar-default .navbar-nav li li a {color: #bcbcbc;font-weight:300;}

.navbar-default .navbar-nav li li a:hover,
.navbar-default .navbar-nav li li a:focus {color: #FFF;background-color:#C62828;text-shadow: none;}

.navbar-default .navbar-nav .dropdown-menu{border-radius:0px;border:0px;}

.navbar-default .navbar-toggle{background-color:rgba(0,0,0,0.095);border-width:0px;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color:rgba(0,0,0,0.195);}
.navbar-default .navbar-toggle .icon-bar{background-color:#FFF;}

.navbar-default .dropdown-menu>.active>a,
.navbar-default .dropdown-menu>.active>a:hover,
.navbar-default .dropdown-menu>.active>a:focus {background-color: #C62828;color:#FFF;}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {color: #FFF;background-color:rgba(0,0,0,0.095);border-bottom:5px solid rgba(0,0,0,0.095);}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/

aside.widget{
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin-bottom:36px;
}
aside .widget-title:before{
content:"\f0c8";
font-family:"FontAwesome";
display:inline-block;
font-size: 14px;
color: #C62828;
float:left;
margin-right:5px;
}
footer .widget{
box-shadow: none;
-webkit-box-shadow: none;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin-bottom:36px;
}

#content aside.widget{
background-color:#fff;
border-top: 5px solid #90CAF9;
padding:22px 20px;

}
@media (max-width: 384px) {
	aside.simple_ads_manager_widget.sh{
		overflow:hidden;
	}
}

	.widget-title {
	color: #C62828;
	letter-spacing: 0.1em;
	line-height: 1.525em;
	vertical-align: middle;
	/* padding-left: 5px; */
	/* background-color: #e8e8e8; */
		display: block;
		font-family:'Roboto Slab';

}
.widget-title::after {
	content: "";
	display: block;
	border-bottom:0px solid #bcbcbc;
	width:50%;
	height:1px;
	margin:12px 0;
}

.widget ul {
	margin: 0;padding: 0;
	}
.widget ul ul {
	margin-left: 1em;
}
.widget ul li {
	color: #777;
	list-style: none;
    vertical-align: middle;
	padding: 3px 0 0 0;
}
.widget_recent_comments ul li {}
.widget a {
	text-decoration: none;
	color:#a2a2a2
}
.widget a:hover,
.widget a:focus,
.widget a:active {
	text-decoration: underline;
	color:#C62828
}


.widget_recent_comments li:before{font-family:'FontAwesome';content: "\f0e5";float:left;margin-right:5px;}
.widget_recent_entries li:before{font-family:'FontAwesome';content: "\f096";float:left;margin-right:5px;}
.widget_meta li:before, 
.widget_nav_menu li:before, 
.widget_pages li:before{font-family:'FontAwesome';content: "\f101";float:left;margin-right:10px;}



.widget_meta > ul > li:first-child,
.widget_pages > ul > li:first-child,
.widget_archive > ul > li:first-child,
.widget_categories > ul > li:first-child
.widget_nav_menu > ul > li:first-child{
margin-top: 5px;
border-top: 0px solid #e4e4e4;
}
.widget_meta ul li,
.widget_pages ul li,
.widget_archive ul li,
.widget_categories ul li,
.widget_nav_menu ul li {
position: relative;
list-style: none;
padding: 5px 0 5px 15px;
border-bottom: 0px solid #e4e4e4;
}
.widget_meta ul li:before,
.widget_pages ul li:before,
.widget_archive ul li:before,
.widget_categories ul li:before,
.widget_nav_menu ul li:before {
content: "\f0da";
display: block;
position: absolute;
top: 5px;
left: 0;
font-size: 14px;
color: #C62828;
font-family: "FontAwesome";
}

.widget_archive select{
width: 100%;
border-color: #ddd;
padding: 3px 6px;}

.widget .post-count{float:right;background-color:rgba(0,0,0,0.03);padding:0 3px;font-size:13px;}
.widget .children{display:none;}


.tags-links a:hover{
	background-color:#C62828;
	border-color:#C62828;
	color: #FFFFFF;
}
.tags-links{padding:24px 0; border-bottom:0px solid #f7f7f7;}

.tags-links a, .widget_tag_cloud a {
font-size: 14px!important;
word-wrap: break-word;
background-color:#f7f7f7;
color:#bcbcbc;
display: inline-block;
padding: 0 10px;
margin-bottom: 8px;
margin-right: 4px;
line-height: 30px;
border-width: 0px;
border-style: solid;
border-color: transparent;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
text-decoration:none;
text-transform: capitalize;
}

.widget_tag_cloud a:hover{
	background-color:#C62828;
	border-color:#C62828;
	color: #FFFFFF;
	text-decoration:none;
}
article .widget_tag_cloud{padding:24px 0; border-bottom:1px solid #f7f7f7;}
footer .widget_tag_cloud{border-bottom:none;}


#calendar_wrap {padding: 0;}
#wp-calendar {width: 100%;}
#wp-calendar td {
  padding: 6px 0;
  border: none;
  text-align: center;
}
#wp-calendar caption {
  margin-bottom: 5px;
  padding: 4px 0;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}
#wp-calendar thead th {
  padding: 7px 0;
  text-align: center;
  font-size: 14px;
}
#wp-calendar #today {background-color: #f4f4f4;}
#wp-calendar #prev {text-align: left;}
#wp-calendar #next {text-align: right;}


/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.blog article:hover{
	-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.26), 0 4px 10px 0 rgba(0, 0, 0, 0.22);
	-moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.26), 0 4px 10px 0 rgba(0, 0, 0, 0.22);
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.26), 0 4px 10px 0 rgba(0, 0, 0, 0.22);
	border-top: 10px solid #90CAF9;
}
article.page, article.post{margin-bottom:40px; border-bottom: 1px solid #f7f7f7;box-shadow: 0 2px rgba(0,0,0,.05);background-color:#FFF;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border-top: 10px solid #C62828;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-webkit-transition: all 1s ease-out;
transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;

}
.single article.post{border-bottom: 1px solid transparent;margin-bottom:0px;padding-bottom:0px; }
.entry-header{padding-bottom:8px;border-bottom:1px solid #ececec;margin-bottom:21px;margin:25px 30px;}
.entry-header > a{color:#FFF;}
.entry-header > a:hover{color:#FFF;}
.entry-title{margin-top:0px;}
.entry-title,
.entry-title a{color:#707070;font-weight:300;font-size:32px;font-family:'Roboto Slab'}
.entry-title a:hover{color:#C62828;text-decoration:none}
.widget .entry-title,
.widget .entry-title a{font-size:16px;}
.entry-meta{margin:0;padding:0;margin-top:12px;background-color: #f8f8f8;}
.single .entry-meta{background-color: transparent;}
.entry-meta li,
.entry-meta li a{color:#bcbcbc;}
.entry-meta li:hover,
.entry-meta li a:hover,
.entry-meta li:hover a,
.entry-meta li:hover a:hover,
.entry-meta li:hover a:focus{color:#C62828;text-decoration:none;}
.posted-on{}
.posted-wrap{font-size:13px;margin:0;padding-top:6px;padding-bottom:5px;padding-left:30px;display:block}
.single .posted-wrap{padding-left:0px;}
.entry-meta .reading{float:right;padding-right: 0;}
.entry-content{margin:25px 30px;}
.entry-content p{font-size:1.165em;line-height: 24px;}
.entry-content iframe{width:100%;}
.entry-footer{border-top:1px solid #f7f7f7;margin:24px 30px;}


.author-section{border-bottom: 1px solid #f7f7f7;padding-bottom:24px;margin-bottom:24px;}
.author-info{background-color:#f7f7f7;margin-top:24px;padding:24px;}
.author-description h4{margin-top:0px}
.author-avatar img{border:1px solid #ddd;background-color:#fefefe;padding:4px;border-radius:100%}
.author-socials{margin:12px 0;}
.author-socials .sh-ico{margin:0;padding:0;}
.author-socials .sh-ico a{background-color:#ddd;background-color:rgba(0,0,0,0.05); color:#aaa}


.gallery .gallery-item{width:33%; display:inline-block;}
/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/

figure.post-thumb {
display: inline-block;
display: block;
line-height: 1.42;
background-color: white;
border: 0px solid #f9f9f9;
position: relative;overflow:hidden;}


figure.post-thumb:hover {
border: 0px solid #C62828;}
figure.post-thumb img{border:0px!important;}

img[class*="wp-image-"], img.size-full, .gallery-thumb img {
border: 7px solid #f9f9f9;
margin-bottom: 15px;
width:100%;
height:auto;
}
.wp-post-image{border:4px solid #f9f9f9;width:100%}
img, figure{max-width:100%!important;height:auto;}

figure.post-thumb > img{width:100%;opacity:1;
opacity: 1;
-webkit-transition: opacity 0.65s, -webkit-transform 0.65s;
transition: opacity 0.65s, transform 0.65s;
-webkit-transform: scale(1.15);
transform: scale(1.15);
}

article:hover figure.post-thumb > img{
opacity:0.65;
-webkit-transform: scale(1);
transform: scale(1);
}

figure.post-thumb .fa {
	color: white;
	position: absolute;
	top: 0;
	margin: 10px;
}

article span.fa {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
bottom: auto;
background: #C62828;
text-align: center;
float:left;
margin-right:12px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
article span.fa{
font-size: 22px;
width: 48px;
line-height: 48px;
height: 48px;
border: none;
border-radius: 50%;
box-shadow: 0 2px 3px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.12);
box-sizing: content-box;
cursor: pointer;
outline: none;
padding: 0;
pointer-events: auto;
position: relative;
-webkit-user-drag: none;
}

figure.post-thumb .sa-gravatar {
	position: absolute;
	bottom: 0px;
	right:0px;
	margin: 10px;
	border: 4px solid #fff;
	width:50px;
	height:50px;
	overflow:hidden;
    border-radius: 100%;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
    z-index:10
}
figure.post-thumb .sa-gravatar img{
	position: relative;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
    z-index:9
}
figure.post-thumb .sa-gravatar:hover{
	border: 4px solid #C62828;
    border-radius: 100%;
}
figure.post-thumb .sa-gravatar:hover img{
}

.single figure.post-thumb{margin-bottom:25px;}
.single span.entry-meta{border-bottom-width:0px }
.related-loop{padding-bottom:25px;border-bottom:1px solid #f7f7f7;}

.nav-previous,
.nav-next{padding:24px 0; border-bottom:1px solid #f7f7f7;}
.nav-title{display:block;}
.nav-links a{font-weight:700}



/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/





/*Comment Output*/

.comment-list{list-style-type: none;}
.commentlist .reply {}
.commentlist .reply a {}

.commentlist .alt {}
.commentlist .odd {}
.commentlist .even {}
.commentlist .thread-alt {}
.commentlist .thread-odd {}
.commentlist .thread-even {}
.commentlist li ul.children .alt {}
.commentlist li ul.children .odd {}
.commentlist li ul.children .even {}

.commentlist .vcard {}
.commentlist .vcard cite.fn {}
.comment-list .vcard span{display:inline;}
.commentlist .vcard span.says {}
.commentlist .vcard img.photo {}
.comment-list .vcard img.avatar {border:1px solid #f7f7f7;padding:3px;float:left;margin: 0 16px 36px 0;}
.commentlist .vcard cite.fn a.url {}

.commentlist .comment-meta {} 
.commentlist .comment-meta a {}
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {}

.comment-list .parent {}
.comment-list .comment,
.comment-list .pingback  {overflow:hidden;list-style-type: none;list-style:none;margin-left: -40px;margin-bottom:24px;margin-top:24px;padding:18px;margin-right: 0px;background:rgba(255,255,255,0.5)}
.commentlist .children {}
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author {}
.commentlist .comment-author-admin {}

.commentlist {}
.commentlist li {}
.commentlist li p {}
.commentlist li ul {}
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
.commentlist li ul.children li.depth-{id} {}
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.comment-author-admin {}

#cancel-comment-reply {}
#cancel-comment-reply a {}

/*Comment Form */

#respond { } 
#reply-title { } 
#cancel-comment-reply-link { }
#commentform { } 
#author { } 
#email { } 
#url { } 
#comment 
#submit
.comment-notes { } 
.required { }
.comment-form-author { }
.comment-form-email { } 
.comment-form-url { }
.comment-form-comment { } 
.form-allowed-tags { } 
.form-submit{}


.comment-form .form-submit{display:none;}



.sa-link{
background-color:#C62828;
color:#FFF;
display: inline-block;
padding: 0 12px;
margin-bottom: 5px;
margin-right: 4px;
line-height: 32px;
border-width: 0px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
text-decoration:none;
text-transform: capitalize;
}

.sa-link:hover{
	background-color:#90CAF9;
	color: #FFFFFF;
}

.form-control, .btn {
border-radius: 0px!important;
}
.btn {
border-width: 1px!important;
/*padding: 5px 10px!important;*/
/*font-size:16px;*/
}
a.read-more {
padding: 7px 12px;
margin-right: 0;
	background-color: transparent;
	color: #bcbcbc;
	font-weight: 600;
	-moz-transition: all 0.3s ease-out 0.2s;
	-webkit-transition: all 0.3s ease-out 0.2s;
	-o-transition: all 0.3s ease-out 0.2s;
	font-weight:300!important;
}
a.read-more:hover {
	color:white!important;
	background-color:#C62828;
}
footer.site-footer{background-color:#333;margin-top:32px;padding-top:30px}
footer .site-info{background-color:#111;padding:12px 0;}


.search-submit{background-color:#C62828;
/*line-height: 1.42857143;*/
border-right-color:transparent;
border-top-color:transparent;
border-bottom-color:transparent;
}
.search-submit:hover{border-right-color:transparent;
border-top-color:transparent;
border-bottom-color:transparent;
}
.menu-search > ul{display:none;min-width:210px;padding:15px;right:0px;left:inherit;}
.menu-search:hover > ul{display:block;}







/*--------------------------------------------------------------
12.2 Post Like System
--------------------------------------------------------------*/
@font-face {
  font-family: "like_font";
  src: url("./css/fonts/like_font.eot");
  src: url("./css/fonts/like_font.eot?#iefix") format("embedded-opentype"),
       url("./css/fonts/like_font.woff") format("woff"),
       url("./css.fonts/like_font.ttf") format("truetype"),
       url("./css.fonts/like_font.svg#like_font") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "like_font";
    src: url("./css/fonts/like_font.svg#like_font") format("svg");
  }
}



[data-icon]:before { content: attr(data-icon); }

[data-icon]:before,
.icon-gear:before,
.icon-like:before,
.icon-unlike:before {
  display: inline-block;
  font-family: "like_font";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.icon-like:before { content: "\f105"; }
.icon-unlike:before { content: "\f106"; }
.icon-gear:before { 
	content: "\f104";
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); }
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); }
}

@-o-keyframes spin {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(359deg); }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

a.jm-post-like {
	font-weight: normal;
	display: inline-block;
	width: auto;
	-moz-transition: all 0.3s ease-out 0.2s;
	-webkit-transition: all 0.3s ease-out 0.2s;
	-o-transition: all 0.3s ease-out 0.2s;
}

/*a.jm-post-like.liked { color: #da1b1b; }*/

a.jm-post-like:hover,
a.jm-post-like:active,
a.jm-post-like:focus,
a.liked:hover,
a.liked:active,
a.liked:focus {
	color: #000;
}






.bx{border-top: 5px solid #f9f9f9;
padding: 12px;
margin-bottom: 24px;
background-color: #FFF;
}
.sh-ico{padding:24px 0; border-bottom:1px solid #f7f7f7;line-height:2.1;margin-bottom:24px;}

.site-header .sh-ico{border-bottom:none;padding:0; }
.sh-ico > div {display:inline-block;}
.sh-ico a {
color: #bcbcbc;
display: inline-block;
text-align: center;
background-color: #f7f7f7;
margin-right:3px;
}
.site-header .sh-ico a{padding:0; background-color: rgba(0,0,0,0.1);}
.sh-ico i {
font-size: 28px;
position:relative;
float:left;
}
.sh-ico a:hover {color: #fff;}
.sh-ico.x1, .sh-ico.x1 span,.sh-ico.x1 a {line-height: 24px;vertical-align:middle;}
.sh-ico.x2, .sh-ico.x2 span,.sh-ico.x2 a {line-height: 36px;vertical-align:middle;}
.sh-ico.x3, .sh-ico.x3 span,.sh-ico.x3 a {line-height: 48px;vertical-align:middle;}

.sh-ico.x1 i{line-height: 24px;font-size: 14px;width: 24px;}
.sh-ico.x2 i{line-height: 36px;font-size: 20px;width: 36px;}
.sh-ico.x3 i{line-height: 48px;font-size: 28px;width: 48px;}

.sh-ico span {
position: relative;
display:inline-block;
margin:0px;
background:rgba(0,0,0,0.02);
right:0;
padding:0 7px;
}

.sh-ico .facebook:hover {background-color: #3B5998;}
.sh-ico .twitter:hover {background-color: #55acee;}
.sh-ico .delicious:hover {background-color: #3399ff;}
.sh-ico .dribbble:hover {background-color: #ea4c89;}
.sh-ico .flickr:hover {background-color: #0063dc;}
.sh-ico .foursquare:hover {background-color: #0072b1;}
.sh-ico .googleplus:hover {background-color: #dd4b39;}
.sh-ico .instagram:hover {background-color: #3f729b;}
.sh-ico .linkedin:hover {background-color: #0976b4;}
.sh-ico .pinterest:hover {background-color: #cc2127;}
.sh-ico .rss:hover {background-color: #f26522;}
.sh-ico .stumpleupon:hover {background-color: #eb4924;}
.sh-ico .vimeo:hover {background-color: #1ab7ea;}
.sh-ico .wordpress:hover {background-color: #21759b;}
.sh-ico .youtube:hover {background-color: #e52d27;}

.fa-default:before {content: "\f0f6";}
.fa-quotes:before {content: "\f10d";}
.fa-image:before {content: "\f03e";}
.fa-audio:before {content: "\f001";}
.fa-video:before {content: "\f03d";}
.fa-link:before {content: "\f0c1";}
.fa-status:before {content: "\f14b";}
.fa-sticky:before {content: "\f08d";}
.fa-gallery:before {content: "\f00a";}
.fa-aside:before {content: "\f067";}
.fa-chat:before {content: "\f14b";}

@media (max-width: 450px) {
	.sh-ico.x1,.sh-ico.x1 span,.sh-ico.x1 a,.sh-ico.x2,.sh-ico.x2 span,.sh-ico.x2 a,.sh-ico.x3,.sh-ico.x3 span,.sh-ico.x3 a{line-height:48px;margin-left:15px;}
	.sh-ico.x1 i,.sh-ico.x2 i,.sh-ico.x3 i{line-height:34px;font-size:20px;width: 34px;}
	.list-inline>li{padding-right:15px;padding-left:15px;line-height:32px;line-height:32px!important}
	ul.page-numbers li{display:inline-block!important;margin:9px 5px!important;line-height:32px;}
	ul.page-numbers li a, ul.page-numbers li span {padding: 10px 15px!important;}
	.widget_recent_comments ul li{line-height:32px!important;}
	.tweet .tweet-actions a,.tweet .tweet-actions a b,.tweet .tweet-actions a i,.tweet .tweet-actions li {margin-right:5px!important;
	}
.tweet .tweet-actions a, .tweet .tweet-actions a b, .tweet .tweet-actions a i, .tweet .tweet-actions li {
cursor: pointer;
outline: 0;
margin-left: 8px;
}

}



@media (min-width: 1200px) { }
@media (min-width: 992) and (max-width: 1199px) { }
@media (min-width: 768px) and (max-width: 991px) { 
	body{font-size:15px;} 
}
@media (max-width: 767px) { 
	.site-title a{font-size:48px;}
	body{font-size:13px;} 
	.home .entry-content,
	.blog .entry-content,
	.front-page .entry-content{display:none;}
	.top-social-bar, .sa-top-left-nav{text-align:center}
}
@media (max-width: 600px) {
	.site-title a{font-size:38px;} 
	.site-description{font-size:18px;} 
	.entry-meta .byline,
	.entry-meta .cat-wrap,
	.entry-meta .cat-links{display:none;}
	.entry-meta .posted-wrap{padding-left:3px;}
}
@media (max-width: 480px) { 
	.site-title a{font-size:32px} 
	.entry-meta .reading{display:none;}
}
@media (max-width: 320px) {
	.site-title a, .entry-title a{font-size:24px;}
 }

 
 /*
  .sharrre .box{
    background:#6f838c;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#6f838c,0),color-stop(#4d5e66,1));
    background:-webkit-linear-gradient(top, #6f838c 0%, #4d5e66 100%);
    background:-moz-linear-gradient(top, #6f838c 0%, #4d5e66 100%);
    background:-o-linear-gradient(top, #6f838c 0%, #4d5e66 100%);
    background:linear-gradient(top, #6f838c 0%, #4d5e66 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f838c', endColorstr='#4d5e66',GradientType=0 );
    -webkit-box-shadow:0 1px 1px #d3d3d3;
    -moz-box-shadow:0 1px 1px #d3d3d3;
    box-shadow:0 1px 1px #d3d3d3;
    height:22px;
    display:inline-block;
    position:relative;
    padding:0px 55px 0 8px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size:12px;
    float:left;
    clear:both;
    overflow:hidden;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
  }
  .sharrre .left{
    line-height:22px;
    display:block;
    white-space:nowrap;
    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
    color:#ffffff;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
  }
  .sharrre .middle{
    position:absolute;
    height:22px;
    top:0px;
    right:30px;
    width:0px;
    background:#63707e;
    text-shadow:0px -1px 1px #363f49;
    color:#fff;
    white-space:nowrap;
    text-align:left;
    overflow:hidden;
    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -webkit-transition:width 0.3s linear;
    -moz-transition:width 0.3s linear;
    -o-transition:width 0.3s linear;
    transition:width 0.3s linear;
  }
  .sharrre .middle a{
    color:#fff;
    font-weight:bold;
    padding:0 9px 0 9px;
    text-align:center;
    float:left;
    line-height:22px;
    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
  }
  .sharrre .right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:45px;
    text-align:center;
    line-height:22px;
    color:#4b5d61;
    background:#f1faf9;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#f1faf9,0),color-stop(#bacfd2,1));
    background:-webkit-linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
    background:-moz-linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
    background:-o-linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
    background:linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1faf9', endColorstr='#bacfd2',GradientType=0 );
  }
  .sharrre .box:hover{
    padding-right:130px;
  }
  .sharrre .middle a:hover{
    text-decoration:none;
  }
  .sharrre .box:hover .middle{
    width:90px;
  }
  */


.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
}