/*
Theme Name: Pixeldom Lite
Theme URI: http://www.themebounce.com/themes/pixeldom/
Description: Pixeldom-lite Lite’s 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.7
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: pixeldom-lite
Tags: two-columns, custom-background, custom-header, blog, right-sidebar, custom-logo, featured-images, threaded-comments, 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 */

@font-face {
font-family: GothamNarrow-Book;
src: url('assets/fonts/GothamNarrow-Book.otf');
}
@font-face {
font-family: GothamNarrow-Medium;
src: url('assets/fonts/GothamNarrow-Medium.otf');
}

body {
     color:#333;
     background: #fff;
}
 p {
     font-size:17px;
     line-height: 1.5em;
     font-family: gothamnarrow-book, source sans pro, georgia, helvetica neue;
}
 a {
     text-decoration:none;
     color:#67AD2B;
}
 a:hover {
}
 h1,h2,h3,h4,h5,h6 {
     font-family: gothamnarrow-medium, source sans pro, "Open Sans", sans-serif;
}
 .container {
     width:1100px;
     margin:0 auto;
}
 .container.pixeldom_lite_sidebar {
     overflow:hidden;
     border-top: 2px solid #eee;
}
 #main {
     width: 100%;
}
 .container.pixeldom_lite_sidebar #main {
     width:755px;
     margin-right:0px;
     float:left;
     background:#fff;
     padding: 35px 25px 25px 0px;
}
 #sidebar {
     width:300px;
     float:right;
     padding: 35px 0px 30px 20px;
}
.header-image-container{
    margin-top: 20px;
}
.header-image-div {
    text-align: center;
}
.header-image-div img{
    max-height: 450px;
}

/********************************/
/*** Navigation ***/
/********************************/
 #navigation {
     background:#343c4c;
     height:58px;
     width: 100%;
     -webkit-backface-visibility: hidden;
     margin: 0 auto;
}
 .slicknav_menu {
     display:none;
}
 #navigation .container {
     position:relative;
}
 .menu {
     float:left;
}
 .menu li {
     display:inline-block;
     margin-right:38px;
     position:relative;
}
 .menu li a {
     font-family: gothamnarrow-medium, sans-serif;
     font-size:16px;
     font-weight:300;
     color:#72808e;
     line-height:58px;
     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:0px;
     top:0;
     width:58px;
     text-align:center;
     margin-left:16px;
}
 #top-search a {
     height:58px;
     font-size:14px;
     line-height:58px;
     color:#526a7c;
     background:#343c4c;
     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:58px;
     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;
}

/********************************/
/*** Header ***/
/********************************/
 #header {
     border-bottom: 0px solid #eee;
     text-align:center;
}
 #logo {
     padding:40px 0;
}
#top-search img{
     background: url(assets/img/searchicon.png) no-repeat 96% 13px;
     padding-top: 20px;
     width: 18px;
}
#brand{
     padding:20px 0;
}
img.custom-logo{
     width: auto;
     height: auto;
}
a.site-title{
     font-size: 34px;
     
}
a.site-title-two{
     font-size: 24px;
}
/********************************/
/*** Grid Item ***/
/********************************/
 .pixeldom-grid li {
     display: inline-block;
     vertical-align: top;
     width: 330px;
     margin-right: 0px;
     margin-bottom: 25px;
     padding-bottom: 15px;
     border-bottom: 1px solid #eaeaea;
}
 .container.pixeldom_lite_sidebar .pixeldom-grid li {
     width:755px;
     margin-right:0;
}
 .container.pixeldom_lite_sidebar .pixeldom-grid li:nth-child(3n+3) {
     margin-right:0px;
}
 .container.pixeldom_lite_sidebar .pixeldom-grid li:nth-child(2n+2) {
     margin-right:0;
}
 .pixeldom-grid li:nth-child(3n+3) {
     margin-right:0;
}
 .pixeldom-grid li .item img {
     width:30%;
     height:auto;
     float: left;
     margin-bottom:10px;
     margin-right: 20px;
     border: 1px solid #eee;
}
 .pixeldom-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;
}
 .pixeldom-grid li .item .cat a:hover {
     text-decoration:underline;
}
 .pixeldom-grid li .item h2 {
     margin-bottom:8px;
}
 .pixeldom-grid li .item h2 a {
     font-size: 20px;
     color: #343C4C;
     font-weight: 400;
     font-family: gothamnarrow-medium, source sans pro;
     line-height: 1.35em;
     -o-transition:.3s;
     -ms-transition:.3s;
     -moz-transition:.3s;
     -webkit-transition:.3s;
}
 .pixeldom-grid li .item h2 a:hover {
     color:#67AD2B;
}
 .pixeldom-grid li .item p {
     margin-bottom:6px;
     font-size: 15px;
     line-height: 1.45em;
}
 .pixeldom-grid li .item .date {
     font-size: 13px;
     color: #999;
     letter-spacing: 1px;
     font-style: italic;
}

