/*
Theme Name: Breaknews
Theme URI: http://www.milliomola.com/themes/breaknews/
Author: Milliomola
Author URI: http://www.milliomola.com
Description: Personal WordPress Blog Theme
Version: 1.1
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: breaknews
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Reset
# Normalize
# General
# Top Bar
	## Info
	## Social Links
# Header & Logo
# Navbar
	## Dropdown Menu
	## Top Search
	## Live Search
# Featured Area
	## Hover Effects
	## Slider Only
	## Slider Two Small
	## Slider Four Small
	## Full Two Small
	## Three Big
# Posts
	## Full Layout
	## Grid Layout
	## Grid Three Layout
	## List Layout
# Single Post
	## Post Entry
	## Post Share
	## Post Author
	## Related Posts
	## Post Tags
	## Post Comments
	## Reply Box
# Pagination
	## Next Prev
	## Numeric
# Sidebar & Widgets
	## Widget About
	## Widget Social
	## Widget Categories & Archives
	## Widget Tagcloud
	## Widget Calendar
	## Widget Instagram
# Footer Instagram
# Fixed Buttons
	## Social Button
	## Move To Top Button
# Footer
	## Widget Calendar
	## Widget Text
	## Small Footer
# Archives
# WordPress Core
# Pages
	## 404
--------------------------------------------------------------*/
/*******************************************
# Reset
/*******************************************/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
p {	line-height:23px }
a {	text-decoration:none;color:#f0556e }
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body {
	background: #fff;
	font-family: "Open Sans", sans-serif;
	color: #424242;
	font-size: 13px;
}
body.has-nicescroll {
	overflow: hidden;
}
input:focus, select:focus {
	outline: none;
}

/*******************************************
# Normalize
/*******************************************/
html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%}
body {margin: 0}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline}
audio:not([controls]) {display: none; height: 0}
[hidden], template {display: none}
a {background-color: transparent}
a:active, a:hover {outline: 0}
abbr[title] {border-bottom: 1px dotted}
b, strong {font-weight: bold}
dfn {font-style: italic}
h1 {font-size: 2em; margin: 0.67em 0}
mark {background: #ff0; color: #000}
small {font-size: 80%}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline}
sup {top: -0.5em}
sub {bottom: -0.25em}
img {border: 0}
svg:not(:root) {overflow: hidden}
figure {margin: 1em 40px}
hr { box-sizing: content-box; height: 0}
pre {overflow: auto}
code, kbd, pre, samp {font-family: monospace, monospace; font-size: 1em}
button, input, optgroup, select,
textarea {color: inherit; font: inherit; margin: 0}
button {overflow: visible}
button, select {text-transform: none}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer}
button[disabled], html input[disabled] {cursor: default}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0}
input {line-height: normal}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em}
legend {border: 0; padding: 0}
textarea {overflow: auto}
optgroup {font-weight: bold}
table {border-collapse: collapse; border-spacing: 0}
td, th {padding: 0}

/*******************************************
# General
/*******************************************/

.container {
	width: 1080px;
	margin: 0 auto;
}

#content {
	overflow: hidden;
	margin-bottom: 100px;
	padding-top: 50px;
}

#main {
	width: 780px;
	float: left;
	padding-right: 30px;
}
#main.fullwidth {
	width: 100%!important;
	float: none!important;
	padding-right: 0!important;
}

#sidebar {
	width: 300px;
	float: right;
	padding-left: 30px;
	border-left: 1px solid #eee;
}


/*******************************************
# Top Bar
/*******************************************/

#top-bar {
	background: #f3f3f3;
	width: 100%;
	min-height: 40px;
}
/*******************************************
## Info
/*******************************************/
.top-address, .top-email, .top-phone {
	display: inline-block;
	float: left;
	line-height: 40px;
	padding-left: 12px;
	color: #777;
	letter-spacing: 0.2px;
}
.top-address span, .top-email span, .top-phone span {
	color: #f0556e;
	font-size: 14px;
}

.top-address span { font-size: 17px }

/*******************************************
## Social Links
/*******************************************/
.top-social {
	float: right;
	text-align: center;
	min-height: 100px;
	padding-right: 30px;
}

.top-social a {
	width: 38px;
	height: 40px;
	float: left;
	display: inline-block;
	position: relative;
	color: #f0556e;
	font-family: fontawesome;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	transition:         all .5s;
	-o-transition:      all .5s;
	-moz-transition:    all .5s;
	-webkit-transition: all .5s;
}

.top-social a span {
	position: absolute;
	bottom: 7px;
	left: -22px;
	width: 80px;
	color: #666;
	font-family: sans-serif;
	line-height: 20px;
	padding: 5px;
	font-size: 14px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #f7f7f7;
	visibility: hidden;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition:         all .4s cubic-bezier(0.68, 0, 0.265, 1.55);
	-o-transition:      all .4s cubic-bezier(0.68, 0, 0.265, 1.55);
	-moz-transition:    all .4s cubic-bezier(0.68, 0, 0.265, 1.55);
	-webkit-transition: all .4s cubic-bezier(0.68, 0, 0.265, 1.55);
	box-shadow:         0 2px 5px 0 rgba(0,0,0,0.13);
	-moz-box-shadow:    0 2px 5px 0 rgba(0,0,0,0.13);
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.13);
}

.top-social a span:before {
	content:'';
	width: 0; 
	height: 0;
	position:absolute;
	top: -5px;
	right: 35px;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	border-bottom: 5px solid #f7f7f7;
}

.top-social a:hover { background: #fff }

.top-social a:hover span {
	bottom: -40px;
	visibility: visible;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.top-social a.facebook:before     {content:'\f09a';}
.top-social a.twitter:before      {content:'\f099';}
.top-social a.google-plus:before{content:'\f0d5';}
.top-social a.instagram:before{content:'\f16d';}
.top-social a.linked-in:before{content:'\f0e1';}
.top-social a.youtube:before{content:'\f16a';}

/*******************************************
# Header & Logo
/*******************************************/
#header header {
	width: 100%;
	min-height: 90px;
	text-align: center;
	padding: 20px;
}

#logo {	max-height: 100% }

#logo a { display: inline-block }

#logo img {
	max-width: 100%;
	height: auto;
}

