/*
Theme Name: Whiteboard64 Pro
Theme URI: http://sumanshresthaa.com.np/theme/whiteboard64-theme/
Author: Suman Shrestha
Author URI: http://sumanshresthaa.com.np
Description: Whiteboard64 Pro is a black and white, clean, minimalist and elegant Responsive News Magazine Blog Theme based on Bootstrap Framework. Theme is yet simple and easy to use for any type of blog magazine type online portal. It has plenty of white area to focus on the contents that enriched with the blog functionality and Ad Management Sections. Whiteboard64 Pro theme has Top Header Ad section, five different Ad section for homepage tabbed news / blog section, archive / category Ad section and Single post Ad section in Widgets Section. For demo: http://www.sumanshresthaa.com.np/theme/whiteboard64-theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: whiteboard64-pro
Tags: blog, news, entertainment, custom-logo, custom-background, custom-header, custom-colors, custom-menu, theme-options, footer-widgets, right-sidebar, two-columns, featured-images, post-formats, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Whiteboard64 Pro is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
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-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;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #333333;
	font-family: Titillium Web !important;
	font-size: 14px;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
    display: block;
    padding: 20px 15px;
    text-decoration: none;
    font-size: 15px;
    color: #111;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
    width: 230px;
    font-size: 14px;
    background: #000;
    color: #fff !important;
    border-bottom: 1px solid #333;
    padding: 8px 15px;
}
.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
	background: #111;
	color: #fff;
	text-decoration: none;
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
	background: #333;
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
	background: #111;
	border: none;
	color: #fff;
}

/* Small menu. */
.menu-toggle, .main-navigation.toggled ul {
    display: block; 
    color: #fff;
    border: transparent;
    border-radius: 0;
}


@media screen and (min-width: 47.5em) {
	.menu-toggle {
		display: none;
	}	
	.main-navigation ul {
		display: block;
	}
	
}

