/*
Theme Name: SquarePro
Theme URI: https://www.rumblethemes.com/themes/square-pro
Author: Rumble Themes
Author URI: https://www.rumblethemes.com
Description: Square pro is clean wordpress theme and very fast, helping you to avoid losing visitors due load time. =====> DEMO ====>>>> http://demo.rumblethemes.com/square-pro
Version: 1.3.5
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: squarepro

Squarepro Wordpress Theme, Copyright (C) 2016, Squarepro
Squarepro is distributed under the terms of the GNU GPL
*/

/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Typography
 * 3.0 - Elements
 * 4.0 - Forms
 * 5.0 - Navigation
 * 		5.1 - Links
 * 		5.2 - Menus
 * 6.0 - Accessibity
 * 7.0 - Alignments
 * 8.0 - Clearings
 * 9.0 - Widgets
 * 10.0 - Content
 * 		10.1 - Posts and Pages
 * 		10.2 - Comments
 * 		10.3 - Asside
 * 11.0 - Media
 * 		11.1 - Caption
 * 		11.2 - Galleries
 * 12.0 - Main Content
 */

/*------------------------------------------------------
	1.0 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; }
abbr[title] {border-bottom: 1px dotted; }
b, strong {font-weight: 700; }
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: 0; }
hr {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
code, kbd, pre, samp {font-size: 1em; }
button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0; }
select {text-transform: none; }
button {overflow: visible; }
button, input, select, textarea {max-width: 100%; }
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] {cursor: default; opacity: .5; }
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0; }
input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 0.4375em; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto; }
input[type="search"] {-webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none; }
fieldset {border: 1px solid #d1d1d1; margin: 0 0 1.75em; min-width: inherit; padding: 0.875em; }
fieldset > :last-child {margin-bottom: 0; }
legend {border: 0; padding: 0; }
textarea {overflow: auto; vertical-align: top; }
optgroup {font-weight: bold; }
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {max-width: 100%; height: auto; }
/*------------------------------------------------------
	2.0 Typography
--------------------------------------------------------*/
body, button, input, select, textarea {line-height: 1.7; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; margin: 0; text-rendering: optimizeLegibility; }
p {margin: 0 0 1.75em; }
dfn, cite, em, i {font-style: italic; }
blockquote {border: 0 solid #1a1a1a; border-left-width: 4px; color: #686868; font-size: 19px; font-size: 1.1875rem; font-style: italic; line-height: 1.4736842105; margin: 0 0 1.4736842105em; padding: 0 0 0 1.263157895em; }
blockquote, q {quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content: ""; }
blockquote p {margin-bottom: 1.4736842105em; font-size: 14px;}
blockquote cite, blockquote small {color: #1a1a1a; display: block; font-size: 16px; font-size: 1rem; line-height: 1.75; }
blockquote em, blockquote i, blockquote cite {font-style: normal; }
blockquote strong, blockquote b {font-weight: 400; }
blockquote > :last-child {margin-bottom: 0; }
address {font-style: italic; margin: 0 0 1.75em; }
code, kbd, tt, var, samp, pre {font-family: Inconsolata, monospace; }
pre {border: 1px solid #d1d1d1; font-size: 16px; font-size: 1rem; line-height: 1.3125; margin: 0 0 1.75em; max-width: 100%; overflow: auto; padding: 1.75em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code {background-color: #d1d1d1; padding: 0.125em 0.25em; }
abbr, acronym {border-bottom: 1px dotted #d1d1d1; cursor: help; }
mark {background: #007acc; color: #fff; padding: 0.125em 0.25em; text-decoration: none; }
big {font-size: 125%; }
/*------------------------------------------------------
	3.0 Elements
--------------------------------------------------------*/
html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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/ */ -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }
body {background: #f5f5f5; /* Fallback for when there is no custom background color defined. */ }
hr {background-color: #d1d1d1; border: 0; height: 1px; margin: 0 0 1.75em; }
ul, ol {margin: 0 0 1.75em 1.25em; padding: 0; }
ul {list-style: disc; }
ol {list-style: decimal; margin-left: 1.5em; }
li > ul, li > ol {margin-bottom: 0; }
dl {margin: 0 0 1.75em; }
dt {font-weight: 700; }
dd {margin: 0 0 1.75em; }
img {vertical-align: middle; max-width: 100%; height: auto;}
del {opacity: 0.8; }
table, th, td {border: 1px solid #d1d1d1; }
table {border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.75em; table-layout: fixed; /* Prevents HTML tables from becoming too wide */ width: 100%; }
caption, th, td {font-weight: normal; text-align: left; }
th {border-width: 0 1px 1px 0; font-weight: 700; }
td {border-width: 0 1px 1px 0; }
th, td {padding: 0.4375em; }
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {color: #686868; font-family: "Roboto", "Helvetica Neue", sans-serif; }
:-moz-placeholder {color: #686868; font-family: "Roboto", "Helvetica Neue", sans-serif; }
::-moz-placeholder {color: #686868; font-family: "Roboto", "Helvetica Neue", sans-serif; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ }
:-ms-input-placeholder {color: #686868; font-family: "Roboto", "Helvetica Neue", sans-serif; } 
/*------------------------------------------------------
	4.0 Form
--------------------------------------------------------*/
button,button.navbar-toggle, input[type="button"], input[type="reset"], input[type="submit"] { border: 0px;  font-size: 12px; line-height: 1; padding: .8em 1em .8em; border-radius: 0px; }
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { box-shadow: none; }
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 { box-shadow: none; border-radius: 0px; }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea, textarea.form-control { border-radius: 0px; color: #666; border: 0px; background-color: #f5f5f5; }
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, textarea.form-control:focus { box-shadow: none; border: 0px; color: #111; }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 5px; }
textarea { padding-left: 3px; width: 100%; }
/*------------------------------------------------------
	5.0 Navigation
--------------------------------------------------------*/
/*------------------------------------------------------
	5.1 Links
--------------------------------------------------------*/
a { color: #555; text-decoration: none; -webkit-transition: color 0.25s ease-in; -moz-transition: color 0.25s ease-in; -ms-transition: color 0.25s ease-in; -o-transition: color 0.25s ease-in; transition: color 0.25s ease-in; }
a:hover, a:focus, a:active { color: #0D47A1; outline: 0; text-decoration: none;}
a.hover-thumbnail {display: block; position: absolute; width: 100%; height: 100%; z-index: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
/*------------------------------------------------------
	5.2 Menus
--------------------------------------------------------*/
.navbar {margin-bottom: 0px;}
.menu-text.navbar-toggle {float: left; border: 0;font-size: 12px; text-transform: uppercase;color: #fff; margin:6px 0 5px 15px;}
.menu-text.navbar-toggle:hover {background-color: transparent;}
.navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:focus,.navbar-default .navbar-nav .active a:hover {background-color: transparent; color: #fff;}
/*-----------[Classic Menu]--------------*/
.classic-nav.navbar-default {background-color: transparent; border:0;}
.classic-nav .navbar-header,.navbar.classic-nav .navbar-collapse,.search_form,.navbar.minimal-nav {background-color:#191919;}
.navbar.classic-nav .navbar-classic {background-color: #fff; min-height: 100px;}
.navbar.classic-nav .navbar-logo .navbar-brand {margin-left: 0;}
.classic-nav .navsearch.navbar-form {margin-right: -15px;}
.classic-nav .navbar-logo { min-height: 100px; text-align: center;}
.classic-nav .navbar-logo .navbar-brand {height: auto; line-height: 70px; font-size: 30px;}
.navbar-classic-right {height: 100px;padding:5px 15px 5px; margin: 0 auto;}
.navbar-classic-right .image-banner {width: 100%; max-width: 728px; height: auto; overflow: hidden; float: right;}
.navbar-classic-right .image-banner a img{width: 100%; height: auto;}
.classic-nav .logo .navbar-brand img {max-width: 350px; max-height: 60px;}
.classic-nav .logo .navbar-brand {max-height: 100px; margin-top: 20px; margin-bottom: 20px;}
/*-----------[Minimal Menu]--------------*/
.navbar.minimal-nav {border: 0px; border-radius: 0px;}
.nav li a {text-transform: uppercase; font-size: 14px; font-weight: 700;}
.nav.navbar-nav.navbar-right {margin-right: 15px;}
.navbar.navbar-default .navbar-nav li a {color: #fff; display: block;}
.navbar.navbar-default .navbar-nav li > a:hover, .navbar .navbar-nav li > a:focus {opacity: .8;}
.navbar.navbar-default .navbar-nav .dropdown-menu {padding: 0px;border:0px; border-radius: 0px;}
.navbar.navbar-default .navbar-nav .dropdown-menu li a{padding: 10px 10px; color: #000;}
.navbar.navbar-default .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {background-color: transparent; color: #fff; border-color:#222;}
.navbar-header a.navbar-brand {color: #fff; font-size: 18px; font-weight: 700;}
.dropdown-menu>.active>a {background-color: transparent;}
.dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {background-color: #e7e7e7;}
.navbar .navbar-nav .dropdown-menu li a {border:0px;}
.logo {margin: 0px;}
.logo .navbar-brand {padding: 0px;}
.navbar-header a.navbar-brand:hover{color: #f5f5f5;}
.logo .navbar-brand span {display: none;}
.minimal-nav .logo .navbar-brand img {width: auto; height: 50px;}
/*-----------[Social Profile Header Right]--------------*/
.classic-nav .social-profile {float: right;line-height: 90px;}
.classic-nav .social-profile ul {list-style: none;margin-bottom: 0px;margin-right: 10px;margin-left: 10px;}
.classic-nav .social-profile ul li {height: auto; display: inline;}
.classic-nav .social-profile ul li a {font-size: 18px;}
/*------------------------------------------------------
	6.0 Accessibility
--------------------------------------------------------*/
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute; 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; 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. */ }
/*------------------------------------------------------
	7.0 Alignments
--------------------------------------------------------*/
.alignleft {float: left; margin: 0.375em 1.75em 1.75em 0; }
.alignright {float: right; margin: 0.375em 0 1.75em 1.75em; }
.aligncenter {clear: both; display: block; margin: 0 auto 1.75em; }
blockquote.alignleft {margin: 0.3157894737em 1.4736842105em 1.473684211em 0; }
blockquote.alignright {margin: 0.3157894737em 0 1.473684211em 1.4736842105em; }
blockquote.aligncenter {margin-bottom: 1.473684211em; }
/*------------------------------------------------------
	8.0 Clearings
--------------------------------------------------------*/
.clear:before, .clear:after, blockquote:before, blockquote:after {content: ""; display: table; }
.clear:after, blockquote:after {clear: both; } 
/*------------------------------------------------------
	9.0 Widgets
--------------------------------------------------------*/
.widget #searchform {padding: 0 !important;}
.widget .meta-card span{font-size: 12px; font-weight: normal; margin-right: 5px;}
aside.widget {margin-bottom: 2.5em; padding-top: 1.75em; }
.widget-area :last-child, .widget :last-child {margin-bottom: 0; }
aside.widget .title h3.widget-title:empty {margin-bottom: 0; font-size: 16px; font-size: 1rem; letter-spacing: 0.046875em; line-height: 1.3125; margin: 0 0 1.75em;}
#wp-calendar {width: 100%; max-width: 37.5rem; margin-left: auto; margin-right: auto; }
#wp-calendar caption {color: #333; padding: 1rem; text-align: center; font-weight: 700; }
#wp-calendar thead th {font-size: 80%; font-weight: bold; padding: 0.25rem; text-transform: uppercase; text-align: center; }
#wp-calendar tbody td {background: #f5f5f5; text-align: center; position: relative; padding: 0.5rem; }
#wp-calendar tbody td:hover {background: #fff; }
#wp-calendar tbody .pad {background: none; }
#wp-calendar tfoot #next {font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev {font-size: 10px; text-transform: uppercase; padding-top: 10px; }
/*-----------[Recent Post Widget]--------------*/
.recent-card {display: flex; }
.recent-media {position: relative; width: 80px; height: 80px; margin-right: 10px; }
.widget .recent-big-card .recent-content a,
.widget .recent-card .recent-content a {font-size: 20px; font-weight: 500; color: #353535; line-height: 0.5;}
.widget .recent-content .excerpt{font-size: 14px; }
.widget .recent-big-card .recent-big-media {display: block; position: relative;}
.widget .recent-big-card .recent-big-media img {width: 100%; height: auto; }
.widget .recent-big-card .recent-content {padding: 10px 0; }
.widget .recent-content .recent-time span,.widget .recent-content .recent-time a {font-size: 13px; color: #555; font-weight: normal;}
.widget .recent-big-card .recent-content .recent-category .category a{text-transform: uppercase; font-size: 13px; font-weight: normal; color: #555;}
/*-----------[Popular Post Widget]--------------*/
.popular-card {overflow: hidden; }
.popular-card .popular-media {display: block; position: relative;}
.popular-card .popular-media img {width: 100%; height: auto; }
.popular-card .popular-content {padding: 10px 0; }
.popular-card .popular-content .popular-category .category a{text-transform: uppercase; font-size: 13px; font-weight: normal; color: #555;}
.popular-card .popular-content a.u-url {font-size: 20px; font-weight: 500; color: #353535; line-height: 0.5; }
.popular-content .meta-popular time {font-size: 12px; color: #555; font-weight: normal; }
/*-----------[Social Profile Widget]--------------*/
.social-profile ul.social-icons.row {padding:0px;}
.social-profile ul.social-icons li.social-list {border: 0px; float: left;}
.social-icons .social-list a.ico:first-child {margin-left: 0px;}
.social-icons .social-list a.ico {color: #fff; margin:5px; border-radius: 2px; padding:10px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.social-icons a.ico.facebook{background-color: #2d4372;}
.social-icons a.ico.twitter{background-color: #0084b4;}
.social-icons a.ico.google{background-color: #b53525;}
.social-icons a.ico.linkedin{background-color: #0077B5;}
.social-icons a.ico.pinterest{background-color: #c8232c;}
.social-icons a.ico.youtube{background-color:  #cc181e;}
.social-icons a.ico.instagram{background-color: #588bad;}
.social-icons .social-list a.ico:hover {color: #f5f5f5;}
/*--------------------------------------------------------------
	10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
	10.1 Posts and Pages
--------------------------------------------------------------*/
.sticky { display: block }
/*--------[Featured]---------*/
.featured-section-one,.featured-section-two {padding: 0;}
.featured-section-one .featured-post-wrapper {padding:0 15px;}
.featured-section-one .featured-post-wrapper .col,.featured-section-two .featured-post-wrapper .col {padding-right: 0px; padding-left: 0px;}
.featured-section-one .featured-post .featured-media {position: relative; overflow: hidden; width: 100%; vertical-align: top; display: inline-block;}
.featured-section-one .featured-post .featured-media a img {position: absolute; width: 100%; height: auto;-moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1);}
.featured-section-one .featured-post .featured-media:hover a img {-moz-transform: scale(1.3,1.3); -webkit-transform: scale(1.3,1.3); transform: scale(1.3,1.3); }
.featured-section-one .featured-post .featured-media .featured-label {position: absolute; top: -10px; left: 20px;}
.featured-section-one .featured-post .featured-media .featured-label a{background-color: rgba(255, 255, 255, 0.5); font-weight:400; color:#555;padding: 5px 10px; font-size: 16px;}
.featured-section-one .featured-post .featured-media .entry-header,.featured-section-two .featured-post .featured-media .entry-header {position: absolute;width:100%;bottom: 0; left: 0; }
.featured-section-one .featured-post .featured-media .entry-header .entry-title a{font-size:30px; color: #fff;display: block;background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.7))); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); padding: 40px 7.78210116732% 20px 20px;}
.featured-section-one .featured-post.big .featured-media {height: 400px; max-height: 100%;}
.featured-section-one .featured-post.medium .featured-media{height: 200px; min-height: 100%}
/*--------[Featured-Two]---------*/
.featured-section-two .featured-post {width: 100%; position: relative;}
.featured-section-two .featured-post a.link-featured {display: block; position: absolute; width: 100%; height: 100%;z-index: 6; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.featured-section-two .featured-post .featured-media {position: relative; overflow: hidden; width: 100%; height: 200px;}
.featured-section-two .featured-post .featured-media img { position: absolute; width: 100%; height: auto;-moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1);}
.featured-section-two .featured-post .entry-header {position: absolute; bottom: 0; width: 100%; z-index: 7; }
.featured-section-two .featured-post .entry-header .entry-title a {font-size: 16px; color: #f5f5f5; font-weight: 500;display: block;background-image: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.7))); background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); padding: 40px 7.78210116732% 20px 20px;}
.featured-section-two .featured-post .entry-header .featured-label-cat a {color: #fff; text-transform: uppercase; z-index: 1; font-size: 12px; font-weight: 500; background-color: #0D47A1; padding: 3px 7px;}
.featured-section-two .featured-post .entry-header .featured-label-cat {position: absolute; top: 0; left: 20px;}
/*--------[Content-One]---------*/
.content-front {margin-bottom: 20px;}
.content-front article.post{position: relative; padding: 0 0 20px 0; width: 100%; min-height: 250px;}
.content-front .post .post-media {position: relative; overflow: hidden; margin-right: 25px; float: left; width: 300px; height: 210px; }
.content-front .post .post-media img {position: absolute; width: 100%; height: auto; }
.content-front .post .format-icon {position: absolute; z-index: 99; background-color:#0d47a1; text-align: center; border-radius: 1px; top:10px; left: 10px; width: 40px; height: 40px;padding: 7px;}
.content-front .post .format-icon .fa {font-size: 25px; color: rgba(0,0,0,0.5); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.content-front .post .post-media:hover .format-icon .fa{color: #fff;}
.content-front article.post .content p{ font-size: 15px; margin-bottom: 0px;}
.content-front article.post .content .meta-category span a{ font-size: 14px; color: #555; font-weight: 500; text-transform: uppercase;}
/*--------[Content-Two]---------*/
.content-front .post.post-two {display: block;}
.content-front .post.post-two .post-two-media {position: relative; width: 100%; height: 322px; overflow: hidden; margin-bottom: -50px;}
.content-front .post.post-two a img {position: absolute; width: 100%; height: auto; z-index: 6;}
.content-front .post-two .content {padding:0 30px;width: 100%;}
.content-front .post-two .content .content-container {background-color: #fff; padding: 20px;position: relative; z-index: 7;}
.content-front .post-two .content .meta-category{position: absolute; top: -13px;}
.content-front .post-two .content .meta-category span.category a{ color: #fff; padding:5px 10px; background-color: #0D47A1;}
.content-front .post-two .content .meta-desc{margin-bottom: 0px;}
.content-front .post-two .content .readmore{margin-top: 15px;}
.content-front .post-two .content .readmore a{font-size: 14px; text-transform: uppercase;font-weight: 500;}

.meta-desc {padding: 10px 0; line-height: 1.1; margin-bottom: 15px;}
.meta-desc span img {margin-right: 10px; border-radius: 2px;}
.meta-desc span {font-size: 13px; text-transform: uppercase; color: #a5a5a5;font-weight: 500;margin: 10px 10px 10px 0; }
.meta-desc span a {color: #a5a5a5;}

.single-page .entry-header {margin-bottom: 20px;}
.main article.single-post .meta-desc.meta-single {margin: 10px 0;}
.main .tag-row .tag-list{margin:30px 0;}
.main .tag-row .tag-list .title { font-size:14px; border-radius: 2px; background-color: #212531; padding: 5px 9px; color: #fff; text-transform: uppercase; line-height: 10px; height: 20px;}
.main .tag-row .tag-list a { font-size:14px;  border-radius: 2px; border: 1px solid #ededed; margin-left: 4px; line-height: 10px; color: #111; padding: 5px 9px; height: 20px;}
.content-single h1{line-height: 1.25; margin-top: 2em; margin-bottom: 1em; }
.content-single h2{line-height: 1.2173913043; margin-top: 2.4347826087em; margin-bottom: 1.2173913043em; }
.content-single h3{line-height: 1.1052631579; margin-top: 2.9473684211em; margin-bottom: 1.4736842105em; }
.content-single h4, .content-single h5, .content-single h6{line-height: 1.3125; margin-top: 3.5em; margin-bottom: 1.75em; }
.content-single h4{letter-spacing: 0.140625em; }
.content-single h6{font-style: italic; }
.content-single h1, .content-single h2, .content-single h3, .content-single h4, .content-single h5, .content-single h6{font-weight: 900; }
.content-single h1:first-child, .content-single h2:first-child, .content-single h3:first-child, .content-single h4:first-child, .content-single h5:first-child, .content-single h6:first-child{margin-top: 0; }
.breadcrumb {background-color: transparent; margin-left: 0px; padding: 0px;}
.breadcrumb li, .breadcrumb li a {font-size: 14px; }

.related-posts h4 { margin: 0; padding:10px 0; border-bottom: 2px solid #212531; text-transform: uppercase;}
.related-posts h4 span {background-color: #212531;padding:10px;}
.related-posts article.latestpost .entry-title { margin:0px;font-size: 23px;}
.related-posts article.latestpost .entry-title a{ font-size: 18px;color: #353535;}
.related-posts article.post header { margin-bottom: 0; border: 1px solid #E9E9E9; border-top: 0; min-height: 105px; padding: 10px;}
.related-posts article.post {padding: 5px; }
.related-posts article .featured-thumbnail {position: relative;}
.related-posts article .featured-thumbnail img {width: 100%; height: auto; z-index: 8;}
.related-posts article {margin: 10px 0; }
/*--------[Prev Next Navigation]---------*/
#cooler-nav{list-style: none;}
#cooler-nav .nav-box{float: left; margin:10px 5px;}
#cooler-nav .nav-box a {color:#464545;  background: #e9e9e9;font-size: 17px; padding: 10px 15px; border-radius: 2px; font-weight: 500; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
#cooler-nav .nav-box a:hover {background-color: #0d47a1;color: #fff;}

/*------------------------------------------------------
	10.2 Comments
--------------------------------------------------------*/
.bypostauthor { display: block }
.comment-row h3{ font-size: 18px; margin: 20px 0; padding: 20px 0; color:#303030; border-bottom:1px solid rgba(0, 0, 0, .2); text-transform: uppercase; }
.comment-row .commentlist { padding: 0px; list-style: none; margin:0px; }
.comment-row .comment-body{ padding: 20px; margin-bottom: 20px; background-color: #f5f5f5; position: relative;}
.comment-body .comment-author .avatar {float: left; margin-right: 20px; margin-top: 7px; border-radius: 3px;}
.comment-body .comment-author cite.fn, 
.comment-body .comment-author cite.fn a{ font-size: 20px; font-style: normal; font-weight: 700; text-transform: capitalize; color: #333;} 
.comment-body .comment-author .says { display: none;}
.comment-body .reply{ font-size: 14px; }
.comment-reply-title { position: relative; }
.comment-reply-title #cancel-comment-reply-link { position: absolute; right: 10px; top: 20px; color: red; }
.comment-reply .cancel-comment-reply{ padding-left: 20px; font-size: 16px; }
.comment-reply #commentform{padding-bottom: 20px; }
.comment-reply #commentform p{font-size: 15px; }
.comment-reply-link {padding: 5px 15px; position: absolute; bottom: 0px; right: 0px; color: #fff;}
.comment-reply-link:hover{color: inherit;}
.form-submit input[type=submit]#comment-submit {background-color: #0d47a1; font-size: 16px; color: #fff; }
/*------------------------------------------------------
	10.3 Aside
--------------------------------------------------------*/
.sidebar ul, .footer-widget ul {list-style: none; padding:0px;margin:0px;}
.sidebar ul li{background-color: transparent; border: none; border-radius: 0px; }
.sidebar ul li a, .footer-widget  ul li a{font-size: 18px;}
.sidebar .widget, .footer-widget .widget {padding:10px 0; }
.sidebar .widget:first-child {padding-top: 0px;}
.sidebar .widget .title, .footer-widget .widget .title { padding:0; margin-bottom: 15px; }
.sidebar .widget .title h3, .footer-widget .widget h4,.related-posts h4{font-size:18px; font-weight: normal; padding:10px 0;margin:0px; text-transform: uppercase;  border-bottom: 2px solid #212531;}
.sidebar .widget .title h3 span, .footer-widget .widget h4 span {background-color: #212531;padding:10px; color: #fff;}
.sidebar .widget ul li, .footer-widget .widget ul li{border-bottom: 1px solid rgba(0, 0, 0, .1); padding: 10px 0; font-size: 14px;}
.sidebar .widget ul li a, .footer-widget .widget ul li a{text-decoration: none; font-size: 16px;}
/*------------------------------------------------------
	11.0 Media
--------------------------------------------------------*/
.content-single .wp-smiley, .entry-summary .wp-smiley, .comment-content .wp-smiley, .textwidget .wp-smiley {border: none; margin-top: 0; margin-bottom: 0; padding: 0; }
.entry-attachment {margin-top: 20px;}
/*------------------------------------------------------
	11.1 Caption
--------------------------------------------------------*/
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ 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; }
/*--------------------------------------------------------------
	11.2 Galleries
--------------------------------------------------------------*/
.gallery { margin-bottom: 1.5em }
.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 50% }
.gallery-columns-3 .gallery-item { max-width: 33.33% }
.gallery-columns-4 .gallery-item { max-width: 25% }
.gallery-columns-5 .gallery-item { max-width: 20% }
.gallery-columns-6 .gallery-item { max-width: 16.66% }
.gallery-columns-7 .gallery-item { max-width: 14.28% }
.gallery-columns-8 .gallery-item { max-width: 12.5% }
.gallery-columns-9 .gallery-item { max-width: 11.11% }
.gallery-caption { display: block }
/*------------------------------------------------------
	12.0 Main Content
--------------------------------------------------------*/
.main .row {background-color: #ffffff; padding: 20px 10px;}
.heading.archive{margin-bottom: 20px;}
#searchsubmit {color: #fff;}
/*--------[Thumbnail Hover]---------*/
.content-front .post .post-media:hover a,.widget .recent-big-card .recent-big-media:hover a,.popular-card .popular-media:hover a,.related-posts article.latestpost .featured-thumbnail:hover .featured-thumbnail-related,.featured-section-two .featured-post:hover a.link-featured {opacity: .4;}
/*--------[Heading link Hover]---------*/
.content-front article.post .front-title a:hover, .widget .recent-card .recent-content a:hover, .popular-card .popular-content a.u-url:hover,.related-posts article.latestpost .entry-title a:hover,.widget .recent-big-card .recent-content a:hover {color: #0D47A1;}
.social-icon a img{width: 30px; margin: 10px 5px; }
.meta-card {right: 5px; top: 10px; position: absolute;color: #fff; font-size: 12px; z-index: 2;}
.meta-card span {margin-right: 5px;}
#toTop {position: fixed; bottom: 10px; right: 10px; background-color: rgba(0, 0, 0, 0.5); border:none; border-radius: 0px;}
.pagination li a, .pagination li span {color: #0d47a1}
.pagination, .pagination li:first-child a, .pagination li:first-child span, .pagination li:last-child a, .pagination li:last-child span{border-radius: 0px; font-size: 14px; }
.pagination .active a, .pagination .active a:focus, .pagination .active a:hover, .pagination .active span, .pagination .active span:focus, .pagination .active span:hover {background-color: #0d47a1;border-color: #0d47a1;}
.footer-nav.nav {float: left; }
.footer-nav.nav li {position: relative; display: inline-block; }
.footer-nav.nav li a:hover, .footer-nav.nav li a:focus {background-color: transparent; }
.footer-container nav.col-md-6 {padding: 0px; }
.footer-container nav {min-height: auto; }
.footer-container{background-color: #fff; padding: 8px 0; }
.copyright {float: right; margin-top: 10px; margin-bottom: 10px; text-align: right; position: relative; color: #333; font-size: 14px; }
.footer-widget .container{ padding-top: 20px;}
/*--------[Social share]---------*/
.rum-social { position: relative; margin-top: 20px; display: flex; justify-content: space-between;}
.rum-social .row { padding-top: 0; padding-bottom: 0;}
.rum-social .share-button ul { list-style: none;}
.rum-social .share-button ul li{ float: left;margin:10px 5px;}
.rum-social .share-button ul li .rum-link { font-size: 17px; padding: 10px 15px; border-radius: 2px; color: #fff; font-weight: 500; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.rum-link:hover, .rum-link:active {color: white; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
a.rum-link:visited {color: #f2f2f2; }
.rum-twitter {background: #00aced; }
.rum-twitter:hover,.rum-twitter:active {background: #0084b4; }
.rum-facebook {background: #3B5997; }
.rum-facebook:hover,.rum-facebook:active {background: #2d4372; }
.rum-googleplus {background: #D64937; }
.rum-googleplus:hover,.rum-googleplus:active {background: #b53525; }
.rum-pinterest {background: #bd081c; }
.rum-pinterest:hover,.rum-pinterest:active {background: #d7182d; }
/*--------[Author Bio]---------*/
.author-bio { margin-top: 50px; margin-bottom: 50px;}
.author-bio .author-wrapper { display: flex; margin:15px 0; padding: 0px;}
.author-bio .avatar {margin-right: 10px; border-radius: 3px; height: 90px;}
.author-bio .author-info .author-title {font-size: 20px; padding-bottom: 10px; color: #464545; font-weight: 500;}
.author-bio .author-info p {font-size: 12px;}
.author-bio .author-info p.author-description {font-size: 15px; margin-bottom: 10px; color: #666;}
.author-bio .author-social-profile {border-top: 1px solid #ededed;}
.author-bio .author-social-profile ul {list-style: none;  padding:10px 0; margin:0px;}
.author-bio .author-social-profile ul li {float: left;}
.author-bio .author-social-profile ul li a  {padding: 10px;margin: 5px;}
.author-bio .author-social-profile ul li a .fa {font-size: 16px;transition: ease-in all 0.3s; moz-transition: ease-in all 0.3s; -o-transition:ease-in all 0.3s; -webkit-transition: ease-in all 0.3s; }
.author-bio .author-social-profile ul li a .fa-rss:hover{color:#ff6600;}
.author-bio .author-social-profile ul li a .fa-google-plus:hover{color: #dd4b39;}
.author-bio .author-social-profile ul li a .fa-twitter:hover{color: #00aced;}
.author-bio .author-social-profile ul li a .fa-facebook:hover{color: #3b5998;}
.author-bio .author-social-profile ul li a .fa-linkedin:hover{color: #007bb6;}
.author-bio .author-social-profile ul li a .fa-youtube:hover{color: #bb0000;}
.author-bio .author-social-profile ul li a .fa-instagram:hover{color: #517fa4;}
.author-bio .author-social-profile ul li a .fa-pinterest:hover{color: #cb2027;}
.author-bio .author-social-profile ul li a .fa-vimeo:hover{color: #aad450;}
.author-bio .author-social-profile ul li a .fa-skype:hover{color: #12a5f4;}
.author-bio .author-social-profile ul li a .fa-soundcloud:hover{color: #ff3a00;}
.not-found {text-align: center;}
.not-found p {font-size: 20px;}
/*--------[Ads]---------*/
.ads-before {width: auto; margin:0 15px 15px 15px; display: block;}
.ads-after {margin:0 15px 15px 15px;}


/*-----------------------------------
Responsive
------------------------------------*/
@media screen and ( max-width: 1200px ) {
	.featured-section-one .featured-post-wrapper .featured-post.big .featured-media {max-height: 300px;}
	.featured-section-one .featured-post.medium .featured-media{max-height: 150px;}
	.featured-section-one .featured-post .featured-media .entry-header .entry-title a{font-size: 28px;}
	.content-front .post .post-media{width: 250px; height: 180px;}
	.content-front .post .post-media img{ width: 270px;}
	.featured-section-two .featured-post .featured-media{max-height: 160px;}
}
@media screen and ( max-width: 980px ) {
	.nav li a {font-size: 12px; padding:15px 10px;}
	.navbar-classic-right {height: auto;}
	.classic-nav .logo .navbar-brand {width: 100%;}
	.classic-nav .logo .navbar-brand img {width: 100%;margin:0px auto;}
	.classic-nav .social-profile {float: none;width: 100%; overflow: hidden;}
	.classic-nav .social-profile ul {position: relative; float: left; display: block; left: 50%;}
	.classic-nav .social-profile ul li {position: relative; float: left; display: block; right: 50%;}
}
@media screen and ( max-width: 768px ) {
	.featured-section-one .featured-post-wrapper .featured-post.big .featured-media {max-height: 250px;}
	.featured-section-one .featured-post-wrapper .featured-post .featured-media a img {width: 100%; height: auto;}
	.featured-section-one .featured-post.medium .featured-media{max-height: 125px; min-height: 100%}
	.content-front .post .post-media a img {width: auto; height: 100%; }
	.navbar-default .navbar-nav .open .dropdown-menu li a{padding: 10px 20px; color: #fff}
	.navsearch label,.search_box {display: none;}
}
@media screen and ( min-width: 768px ) {
	.navbar-default .navbar-nav .open .dropdown-menu li a{padding: 10px 10px; color: #000;}
	.navsearch.navbar-form{position: relative;z-index: 9999; display: inline-block; margin: 0 -15px 0 0; padding:0px; width: 50px; height: 50px; text-align: center; }
	.navsearch label{line-height: 50px; width: 50px; height: 50px; border:0px; background-color: rgba(255,255,255, 0.2); margin:0; color:#fff; border-radius:0px; font-size:14px; display: block; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; cursor: pointer; z-index:9999; position:relative; }
	.navsearch label:hover{transition:all 0.5s ease; -webkit-transition:all 0.5s ease; }
	.search_form{position:absolute; z-index:1; right:0; top:25px; right: 0px; overflow: hidden; width: 0px; height:0px; transition: height 0.2s ease-out 0.5s , top 0.2s ease-out 0.5s, padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s; -webkit-transition: height 0.2s ease-out 0.5s , top 0.2s ease-out 0.5s, padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s; }
	.search_form form{opacity:0; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; }
	.search_form input{background:#fff; border:none; }
	.search_form input[type='text']{width:100%; margin:0px 1px 0px 0; padding:0px 5px 1px; min-height:23px; font-size: 16px; font-weight: 500;}
	.search_form input[type='submit']{border-radius:0 5px  5px 0; text-transform:uppercase; font-size:11px; padding:0px 5px; min-height:24px; margin:0px 0px 0px 0; cursor: pointer; }
	.search_box{visibility: hidden; position: absolute; }
	.search_box:checked~.search_form{width: 250px; height:auto; padding:5px; top:50px; right: 0px; transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s; -webkit-transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s; }
	.search_box:checked~.search_form form{opacity:1; transition:0.3s all ease-out 0.5s; -webkit-transition:0.3s all ease-out 0.5s; }
}
@media screen and ( max-width: 667px ) {
	.featured-section-one .featured-post.medium .featured-media{max-height: 250px; min-height: 100%}
	.content-front article.post .post-media a img {width: 100%; height: auto; top: 50%; -webkit-transform: translate(0%,-50%); -ms-transform: translate(0%,-50%); transform: translate(0%,-50%); }
	.footer-nav.nav {float: none; }
	.footer-nav, .copyright {text-align: center; padding: 5px 0; float: none; }
	.content-front .post .post-media{ width: 100%; height: 220px;}
	.content-front .post .post-media img{ width: 100%;}
}
@media screen and ( max-width: 480px ) {
	.featured-section-one .featured-post-wrapper .featured-post.big .featured-media a img {width: 100%; height: auto;}
	.featured-section-one .featured-post-wrapper .featured-post .featured-media a img {width: auto; height: 100%;}
	.content-front .post .post-media{ height: 190px;}
}