#black-fade {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0;
z-index: 1500;
visibility:hidden;
-webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
-webkit-perspective: 1000;
}
#black-fade.fade-in {
opacity: 0.9;
visibility:visible;
}
#sidebar {
position: fixed;
top: 0px;
right: -370px;
width: 400px;
height: 100%;
background-color: #eee;
z-index: 2000;
overflow: hidden;
-webkit-transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-webkit-transform: translateX(0);
transform: translateX(0);
opacity:0;
}
.load-post-page #sidebar {
opacity:1!important;
}
.light-content #sidebar {
background-color: #222;
}
#sidebar.open {
-webkit-transform: translateX(-370px)!important;
transform: translateX(-370px)!important;
}
#open-sidebar {
cursor:pointer;
width: 30px;
height: 30px;
line-height:30px;
position: absolute;
top: 50%;
margin-top: -15px;
left: 0;
font-size: 14px;
text-align: center;
color:#000;
opacity:0.2;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;		
}
.light-content #open-sidebar {
color:#fff;
}
#open-sidebar:hover, #open-sidebar-nav:hover {
opacity:1
}
#open-sidebar-nav {
cursor:pointer;
width: 30px;
height: 30px;
line-height:30px;
position: absolute;
font-size: 14px;
text-align: center;
color:#000;
opacity:0.2;
display:none;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;		
}
.light-content #open-sidebar-nav {
color:#fff;
}
#open-sidebar.open {
opacity:0;
visibility:hidden;
}
#open-sidebar i {
width: 30px;
height: 30px;
line-height:30px;
}
.sidebar-content {
box-sizing: border-box;
padding: 80px 50px;
padding-right: 60px;
width: calc(100% + 30px);
height:100%;
overflow-y: scroll;
}
.grenada-sidebar-widget {
display:block;
position:relative;
margin-bottom:70px;
}
.widgettitle a {
color:#000;
}
.light-content .widgettitle a {
color:#fff;
}
.search {
display: block;
position: relative;
padding-bottom: 20px;
}
.search:after {
font-family: FontAwesome;
content: "\f002";
width:20px;
height:20px;
font-size:14px;
line-height:20px;
text-align:left;
position:absolute;
right:0px;
top:16px;
color:#000;
}
.search input[type="text"] {
padding:0;
}
.light-content .search:after {
color:#fff;
}
.grenada-sidebar-widget ul {
margin:0;
margin-top:10px;
}
.grenada-sidebar-widget ul li {
list-style: none;
margin: 8px 0;
display: inline-block;
position: relative;
width: 100%;
}
.grenada-sidebar-widget ul li a {
position:relative;
opacity:0.4;
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.grenada-sidebar-widget ul li a:hover {
opacity:1;
}
.light-content .grenada-sidebar-widget ul li a {
color:#fff;
}
.grenada-sidebar-widget .tag-cloud-link {
list-style: none;
margin: 6px 0;
display: inline-block;
position: relative;
width: auto;
margin-right: 6px;
border-radius: 3px;
border: 1px solid rgba(0,0,0,0.2);
font-size: 10px!important;
line-height:22px;
font-weight: 600;
color: #000;
padding: 0 10px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;		
}
.light-content .grenada-sidebar-widget .tag-cloud-link {
border: 1px solid rgba(255,255,255,0.2);
color:#fff;
}
.grenada-sidebar-widget .tag-cloud-link:hover {
border: 1px solid rgba(0,0,0,1);
}
.light-content .grenada-sidebar-widget .tag-cloud-link:hover {
border: 1px solid rgba(255,255,255,1);
}
.cat-item a::before {
content: '';
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 2px;
background: rgba(0,0,0,1);
transform: scaleX(0);
transform-origin: right;
transition: transform .2s ease-out;
}
.light-content .cat-item a::before {
background: rgba(255,255,255,1);
}
.cat-item a:hover::before {
transform: scaleX(1);
transform-origin: left;
}
#wp-calendar {
width: 100%; 
border:0;
}
#wp-calendar caption {
text-align: left;
color: #333;
font-size: 14px;
margin-top: 15px;
margin-bottom: 15px;
}
.light-content #wp-calendar caption {
color:#fff;
}
#wp-calendar thead { 
font-size: 10px; 
}
#wp-calendar thead th { 
padding-bottom: 10px; border:0; 
}
#wp-calendar tbody { 
color: #aaa; 
}
#wp-calendar tbody td {
background: #fff;
border: 1px solid #eee;
text-align: center;
padding: 8px;
border-radius: 3px;
font-size: 12px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.light-content #wp-calendar tbody td {
background: #333;
border: 1px solid #222;
}
.light-content #wp-calendar a {
color:#fff;
}
#wp-calendar tbody td:hover { 
background: #000; 
color:#fff;
}
#wp-calendar tbody td:hover a {
color:#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 tfoot td {	
border:0
}
#wp-calendar .pad {
background-color:transparent!important;
}
.grenada-sidebar-widget select {
position:relative;
width:100%;
}
.grenada-sidebar-widget select option {
position:relative;
width:100%;
}
.select {
position: relative;
display: block;
width: 100%;
height: 40px;
background: #fff;
line-height: 40px;
margin-top:20px;
}
.light-content .select {
background: #333;
}
select {
width: 100%;
height: 100%;
margin: 0;
padding: 0 0 0 .5em;
color: #000;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
outline: 0;
box-shadow: none;
border: 0 !important;
background-image: none;
}
select::-ms-expand {
display: none;
}
.select::after {
content: '\25BC';
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding: 0 1em;
background: #333;
pointer-events: none;
height: 41px;
line-height: 41px;
}
.light-content .select::after {
height: 41px;
line-height: 41px;
}
.select:hover::after {
color: #fff;
}
.select::after {
-webkit-transition: .25s all ease;
-o-transition: .25s all ease;
transition: .25s all ease;
}
#blog {
width: 100%;
max-width: 1280px;
padding: 0 60px;
margin: 0 auto;
position: relative;
box-sizing: border-box;
}
#blog-content {
position: relative;
max-width:1160px;
margin:0 auto;
margin-bottom:0;
}
#blog::after, #blog-post::after, #post-content::after {
clear: both;
content: " ";
display: table;
}
article {
position:relative;
display:block;
box-sizing:border-box;
padding-bottom:120px;
opacity:0;
transform: translateY(10vh);
-webkit-transform: translateY(10vh);
}
.article-wrap {
position:relative;
-webkit-transition: opacity 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out;		
}
.post-article-wrap {
position:relative;
opacity:0;
transform: translateY(10vh);
-webkit-transform: translateY(10vh);
}
.load-post-page .post-article-wrap {
position:relative;
opacity:1;
transform: translateY(0);
-webkit-transform: translateY(0);
}
#blog-content:hover .article-wrap  {
opacity:0.2;
}
#blog-content:hover article:hover .article-wrap {
opacity:1;
}
.load-post-page .article-wrap  {
opacity:0;
}
.load-post-page .active .article-wrap, .load-post-page #hero .article-wrap  {
opacity:1;
}
.article-head {
width: 140px;
position: absolute;
display: block;
padding-top: 5px;
box-sizing: border-box;
padding-right:20px;
left: 0;
z-index:5;
}
.article-img {
display:none;
}
#ball .article-img {
display:block;
width:100%;
height:100%;
background-size:cover;
background-position:center;
position:absolute;
border-radius:100%;
top:0;
left:0;
opacity:0;
}
#ball .article-img.hover {
opacity:1;
}
.article-content {
display: block;
position: relative;
padding: 0 140px;
box-sizing: border-box;
height: auto;
}
.post-title {
font-size: 36px;
line-height: 48px;
font-weight: 600;
padding:0;
padding-bottom:1px;
margin:0;
margin-left: -2px;
display: block;
-ms-word-wrap: break-word;
word-wrap: break-word;
color:#000;
}
.post-article-wrap .post-title {
max-width:880px;
}
.light-content .post-title {
color:#fff;
}
.entry-meta, .entry-meta ul {
padding:0;
margin:0;
position:relative;
}
.entry-meta li {
display:inline-block;
position:relative;
margin:0;
padding:0;
list-style:none;
display: inline-block;
margin-right: 20px;
line-height: 20px;
height:20px;
font-size:10px;
font-weight:600;	
}
.entry-meta li:last-child {
margin-right:0;
}
.entry-meta li a {
color:#000;
font-size:10px;
font-weight:600;
line-height: 20px;
height:20px;
display:inline-block;
}
.light-content .entry-meta li a, .light-content .entry-meta li {
color:#fff;
}
.entry-categories {
margin-top:4px;
}
.entry-categories li:after {
content:"";
width:1px;
height:10px;
top:5px;
right:-12px;
background-color:#000;
opacity:0.2;
position:absolute;
}
.light-content .entry-categories li:after {
background-color:#fff;
}
.entry-categories li:last-child:after {
display:none;
}
.entry-categories li a {
font-size:12px;
}
.entry-tags li:first-child {
width: 20px;
height: 20px;
position: relative;
color: transparent;
margin-right:10px;
}
.entry-tags li:first-child:after {
font-family: FontAwesome;
content: "\f02b";
width:20px;
height:20px;
font-size:18px;
line-height:20px;
text-align:left;
position:absolute;
left:0px;
top:2px;
color:#000;
}
.light-content .entry-tags li:first-child:after {
color:#fff;
} #post {
width: 100%;
max-width: 1280px;
padding: 0 60px;
margin: 0 auto;
position: relative;
box-sizing: border-box;
}
#post-content, .post-meta-data, .post-navigation, .post-comments, .post-form {
position: relative;
max-width: 1160px;
margin: 0 auto;
box-sizing: border-box;
padding: 0 140px;
opacity:0;
transform: translateY(10vh);
-webkit-transform: translateY(10vh);
}
.load-post-page #post-content, .load-post-page .post-meta-data, .load-post-page .post-navigation, .load-post-page .post-comments, .load-post-page .post-form {
position:relative;
opacity:1;
transform: translateY(0);
-webkit-transform: translateY(0);
}
.post-image {
margin-bottom: 40px;
display: block;
height: auto;
width: 100%;
position: relative;
}
.post-meta-data {
margin-top:30px;
margin-bottom:50px;
}
.post-navigation {
margin-top:140px;
margin-bottom:140px;
}
.light-content .post-next a {
color: transparent;
-webkit-text-stroke: 1px #fff;
}
.post-next a {
display: inline-block;
box-sizing: border-box;
color: transparent;
-webkit-text-stroke: 1px #000;
font-size: 48px;
line-height: 50px;
font-weight: 600;
margin-top:4px;
position: relative;
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.post-next a:hover {
color:#000;
}
.light-content .post-next a:hover {
color:#fff;
}
.post-next-title {
font-size:18px;
line-height: 24px;
font-weight:600;
color:#000;
margin-top:10px;
display: block;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.light-content .post-next-title {
color:#fff;
}
.post-form {
margin-top:100px;
margin-bottom:60px;
}
.page-links {
clear: both;
}
.page-links a {
width: 34px;
height: 34px;
line-height: 35px;
font-weight: 500;
font-size: 12px;
cursor: pointer;
padding: 0;
color:rgba(255,255,255,0.6);
background-color: #262629;
border-radius: 3px;
display: inline-block;
margin: 0 5px;
text-align: center;
}
.page-links a:hover{
color:rgba(255,255,255,1)
} #page-with-comments {
margin-top:50px;
}
#page-with-comments .post-comments {
margin-bottom: 10px;
min-height: 30px;
padding:0;
}
#page-with-comments .post-form {
margin-top: 60px;
padding:0;
}
#page-with-comments .container{
padding:0;
}
#page-with-comments .article-head {
position:relative;
width: auto;
margin-bottom:20px;
}
#page-with-comments .entry-meta li {
font-size:18px;
}
.post-comments p {
padding-top:4px;
}
.post-comments:after {
clear: both;
content: " ";
display: table;
}
.logged-in-as {
padding-top: 12px;
}
.user_comment {
color: #000;
margin-bottom: 40px;
padding-left: 65px;
position:relative;
}
.user-image {		
height: 50px;
width: 50px;
position:absolute;
left:0px;
top:6px;
}
.user_comment_reply .user-image:after {
content: '';
position: absolute;
width: 25px;
height: 1px;
background-color: rgba(0,0,0,0.2);
left: -44px;
bottom: 25px;
}
.user_comment_reply .user-image:before {
content: '';
position: absolute;
width: 1px;
height: 25px;
background-color: rgba(0,0,0,0.2);
left: -45px;
bottom: 25px;
}
.light-content .user_comment_reply .user-image:after, .light-content  .user_comment_reply .user-image:before {
background-color:rgba(255,255,255,0.2);
}
.user-image img {
width:100%;
height:auto;
border-radius: 3px;
}
.comment-head {
font-weight: 500;
font-family: 'Poppins', sans-serif;
color:#000;
font-size:14px;
margin-bottom: 0px;
}
.light-content .comment-head {
color:#fff;
}
.comment-head span {
font-weight:300;
color:#999;
}
.comment-head span a {
color:#000;
font-weight:400;
position:relative;
display:inline-block;
}
.comment-head span a::before {
content: '';
position: absolute;
bottom:4px;
left: 0;
width: 100%;
height: 2px;
background: rgba(0,0,0,1);
transform: scaleX(0);
transform-origin: right;
transition: transform .2s ease-out;
}
.comment-head span a:hover::before {
transform: scaleX(1);
transform-origin: left;
}
.light-content .comment-head span a {
color:#fff;
}
.comment-text {
color: #999;
margin-bottom:5px;
}
.user_comment_reply {
position:relative;
color: #000;
padding-left: 65px;
margin-top: 25px;
display:block;
}
.add-comment .caption-content {
padding:0;
}
.comments-navigation a {
padding-top: 8px;
margin-bottom: 40px;
position: relative;
display: block;
}
.comments-navigation .alignleft, .comments-navigation .alignright {
float: none;
}
.post-form .message-box {
margin-top:0;
}
.post-form .article-head {
padding-top: 14px;
}
#respond #commentsform {
float:none;
margin-bottom:30px;
}
.comment .article-head {
position:relative;
margin-bottom:10px;
}
#comments h5 {
padding-top: 6px;
}
.form-submit, .post-password-form input[type="submit"] {		
cursor: pointer;
border: none;
box-sizing: border-box;
text-align: center;
background-color: #000;
display: inline-block;
border-radius: 4px;
position: relative;
overflow: hidden;
margin-top:30px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;  
}
.form-submit input[type="submit"], .post-password-form input[type="submit"] {
color: #fff;
font-weight: 600;
font-family: 'Poppins', sans-serif;
font-size: 14px;
padding: 14px 24px;
line-height: 16px;
position:relative;
z-index:10;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;		
}
.form-submit input[type="submit"] {
background-color:transparent; 
}
.form-submit::after, .post-password-form input[type="submit"]::after {
content: '';
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 100%;
background: #333;
transform: scaleX(0);
transform-origin: right;
transition: transform .2s ease-out;
-webkit-transition: transform .2s ease-out;
}
.form-submit:hover::after {
transform: scaleX(1);
transform-origin: left;
}
.logged-in textarea {
margin-bottom:40px;
}
.logged-in .form-submit {
margin-top:10px;
}
input[type="password"] {
background:#fff;
box-sizing:border-box;
border-radius:3px;
padding:10px;
height:50px;
line-height:30px;
outline:none;
min-width:350px;
display:block;
border:1px solid #ddd;
}
.post-password-form input {
margin-top:20px!important;
} #blog-navigation {
max-width:1220px;
width:100%;
margin:0 auto;
position:relative;
opacity:0;
}
#blog-wrap {
width:100%;
max-width:400px;
box-sizing:border-box;
height:80px;
position:relative;
margin-top:30px;
margin-bottom:100px;
left: -30px;
}
#blog-wrap::after {
content: "";
width: 80px;
height: 1px;
background-color: #000;
opacity:0.1;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
}
.light-content #blog-wrap::after {
background-color: #fff;
opacity:0.15;
}
#blog-navigation .blog-prev-wrap, #blog-navigation .blog-next-wrap {
width: 80px;
height: 80px;
display: flex;
position: relative;
justify-content: center;
align-items: center;
float:left;
overflow:hidden;
z-index:1;
-webkit-transition: width 0.2s ease-in-out, opacity 0.2s ease-in-out;
transition: width 0.2s ease-in-out, opacity 0.2s ease-in-out;		
}
#blog-navigation .blog-prev, #blog-navigation .blog-next {
display: block;
width: 40px;
height: 40px;
text-align: center;
z-index: 10;
position: relative;
}
#blog-navigation .blog-prev-wrap {
float:left;
}
#blog-navigation .blog-next-wrap {
float:right;
}
#blog-navigation i {
line-height:40px;
width:40px;
color:#ddd;
position:relative;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.light-content #blog-navigation i {
color:#fff;
opacity:0.2;
}
#blog-navigation a i {
color:#000;
}
.light-content #blog-navigation a i {
color:#fff;
opacity:1;
}
#blog-navigation .blog-prev a i, #blog-navigation .blog-prev i {
left:0px;
}
#blog-navigation .blog-next a i {
right:0px;
}
.blog-numbers {
position: absolute;
width: 100%;
box-sizing: border-box;
padding: 0 80px;
height: inherit;
z-index:0;
color: #000;
font-weight: 700;
font-size: 48px;
font-weight:700;
left:0;
z-index:0;
}
.light-content .blog-numbers {
color: #fff;
}
.blog-numbers .blog-active {
width:30%;
float:left;
text-align:center;
line-height:80px;
}
.blog-numbers .blog-total {
width:30%;
float:right;
text-align:center;
line-height:80px;
} .post.sticky .article-content {
border-bottom:2px solid #000;
padding-bottom: 40px;
}
.light-content .post.sticky {
border-bottom:2px solid #fff;
}
.alignleft {
display: inline;
float: left;
}
.alignright {
display: inline;
float: right;
}
.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
blockquote.alignleft, .wp-caption.alignleft, img.alignleft {
margin: 0.4em 1.6em 1.6em 0;
}
blockquote.alignright, .wp-caption.alignright, img.alignright {
margin: 0.4em 0 1.6em 1.6em;
}
blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter {
clear: both;
margin-top: 1.6em;
margin-bottom: 1.6em;
}
.wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter {
margin-bottom: 1.2em;
}
.post-comments-textarea.comment_area_loggedin {
position:relative;
}
.bypostauthor > article .fn:before {
content: "";
margin: 0 2px 0 -2px;
position: relative;
}
.wp-caption {
margin-bottom: 1.6em;
max-width: 100%;
}
.screen-reader-text {
display:none;
}
.wp-caption-text {
font-size: 11px;
font-weight: 400;
color:#999;
}
.post-password-form label {
color: #333;
display: block;
line-height: 1.5;
}
article .page-links {
margin-bottom:0px;
padding:0;
display:none;
}
.article-footer .page-links {
margin-bottom:10px;
}
.gallery {
margin-bottom: 1.6em;
}
.gallery-item {
display: inline-block;
padding: 1.79104477%;
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-icon img {
margin: 0 auto;
}
.gallery-caption {
color: #707070;
color: rgba(51, 51, 51, 0.7);
display: block;
font-family: "Noto Sans", sans-serif;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
display: none;
}		
.bottom-post {
text-align: center;
margin-top: 40px;
margin-bottom: 30px;
}
.pingback {
padding-left: 0;
}
.search_results {
padding:0 20px;
}
.list-share {
text-align: right;
display: block;
width: 250px;
position: absolute;
top: -3px;
right: 50px;
}
.list-share::before {
content: 'Share:';
position: absolute;
top: 0;
right: 170px;
line-height: 30px;
font-size: 12px;
}
.list-share a img {
opacity:0!important;
}
.list-share a:nth-child(5), .list-share a:nth-child(6), .list-share a:nth-child(7), .list-share a:nth-child(8), .list-share a:nth-child(9) {
display:none;
}
.list-share a  {
background-color:transparent;
height:30px!important;
width:40px!important;
line-height:30px;
display:inline-block;
margin:0!important;
text-align:center;
position:relative;
}
.list-share:hover a::before {
opacity:0.4;
}
.list-share a:nth-child(1) {
border-left:none;
}
.list-share a::before {
font-family: FontAwesome;
padding-right:0px;
font-size:15px;
color:#000;
position:absolute;
margin-top:0px;
left:0;
width:100%;
text-align:center;
webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.list-share a:hover::before {
opacity:1;
color:#000!important;
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.list-share .synved-social-provider-facebook::before {
content: "\f09a";
}
.list-share .synved-social-provider-twitter::before {
content: "\f099";
}
.list-share .synved-social-provider-google_plus::before {
content: "\f1a0";
}
.list-share .synved-social-provider-reddit::before {
content: "\f1a1";
}
.list-share .synved-social-provider-pinterest::before {
content: "\f0d2";
}
.list-share .synved-social-provider-linkedin::before {
content: "\f0e1";
}
.list-share .synved-social-provider-tumblr::before {
content: "\f173";
}
.list-share .synved-social-provider-mail::before {
content: "\f0e0";
} @media only screen and (max-width: 1466px) {
}
@media only screen and (max-width: 1024px) {
#blog {
padding: 0 50px;
}
#post {
padding: 0 50px;
}
.article-head {
position:relative;
width:auto;
margin-bottom:20px;
}
.article-content {
padding: 0;
}
#post-content, .post-meta-data, .post-navigation, .post-comments, .post-form {
padding:0;
}
}
@media only screen and (max-width: 767px) {
#open-sidebar-nav {
display: block;
right: 90px;
top: 25px;
opacity: 1;
}
#blog {
padding: 0 40px;
}
#post {
padding: 0 40px;
}
#sidebar.open {
-webkit-transform: translateX(-400px)!important;
transform: translateX(-400px)!important;
}
#sidebar {
right: -400px;
width: 400px;
height: 100%;
}
article {
padding-bottom: 60px;
}
.article-head {
margin-bottom:10px;
}
.post-title {
font-size: 30px;
line-height: 40px;
}
.post-navigation {
margin-top: 120px;
margin-bottom: 120px;
}
#blog-wrap {
margin: auto;
left:auto;
}
.user_comment {
padding-left: 50px;
}
.user-image {
height: 40px;
width: 40px;
}
.user_comment_reply {
padding-left: 50px;
}
.user_comment_reply .user-image:after {
content: '';
position: absolute;
width: 20px;
height: 1px;
background-color: rgba(0,0,0,0.2);
left: -29px;
bottom: 20px;
}
.user_comment_reply .user-image:before {
content: '';
position: absolute;
width: 1px;
height: 20px;
background-color: rgba(0,0,0,0.2);
left: -30px;
bottom: 20px;
}
}
@media only screen and (max-width: 479px) {
#open-sidebar-nav {
right: 70px;
}
#blog {
padding: 0 20px;
}
#post {
padding: 0 20px;
}
#sidebar.open {
-webkit-transform: translateX(-300px)!important;
transform: translateX(-300px)!important;
}
#sidebar {
right: -300px;
width: 300px;
height: 100%;
}
.post-title {
font-size: 24px;
line-height: 34px;
}
.post-navigation {
margin-top: 100px;
margin-bottom: 100px;
}
.user_comment {
padding-left: 0px;
}
.user-image {
display:none;
}
.user_comment_reply {
padding-left: 10px;
}
}