@media screen and (max-width: 47.5em) {
	.menu-toggle{background: #111; margin-top: 8px;}
	.menu-toggle .fa {padding-right: 10px;}
	.main-navigation{width: 90%;}
	.main-navigation.toggled ul li{float: none; width: 220px;}
	.main-navigation li{float: none; width: 280px;}
	.main-navigation.toggled li a{border-bottom:1px solid #999; padding: 5px 10px; width: 100%;}
	.main-navigation ul ul li{float: right;}
}


.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.nav-links {
    background: #fff;
    overflow: hidden;
    padding: 5px;
}
.navigation.post-navigation {
    clear: both;
}
.nav-previous .fa {
    padding-right: 10px;
}
.nav-next .fa {
    float: right;
    margin-top: 3px;
    padding-left: 10px;
}
.nav-previous > a, .nav-next > a {
    color: #333;
}
.nav-previous > a:hover, .nav-next > a:hover {
    color: #333;
}


/*--------------------------------------------------------------
# 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;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 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-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
    background: #fcfcfc;
    border: 2px solid #ddd;
    display: inline-block;
    margin: 5px;
    padding: 10px;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 48%;
}

.gallery-columns-3 .gallery-item {
	max-width: 32%;
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
}

.gallery-columns-5 .gallery-item {
	max-width: 18%;
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
}

.gallery-columns-9 .gallery-item {
	max-width: 10%;
}

.gallery-caption {
	display: block;
}







/*--------------------------------------------------------------
## WHITEBOARD64 THEME CUSTOM CSS
--------------------------------------------------------------*/


/* ======= MAIN NAVIGATION MENU ======= */
.navbar.navbar-default {
    background: #fff !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    background-color: #222 !important;
    color: #fff !important;
}
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
    background-color: #333 !important;
    color: #fff !important;
}
.navbar-collapse{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.navbar{
	margin-bottom: 0px !important;
}



/* ======= TOP HEADER SECTION ======= */
.top-header {
    background: #333;
    color: #fff;
    display: block;
}
.top-date {
    line-height: 35px;
}
.socials {
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
}
.socials > li {
	display: inline-block;
    list-style: outside none none;
}
.socials a {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    min-width: 35px;
    text-align: center;
    transition:all 0.25s ease-out 0s;
}
.socials a:hover{
	color: #333;
	background: #fff;
}


.footer-socials {
    margin: 40px 0px 0px 0px;
    padding: 10px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.footer-socials > li {
	display: inline-block;
	margin: 0px 10px;
    list-style: outside none none;
}
.footer-socials a {
    display: block;
    color: #fff;
    font-size: 26px;
    line-height: 35px;
    min-width: 35px;
    text-align: center;
    transition:all 0.25s ease-out 0s;
}
.footer-socials a:hover{
	color: #000;
	background: transparent;
}



/* SOCIAL LINK FIXED SIDEBAR SECTION */
.social-tab a {
  	color: #fff;
  	text-decoration: none;
}
.social-tab {
  	position: fixed;
  	top: 200px;
}
.social-tab ul {
  	padding: 0px;
  	-webkit-transform: translate(-270px, 0);
  	-moz-transform: translate(-270px, 0);
  	-ms-transform: translate(-270px, 0);
  	-o-transform: translate(-270px, 0);
  	transform: translate(-270px, 0);
}
.social-tab ul li {
  	display: block;
  	margin: 5px;
  	background: rgba(0, 0, 0, 0.36);
  	width: 265px;
  	text-align: right;
  	padding: 10px;
  	-webkit-border-radius: 0 30px 30px 0;
  	-moz-border-radius: 0 30px 30px 0;
  	border-radius: 0 30px 30px 0;
  	-webkit-transition: all 1s;
  	-moz-transition: all 1s;
  	-ms-transition: all 1s;
  	-o-transition: all 1s;
  	transition: all 1s;
}
.social-tab ul li:hover {
	  -webkit-transform: translate(110px, 0);
	  -moz-transform: translate(110px, 0);
	  -ms-transform: translate(110px, 0);
	  -o-transform: translate(110px, 0);
	  transform: translate(110px, 0);
	  background: rgba(255, 255, 255, 0.4);
}
.social-tab ul li:hover a {
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
}
.social-tab ul li:hover i {
  	color: #fff;
  	background: rgba(0, 0, 0, 0.36);
  	-webkit-transform: rotate(360deg);
  	-moz-transform: rotate(360deg);
  	-ms-transform: rotate(360deg);
  	-o-transform: rotate(360deg);
  	transform: rotate(360deg);
  	-webkit-transition: all 1s;
  	-moz-transition: all 1s;
  	-ms-transition: all 1s;
  	-o-transition: all 1s;
  	transition: all 1s;
}
.social-tab ul li i {
    margin-left: 10px;
    color: #000;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    font-size: 18px;
    background: #ffffff;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    padding-top: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
}




/* ======= HEADER SECTION ======= */
.header {
    padding: 10px 0;
}
.site-title {
    font-size: 30px;
    margin: 0 !important;
    padding-top: 10px;
}
.site-description {
    font-size: 14px;
    margin: 0 !important;
}

.header-search {
    margin-top: 4px;
}
.btn.navbar-search-theme {
    background: #fff;
    border-radius: 0;
    border:1px solid #999;
    color: #333;
    transition:all 0.25s ease-out 0s;
}
.btn.navbar-search-theme:hover {
    background: #333;
    color: #fff;
}



/*--------Sticky------*/
.topmenu.sticky-menu {
	background: rgba(255, 255, 255, 0.9);
	margin-top: 0px;
	padding: 0px;
	top:0px;
}
.topmenu.sticky-menu .navbar-default .navbar-nav > li > a {
	padding: 14px 14px; 
}


.topmenu{
    position: fixed;
    top: 113px;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #fff;
}
.topmenu.sticky-menu a {
    padding: 7px 15px;
}
.header-search {
    display: inline-block;
}
.topmenu.sticky-menu .header-search {
    margin-top: 3px;
}
.search-field {
    font-weight: 300;
    border: none;
    border-radius: 6px;
    padding: 3px 8px;
}
.search-submit {
	background: #fff;
	border: 1px solid #fff;
    border-radius: 6px;
    border: none;
    padding: 3px 12px;
}
.search-submit:hover {
    background: #111;
    color: #fff;
    border: 1px solid #fff;
}

.brand-logo img {
    height: 65px;
    padding-top: 15px;
}
.sticky-menu .brand-logo img {
    padding-top: 0px;
}
.sticky-menu img {
    height: 40px;
}

.frontpage, .innerpage {
    margin-top: 44px;
}



/* ======= CAROUSEL SLIDER SECTION ======= */
.carousel-inner .item .image {
    /*height: 400px;*/
    overflow: hidden;
    width: 100%;
}
.carousel-inner .item {
    /*height: 500px;*/
    overflow: hidden;
    width: 100%;
}
.carousel-caption {
    background: #000;
    bottom: 0 !important;
    float: left !important;
    left: 0 !important;
    opacity: 0.7;
    padding: 0 !important;
    right: 0 !important;
    text-align: left !important;
}
.carousel-caption h2 {
    margin-top: 5px;
}
.carousel-caption a {
    color: #fff;
    font-size: 24px;
}
.carousel-caption a:hover {
    color: #fff;
}
.item .feaImg img {
	/*height: 380px;*/
}



.news-details {
    margin-bottom: 10px;
    display: block;
    overflow: hidden;
    max-height: 90px;
}


.recent-post {
    background: #ddd;
    height: 190px;
}
.recent-post figure {
  	position: relative;
  	overflow: hidden;
  	height: 190px;
  	max-width: 100%;
  	margin: 0 auto;
}
.recent-post figcaption {
  	position: absolute;
  	top: 0;
  	left: 0;
  	right: 0; 
  	background-color: #069;
  	bottom: 0;
  	text-align: center;
  	/*background-color: rgba(245, 99, 99, 0.95);*/
  	transition: -webkit-transform 0.35s;
  	transition: transform 0.35s;
  	-webkit-transform: translate3d(0, 100%, 0);
  	-ms-transform: translate3d(0, 100%, 0);
  	transform: translate3d(0, 100%, 0);
  	padding: 1.5em 1em;
  	display: block;
}
.recent-post figure figcaption div p,
.recent-post figure figcaption div li a {
  	transition: -webkit-transform 0.35s;
  	transition: transform 0.35s;
  	-webkit-transform: translate3d(0, 200%, 0);
  	-ms-transform: translate3d(0, 200%, 0);
  	transform: translate3d(0, 200%, 0);
}
.recent-post figure:hover figcaption,
.recent-post figure:hover figcaption div p,
.recent-post figure:hover figcaption div li a {
  	-webkit-transform: translate3d(0, 0, 0);
  	-ms-transform: translate3d(0, 0, 0);
  	transform: translate3d(0, 0, 0);
}
.recent-post figure figcaption div p {
  	color: #fff;
  	font-size: 14px; 
  	padding-top: 8px;
  	text-align: center;
  	transition-delay: 0.05s; 
}
.recent-post figure figcaption div li:nth-child(1) a { 
  	transition-delay: 0.1s; 
}
.recent-post figure figcaption div li:nth-child(2) a { 
  	transition-delay: 0.15s; 
}



/* ======= CONTAINER BODY SECTION ======= */
#primary {
	background: #fff;
	clear: both;
    display: block;
    overflow: hidden;
    padding: 40px 0;
}
.no-img {
    background: #eee;
    overflow: hidden;
    display: block;
    text-align: center;
    padding: 50px;
}



/* ======= TABBED NEWS / BLOG SECTION ======= */
.news-tab .nav-tabs {
    border-bottom: 1px solid #888;
}
.news-tab .nav-tabs > li > a {
    border-radius: 0px;
    text-transform: uppercase;
    font-weight: 600;
}
.news-tab .nav-tabs .active a {
    background: #ddd;
}
.nav.nav-tabs {
    margin-left: 15px !important;
    margin-bottom: 20px !important;
}
.news-tab .nav > li > a{
	color: #333 !important;
}

.category-title h3 {
    width: 90%;
    border-left: 7px solid;
    text-transform: uppercase;
    padding-left: 7px;
}
.view-category.text-right {
    display: block;
    margin-top: -34px;
    float: right;
}
.view-category a {
    border: 1px solid #999;
    padding: 3px 15px;
    color: #333;
}
.view-category a:hover{
	border: 1px solid #666;
	background: #eee;
	text-decoration: none;
}


.blog-detail {
    margin-bottom: 20px;
    display: block;
    clear: both;
    overflow: hidden;
}
.blog-bg{
	margin-top: -20px;
}

.meta-socials {
    clear: both;
    margin-top: 15px;
}
.meta-socials li {
    float: left;
    margin-bottom: 5px;
    list-style: none;
}
.meta-socials li a {
    background: #333;
    border: 1px solid #333;
    color: #fff;
    padding: 5px 20px;
    display: block;
    text-align: center;
    transition:all 0.25s ease-out 0s;
}
.meta-socials li a:hover{
    background: #fff;
    color: #333;
    list-style: none;
    text-decoration: none !important;
}

.inner-socials {
    clear: both;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    display: block;
    overflow: hidden;
    padding: 5px 0;
}
.inner-socials li {
    float: left;
    margin-right: 10px;
    list-style: none;
}
.inner-socials li a {
    background: #333;
    border: 1px solid #333;
    color: #fff;
    padding: 5px 15px;
    display: block;
    text-align: center;
    transition:all 0.25s ease-out 0s;
}
.inner-socials li a:hover{
    background: #fff;
    color: #333;
    list-style: none;
    text-decoration: none !important;
}



.list_posts{
	clear: both;
}
.blog-details {
    margin-bottom: 25px;
}
.blog-details figure {
  	background: #cecccd;
  	position: relative;
  	overflow: hidden;
  	width: 360px;
  	height: 164px;
  	max-width: 100%;
  	margin: 0 auto;
}
.blog-details figcaption {
  	position: absolute;
  	top: 0;
  	left: 0;
  	right: 0; 
  	background-color: #069;
  	bottom: 0;
  	text-align: center;
  	/*background-color: rgba(245, 99, 99, 0.95);*/
  	transition: -webkit-transform 0.35s;
  	transition: transform 0.35s;
  	-webkit-transform: translate3d(0, 100%, 0);
  	-ms-transform: translate3d(0, 100%, 0);
  	transform: translate3d(0, 100%, 0);
  	padding: 1.5em 1em;
  	display: block;
}
.blog-details figure figcaption div p,
.blog-details figure figcaption div li a {
  	transition: -webkit-transform 0.35s;
  	transition: transform 0.35s;
  	-webkit-transform: translate3d(0, 200%, 0);
  	-ms-transform: translate3d(0, 200%, 0);
  	transform: translate3d(0, 200%, 0);
}
.blog-details figure:hover figcaption,
.blog-details figure:hover figcaption div p,
.blog-details figure:hover figcaption div li a {
  	-webkit-transform: translate3d(0, 0, 0);
  	-ms-transform: translate3d(0, 0, 0);
  	transform: translate3d(0, 0, 0);
}
.blog-details figure figcaption div p {
    color: #fff;
    font-size: 14px;
    transition-delay: 0.05s;
    text-align: center;
    padding-top: 8px;
}
.blog-details figure figcaption div li:nth-child(1) a { 
  	transition-delay: 0.1s; 
}
.blog-details figure figcaption div li:nth-child(2) a { 
  	transition-delay: 0.15s; 
}

.detail-date {
  	position: absolute;
  	left: 0px;
  	bottom: 0px;
  	background: #069; 
}
.detail-date .month-day {
  	background: rgba(0, 0, 0, 0.5);
  	color: #fff;
  	padding: 7px;
  	text-transform: uppercase;
  	font-size: 14px;
  	font-weight: 100;
  	text-align: center; 
}
.detail-date .year {
  	color: #fff;
  	padding: 2px;
  	text-transform: uppercase;
  	font-size: 18px;
  	font-weight: 100;
  	text-align: center; 
}

.blog-details figcaption div {
  	position: absolute;
  	left: 0;
  	right: 0;
  	bottom: auto;
  	top: 50%;
  	text-align: center;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
  	padding: 1.5em;
}
.blog-info a {
    color: #333;
    font-size: 16px;
}
.blog-info a:hover {
    color: #333;
}
.blog h4 {
  	font-size: 21px;
  	margin: 24px 0 6px;
}



/* ======= TINY CAROUSEL SECTION ======= */
.news-updates {
    clear: both;
    overflow: hidden;
    display: block;
}
.caps {
    font-size: 26px;
    line-height: 30px;
    position: relative;
    text-align: center;
    padding: 20px 0;
}
.caps::before {
    content: "";
    display: inline-block;
    width: 10%;
    height: 1px;
    margin: 5px 5px;
}
.caps::after, .caps::before {
    background: #333;
}

.caps::after, .caps::before {
    content: "";
    display: inline-block;
    width: 10%;
    height: 1px;
    margin: 5px 5px;
}
.caps::after, .caps::before {
    background: #333;
}


#slider1 {
    height: 1%;
    margin: 30px 0 0;
    overflow: hidden;
    position: relative;
    padding: 0 50px 10px;
}

#slider1 .viewport {
    height: 180px;
    overflow: hidden;
    position: relative;
}

