/*
Theme Name: UnoBlog
Theme URI: https://themeicon.com/demo/unoblog/
Description: UnoBlog is optimized for Adsense  & design was largely inspired by large online media blogs, Thought Catalog and Life Hack. These image and content heavy blogs require a lot of power and speed behind the scenes. We’ve created our own perfect version of the grid layout, with a beautiful design and ultra-fast speed.
Author: ThemeBounce
Author URI: https://www.themebounce.com
Version: 2.6.0
Tested up to: 7.1
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: unoblog
Tags: theme-options, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, translation-ready

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

*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, 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 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border: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 }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

body {
     color:#333;
     background-color:#FFF;
}
 p {
     font-size:16px;
     line-height:26px;
     font-family: georgia, helvetica neue;
}
 a {
     text-decoration:none;
     color:#369;
}
 a:hover {
}
 h1,h2,h3,h4,h5,h6 {
     font-family:"Open Sans", sans-serif;
}
 .container {
     width:1030px;
     margin:0 auto;
}
 .container.unoblog_sidebar {
     overflow:hidden;
}
 #main {
     width:100%;
}
 .container.unoblog_sidebar #main {
     width:680px;
     margin-right:30px;
     float:left;
}
 #sidebar {
     width:320px;
     float:right;
}
/********************************/
/*** Navigation ***/
/********************************/
 #navigation {
     background:#171717;
     height:48px;
     position:fixed;
     z-index:9999;
     width:100%;
     -webkit-backface-visibility: hidden;
}
 .slicknav_menu {
     display:none;
}
 #navigation .container {
     position:relative;
}
 .menu {
     float:left;
}
 .menu li {
     display:inline-block;
     margin-right:25px;
     position:relative;
}
 .menu li a {
     font-family:"Open Sans", sans-serif;
     font-size:14px;
     font-weight:400;
     color:#fff;
     line-height:48px;
     text-transform:uppercase;
     display:inline-block;
     -o-transition:.3s;
     -ms-transition:.3s;
     -moz-transition:.3s;
     -webkit-transition:.3s;
}
/*** DROPDOWN ***/
 .menu .sub-menu, .menu .children {
     background-color: #171717;
     display: none;
     padding: 0;
     position: absolute;
     margin-top:0;
     left: 0;
     z-index: 99999;
}
 ul.menu ul a, .menu ul ul a {
     color: #999;
     margin: 0;
     padding: 6px 10px 7px 10px;
     min-width: 160px;
     line-height:20px;
     -o-transition:.25s;
     -ms-transition:.25s;
     -moz-transition:.25s;
     -webkit-transition:.25s;
     transition:.25s;
     border-top:1px solid #333;
}
 ul.menu ul li, .menu ul ul li {
     padding-right:0;
     margin-right:0;
}
 ul.menu ul a:hover, .menu ul ul a:hover {
     color: #fff;
     background:#333;
}
 ul.menu li:hover > ul, .menu ul li:hover > ul {
     display: block;
}
 .menu .sub-menu ul, .menu .children ul {
     left: 100%;
     top: 0;
}
/** Search **/
 #top-search {
     position:absolute;
     right:0;
     top:0;
     width:48px;
     text-align:center;
     margin-left:16px;
}
 #top-search a {
     height:48px;
     font-size:14px;
     line-height:48px;
     color:#999;
     background:#353535;
     display:block;
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -ms-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
 #top-search a:hover {
     color:#ccc;
     background:#474747;
}
 .show-search {
     position:absolute;
     top:48px;
     right:-1px;
     display:none;
     z-index:10000;
}
 .show-search #searchform input#s {
     width:190px;
     background:#FFF;
     webkit-box-shadow: 0 8px 6px -6px rgba(206,206,206,.2);
     -moz-box-shadow: 0 8px 6px -6px rgba(206,206,206,.2);
     box-shadow: 0 8px 6px -6px rgba(206,206,206,.2);
}
 .show-search #searchform input#s:focus {
     border:1px solid #d5d5d5;
}
/*** Top Social ***/
 #top-social {
     position:absolute;
     right:66px;
     top:0;
}
 #top-social a i {
     font-size:14px;
     margin-left:10px;
     line-height:48px;
     color:#e6c55d;
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -ms-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
}
/********************************/
/*** Header ***/
/********************************/
 #header {
     padding-top:48px;
     border-bottom:0px solid #eaeaea;
     margin-bottom: 40px;
}
 #logo {
     padding:40px 0;
}
img.custom-logo{
     width: 200px;
     height: auto;
}
#brand{
     padding-top: 40px;
}
#brand h1{
     font-size: 30px;
}
#brand h2{
     font-size: 24px;
}
/********************************/
/*** Grid Item ***/
/********************************/
 .unoblog-grid li {
     display: inline-block;
     vertical-align: top;
     width: 329px;
     margin-right: 16px;
     margin-bottom: 80px;
}
 .container.unoblog_sidebar .unoblog-grid li {
     width:329px;
}
 .container.unoblog_sidebar .unoblog-grid li:nth-child(3n+3) {
     margin-right:16px;
}
 .container.unoblog_sidebar .unoblog-grid li:nth-child(2n+2) {
     margin-right:0;
}
 .unoblog-grid li:nth-child(3n+3) {
     margin-right:0;
}
 .unoblog-grid li .item img {
     width:100%;
     height:auto;
     margin-bottom:10px;
}
 .unoblog-grid li .item .cat {
     font-size: 11px;
     font-weight: 700;
     letter-spacing: 1px;
     text-transform: uppercase;
     font-family:"Open Sans";
     margin-bottom:7px;
     display:block;
}
 .unoblog-grid li .item .cat a:hover {
     text-decoration:underline;
}
 .unoblog-grid li .item h2 {
     margin-bottom:8px;
}
 .unoblog-grid li .item h2 a {
     font-size: 24px;
     color: #000000;
     font-weight: 500;
     font-family: helvetica neue !important;
     -o-transition:.3s;
     -ms-transition:.3s;
     -moz-transition:.3s;
     -webkit-transition:.3s;
}
 .unoblog-grid li .item h2 a:hover {
     opacity:.5;
}
 .unoblog-grid li .item p {
     margin-bottom:6px;
     font-size: 15px;
     line-height: 1.45em;
}
 .unoblog-grid li .item .date {
     font-size: 13px;
     color: #999;
     letter-spacing: 1px;
     font-style: italic;
}
/********************************/
/*** Post ***/
/********************************/
 .post {
     margin-bottom:100px;
}
 .single .post {
     margin-bottom:70px;
}
/*** Post Header ***/
 .post-header {
     margin-bottom:27px;
}
 .post-header .cat a {
     display:inline-block;
     margin-bottom:12px;
     font-family:"Open Sans", sans-serif;
     font-size:11px;
     font-weight:700;
     letter-spacing:2px;
     text-transform:uppercase;
}
 .post-header .cat a:hover {
     text-decoration:underline;
}
 .post-header h1, .post-header h2 {
     margin-bottom:8px;
}
 .post-header h1 a, .post-header h2 a, .post-header h1 {
     font-size: 36px;
     color:#000;
     font-family: georgia;
     font-weight:400;
     -o-transition:.3s;
     -ms-transition:.3s;
     -moz-transition:.3s;
     -webkit-transition:.3s;
}
 .post-header h2 a:hover {
     opacity:.50;
}
 .post-header .date {
     font-family:"Open Sans", sans-serif;
     font-size:10px;
     font-style:italic;
     color:#939393;
     text-transform:uppercase;
     letter-spacing:1px;
}
/*** Post image ***/
 .post-image {
     margin-bottom:18px;
}
 .post-image img {
     max-width:100%;
     height:auto;
}
/*** Post Entry ***/
 .post-entry {
}
 .post-entry img {
     max-width:100%;
     height:auto;
}
 .post-entry p {
     margin-bottom:20px;
}
 .post-entry a.more-link {
     font-weight:700;
}
 .post-entry a:hover {
     text-decoration:underline;
}
 .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;
}
 .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 {
     color:#000;
     font-weight:700;
}
 .post-entry h1 {
     font-size:30px;
}
 .post-entry h2 {
     font-size:27px;
}
 .post-entry h3 {
     font-size:24px;
}
 .post-entry h4 {
     font-size:20px;
}
 .post-entry h5 {
     font-size:18px;
}
 .post-entry h6 {
     font-size:16px;
}
 .post-entry hr {
     border:0;
     height:0;
     border-bottom:1px solid #e5e5e5;
     clear:both;
}
 .post-entry blockquote p {
     border-left:3px solid #cea525;
     color:#999;
     padding:0 18px;
     font-family:"Georgia";
     font-size:18px;
     line-height:28px;
     font-style:italic;
}
 .post-entry ul, .post-entry ol {
     padding-left:45px;
     margin-bottom:20px;
}
 .post-entry ul li {
     margin-bottom:12px;
     list-style:square;
}
 .post-entry ol li {
     margin-bottom:12px;
     list-style:decimal;
}
 .sticky.post .post-header {
     border:1px dashed #ddd;
     padding:20px 0;
}
 .bypostauthor {
}
 .post-entry table {
     width:100%;
     margin-bottom:22px;
     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:#f5f5f5;
}
 .post-entry tr:hover {
     background:#f9f9f9;
}
/*** Post Share ***/
 .post-share {
     text-align:center;
     margin-top:40px;
     background:url(img/line.gif) repeat-x center center;
     padding: 10px;
     border: 1px solid #f2f2f2;
}
 .post-share a {
     display:inline-block;
}
 .share-box {
     width:75px;
     height:42px;
     background:#fff;
     border:1px solid;
     border-color:#e5e5e5;
     transform: skew(-20deg);
     -o-transform: skew(-20deg);
     -moz-transform: skew(-20deg);
     -webkit-transform: skew(-20deg);
     display:inline-block;
     line-height:42px;
     margin:0 10px;
     -o-transition:.3s;
     -ms-transition:.3s;
     -moz-transition:.3s;
     -webkit-transition:.3s;
}
 .share-box i {
     transform: skew(20deg);
     -o-transform: skew(20deg);
     -moz-transform: skew(20deg);
     -webkit-transform: skew(20deg);
     font-size:17px;
}
 .share-box:hover {
     background:#171717;
     border-color:#171717;
}
/*** Post author ***/
 .post-author {
     margin-bottom:80px;
     margin-top:70px;
     overflow:hidden;
     background: #f2f2f2;
     padding: 40px;
     border-radius: 4px;
}
 .author-img {
     float:left;
     margin-right:30px;
}
 .author-img img {
     border-radius:50%;
}
 .author-content h5 a {
     font-size:14px;
     letter-spacing:2px;
     text-transform:uppercase;
     margin-bottom:8px;
     color:#000;
     display:block;
}
 .author-content p {
     margin-bottom:8px;
}
 .author-content .author-social {
     font-size:14px;
     color:#bbb;
     margin-right:8px;
}
/*** Post related ***/
 .post-related {
     overflow:hidden;
     margin-bottom:80px;
     margin-top:70px;
}
 .post-box {
     text-align:center;
}
 .post-box-title {
     font-size:14px;
     letter-spacing:2px;
     text-transform:uppercase;
     margin-bottom:42px;
     font-weight:700;
     border-bottom:2px solid #444;
     padding-bottom:3px;
     display:inline-block;
}
 .item-related {
     width:329px;
     float:left;
     margin-right:20px;
}
 .item-related:last-child {
     margin-right:0;
}
 .container.unoblog_sidebar .item-related{
     width:220px;
     margin-right:10px;
}
 .container.unoblog_sidebar .item-related:last-child {
     margin-right:0;
}
 .item-related img {
     margin-bottom:6px;
     width:100%;
     height:auto;
}
 .item-related h3 a {
     font-size:16px;
     color:#000;
}
 .item-related h3 a:hover {
     text-decoration:underline;
}
 .item-related span.date {
     font-size:10px;
     font-family:"Open Sans", sans-serif;
     text-transform:uppercase;
     font-style:italic;
     color:#999;
}
/** Post tags ***/
 .post-tags {
     margin-top:30px;
     margin-bottom:50px;
}
 .post-tags a {
     font-family:"Open Sans", sans-serif;
     font-size:11px;
     letter-spacing:2px;
     text-transform:uppercase;
     background:#f2f2f2;
     color:#666;
     padding:7px 10px 8px;
     margin-right:6px;
     border-radius:2px;
     margin-bottom:5px;
     display:inline-block;
}
 .post-tags a:hover {
     background:#333;
     color:#fff;
     text-decoration:none;
}
/*** Post Pagination ***/
 .post-pagination {
     overflow:hidden;
}
 .post-pagination .prev-post {
     float:left;
     width:470px;
}
 .post-pagination .next-post {
     float:right;
     text-align:right;
     width:470px;
}
 .container.unoblog_sidebar .post-pagination .prev-post, .container.unoblog_sidebar .post-pagination .next-post {
     width:325px;
}
 .post-pagination span {
     color:#999;
     font-size:11px;
     font-style:italic;
     letter-spacing:1px;
}
 .post-pagination .arrow {
     font-size:64px;
     color:#ddd;
     line-height:64px;
}
 .post-pagination .prev-post .arrow {
     float:left;
     margin-right:18px;
}
 .post-pagination .next-post .arrow {
     float:right;
     margin-left:18px;
}
 .pagi-text {
     margin-top:11px;
}
 .post-pagination h5 {
     text-transform:uppercase;
     font-size:14px;
}
 .post-pagination a {
     color:#999;
}
 .post-pagination a:hover > .arrow, .post-pagination a:hover > .pagi-text span, .post-pagination a:hover {
     color:#000;
}
/********************************/
/*** Pagination ***/
/********************************/
 .pagination {
     margin-bottom:100px;
     overflow:hidden;
}
 .pagination a {
     color:#000;
     font-family:"Open Sans", sans-serif;
     text-transform:uppercase;
     font-size:16px;
}
 .pagination a:hover {
     text-decoration:none;
     color:#999;
}
 .pagination .newer {
     float:left;
}
 .pagination .older {
     float:right;
}
/********************************/
/*** Footer Social ***/
/********************************/
 #footer-social {
     background:#f2f2f2;
     padding:40px 0;
     text-align:center;
}
 #footer-social a {
     margin:0 20px;
     color:#999;
     font-family:"Open Sans", sans-serif;
     font-size:11px;
     text-transform:uppercase;
     font-weight:700;
     letter-spacing:1px;
}
 #footer-social a:first-child {
     margin-left:0;
}
 #footer-social a:last-child {
     margin-right:0;
}
 #footer-social a i {
     height:28px;
     width:28px;
     text-align:center;
     line-height:28px;
     background:#666;
     color:#fff;
     border-radius:50%;
     margin-right:5px;
     font-size:14px;
}
 #footer-social a:hover {
     text-decoration:none;
     color:#444;
}
 #footer-social a:hover > i {
     background:#444;
}
/********************************/
/*** Footer Copyright ***/
/********************************/
 #footer-copyright {
     padding:18px 0;
     background:#f2f2f2;
     overflow:hidden;
     font-family:"Open Sans", sans-serif;
}
 #footer-copyright p {
     font-size:11px;
     color:#888;
     float:left;
}
 #footer-copyright .to-top {
     float:right;
     margin-top:6px;
     font-size:11px;
     text-transform:uppercase;
     font-weight:700;
     letter-spacing:1px;
     color:#333;
}
 #footer-copyright .to-top i {
     font-size:14px;
     margin-left:3px;
}
 #footer-copyright .to-top:hover {
     text-decoration:none;
}
/********************************/
/*** Widget Area ***/
/********************************/
 #widget-area {
     overflow:hidden;
     padding-bottom:40px;
     border-top:1px solid #e5e5e5;
     padding-top:40px;
     background:#eee;
     font-family: helvetica neue;
     font-size: 15px;
     line-height: 1.6em;
}
 #widget-area ul li {
    font-size: 13px;
}
 .widget {
     margin-bottom:25px;
}
 .footer-widget-wrapper {
     width:322px;
     margin-right:32px;
     float:left;
}
 #sidebar .widget {
     width:320px;
     margin-right:0;
     float:none;
     margin-bottom:30px;
     font-size: 13px;
     line-height: 1.5em;
     font-family: helvetica neue;
}
 #sidebar a {
    color:#000;
}
 #sidebar img {
     max-width:320px;
     height:auto;
}
 .footer-widget-wrapper.last {
     margin-right:0;
}
 .widget-title {
     font-size:14px;
     text-transform:uppercase;
     background:#f2f2f2;
     padding:12px 14px;
     color:#666;
     margin-bottom:20px;
}
 #sidebar .widget-title {
     margin-bottom:20px;
}
 .widget a:hover {
     text-decoration:underline;
}
 .widget ul li {
     margin-bottom:7px;
     padding-bottom:7px;
     border-bottom:1px dotted #ddd;
}
 .widget ul li:last-child {
     margin-bottom:0;
     padding-bottom:0;
     border-bottom:none;
}
/*** Search widget ***/
 #searchform input#s {
     border: 1px solid #e5e5e5;
     background:#fff url(assets/img/searchsubmit.png) no-repeat 96% 13px;
     padding:14px 14px;
     font-size:11px;
     color:#999;
     letter-spacing:1px;
}
 #searchform #s:focus {
     outline:none;
}
/** searchbar for widget ***/
 .widget #searchform input#s {
     width:320px;
}
 #sidebar .widget #searchform input#s {
     width:290px;
}
/*** About Widget ***/
 .about-widget img {
     max-width:292px;
     height:auto;
}
/*** Tagcloud widget ***/
 .widget .tagcloud a {
     font-family:"Open Sans", sans-serif;
     font-size:10px;
     letter-spacing:1px;
     text-transform:uppercase;
     background:#f2f2f2;
     color:#666;
     padding:6px 8px 7px;
     margin-right:5px;
     margin-bottom:8px;
     display:inline-block;
     border-radius:2px;
}
 .widget .tagcloud a:hover {
     background:#333;
     color:#fff;
}
/*** Calender widget ***/
 #wp-calendar {
    width: 100%;
}
 #wp-calendar caption {
     text-align: right;
     color: #777;
     font-size: 12px;
     margin-top: 10px;
     margin-bottom: 15px;
}
 #wp-calendar thead {
     font-size: 12px;
}
 #wp-calendar thead th {
     padding-bottom: 10px;
}
 #wp-calendar tbody {
     color: #aaa;
}
 #wp-calendar tbody td {
     background: #f5f5f5;
     border: 1px solid #fff;
     text-align: center;
     padding:8px;
}
 #wp-calendar tbody td a {
     font-weight:700;
     color:#222;
}
 #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;
}
 #wp-calendar thead th {
     padding-bottom: 10px;
     text-align: center;
}
/** WIDGET ITEMS **/
 .widget ul.side-newsfeed li {
     list-style-type:none;
     margin-bottom:17px;
     padding-bottom:13px;
     margin-left:0;
}
 .widget ul.side-newsfeed li:last-child {
     margin-bottom:0;
     padding-bottom:0;
}
 .widget ul.side-newsfeed li .side-item {
     overflow:hidden;
}
 .widget ul.side-newsfeed li .side-item .side-image {
     float:left;
     margin-right:14px;
}
 .widget ul.side-newsfeed li .side-item .side-image img {
     width:86px;
     height:auto;
}
 .widget ul.side-newsfeed li .side-item .side-item-text {
     overflow:hidden;
}
 .widget ul.side-newsfeed li .side-item .side-item-text h4 a {
     margin-bottom:1px;
     color:#333;
     display:block;
     font-size:14px;
}
 .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta {
     font-size:10px;
     letter-spacing:1px;
     color:#999;
     font-style:italic;
     font-family:"Open Sans";
}
/** Social Widget **/
 .widget-social {
     text-align:center;
}
 .widget-social a:first-child {
     margin-left:0;
}
 .widget-social a:last-child {
     margin-right:0;
}
 .widget-social a i {
     height:28px;
     width:28px;
     text-align:center;
     line-height:28px;
     background:#666;
     color:#fff;
     border-radius:50%;
     margin:0 2px;
     font-size:14px;
}
 .widget-social a:hover {
     text-decoration:none;
     color:#000;
}
 .widget-social a:hover > i {
     background:#000;
}
/******************************* *** COMMENTS *******************************/
 .post-comments {
     margin-bottom:70px;
     margin-top:70px;
}
 .comments {
     margin-bottom:40px;
}
 .thecomment {
     border-bottom:1px dotted #eee;
     padding-bottom:34px;
     margin-bottom:34px;
}
 .thecomment .author-img {
     float:left;
     margin-right:25px;
}
 .thecomment .author-img img {
     border-radius:50%;
}
 .thecomment .comment-text {
     overflow:hidden;
}
 .thecomment .comment-text span.author, .thecomment .comment-text span.author a {
     display:block;
     font-size:14px;
     text-transform:uppercase;
     letter-spacing:2px;
     margin-bottom:6px;
     color:#333;
     font-family:"Open Sans";
}
 .thecomment .comment-text span.author a:hover {
     text-decoration:underline;
}
 .thecomment .comment-text span.date {
     font-size:14px;
     color:#999;
     font-style:italic;
     display:block;
     margin-bottom:10px;
}
 .thecomment .comment-text em {
     font-size:13px;
     margin-bottom:-14px;
     display:block;
     color:orange;
     letter-spacing:1px;
}
 .thecomment .comment-text em i {
     font-size:14px;
     color:#f3bd00;
}
 .post-comments span.reply a {
     float:right;
     font-size:11px;
     background-color:#aaa;
     color:#FFF;
     padding:3px 6px 5px 6px;
     border-radius:2px;
     margin-left:7px;
     font-family:"Lato";
     -o-transition:.3s;
     -ms-transition:.3s;
     -moz-transition:.3s;
     -webkit-transition:.3s;
     transition:.3s;
}
 .post-comments span.reply a.comment-edit-link {
     background:#c5c5c5;
}
 .post-comments span.reply a:hover {
     opacity:.8;
}
 ul.children {
     margin: 0 0 0 55px;
}
 ul.children li.thecomment {
     margin:0 0 8px 0;
}
/** Reply **/
 #respond {
     margin-bottom:20px;
     overflow:hidden;
}
 #respond h3 {
     font-size:14px;
     color:#999;
     font-weight:400;
     margin-bottom:30px;
     font-family:"Lato";
     letter-spacing:2px;
     text-transform:uppercase;
}
 #respond h3 a {
     color:#000;
     display:inline-block;
}
 #respond h3 small a {
     text-transform:uppercase;
     font-size:11px;
     background:#333;
     color:#FFF;
     padding:4px 6px 5px;
     border-radius:3px;
     margin-left:7px;
     letter-spacing:1px;
     -o-transition:.3s;
     -ms-transition:.3s;
     -moz-transition:.3s;
     -webkit-transition:.3s;
     transition:.3s;
}
 #respond h3 small a:hover {
     opacity:.8;
}
 #respond label {
     color:#888;
     width:80px;
     font-size:14px;
     display:inline-block;
     font-weight:300;
}
 #respond input {
     padding:8px 10px;
     border:1px solid #DDD;
     margin-right:10px;
     border-radius: 3px;
     color:#999;
     margin-bottom:15px;
     font-size:11px;
     width:250px;
     font-family:"Georgia";
}
 #respond input:focus {
    outline:none;
}
 #respond .comment-form-url {
     margin-bottom:10px;
}
 #respond textarea {
     padding:14px;
     border:1px solid #DDD;
     border-radius: 3px;
     width:95%;
     height:120px;
     font-size:13px;
     color:#777;
     margin-bottom:14px;
     line-height:20px;
     font-family:"Georgia";
}
 #respond textarea:focus {
    outline:none;
}
 #respond #submit {
     font-family:"Lato";
     text-transform:uppercase;
     letter-spacing:2px;
     background:#eee;
     border-radius:0;
     font-size:11px;
     color:#666;
     padding:12px 19px 14px;
     margin-top:6px;
     display:inline-block;
     border:none;
     -o-transition:.3s;
     -ms-transition:.3s;
     -moz-transition:.3s;
     -webkit-transition:.3s;
     transition:.3s;
     cursor:pointer;
     border-radius:30px;
     width:auto;
}
 #respond #submit:hover {
     background:#333;
     color:#FFF;
}
/********************************/
/*** Archive ***/
/********************************/
 .archive-box {
     background:#f4f4f4;
     padding:22px 0 24px;
     text-align:center;
     margin-bottom:70px;
     margin-top: -30px;
     border-bottom:1px solid #eee;
}
 .archive-box span {
     font-size:14px;
     font-style:italic;
     letter-spacing:1px;
     color:#999;
}
 .archive-box h1 {
     font-size:26px;
     letter-spacing:4px;
     text-transform:uppercase;
}
 .nothing {
     margin-bottom:90px;
     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;
}
 .aligncenter {
     display: block;
     margin: 5px auto 5px auto;
}
 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%;
    /* Image does not overflow the content area */
     padding: 5px 3px 10px;
     text-align: center;
     font-family:"Open Sans";
}
 .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;
}
/*** Custom WordPress gallery style ***/
 .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;
}
/*** Contact Form 7 ***/
/*********************************************************/
 .wpcf7 input {
     width:266px;
}
 div.wpcf7 {
     overflow:hidden;
     margin-top:40px;
}
 .wpcf7 p.unoblog_input {
     float:left;
     margin-right:19px;
}
 .wpcf7 p.unoblog_message {
     clear:both;
}
 .wpcf7 input, .wpcf7 textarea {
     padding:8px;
     border:1px solid #DDD;
     margin-right:10px;
     -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
     color:#777;
     font-size:12px;
     margin-top:6px;
     margin-bottom:6px;
}
 .wpcf7 textarea {
     width:95%;
}
 .wpcf7 .wpcf7-submit {
     background:#171717;
     -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius:20px;
     padding:12px 24px;
     color:#FFF;
     letter-spacing:3px;
     font-size:11px;
     text-transform:uppercase;
     cursor:pointer;
     -o-transition:.3s;
     -ms-transition:.3s;
     -moz-transition:.3s;
     -webkit-transition:.3s;
     transition:.3s;
     display:block;
     border:none;
     width:auto;
}
 .wpcf7 .wpcf7-submit:hover {
     background:#777;
}
/*** 404 ***/
 .error-404 {
     margin-bottom:105px;
     text-align:center;
}
 .error-404 h1 {
     font-size:190px;
     font-weight:700;
     margin-bottom:-25px;
}
 .error-404 p {
     color:#999;
     font-size:18px;
     font-style:italic;
}
 .before-post-ad, .after-post-ad {
     float: none;
     clear: both;
}
 .before-post-ad {
     margin:20px 0;
}
 .after-post-ad {
     margin: 0;
}
 .post-wrap-ad {
     float: right;
     margin: 10px 0 25px 25px;
}
 .header-ad {
    margin: 20px 0 0 0px;
     float: right;
}
/**************************************************/
/** CUSTOM STYLING FOR THE WordPress Customizer ***/
/**************************************************/
 #customize-control-header_logo:after {
     content:"Note: Doesn't work if you have uploaded an image logo. Also note that if you want to change the color of the flower decoration you will have to edit the image located in the /img/ folder.";
     font-size:12px;
     font-style:italic;
     color:#888;
}
 #customize-control-header_logo_tagline:after {
     content:"Note: Doesn't work if you have uploaded an image logo.";
     font-size:12px;
     font-style:italic;
     color:#888;
}
 #customize-control-menu_seperators:after {
     content:"Note: Choose if your menu BG is light or dark. The Seperator lines will then fit to your BG color";
     font-size:12px;
     font-style:italic;
     color:#888;
}
 #customize-control-menu_text_color_hover {
     border-bottom:1px solid #e7e7e7;
     padding-bottom:10px;
}
 #customize-control-homepage_layout {
     border-bottom:1px solid #e7e7e7;
     padding-bottom:10px;
}
 #customize-control-featured_cat_hide:after {
     content:"Note: Check this box if you don't want the featured category to be shown anywhere.";
     font-size:12px;
     font-style:italic;
     display:block;
     color:#888;
}
 #customize-control-header_padding:before {
     content:"Note: Use the exact same file name as your regular logo file and then just put @2x at the end of the name. For example logo@2x.png";
     font-size:12px;
     font-style:italic;
     display:block;
     color:#888;
}
 #customize-control-footer_text:before {
     content:"Note: Use the exact same file name as your regular logo file and then just put @2x at the end of the name. For example logo@2x.png";
     font-size:12px;
     font-style:italic;
     display:block;
     color:#888;
}
/************************************************* * 10. Tablet * *************************************************/
 @media only screen and (min-width: 768px) and (max-width: 960px) {
     .container {
         width:726px;
    }
     #navigation-wrapper {
         display:none;
    }
     #logo img {
         max-width:726px;
         height:auto;
    }
     .slicknav_menu {
         display:block;
    }
     .post-image img {
         width:726px;
         height:auto;
    }
     .post-image.audio iframe {
         width:726px;
         height:auto;
    }
     .container.unoblog_sidebar .post-image.audio iframe {
         width:476px;
         height:auto;
    }
     .item-related {
         width:230px;
         margin-right:17px;
    }
     .post-pagination .prev-post {
         width:383px;
    }
     .post-pagination .next-post {
         width:383px;
    }
     .footer-widget-wrapper {
         width:230px;
         margin-right:17px;
    }
     .widget img {
         max-width:230px;
         height:auto;
    }
     .widget iframe {
         max-width:230px !important;
         height:auto;
    }
     #footer-logo img {
         max-width:726px;
         height:auto;
    }
     #footer-social a {
         margin:0 15px;
    }
     #footer-social a i {
         height:32px;
         width:32px;
         line-height:32px;
         margin-right:0;
         font-size:14px;
    }
     #footer-social a span {
         display:none;
    }
     .wpcf7 input {
         width:208px;
    }
     .unoblog-grid li {
         width:353px;
    }
     .unoblog-grid li:nth-child(3n+3) {
         margin-right:16px;
    }
     .unoblog-grid li:nth-child(2n+2) {
         margin-right:0;
    }
     .container.unoblog_sidebar #main {
         width:406px;
         margin-right:20px;
    }
     .container.unoblog_sidebar #sidebar {
         width:300px;
    }
     .container.unoblog_sidebar #sidebar .widget {
         width:300px;
    }
     .post-wrap-ad {
        float: none;
    }
     .container.unoblog_sidebar .unoblog-grid li {
         width: 406px;
    }
     .container.unoblog_sidebar .item-related {
         width:149px;
         margin-right:14px;
    }
     .container.unoblog_sidebar .item-related:last-child {
         margin-right:0;
    }
     .container.unoblog_sidebar .item-related h3 a {
         font-size:12px;
         letter-spacing:1px;
    }
     .container.unoblog_sidebar #respond textarea {
         width:93%;
    }
     #sidebar .widget #searchform input#s {
         width:200px;
    }
}
/************************************************* * Mobile Portrait * *************************************************/
 @media only screen and (max-width: 767px) {
     .container {
         width:300px;
    }
     #navigation-wrapper {
         display:none;
    }
     .slicknav_menu {
         display:block;
    }
     #logo img {
         max-width:300px;
         height:auto;
    }
     .post-header h1 a, .post-header h2 a, .post-header h1 {
         font-size:22px;
         letter-spacing:2px;
    }
     .post-image img {
         width:300px;
         height:auto;
    }
     .post-image.audio iframe {
         width:300px;
         height:auto;
    }
     .item-related {
         width:300px;
         margin-bottom:30px;
    }
     .share-box {
         width:46px;
         height:36px;
         line-height:36px;
         margin:0 4px;
    }
     .post-pagination .prev-post {
         width:300px;
    }
     .post-pagination .next-post {
         width:300px;
    }
     #respond textarea {
         width:90%;
    }
     .thecomment .author-img {
         display:none;
    }
     .widget {
         width:300px;
         margin-right:32px;
         float:left;
         margin-bottom:35px;
    }
     #footer-logo img {
         max-width:300px;
         height:auto;
    }
     #footer-social a i {
         height:28px;
         width:28px;
         line-height:28px;
         margin-right:0;
         font-size:12px;
    }
     #footer-social a {
         margin:0 5px;
    }
     #footer-social a span{
         display:none;
    }
     .wpcf7 textarea {
         width:94%;
    }
     .unoblog-grid li {
         width:300px;
    }
     .unoblog-grid li:nth-child(3n+3) {
         margin-right:0;
    }
     .unoblog-grid li:nth-child(2n+2) {
         margin-right:0;
    }
     .container.unoblog_sidebar #main {
         width:300px;
         margin-right:0;
    }
     .container.unoblog_sidebar #sidebar {
         width:300px;
    }
     .container.unoblog_sidebar #sidebar .widget {
         width:300px;
    }
     .container.unoblog_sidebar .item-related {
         width:300px;
         margin-bottom:30px;
    }
     .header-ad {
        display: none;
    }
}
/************************************************* * 10. Landscape * *************************************************/
 @media only screen and (min-width: 480px) and (max-width: 767px) {
     .container {
         width:480px;
    }
     #logo img {
         max-width:480px;
         height:auto;
    }
     .post-image img {
         width:480px;
         height:auto;
    }
     .post-image.audio iframe {
         width:480px;
         height:auto;
    }
     .item-related {
         width:480px;
         margin-bottom:30px;
    }
     .share-box {
         width:55px;
         height:42px;
         line-height:42px;
         margin:0 10px;
    }
     .post-pagination .prev-post {
         width:480px;
    }
     .post-pagination .next-post {
         width:480px;
    }
     .widget {
         width:480px;
         margin-right:32px;
         float:left;
         margin-bottom:35px;
    }
     #footer-logo img {
         max-width:480px;
         height:auto;
    }
     #footer-social a {
         margin:0 12px;
    }
     #footer-social a i {
         height:32px;
         width:32px;
         line-height:32px;
         margin-right:0;
         font-size:14px;
    }
     .wpcf7 textarea {
         width:95%;
    }
     .unoblog-grid li {
         width: 480px;
    }
     .unoblog-grid li:nth-child(3n+3) {
         margin-right:0px;
    }
     .unoblog-grid li:nth-child(2n+2) {
         margin-right:0;
    }
     .container.unoblog_sidebar .unoblog-grid li {
         width: 480px;
    }
     .container.unoblog_sidebar .unoblog-grid li:nth-child(3n+3) {
         margin-right:0px;
    }
     .container.unoblog_sidebar .unoblog-grid li:nth-child(2n+2) {
         margin-right:0;
    }
     .container.unoblog_sidebar #main {
         width:480px;
         margin-right:0;
    }
     .container.unoblog_sidebar #sidebar {
         width:480px;
    }
     .container.unoblog_sidebar #sidebar .widget {
         width:480px;
    }
     .container.unoblog_sidebar .item-related {
         width:480px;
         margin-bottom:30px;
    }
     .header-ad {
        display: none;
    }
}
 .screen-reader-text {
     border: 0;
     clip: rect(1px, 1px, 1px, 1px);
     -webkit-clip-path: inset(50%);
     clip-path: inset(50%);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
     word-wrap: normal !important;
}
/** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */
/** RESET AND LAYOUT ===================================*/
 .bx-wrapper {
     position: relative;
     margin: 0 auto 60px;
     padding: 0;
     *zoom: 1;
     margin-bottom:22px;
}
 .bx-wrapper img {
     max-width: 100%;
}
/** THEME ===================================*/
 .bx-wrapper .bx-viewport {
     background: #fff;
     text-align:center;
    /*fix other elements on the page moving (on Chrome)*/
     -webkit-transform: translatez(0);
     -moz-transform: translatez(0);
     -ms-transform: translatez(0);
     -o-transform: translatez(0);
     transform: translatez(0);
}
 .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
     position: absolute;
     bottom: -30px;
     width: 100%;
}
/* LOADER */
 .bx-wrapper .bx-loading {
     min-height: 50px;
     height: 100%;
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 2000;
}
/* PAGER */
 .bx-wrapper .bx-pager {
     text-align: center;
     font-size: .85em;
     font-family: Arial;
     font-weight: bold;
     color: #666;
     padding-top: 20px;
}
 .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
     display: inline-block;
     *zoom: 1;
     *display: inline;
}
 .bx-wrapper .bx-pager.bx-default-pager a {
     background: #666;
     text-indent: -9999px;
     display: block;
     width: 10px;
     height: 10px;
     margin: 0 5px;
     outline: 0;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
}
 .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
     background: #000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
 .bx-wrapper .bx-prev {
     left: 20px;
     background: url(../img/slider-arrows.png) no-repeat 0 0;
}
 .bx-wrapper .bx-next {
     right: 20px;
     background: url(../img/slider-arrows.png) no-repeat -30px 0;
}
/*.bx-controls-direction a {
     opacity: 0;
     transition: opacity .25s ease-in-out;
     -moz-transition: opacity .25s ease-in-out;
     -webkit-transition: opacity .25s ease-in-out;
}
 .bx-wrapper:hover .bx-controls-direction a {
     opacity: 1;
}
*/
 .bx-wrapper .bx-next:hover, .bx-wrapper .bx-prev:hover {
     opacity:.7 !important;
}
 .bx-wrapper .bx-controls-direction a {
     position: absolute;
     top: 50%;
     margin-top: -15px;
     outline: 0;
     width: 30px;
     height: 30px;
     text-indent: -9999px;
     z-index: 999;
}
 .bx-wrapper .bx-controls-direction a.disabled {
     display: none;
}
/* AUTO CONTROLS (START / STOP) */
 .bx-wrapper .bx-controls-auto {
     text-align: center;
}
 .bx-wrapper .bx-controls-auto .bx-start {
     display: block;
     text-indent: -9999px;
     width: 10px;
     height: 11px;
     outline: 0;
     background: url(images/controls.png) -86px -11px no-repeat;
     margin: 0 3px;
}
 .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
     background-position: -86px 0;
}
 .bx-wrapper .bx-controls-auto .bx-stop {
     display: block;
     text-indent: -9999px;
     width: 9px;
     height: 11px;
     outline: 0;
     background: url(images/controls.png) -86px -44px no-repeat;
     margin: 0 3px;
}
 .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
     background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
     text-align: left;
     width: 80%;
}
 .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
     right: 0;
     width: 35px;
}
/* IMAGE CAPTIONS */
 .bx-wrapper .bx-caption {
     position: absolute;
     bottom: 6px;
     left: 0;
     background: rgba(0, 0, 0, 0.6);
     width: 100%;
     padding:20px;
}
 .bx-wrapper .bx-caption span {
     color: #fff;
     display: block;
     font-size: 16px;
}
/* Mobile Menu Core Style */
 .slicknav_btn {
     position: relative;
     display: block;
     vertical-align: middle;
     float: left;
     line-height: 27px;
     cursor: pointer;
     height:27px;
}
 .slicknav_menu .slicknav_menutxt {
     display: block;
     line-height: 1.188em;
     float: left;
}
 .slicknav_menu .slicknav_icon {
     float: left;
     margin: 0.188em 0 0 0.438em;
}
 .slicknav_menu .slicknav_no-text {
     margin: 0 
}
 .slicknav_menu .slicknav_icon-bar {
     display: block;
     width: 1.125em;
     height: 0.125em;
}
 .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
     margin-top: 0.188em 
}
 .slicknav_nav {
     clear: both 
}
 .slicknav_nav ul, .slicknav_nav li {
     display: block 
}
 .slicknav_nav .slicknav_arrow {
     font-size: 0.8em;
     margin: 0 0 0 0.4em;
}
 .slicknav_nav .slicknav_item {
     cursor: pointer;
}
 .slicknav_nav .slicknav_row {
     display: block;
}
 .slicknav_nav a {
     display: block 
}
 .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {
     display: inline 
}
 .slicknav_menu:before, .slicknav_menu:after {
     content: " ";
     display: table;
}
 .slicknav_menu:after {
     clear: both 
}
/* IE6/7 support */
 .slicknav_menu {
     *zoom: 1 
}
/* User Default Style Change the following styles to modify the appearance of the menu. */
 .slicknav_menu {
     font-size:16px;
}
/* Button */
 .slicknav_btn {
     margin: 5px 5px 6px;
     text-decoration:none;
     text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
}
/* Button Text */
 .slicknav_menu .slicknav_menutxt {
     color: #FFF;
     font-weight: bold;
     text-shadow: 0 1px 3px #000;
}
/* Button Lines */
 .slicknav_menu .slicknav_icon-bar {
     background-color: #f5f5f5;
}
 .slicknav_menu {
     background:#171717;
     padding:5px;
}
 .slicknav_nav {
     color:#fff;
     margin:0;
     padding:0;
     font-size:0.875em;
}
 .slicknav_nav, .slicknav_nav ul {
     list-style: none;
     overflow:hidden;
}
 .slicknav_nav ul {
     padding:0;
     margin:0 0 0 20px;
}
 .slicknav_nav .slicknav_row {
     padding:5px 10px;
     margin:2px 5px;
}
 .slicknav_nav a{
     padding:5px 10px;
     margin:2px 5px;
     text-decoration:none;
     color:#fff;
     font-family:"Open Sans", sans-serif;
     font-size:11px;
     font-weight:400;
     letter-spacing:2px;
     color:#fff;
     text-transform:uppercase;
}
 .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {
     padding:0;
     margin:0;
}
 .slicknav_nav a:hover{
     background:#333;
     color:#fff;
}
 .slicknav_nav .slicknav_txtnode {
     margin-left:15px;
}
 .slicknav_menu .slicknav_no-text {
     margin-top:7px;
}