/* Related Post Grid */

.related-post-grid {
     display: grid;
     grid-template-columns: 33% 33% 33%;
     grid-column-gap: 25px;
     grid-row-gap: 20px;
     margin-top: 10px;
}
/********************************/
/*** Post ***/
/********************************/
 .post {
     margin-bottom:30px;
}
 .single .post {
     margin-bottom:30px;
}
/*** 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: 40px;
     color:#000;
     font-family: georgia;
     font-weight:700;
     -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;
     text-align:center;
}
 .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:22px;
}
 .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 author ***/
 .post-author {
     margin-bottom:80px;
     margin-top:70px;
     overflow:hidden;
}
 .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 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.pixeldom_lite_sidebar .post-pagination .prev-post, .container.pixeldom_lite_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-top: 10px;
     margin-bottom:15px;
     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 Copyright ***/
/********************************/
 #footer-copyright {
     padding:18px 0;
     background:#343c4c;
     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:#777;
}
 #footer-copyright .to-top i {
     font-size:14px;
     margin-left:3px;
}
 #footer-copyright .to-top:hover {
     text-decoration:none;
}
/********************************/
/*** Widget Area ***/
/********************************/
 #sidebar .widget {
     width:300px;
     margin-right:0;
     float:none;
     margin-bottom:30px;
     font-size: 15px;
     line-height: 1.5em;
     font-family: source sans pro 
}
 #sidebar a {
    color:#333;
}
 #sidebar img {
     max-width:300px;
     height:auto;
}
 .widget-title {
     font-size:18px;
     font-family: source sans pro;
     font-weight: 700;
     text-transform:uppercase;
     padding:6px 0px;
     color:#67ad2b;
     background: none !important;
     margin-bottom:10px;
     border-radius: 2px;
}
 #sidebar .widget-title {
     margin-bottom:10px;
}
 .widget a:hover {
     text-decoration:underline;
}
 .widget ul li {
     margin-bottom:7px;
     padding-bottom:7px;
     border-bottom:1px dotted #ccc;
}
 .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:300px;
}
 #sidebar .widget #searchform input#s {
     width:270px;
}
/*** 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";
}

 .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;
}
/******************************* *** 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: none !important;
     padding:22px 0 24px;
     text-align:center;
     margin-bottom:25px;
     margin-top: 0px;
     border-bottom: none;
}
 .archive-box span {
     font-size:14px;
     font-style:italic;
     letter-spacing:1px;
     color:#555;
}
 .archive-box h1 {
     font-size:26px;
     letter-spacing:4px;
     color:#777;
     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.pixeldom_lite_input {
     float:left;
     margin-right:19px;
}
 .wpcf7 p.pixeldom_lite_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;
}


/************************************************* * 10. Tablet * *************************************************/
 @media only screen and (min-width: 768px) and (max-width: 960px) {
     .container {
         width:728px;
    }
     #navigation-wrapper {
         display:none;
    }
     #logo img {
         max-width:728px;
         height:auto;
    }
     .slicknav_menu {
         display:block;
    }
     .post-image img {
         width:728px;
         height:auto;
    }
     .post-image.audio iframe {
         width:728px;
         height:auto;
    }
     .container.pixeldom_lite_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:728px;
         height:auto;
    }
     .wpcf7 input {
         width:208px;
    }
     .pixeldom-grid li {
         width:668px;
    }
     .pixeldom-grid li:nth-child(3n+3) {
         margin-right:0px;
    }
     .pixeldom-grid li:nth-child(2n+2) {
         margin-right:0;
    }
     .container.pixeldom_lite_sidebar #main {
         width:668px;
         padding: 30px;
         margin-right:0px;
         box-shadow: none !important;
    }
     .container.pixeldom_lite_sidebar #sidebar {
         width:668px;
         padding: 30px;
    }
     .container.pixeldom_lite_sidebar #sidebar .widget {
         width:668px;
    }
     .post-wrap-ad {
        float: none;
    }
     .container.pixeldom_lite_sidebar .pixeldom-grid li {
         width: 668px;
    }
     
     .container.pixeldom_lite_sidebar #respond textarea {
         width:93%;
    }
     #sidebar .widget #searchform input#s {
         width:200px;
    }
     .post-wrap-ad {
         float: right;
         margin: 10px 0 25px 25px;
    }
}
/************************************************* * Mobile Portrait * *************************************************/
 @media only screen and (max-width: 767px) {
     .container {
         width:300px;
    }
     body {
        background: #fff !important;
    }
     li.indexad {
        display:none;
    }
     #header {
        text-align: center;
    }
     #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;
    }
     
     .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%;
    }
     .pixeldom-grid li {
         width:300px;
    }
     .pixeldom-grid li:nth-child(3n+3) {
         margin-right:0;
    }
     .pixeldom-grid li:nth-child(2n+2) {
         margin-right:0;
    }
     .container.pixeldom_lite_sidebar #main {
         width:300px;
         margin-right:0;
         padding: 0;
         background:#fff;
         box-shadow: none !important;
    }
     .container.pixeldom_lite_sidebar #sidebar {
         width:300px;
         padding: 0;
         background:#fff;
    }
     .container.pixeldom_lite_sidebar .pixeldom-grid li {
         width: 300px;
    }
     .container.pixeldom_lite_sidebar .pixeldom-grid li:nth-child(3n+3) {
         margin-right:0px;
    }
     .container.pixeldom_lite_sidebar .pixeldom-grid li:nth-child(2n+2) {
         margin-right:0;
    }
     .container.pixeldom_lite_sidebar #sidebar .widget {
         width:300px;
         padding: 0;
    }
     .pixeldom-grid li .item img {
        margin: 0 0 15px;
         float: none;
         width: 300px;
    }

    .related-post-grid {
          grid-template-columns: 50% 50%;
    }
    
}
/************************************************* * 10. Landscape * *************************************************/
 @media only screen and (min-width: 480px) and (max-width: 767px) {
     .container {
         width:480px;
    }
    
     #header {
        text-align: center;
    }
     #logo img {
         max-width:480px;
         height:auto;
    }
     .post-image img {
         width:480px;
         height:auto;
    }
     .post-image.audio iframe {
         width:480px;
         height:auto;
    }
     .post-pagination .prev-post {
         width:420px;
    }
     .post-pagination .next-post {
         width:420px;
    }
     .widget {
         width:420px;
         margin-right:32px;
         float:left;
         margin-bottom:35px;
    }
     #footer-logo img {
         max-width:420px;
         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%;
    }
     .pixeldom-grid li {
         width: 420px;
    }
     .pixeldom-grid li:nth-child(3n+3) {
         margin-right:0px;
    }
     .pixeldom-grid li:nth-child(2n+2) {
         margin-right:0;
    }
     .container.pixeldom_lite_sidebar .pixeldom-grid li {
         width: 420px;
    }
     .container.pixeldom_lite_sidebar .pixeldom-grid li:nth-child(3n+3) {
         margin-right:0px;
    }
     .container.pixeldom_lite_sidebar .pixeldom-grid li:nth-child(2n+2) {
         margin-right:0;
    }
     .container.pixeldom_lite_sidebar #main {
         width:420px;
         padding: 30px;
         margin-right:0;
         box-shadow: none !important;
    }
     .container.pixeldom_lite_sidebar #sidebar {
         width:420px;
         padding: 30px;
    }
     .container.pixeldom_lite_sidebar #sidebar .widget {
         width:420px;
    }
     .pixeldom-grid li .item img {
        margin: 0 0 15px;
         float: none;
         width: 100%;
    }
     .container.pixeldom_lite_sidebar .item-related {
         width:420px;
         margin-bottom:30px;
    }
}

@media screen and (max-width: 580px){

    .related-post-grid {
          grid-template-columns: 100%;
    }
}

/* 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 .slicknav_row:hover {
}
 .slicknav_nav a:hover{
     background:#333;
     color:#fff;
}
 .slicknav_nav .slicknav_txtnode {
     margin-left:15px;
}
 .slicknav_menu .slicknav_no-text {
     margin-top:7px;
}