#slider1 .buttons {
    border: 1px solid;
    display: block;
    position: absolute;
    top: 35%;
    left: 0;
    width: 25px;
    height: 35px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    font-size: 22px;
}

#slider1 .next {
    right: 0;
    left: auto;
    top: 35%;
}

#slider1 .buttons:hover {
    color: #C01313;
    background: #fff;
}

#slider1 .disable {
    visibility: hidden;
}

#slider1 .overview {
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    width: 240px;
    left: 0;
    top: 0;
}

#slider1 .overview li {
    float: left;
    margin: 0 20px 0 0;
    padding: 1px;
    height: 168px;
    border: 1px solid #dcdcdc;
    width: 327px;
}

.popular {
    color: #fff;
    text-align: center;
    display: block;
    font-size: 14px;
    margin-top: 10px;
    text-transform: uppercase;
}
.popular:hover {
    color: #ddd;
    text-decoration: none;
}



/* ======= ARCHIVE / CATEGORY BLOG SECTION ======= */

.categoryposts-slider {
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 10px;
    box-shadow: 0px 3px 5px #ddd;
}
.item.image5 {
    max-height: 350px;
    overflow: hidden;
}

.listings {
    background: #fff;
    box-shadow: 1px 3px 5px #ddd;
    margin-bottom: 20px;
    padding: 15px;
}