#logo h1 { font-size: 50px }

/*******************************************
# Navbar
/*******************************************/
#nav-wrapper {
	width: 100%;
	min-height: 47px;
	background: #f3f3f3;
	border-bottom: 2px solid #eee;
	text-align: center;
	padding-right: 50px;
	position: relative;
}

#nav-wrapper h1 { display: none }

#nav-wrapper.no-search { padding-right: 0; }

#nav-wrapper.fixed {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	border-bottom: 2px solid #e1e1e1;
}

body.has-sticky { padding-top: 50px }
body.has-sticky .dwls_search_results { width: 100%!important }

#nav-wrapper .menu {
	display: inline-block;
	margin-bottom: -6px;
}

#nav-wrapper .menu li {
	float: left;
	position: relative;
}

#nav-wrapper .menu li a {
	height: 47px;
	display: block;
	font-size: 13px;
	line-height: 47px;
	padding: 0 14px;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 0.6px;
}

#nav-wrapper .menu > li.current-menu-item > a, #nav-wrapper .menu > li.current_page_item > a,
#nav-wrapper .menu > li:hover > a, #nav-wrapper .menu > ul > li:hover > a {
	background-color: #fafafa;
	border-bottom: 2px solid #f0556e!important;
}

/*******************************************
## Dropdown Menu
/*******************************************/
#nav-wrapper .menu .sub-menu,
#nav-wrapper .menu .children {
	display: none;
	position: absolute;
	left: 0;
	padding: 0;
	margin-top: 0;
	border: 1px solid #eee;
	border-top: none;
	z-index: 99
}

#nav-wrapper .menu .sub-menu li,
#nav-wrapper .menu .children  li {
	min-width: 220px;
	min-height: 40px;
}

#nav-wrapper .menu .sub-menu li a,
#nav-wrapper .menu .children  li a {
	background-color: #f3f3f3;
}

#nav-wrapper ul.menu ul a,
#nav-wrapper .menu ul ul a {
	height: 100%;
	color: #727272;
	margin: 0;
	padding: 4px 10px;
	line-height: 40px;
	transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	border-top: 1px solid #eee;
}

#nav-wrapper ul.menu ul li,
#nav-wrapper .menu ul ul li {
	padding-right: 0;
	margin-right: 0;
}

#nav-wrapper ul.menu ul a:hover,
#nav-wrapper .menu ul ul a:hover {
	background: #fafafa;
}

#nav-wrapper ul.menu li:hover > ul,
#nav-wrapper .menu ul li:hover > ul {
	display: block;
}

#nav-wrapper .menu .sub-menu ul,
#nav-wrapper .menu .children ul {	
	left: 100%;
	top: 0;	
}

.li-toggle {
	width: 47px;
	height: 47px;
	line-height: 47px;
	text-align: center;
	font-size: 25px;
	position: absolute;
	top: 0;
	right: 0;
	background: #eee;
	color: #777;
	cursor: pointer;
	display: none;
}
.li-toggle:hover {
	background: #e5e5e5;
}

/*** Navbar Toggle ***/
.toggle-btn {
	position: absolute;
	top: 0;
	height: 100%;
	width: 50px;
	background: #eee;
	font-size: 16px;
	color: #777;
	cursor: pointer;	
}

.toggle-btn:hover { background: #e5e5e5 }

.nav-toggle {
	left: 0;
	line-height: 49px;
	font-size: 20px;
	display: none;
}

/*******************************************
## Top Search
/*******************************************/
.search-toggle { right: 0 }

.search-toggle i {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	line-height: 45px;
}

.search-toggle .fa-close { display: none; }

#top-search {
	position: absolute;
	right: 0;
	top: 47px;
	width: 100%;
	height: 60px;
	border: 1px solid;
	border-top: none;
	border-color: #ddd;
	background: #fafafa;
	display: none;
}

#top-search input {
	width: 100%;
	height: 60px;
	font-size: 16px;
	font-weight: 400;
	color: #555;
	letter-spacing: 0.5px;
	padding: 3px 15px;
	border: none;
	background: transparent;
}

#top-search input:focus { outline: none; }

/*******************************************
## Live Search
/*******************************************/
.dwls_search_results {
	width: 1080px!important;
	margin-left: -1px!important;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.15)!important;
    border-radius: 0 0 2px 2px;
}

#search_results_activity_indicator {
	transform: scale(0.6)!important;
	-ms-transform: scale(0.6)!important;
	-webkit-transform: scale(0.6)!important;
}

ul.search_results li {
	min-height: 122px;
    padding: 12px!important;
    padding-left: 170px!important;
    color: #555!important;
    border-top: none!important;
    border-bottom: 1px solid #eee!important;
    background-color: #fff!important;
    font-size: 16px;
    word-break: break-all;
    cursor: pointer;
    position: relative;
}

ul.search_results li img {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 150px!important;
	height: auto!important;
    border: none!important;
	clear: none!important;
    clip: rect(0px ,150px ,96px ,0px);
}

ul.search_results li:hover {
    background: #f0f0f0!important;
}

ul.search_results li.post_with_thumb a {
	width: 100%!important;
	font-size: 20px!important;
	margin-top: 2px;
	font-weight: 700;		
}

ul.search_results li a,
ul.search_results li a:visited {
	color: #000!important;
	font-size: 20px;
	font-weight: bold;
}

ul.search_results li p {
	line-height: 23px;
    font-size: 15px;
    color: #555;
}

ul.search_results .excerpt, ul.search_results .meta {
	color: #a2a2a2!important;
	font-size: 11.5px!important;
	text-transform: uppercase;
	letter-spacing: 0.2px;
}

ul.search_results p#daves-wordpress-live-search_author {
    font-size: 85%;
    letter-spacing: 0.4px;
    font-weight: normal!important;
}

ul.search_results p#daves-wordpress-live-search_author:before {
	content: '\f007';
	font: 12px fontawesome;
	margin-right: 5px;
	display: inline-block;
}