.list-content {
    margin-bottom: 5px;
    text-align: left;
}
.list-content > h4 {
    font-size: 18px;
    margin-top: 0 !important;
    text-transform: uppercase;
}
.list-content h4 a{
	color: #333;
}

.listcontent p {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #999;
}
.listcontent p:hover{
	background: #eee;
}
.img-list {
    height: auto;
    overflow: hidden;
}
.img-list:hover .image img {
	transform: scale(1.2); 
}
.img-list .image {
	position: relative; 
	overflow: hidden; 
}
.img-list .image img {
    height: auto;
    overflow: hidden;
    transition: all 0.4s ease-in-out 0s;
    width: 100%;
}

.fpage1.post-dates {
  	position: absolute;
  	top: 0px;
  	background: #069; 
}
.fpage1.post-dates .month-day {
  	background: rgba(0, 0, 0, 0.5);
  	color: #fff;
  	padding: 7px;
  	text-transform: uppercase;
  	font-size: 14px;
  	font-weight: 100;
  	text-align: center; 
}
.fpage1.post-dates .year {
  	color: #fff;
  	padding: 2px;
  	text-transform: uppercase;
  	font-size: 18px;
  	font-weight: 100;
  	text-align: center; 
}

.post-date {
  	position: absolute;
  	bottom: 0px;
  	background: #069; 
}
.post-date .month-day {
  	background: rgba(0, 0, 0, 0.5);
  	color: #fff;
  	padding: 7px;
  	text-transform: uppercase;
  	font-size: 14px;
  	font-weight: 100;
  	text-align: center; 
}
.post-date .year {
  	color: #fff;
  	padding: 2px;
  	text-transform: uppercase;
  	font-size: 18px;
  	font-weight: 100;
  	text-align: center; 
}




.post-author {
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    display: block;
    overflow: hidden;
    clear: both;
    padding: 10px 0px;
    margin: 30px 0px;
}
.post-author h2 {
    margin-top: 0px;
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 1px solid #999;
    padding-bottom: 10px;
}
.post-author .details p {
    font-style: italic;
}
.author-name {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}
.short-info {
    float: left;
    padding-left: 10px;
}

.meta_format{
    float: left;
    margin-right: 20px;
}
.meta_format .post-categories {
    padding-left: 18px;
    margin-left: 3px;
    margin-top: -20px;
}
.meta_format li {
    list-style: none;
    float: left;
}
.post-categories li a {
    float: left;
    padding-right: 10px;
}


/* ======= ARCHIVE / CATEGORY / SINGLE / PAGE SIDEBAR SECTION ======= */
aside .widget {
    background: #fff;
    box-shadow: 1px 3px 5px #ddd;
    padding: 15px;
}
.widget-title {
    font-size: 18px;
    margin-top: 0;
    text-transform: uppercase;
}
.widget ul {
    margin-left: 0;
    padding-left: 0;
}
.widget ul li {
	line-height: 24px;
    list-style: outside none none;
}
.widget li a {
    border-bottom: 1px solid #ddd;
    color: #333;
    display: block;
    padding: 3px 5px;
}
.widget li a:hover {
    background: #eee;
    text-decoration: none;
}
.widget .fa {
    padding-right: 10px;
}