ul.search_results p#daves-wordpress-live-search_date:before {
	content: '\f017';
	font: 12px fontawesome;
	margin-right: 5px;
	display: inline-block;
}

.search_footer {
	background-color: #f0556e!important;
    font-size: 1em!important;
    font-weight: bold!important;
    letter-spacing: 0.6px;
    text-align: center!important;
    cursor: pointer;
    opacity: 0.85;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

.search_footer:hover { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }

/*******************************************
# Featured Area
/*******************************************/
.featured-area {
	margin-top: 42px;
	padding: 30px;
	background: #f3f3f3;
	border: 1px solid #e7e7e7;
	overflow: hidden!important;
}

.featured-left {
	float: left;
	width: 65%;
	position: relative;
	background: #ccc;
}

.featured-right {
	float: left;
	width: 35%;
	background: #ccc;
}

.feat-item {
	width: 100%;
	position: relative;
	background-color: #999;
	overflow: hidden;
}

.feat-img:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: inset 0px -200px 179px -150px rgba(0,0,0,0.75);
}

.content-holder {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #999;
}

.feat-img {
	width: 100%;
	height: 100%;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.feat-header {
	position: absolute;
	top: 25px;
	left: 35px;
	background: #f0556e;
	padding: 10px 15px;
	font-size: 11px;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.22);
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.feat-header a {color: #fff}

.feat-content {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 35px 35px 35px;
	color: #fff;
}

.feat-content h2 a {
	display: block;
	padding-bottom: 15px;
	font-size: 25px;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	line-height: 35px;
}

.feat-content .f-date, .feat-content .f-comments {
	display: inline-block;
	color: #e0e0e0;
	margin-right: 15px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-size: 12px;
}

.feat-content .f-date span, .feat-content .f-comments span { padding-right: 5px }

.f-cat { text-transform: uppercase }

/*******************************************
## Hover Effects
/*******************************************/
.img-zoom {	-webkit-transition:all 0.4s ease-in-out;transition: all 0.4s ease-in-out }

.img-zoom:hover {
	width: calc( 100% + 40px );
	height: calc( 100% + 40px );
	margin: -20px;
}

.img-light {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition:opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.img-light:hover { opacity: 0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" }

.img-dark {
	opacity: 0.85;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	-webkit-transition:opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.img-dark:hover { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }

/*******************************************
## Slider Only
/*******************************************/
.slider-ratio-holder { position: relative }

.slider-ratio-holder .ratio { padding-top: 60% }

.featured-area .bx-wrapper {
	position: absolute!important;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.featured-area .bx-viewport, .featured-slider, .featured-slider li, .featured-slider .feat-item { height: 100%!important }

/*******************************************
## Slider Two Small
/*******************************************/
.slider-two-small .featured-left .ratio { padding-top: 60% }

.slider-two-small .featured-left {
	width: calc(65% - 3px);
	margin-right: 3px
}

.slider-two-small .featured-right .ratio { padding-top: 55.2% }

.slider-two-small .featured-right .feat-item:first-child {
	margin-bottom: 3px;
}

.slider-two-small .featured-right .feat-header {
	top: 10px;
	left: 15px;
	padding: 6px 10px;
	font-size: 10px;
}

.slider-two-small .featured-right .feat-content { padding: 0 12px 10px 12px }

.slider-two-small .featured-right .feat-content h2 a {
	padding: 10px 0;
	font-size: 16px;
	line-height: 23px;
}

/*******************************************
## Slider Four Small
/*******************************************/
.slider-four-small .featured-left, .slider-four-small .featured-right { width: 50% }

.slider-four-small .featured-left .ratio, .slider-four-small .featured-right .ratio { padding-top: 80% }

.slider-four-small .featured-right .feat-item {
	width: calc(50% - 3px);
	float: left;
	margin-left: 3px;
	margin-bottom: 3px;
}

.slider-four-small .featured-right .feat-header {
	top: 10px;
	left: 15px;
	padding: 6px 13px;
}

.slider-four-small .featured-right .feat-content { padding: 0 12px 10px 12px }

.slider-four-small .featured-right .feat-content h2 a {
	padding: 10px 0;
	font-size: 16px;
	line-height: 23px;
}

/*******************************************
## Full Two Small
/*******************************************/
.full-two-small .feat-item { float: left }

.full-two-small .feat-item:nth-of-type(1) { width: 65% }

.full-two-small .feat-item:nth-of-type(2) { margin-bottom: 3px }

.full-two-small .feat-item:nth-of-type(2),
.full-two-small .feat-item:nth-of-type(3) { width: calc(35% - 3px); margin-left: 3px; }

.full-two-small .feat-item:nth-of-type(1) .ratio { padding-top: 60% }

.full-two-small .feat-item:nth-of-type(2) .ratio,
.full-two-small .feat-item:nth-of-type(3) .ratio { padding-top: 55.7% }

.full-two-small .feat-header {
	top: 0;
	left: 20px;
	height: 45px;
	line-height: 45px;
	padding: 0 10px;
	background: #fff!important;
	border-radius: 0 0 3px 3px;
	color: #5fbcad;
	opacity: 0.95;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	-webkit-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;
	cursor: pointer;
}

.full-two-small .feat-header:hover { opacity: 1 }

.full-two-small .feat-header .f-date {
	font-size: 15px;
	font-weight: bold;
}

.full-two-small .feat-header .f-date span.fa {
	font-size: 23px;
	margin-right: 5px;
}

.full-two-small .feat-item:nth-of-type(1) .feat-header { height: 55px; line-height: 55px; padding: 0 15px }
.full-two-small .feat-item:nth-of-type(1) .f-date { font-size: 22px }
.full-two-small .feat-item:nth-of-type(1) .f-date span.fa { font-size: 32px }

.full-two-small .feat-item:nth-of-type(2) .feat-content,
.full-two-small .feat-item:nth-of-type(3) .feat-content { padding: 0 20px 15px 20px }

.full-two-small .feat-item:nth-of-type(2) .feat-content h2 a,
.full-two-small .feat-item:nth-of-type(3) .feat-content h2 a {
	padding-bottom: 10px;
	font-size: 16px;
	line-height: 23px;
}

.full-two-small .feat-item:nth-of-type(1) .feat-content { padding: 25px 30px; font-size: 15px }

.full-two-small .feat-content .f-cat {
	font-size: 11px;
	padding: 4px 6px;
	letter-spacing: 1px;
}

.full-two-small .feat-content .f-cat a { color: #fff }

/*******************************************
## Three Big
/*******************************************/
.three-big .feat-item {
	width:  calc(33.33% - 2px);
	float: left;
}

.three-big .feat-item:nth-of-type(1) {margin-right: 3px}
.three-big .feat-item:nth-of-type(3) {margin-left: 3px}

.three-big .ratio { padding-top: 90%; }

.three-big .feat-header { top: 0 }

.three-big .feat-content { padding: 0 25px 20px 25px }

.three-big .feat-content h2 a {
	font-size: 19px;
	line-height: 30px;
}

/*******************************************
# Posts
/*******************************************/
.post {
	margin-bottom: 50px;
	overflow: hidden;
}

.post-header {
	position: relative;
	overflow: hidden;
}

.post-header.no-image .post-cat {
	position: static;
	float: left;
}

.post-img {	display: block }

.post-header .post-cat {
	position: absolute;
	top: 10px;
	left: 20px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.post-header .post-cat a {
	display: inline-block;
	background: #f0556e;
	color: #fff;
	padding: 4px 8px;
	margin: 2px;
}

.post-header img {
	max-width: 100%;
	height: auto;
}

.post-header.no-image .sticky-post {
	position: static;
	float: right;
}

.sticky-post {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #444;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
}

.post-title a {
	display: block;
	font-size: 19px;
	line-height: 30px;
	color: #333;
	padding: 10px 0;
	transition: all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	min-height:110px;
}

.post-title a:hover { text-decoration: underline }

.post-meta { display: block; overflow: hidden }

.post-meta div {
	display: inline-block;
	margin-right: 10px;
	color: #bbb;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-size: 11px;
}

.post-meta div span { margin-right: 5px }

.post-meta div a { color: #bbb }

.post-meta div a:hover { text-decoration: underline }

.post-excerpt {
	color: #777;
	line-height: 26px;
	padding-top: 10px;
}

.read-more-link {
	display: inline-block;
	background-color: #555;
	color: #fff;
	padding: 8px;
	margin-top: 12px;
	font-size: 12px;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}

.read-more-link:hover {
	background-color: #f0556e;
}

.clearfix:after, .clearfix:before {
	display: table;
	content: " ";
}

.clearfix:after { clear: both }

.post-img.audio iframe {
	width: 100%;
	height: 166px;
}

/*******************************************
## Full Layout
/*******************************************/
.full-layout { text-align: center }

.full-layout .post-cat {
	width: 100%;
	left: 0;
}

.full-layout .clearfix { display: none }

/*******************************************
## Grid Layout
/*******************************************/
.grid-layout .post {
	width: calc( 50% - 15px );
	float: left;
}

.grid-layout .post:nth-of-type(odd) { margin-right: 30px }

.grid-layout .clearfix:nth-of-type(odd) { display: none }

/*******************************************
## Grid Three Layout
/*******************************************/
.grid-three-layout .post {
	width: calc( 33.33% - 14px );
	float: left;
}

.grid-three-layout .post:nth-of-type(3n-1), .grid-three-layout .post:nth-of-type(3n-2) { margin-right: 21px }

.grid-three-layout .clearfix:nth-of-type(3n-1), .grid-three-layout .clearfix:nth-of-type(3n-2) { display: none }

/*******************************************
## List Layout
/*******************************************/
.list-layout .post {
	width: 100%;
	float: left;
	overflow: hidden;
}

.list-layout .post-header {
	width: 280px;
	float: left;
	overflow: hidden;
	margin-right: 20px;
}

.list-layout .post img {
	max-width: 100%;
	float: left;
}

.list-layout .post-title,
.list-layout .post-meta,
.list-layout .post-excerpt {
	float: right!important;
	width: calc( 100% - 300px );
}

.list-layout .post .clearfix { display: none }

/*******************************************
# Single Post
/*******************************************/
video { 
	width: 100%;
	height: 100%;
	max-width: 100%;
}

.single-page .post-img img {
	max-width: 100%;
	height: auto;
}

.post-img iframe { width: 100% }

.single-page .post-img iframe { height: 427px }

.single-page .post-title {
	padding: 15px 5px 10px 5px;
	font-size: 30px;
	line-height: 40px;
}

.single-page .post-meta { margin-bottom: 25px }

.single-page .post-meta div { color: #aaa!important }

.single-page .post-entry, .page .post-entry {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.1px;
	color: #666;
	padding-bottom: 10px;
}

.page .post-title {
	text-align: center;
	font-size: 22px;
	padding-bottom: 10px;
}

.post-password-form p {
	font-weight: 600;
	margin: 0;
}

.post-password-form label input {
	height: 40px;
	padding: 10px;
	border: 1px solid #ddd;
	margin-left: 10px;
}

.post-password-form p > input {
	height: 40px;
	padding: 10px 15px;
	border: none;
	background-color: #f3f3f3;
	margin-left: 5px;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}

.post-password-form p > input:hover {
	color: #fff;
	background-color: #f0556e;
}

/*******************************************
## Post Entry
/*******************************************/
.post-entry img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}

.post-entry p, .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6, .post-entry hr {
	margin-bottom: 20px;
	padding-top: 5px;
}

.post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 { color: #000 }

.post-entry h1 { font-size: 26px }

.post-entry h2 { font-size: 24px }

.post-entry h3 { font-size: 21px }

.post-entry h4 { font-size: 19px }

.post-entry h5 { font-size: 17px }

.post-entry h6 { font-size: 15px }

.post-entry hr {
	border: 0;
	height: 0;
	border-bottom: 1px solid #e6e6e6;
	clear: both;
}

.post-entry blockquote {
	border-left: 3px solid #f0556e;
	padding: 0 20px;
    margin: 8px 0;
    color: #000;
}

.post-entry blockquote p {
	font-size: 17px;
	line-height: 28px;
	font-style: italic;
	color: #999;
}

.post-entry a:hover {
	text-decoration: underline;
}

.post-entry ul, .post-entry ol {
	padding-left: 42px;
	margin-bottom: 18px;
}

.post-entry ul li {
	margin-bottom: 12px;
	list-style: none;
}

.post-entry ul li:before {
	content: '\f10c';
	font-family: fontawesome;
	font-size: 10px;
	float: left;
	margin-right: 8px;
	color: #f0556e;
}

.post-entry ol li {
	margin-bottom: 12px;
	list-style: decimal;
}

.post-entry pre { overflow: auto }

.post-entry table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
}

.post-entry td, .post-entry th {
	padding: 12px;
	border-bottom: 1px #e5e5e5 solid;
}

.post-entry th {
	font-weight: bold;
	font-size: 14px;
	background: #f8f8f8;
}

.post-entry tr:hover { background:  #f9f9f9 }

/*******************************************
## Post Share
/*******************************************/
.post-share {
	width: 100%;
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	margin: 15px 0;
	padding: 15px 10px;
	overflow: hidden;
	background: #f9f9f9;
}

.post-share > span {
	font-size: 13px;
	font-style: italic;
	font-weight: 500;
	letter-spacing: 0.5px;
	color: #555;
	float: left;
	display: inline-block;
	padding: 5px 0;
}

.post-share .share-btns {
	float: right;
	font-size: 16px;
}

.post-share .share-btns a {
	color: #fff;
	margin: 0 2px;
	width: 40px;
	padding: 4px 0;
	border-radius: 2px;
	text-align: center;
	display: inline-block;
	-webkit-transition:all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	opacity: 0.85;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

.post-share .share-btns a:nth-of-type(1) { background: #3b5998 }
.post-share .share-btns a:nth-of-type(2) { background: #00aced }
.post-share .share-btns a:nth-of-type(3) { background: #dd4b39 }
.post-share .share-btns a:nth-of-type(4) { background: #cb2027 }

.post-share .share-btns a:hover { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }

/*******************************************
## Post Author
/*******************************************/
.post-author {
	margin: 20px 0;
	text-align: center;
	background: #fafafa;
	padding: 15px;
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
}

.author-img img {
	border-radius: 50%;
	display: inline-block;
}

.author-content h5 {
	font-size: 19px;
	margin-bottom: 8px;
	color: #333;
}

.author-content p {
	margin-bottom: 8px;
	color: #666;
	font-size: 14px;
}

.author-content .author-social {
	font-size: 14.5px;
	margin-right: 8px;
}

.author-content a { -webkit-transition:all 0.25s ease-in-out; transition: all 0.25s ease-in-out }
.author-content a:hover { color: #777 }

/*******************************************
## Related Posts
/*******************************************/
.related-posts {
	overflow: hidden;
	margin: 40px 0;
}

.related-heading { text-align:center }

.related-title {
	font-size: 10px;
	letter-spacing: 1px;
	padding: 8px 0;
	text-transform: uppercase;
	margin-bottom: 25px;
	font-weight: 400;
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	background: #fafafa;
	color: #666;
}

.item-related {
	width: calc( 33.33% - 14px );
	float: left;
	margin-right: 21px;
}

.item-related:last-child { margin-right: 0 }

.item-related .related-img {
	width: 100%;
	margin-bottom: 7px;
}

.item-related .related-img img {
	width: 100%;
	height: auto;
	min-height: 100%;
}

.item-related h3 { margin-bottom: 4px }

.item-related h3 a {
	font-size: 14px;
	color: #424242;
}

.item-related h3 a:hover { text-decoration: underline }

.item-related span.date {
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #999;
}

/*******************************************
## Post Tags
/*******************************************/
.post-tags {
	margin-top: 25px;
	margin-bottom: -15px;
	padding-bottom: 13px;
	clear: both;
}

.post-tags a {
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: #f3f3f3;
	color: #666;
	padding: 7px 8px;
	margin-right: 7px;
	border-radius: 3px;
	margin-bottom: 5px;
	display: inline-block;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}

.post-tags a:hover {
	background: #ddd;
	color: #666;
	text-decoration: none;
}

/*******************************************
## Post Comments
/*******************************************/
.post-comments {
	margin-bottom: 60px;
	margin-top: 60px;
}

.comments { margin-bottom: 40px }

.comment-block {
	position: relative;
	border-bottom: 1px dotted #eee;
	padding-bottom: 38px;
	margin-bottom: 25px;
}

.comment-block .author-img {
	float: left;
	margin-right: 20px;
}

.comment-block .author-img img { border-radius: 50% }

.comment-block .comment-text { overflow: hidden }

.comment-block .comment-text span.author, .comment-block .comment-text span.author a {
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #424242;
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.comment-block .comment-text span.author a:hover { text-decoration: underline }

.comment-block .comment-text span.date {
	display: block;
	margin-bottom: 6px;
	font-size: 11px;
	font-style: italic;
	color: #999;
}

.post-comments div.reply {
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}

.post-comments div.reply a {
	display: inline-block;
	float: right;
	font-size: 11px;
	margin: 0 5px 9px 5px;
	padding: 5px 15px;
	background: #f3f3f3;
	color: #666;
	border-radius: 2px;
	-webkit-transition:all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.post-comments div.reply a:hover { background: #ddd }

.post-comments ul.children { margin: 0 0 0 55px }
.post-comments ul.children li.comment-block { margin: 0 0 8px 0 }
.bypostauthor {}

.comment-navigation { overflow: hidden }

.comment-navigation .nav-links a {
	display: inline-block;
	padding: 10px 15px;
	background-color: #f3f3f3;
	color: #666;
	border-radius: 2px;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}

.comment-navigation .nav-links a:hover {
	color: #fff;
	background-color: #f0556e;
}

.comment-navigation .nav-previous { float: left }
.comment-navigation .nav-next { float: right }

.comment-navigation .nav-previous a:before {
	font-family: fontawesome;
	font-size: 15px;
	vertical-align: middle;
	content: '\f177';
	margin-right: 8px;
}

.comment-navigation .nav-next a:after {
	font-family: fontawesome;
	font-size: 15px;
	vertical-align: middle;
	content: '\f178';
	margin-left: 8px;
}


/*******************************************
## Reply Box
/*******************************************/
#respond {
	overflow: hidden;
	margin-bottom: 20px;
}

#respond  h3 {
	font-size: 12px;
	color: #999;
	font-weight: 700;
	margin-bottom: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#respond h3 small { display: inline-block }

#respond h3 small a {
	color: #f0556e;
	display: inline-block;
	margin-right: 30px;
	font-weight: 300;
	letter-spacing: 2px;
	border-radius: 2px;
	border: 1px solid #f0556e;
	padding: 3px;
}

#respond label {
	color: #666;
	width: 80px;
	font-size: 13px;
	display: inline-block;
	font-weight: 300;
	letter-spacing: 1px;
}

#respond input {
	padding: 8px 10px;
	border: 1px solid #d0d0d0;
	margin-right: 10px;
	border-radius: 2px;
	color: #777;
	margin-bottom: 15px;
	font-size: 12px;
	width: 250px;
}

#respond input:focus { outline:none }

#respond .comment-form-url { margin-bottom: 10px }

#respond textarea {
	padding: 14px;
	border: 1px solid #d0d0d0;
	border-radius: 2px;
	width: 95%;
	height: 120px;
	font-size: 14px;
	color: #777;
	margin-bottom: 14px;
	line-height: 20px;
}

#respond textarea:focus { outline:none }

#respond #submit {
	background: #eee;
	color: #666;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	padding: 14px 19px;
	margin-top: 6px;
	display: inline-block;
	border: none;
	-webkit-transition:.3s;
	transition: .3s;
	cursor: pointer;
	width: auto;
}

#respond #submit:hover {
	background: #f0556e;
	color: #FFF;
}

/*******************************************
# Pagination
/*******************************************/
.pagination {
	clear: both;
	margin-top: 60px;
	overflow: hidden;
	margin-bottom: 40px;
}

/*******************************************
## Next Prev
/*******************************************/
.pagination.next_prev {	border-top: 1px solid #eee }

.pagination.next_prev a {
	display: inline-block;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 11px;
	padding-top: 12px;
	font-weight: 700;
	-webkit-transition:0.2s;
	transition: 0.2s;
}

.pagination.next_prev a:hover { color: #424242 }

.pagination.next_prev .newer { float: left }

.pagination.next_prev .older { float: right }

/*******************************************
## Numeric
/*******************************************/
.pagination.numeric .page-numbers {
	display: inline-block;
	background: #f3f3f3;
	padding: 5px 11px;
	margin: 0 2px;
	color: #666;
	-webkit-transition:all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.pagination.numeric a.page-numbers:hover,
.pagination.numeric span.current {
	background: #f0556e;
	color: #fff;
}

/*******************************************
# Sidebar & Widgets
/*******************************************/
.widget {
	margin-bottom: 20px;
	overflow: hidden;
}

.widget-title, .widgettitle {
	background: #f3f3f3;
	font-size: 11px;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 400;
	margin-bottom: 20px;
	padding: 15px;
	border-left: 2px solid #f0556e
}

.widget a:hover { color: #f0556e }

.widget input, .widget select {
	width: 100%;
	border: 1px solid #ddd;
	color: #333;
	padding: 9px 7px;
	font-family: 'Open Sans';
}

.widget input:focus, .widget select:focus {
	outline: none;
	border: 1px solid #d6d6d6!important;
}

.widget ul li {
	padding: 12px 0px 12px 5px;
	border-bottom: 1px dashed #d5d5d5;

}

.widget ul li:last-child { border-bottom: none }

.widget ul li a { color: #424242 }

.widget img {
	max-width: 100%;
	height: auto;
}

/*******************************************
## Widget Latest Posts
/*******************************************/
.widget_breaknews_posts .sm-post {
	overflow: hidden;
	margin-bottom: 20px;
}

.widget_breaknews_posts .sm-post-img {
	width: 80px;
	display: block;
	float: left;
	margin-right: 10px;
}

.widget_breaknews_posts .sm-post-title {
	width: calc(100% - 90px);
	font-size: 13px;
	font-weight: 500;
	color: #555;
	margin-bottom: 5px;
	float: right;
}

.widget_breaknews_posts .sm-post-date {
	width: calc(100% - 90px);
	font-size: 10.5px;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	color: #999;
	float: right;
}

/*******************************************
## Widget About
/*******************************************/
#sidebar .widget_about { text-align: center }

.widget_about img {
	margin-bottom: 10px;
	max-width: 100%;
	height: auto;
}

.round50 { border-radius: 50% }

/*******************************************
## Widget Social
/*******************************************/
.widget_social {
	overflow: hidden;
	text-align: center;
}

.widget_social a {
	width: 41px;
	height: 41px;
	line-height: 41px;
	display: inline-block;
	font-size: 16px;
	text-align: center;
	margin: 0 4px 8px 4px;
	border: 1px solid #f0556e;
	-webkit-transition:all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.widget_social a:hover {
	background-color: #f0556e;
	color: #fff!important;
}

.widget_social.circle-icons-style a {
	border-radius: 50%;
}

.widget_social.colored-icons-style a {
	border: none;
	color: #fff!important;
	opacity: 0.85;
	border-radius: 2px;
	overflow: hidden;
}

.widget_social.colored-icons-style a i {
	display: block;
	height: 41px;
	line-height: 41px;
}

.widget_social.colored-icons-style a i.fa-facebook { background-color: #3b5999 }
.widget_social.colored-icons-style a i.fa-twitter { background-color: #55acee }
.widget_social.colored-icons-style a i.fa-google-plus { background-color: #dd4b39 }
.widget_social.colored-icons-style a i.fa-linkedin { background-color: #0077B5 }
.widget_social.colored-icons-style a i.fa-pinterest-p { background-color: #bd081c }
.widget_social.colored-icons-style a i.fa-instagram { background-color: #e4405f }
.widget_social.colored-icons-style a i.fa-tumblr { background-color: #34465d }
.widget_social.colored-icons-style a i.fa-youtube-play { background-color: #cd201f }
.widget_social.colored-icons-style a i.fa-vimeo { background-color: #1ab7ea }
.widget_social.colored-icons-style a i.fa-soundcloud { background-color: #ff3300 }
.widget_social.colored-icons-style a i.fa-dribbble { background-color: #ea4c89 }
.widget_social.colored-icons-style a i.fa-reddit { background-color: #ff5700 }
.widget_social.colored-icons-style a i.fa-rss { background-color: #f57d00 }

.widget_social.colored-icons-style a:hover {
	opacity: 1;
}

/*******************************************
## Widget Categories & Archives
/*******************************************/
.widget_categories ul li, .widget_archive ul li { color: #999 }

.widget_categories a, .widget_archive a { margin-right: 6px }

/*******************************************
## Widget Tagcloud
/*******************************************/
.widget .tagcloud a {
	display: inline-block;
	font-size: 9px !important;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: #f3f3f3;
	color: #666;
	padding: 6px 8px;
	margin-bottom: 8px;
	margin-right: 5px;
}

.widget .tagcloud a:hover {
	background: #eee;
	text-decoration: none;
}

/*******************************************
## Widget Calendar
/*******************************************/
#wp-calendar { width: 100% }

#wp-calendar caption {
	font-size: 11px;
	border-left: 2px solid #f0556e;
	margin-bottom: 8px;
	background: #fafafa;
	padding: 6px 8px;
}

#wp-calendar thead { border-bottom: 5px solid #fff }

#wp-calendar thead th {
	font-size: 12px;
	font-weight: 600;
	padding: 10px 0;
	text-align: center;
	background: #fafafa
}

#wp-calendar tbody { color: #999 }

#wp-calendar tbody td {
	background: #f6f6f6;
	border: 1px solid #fff;
	text-align: center;
	height: 35px;
}

#wp-calendar tbody td a {
	color: #333;
	display: block;
	height: 100%;
	line-height: 35px;
}

#wp-calendar tbody td.pad:hover { background: #f6f6f6 }

#wp-calendar tbody td:hover { background: #fff }

#wp-calendar #next, #wp-calendar #prev {
	letter-spacing: 2px;
	font-size: 10px;
	text-transform: uppercase;
	padding-top: 5px;
}

/*******************************************
## Widget Instagram
/*******************************************/
#sidebar .instagram-pics li,
#footer .instagram-pics li {
	width: 31.8%;
	display: inline-block;
	
	border-bottom: none;
	padding: 0;
	margin: 0 2px 2px;
}

#sidebar .instagram-pics li img,
#footer .instagram-pics li img { max-width: 100% }

#sidebar .instagram-pics li img:hover,
#footer .instagram-pics li img:hover { opacity: 0.87; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=87)" }

#sidebar p.clear a,
#footer p.clear a { text-align: center }

#footer .instagram-pics li { border-bottom: none!important }

/*******************************************
## Widget Search
/*******************************************/
.widget .searchform input.s {
	border: 1px solid #e5e5e5;
	padding: 12px 10px;
	color: #666;
}

.widget .searchform #s:focus { outline:none }

.widget .searchform input.s { width: 100% }

/*******************************************
## Widget Menu
/*******************************************/
.widget ul.menu li ul {
	padding-left: 12px;
	margin-top: 8px;
}

/*******************************************
# Footer Instagram
/*******************************************/
#instagram-footer {
	text-align: center;
	overflow: hidden;
}

.instagram-title {
	font-size: 17px;
	letter-spacing: 0.3px;
	text-transform: uppercase;
	margin-bottom: 23px;	
}

#instagram-footer .instagram-pics li {
	width: 16.666%;
	display: inline;
	float: left;
}

#instagram-footer .instagram-pics li img { max-width: 100% }

#instagram-footer .instagram-pics li img:hover { opacity: 0.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)" }

#instagram-footer p.clear {
	width: 80px;
	height: 30px;
	display: inline-block;
	margin: 8px 0 12px;
}

p.clear a {
	width: 100%;
	height: 100%;
	display: block;
	line-height: 30px;
	font-size: 12px;
	border-radius: 2px;
	border: 1px solid #f0556e;
	-webkit-transition:all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

p.clear a:hover {
	background: #f0556e;
	color: #fff!important;
}

/*******************************************
# Fixed Buttons
/*******************************************/
.fixed-btn {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 18px;
	border-radius: 50%;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15);
	cursor: pointer;
	font-family: fontawesome;
	font-size: 20px;
	line-height: 48px;
	text-align: center;
	color: #fff;
	opacity: 0.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	-webkit-transition:opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
	z-index: 150;
}

.fixed-btn:hover { opacity: 1!important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/*******************************************
## Social Button
/*******************************************/
.social-btn {
	bottom: 30px;
	z-index: 151;
	background: #444;
	overflow: hidden;
}

.social-btn .toggle {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.social-icons {
	width: 50px;
	padding-right: 12px;
	position: absolute;
	bottom: 50px;
	right: 0px;
}

.social-icons a {
	width: 40px;
	height: 40px;
	display: block;
	position: relative;
	margin: 5px;
	padding: 0;
	background: #f0556e;
	border-radius: 50%;
	-webkit-transition:all .5s;
	transition: all .5s;
}

.social-icons a:hover { opacity: 0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" }

.social-icons a div {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;	
	font-size: 18px;
	line-height: 40px;
	color: #fff;
	text-align: center;
}

.social-icons a span {
	position: absolute;
	bottom: 7px;
	left: -25px;
	width: 80px;
	color: #666;
	font-family: sans-serif;
	line-height: 18px;
	padding: 5px;
	font-size: 14px;
	border-radius: 2px;
	background: #f7f7f7;
	visibility: hidden;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.social-icons a span:before {
	content:'';
	width: 0; 
	height: 0;
	position:absolute;
	bottom: 7px;
	right: -5px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #f7f7f7;
}

.social-icons a:hover span {
	left: -95px;
	visibility: visible;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*******************************************
## Move To Top Button
/*******************************************/
.scroll-up-btn {
	bottom: 90px;
	font-size: 25px;
	background: #f0556e;
	display: none;
}

/*******************************************
# Footer
/*******************************************/
#footer {
	overflow: hidden;
	background: #1e1e1e;
	color: #777;
	padding-top: 20px;
}

#footer .container { overflow: hidden }

#footer .widget-title {
	font-size: 16px;
	font-weight: 900;
	color: #fff;
	background: none;
	border-left: none;
	border-bottom: 1px solid #3e3e3e!important;
	padding: 10px 0;
	margin-bottom: 30px;
	position: relative;
}

#footer .widget-title:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 80px;
	height: 1px;
	background: #f0556e;
}

#footer .foot-widgets {
	width: 33.33%;
	float: left;
}

#footer .foot-widgets:nth-child(1) { padding-right: 24px; }
#footer .foot-widgets:nth-child(2) { padding: 0 12px; }
#footer .foot-widgets:nth-child(3) { padding-left: 24px; }

#footer .widget a:hover { color: #f0556e }

#footer .widget ul li {	
	border-bottom: 1px dashed #3e3e3e;
	padding-right: 5px;
    	padding-left: 5px;
 }

#footer .widget ul li:last-child { border-bottom: none }

#footer .widget ul li a { color: #d5d5d5 }

#footer .widget_breaknews_posts .sm-post-title { color: #fafafa }

/*******************************************
## Widget Calendar
/*******************************************/
#footer #wp-calendar caption {
	background: none;
	text-align: right;
	border-left: none;
	border-bottom: 1px solid #3e3e3e;
	color: #aaa
}

#footer #wp-calendar thead { border-bottom-color: #1e1e1e }

#footer #wp-calendar thead th {
	background: #4e4e4e;
	color: #f1f1f1
}

#footer #wp-calendar tbody td {
	border: 1px solid #1e1e1e;
	background: #2e2e2e;
}

#footer #wp-calendar tbody td:hover { background: #3e3e3e }

#footer #wp-calendar .pad:hover { background: #2e2e2e }

#footer #wp-calendar tbody td a { color: #fff }

#footer p.clear a { text-align: center }

/*******************************************
## Widget Text
/*******************************************/
#footer .textwidget {
	color: #aaa;
	font-size: 14px;
	letter-spacing: 0.5px;
}

/*******************************************
## Small Footer
/*******************************************/
.small-footer {
	background: #101010;
	overflow: hidden;
	padding: 5px 0;
}

.small-footer .copyright {
	vertical-align:middle;
	font-size: 13px;
	letter-spacing: 0.5px;
	color: #999;
	float:left;
	padding:10px;
}

.small-footer .menu { float: right }

.small-footer .menu li {
	float: left;
	color: #777
}

.small-footer .menu li:last-child span { display: none }

.small-footer .menu li a {
	color: #fff;
	-webkit-transition:all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	padding: 0 10px;
}

.small-footer .menu li a:hover { color: #f0556e }


/*******************************************
# Archives
/*******************************************/
.archive-box {
	text-align: center;
	background: #f4f4f4;
	margin-top: -61px;
	padding: 40px 0;
	margin-bottom: 60px;
}

.archive-box h1 {
	font-size: 36px;
	color: #000;
}

.archive-box span {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
	display: inline-block;
	border-bottom: 1px solid #d8d8d8;
	padding-bottom: 3px;
	margin-bottom: 5px;
}

.nothing {
	font-size: 14px;
	color: #999;
	text-align: center;
}

/*******************************************
# WordPress Core
/*******************************************/
.alignnone { margin: 5px 20px 20px 0 }

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; 
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone { margin: 5px 20px 20px 0 }

.wp-caption.alignleft { margin: 5px 20px 20px 0 }

.wp-caption.alignright { margin: 5px 0 20px 20px }

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.gallery .gallery-caption{  
    font-size: 12px;
	color: #888;
	font-family: "Open Sans";
}  
  
.gallery .gallery-icon img{  
    border-radius: 2px;  
    border: 1px solid #eee !important;  
	padding: 7px;
}

.gallery .gallery-icon img:hover { border: 1px solid #ccc !important }

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.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-size: 0.875rem;
	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. */
}

/*******************************************
# Pages
/*******************************************/
.page-header {
	overflow: hidden;
	margin-bottom: 40px;
	padding: 10px;
	background: #f5f5f5;
	border: 1px solid #eee;
	text-align: center;
}

.page-title {
	font-size: 13.5px;
	color: #666;
	letter-spacing: 1px;
	font-weight: 400;
	text-transform: uppercase;
}

.page-header .fa {
	font-size: 20px;
	color: #f0556e;
	margin-right: 13px;
	margin-top: 2px;
}

.page-header span { vertical-align: middle; }

.page .post-img img {
	width: 100%;
	height: auto;
}

.page-links { clear: both }

.page-links a,
.page-links .page-links-title > span {
	background-color: #f0556e;
	color: #fff;
	display: inline-block;
	padding: 4px 13px;
	margin: 0 2px;
	-webkit-transition:all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.page-links a:hover,
.page-links a:focus {
	background-color: #ddd!important;
	color: #666;
	text-decoration: none;
}

.page-links .page-links-title > span {
	background-color: #ddd;
	color: #666;
}

.page-links > .page-links-title {
    margin: 2px 0;
    padding-left: 0;
    font-size: 14px;
    letter-spacing: 1px;
    background-color: #fff;
}

/*******************************************
## 404
/*******************************************/
.error-404 h2 { margin-bottom: 20px }

.error-404 p {
	color: #555;
	padding: 10px 0;
}

.not-found {
	width: 100%;
	padding: 20px;
	text-align: center;
	font-size: 13px;
	letter-spacing: 0.4px;
	color: #666;
	background-color: #f3f3f3;
	border: 1px solid #eee;
}

.not-found p {
	display: block;
	line-height: 26px;
	padding: 10px;
}

.not-found input {
	max-width: 100%;
	width: 500px;
	padding: 10px;
	border: 1px solid #eee;
}

.not-found input:focus {
	outline: none;
	border: 1px solid #ddd;
}

.enlinea{
	display: inline-block;
    	padding-right: 5px;
    	padding-left: 5px;
}