/* ======= 404 PAGE NOT FOUND SECTION ======= */
.notfound {
    border: 1px solid #ddd;
    background: #eee;
    text-align: center;
    padding: 15px;
    margin-bottom: 20px;
}
.notfound p {
    font-size: 24px;
    font-weight: 300;
}

.widget.widget_recent_entries {
    border: 1px solid #ddd;
    padding: 15px;
    overflow: hidden;
}
.widget.widget_categories {
    border: 1px solid #ddd;
    padding: 15px;
    overflow: hidden;
}
.widget_categories li a {
    float: left;
    overflow: hidden;
    display: block;
    width: 90%;
}

.widget.widget_archive {
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 15px;
}

.widget.widget_tag_cloud {
    overflow: hidden;
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    padding: 15px;
}
.widget_tag_cloud a {
    border: 1px solid #999;
    color: #333;
    padding: 5px 15px;
    display: inline-block;
    margin-bottom: 3px;
}
.widget_tag_cloud a:hover {
    background: #333;
    color: #fff;
    text-decoration: none;
}
.widgettitle {
    margin-top: 0px;
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #999;
    padding-bottom: 10px;
}




/* ======= FOOTER SECTION ======= */
footer {
    background: #111;
    color: #fff;
    display: block;
    overflow: hidden;
    padding: 60px 0px;
}
footer.entry-footer {
    background: transparent;
    padding: 5px;
    display: block;
}

.footer{
	display: block;overflow: hidden;
}

.footers ul {
    margin-left: 0;
    padding-left: 0;
}
.footers ul li {
	line-height: 24px;
    list-style: outside none none;
}
.footers li a {
    border-bottom: 1px solid #000;
    color: #fff;
    display: block;
    font-size: 12px;
    padding: 3px 5px;
}
.footers li a:hover {
    background: #000;
    text-decoration: none;
}
.footers .fa {
    padding-right: 10px;
}
.footers .tagcloud a {
    border: 1px solid #444;
    color: #eee;
    padding: 2px 15px;
    display: inline-block;
    margin-bottom: 5px;
}
.footers .tagcloud a:hover {
    background: #444;
    text-decoration: none;
}

.site-info {
    display: block;
    overflow: hidden;
    padding: 10px;
    text-align: center;
}
.site-info > a, .site-info > a:hover {
    color: #333;
}
.sep{
	padding: 0 10px;
}


/* ======= SCROLL TO TOP SECTION ======= */
.scroll-top-wrapper {
  	position: fixed;
  	opacity: 0;
  	visibility: hidden;
  	overflow: hidden;
  	text-align: center;
  	z-index: 99999999;
  	background-color: #111;
  	color: #eeeeee;
  	width: 44px;
  	height: 44px;
  	line-height: 44px;
  	right: 22px;
  	bottom: 80px;
  	padding-bottom: 2px;
  	border-radius: 100%;
  	border: 1px solid rgba(255, 255, 255, 0.1);
  	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-ms-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
  	box-shadow: none; 
}
.scroll-top-wrapper:hover {
  	opacity: 0.6 !important; 
}
.scroll-top-wrapper.show {
  	visibility: visible;
  	cursor: pointer;
  	opacity: 1.0; 
}
.scroll-top-wrapper i.fa {
  	line-height: inherit; 
}
.scroll-top-wrapper .fa {
    font-size: 20px !important;
}


/* ======= INNERPAGE SECTION ======= */
.page-header {
    margin-top: 0px !important;
    padding-top: 0px !important;
}
.page-title {
    font-size: 24px;
    margin-top: 0px !important;
    padding-top: 0px !important;
    text-transform: uppercase;
}
.entry-title {
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0px;
}
.posted-on > a, .author > a,
.posted-on > a:hover, .author > a:hover {
    color: #333;
}


.cat-links {
    float: left;
    text-align: left;
    background: #eee;
    padding: 3px 8px;
    color: #333;
    width: 49%;
}
.tags-links {
    float: right;
    color: #333;
    display: block;
    background: #eee;
    padding: 3px 8px;
    width: 50%;
}
.comments-link {
    display: block; 
    float: left;
    width: 49%;
    background: #eee;
    padding: 3px 8px;
    margin-left: 15px;
    color: #333;
}
.edit-link {
    background: #eee;
    display: block;
    color: #333;
    float: left;
    padding: 3px 8px;
    width: 50%;
    margin-top: 5px;
    margin-left: 10px;
}

.entry-content p {
    font-size: 16px;
}

.related-posts {
    clear: both;
    padding-top: 15px;
}
.related-posts > h3 {
    font-size: 20px;
    text-transform: uppercase;
}

.block img {
    margin-bottom: 20px;
}
.featured-image {
    margin-bottom: 15px;
}
.featured-image:hover .image img {
	transform: scale(1.2); 
}
.featured-image .image {
	position: relative; 
	overflow: hidden; 
}
.featured-image .image img {
    height: auto;
    overflow: hidden;
    transition: all 0.4s ease-in-out 0s;
    width: 100%;
}


/* ======= SINGLE POST COMMENTS SECTION ======= */
.comments-area {
    clear: both;
    padding-top: 20px;
}
.comment-form label {
    padding-right: 20px;
}
.comment-form input {
    width: 100%;
}
.comment-form .submit {
    font-size: 13px !important;
    width: auto !important;
}


.comments-title {
    border-bottom: 1px solid #ddd;
    font-size: 20px;
    margin-bottom: 15px;
    padding-bottom: 8px;
}
.comment-reply-title {
    border-bottom: 1px solid #ddd;
    font-size: 20px;
    padding-bottom: 6px;
    text-transform: uppercase;
}
.comment-list {
    margin-left: 0;
    padding-left: 0;
}
.comment-list li {
    list-style: outside none none;
}
.comment-body {
    border-bottom: 2px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.comment-body:last-child {
    border-bottom: medium none;
}
.comment-meta {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 10px;
    padding: 0;
}
.comment-awaiting-moderation {
    color: #333;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 0;
}
.comment-list .children {
    padding-left: 0;
}
.comment.odd.alt.depth-2 {
    background: #fcfcfc none repeat scroll 0 0;
    border: 1px solid #eee;
    margin-bottom: 10px;
    padding: 10px;
}
.comment-reply-link {
    border: 1px solid #ddd;
    color: #333;
    padding: 1px 10px;
    background: #eee;
}
.comment-reply-link:hover {
    border: 1px solid #ddd;
    color: #111;
    text-decoration: none;
    background: #ddd;
}





/* ======= MEDIA QUERIES SECTION ======= */
@media screen and (max-device-width: 800px) {	
	.top-date {width: 40% !important;}
	.socialicons {width: 60% !important;}
	.social-tab{display: none;}
	.topmenu{top: 180px;}
}

@media screen and (max-device-width: 740px) {
	.top-header{margin-top: 65px;}	
	.top-date, .socialicons {width: 100% !important;}
	.top-date {text-align: center !important;}

	.socials{width: 100%; text-align: center !important;}
	.socials > li {display: inline-block !important; float: none !important;}
	.header-ad {padding-top: 5px;}

	.topmenu{top: 0px;}
	.main-navigation ul ul{margin-left: 30px;}
	.header-search {position: relative; overflow: hidden;}

	.site-branding {text-align: center; display: block;}
	.site-logo, .top-ads {text-align: center; margin-bottom: 10px;}
	.frontpage, .innerpage {margin-top: 0;}
}

@media screen and (max-device-width: 580px) {	
	.header-search {display: none;}
	.menu-toggle{margin-top: 0px;}
	.top-header{margin-top: 35px;}
}



.section-title {
	max-width: 800px;
	margin: 80px auto;
	padding: 15px;
	text-align: center; 
}
.section-title h1 {
	font-size: 24px;
	text-transform: uppercase;
	color: #2ca5b9; 
}
.section-title .divider {
	position: relative;
	border-bottom: 1px solid #2ca5b9;
	margin-bottom: 30px;
	margin-top: 30px; 
}
.section-title .divider:before {
	position: absolute;
	content: '';
	width: 30px;
	height: 30px;
	border: 1px solid #2ca5b9;
	left: 50%;
	margin-left: -15px;
	top: 50%;
	background: #fff;
	margin-top: -15px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg); 
}
.section-title .divider:after {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	border: 1px solid #2ca5b9;
	left: 50%;
	margin-left: -10px;
	top: 50%;
	background: #2ca5b9;
	margin-top: -10px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg); 
}