@media only screen and (min-width: 768px) {
    .widget-post-list .flex.border .thumb {
        max-width: 60%;
    }
}
@media only screen and (max-width: 576px) {
    .hentry-content img {
        width: 100%;
        height: auto;
    }
}
#morePost {
    border:none;
    background: none;
    color: #444;
    font-size: 14px;
}
.mag-content-body.bottom-full {
    padding-bottom: 0;
    background: url('../img/banner.jpg');
    background-color: #000;
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
}
#contentContainer{
    background: #fff;
    z-index: 1;
    position: relative;
}
#slider, .mag-content-body.bottom-full #contentContainer .site-footer {
    margin-left: -15px;
    margin-right: -15px;
}
.blog-load-more-1 {
    margin-bottom: 30px;
}
.bg-link {
    position:  fixed;
    width:  100%;
    top:  0;
    height:  100%;
    background: url('../img/siteskin_2560x1600.webp');
    background-color: #000;
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: 0;
}
figure img {
    max-width: 100%;
    height: auto;
}
.site-footer {
    margin-left: -15px;
    margin-right: -15px;
}
.site-footer .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.hentry-content {
    color: #444;
}
.hentry-content ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
.hentry-content figure{
    margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
    .hentry-content figure iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
}
.center-sm-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}
h1.hentry-title {
    font-size: 22px;
}
.mag-featured-top h1 {
    font-size: 27px;
}
.owl-stage article h1 {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 0;
}
.hentry-content p {
    font-size: 16px;
    font-weight: 300;
    color: #000;
}
.hentry-meta .posted-on,
.hentry-meta .author,
.hentry-meta .cats {
    color: #000 !important;
}
.hentry-meta .author a,
.hentry-meta .cats a {
    color: #8cc63f;
    font-weight: 500;
}
ul.social-2 a {
    cursor:pointer;
}

/*
    ############# DARK MODE #############
 */
/* HEADER */
body.darkMode .header-top {
    background: #414141;
}
body.darkMode .header-top .social-1 li a {
    background-color: #313131;
}
body.darkMode .header-top .social-1 li a:hover,
body.darkMode .header-top .social-1 li a:active {
    background-color: #212121;
}
body.darkMode .header-top .search-box button{
    background-color: #313131;
}
body.darkMode .header-top .search-box button:hover{
    background-color: #8cc63f;
}
body.darkMode .header-top .search-box input{
    background-color: #525252;
    color: #ffff;
}
body.darkMode .header-top .search-box input::placeholder {
    color: #ffff;
}
/* HEADER MIDDLE */
body.darkMode .header-middle {
    background: #525252;
}
body.darkMode .header-bottom {
    background: #525252;
}
body.darkMode .header-bottom .primary-nav {
    background: #525252;
}
body.darkMode .header-bottom .primary-nav li a {
    color: #fff;
}
body.darkMode .header-bottom .primary-nav li .sub-menu li {
    background: #414141;
}
body.darkMode .header-bottom .primary-nav li .sub-menu li a {
    color: #fff;
}
body.darkMode .header-bottom .primary-nav li .sub-menu li a:hover {
    color: #8cc63f;
}
/* MAIN PAGE */
body.darkMode main #contentContainer {
    background: #525252;
}
body.darkMode main #contentContainer .mag-widget-title-2 {
    background: #414141;
    color: #fff;
}
body.darkMode main #contentContainer .widget-inner {
    background: #414141;
    color: #fff;
}
body.darkMode main #contentContainer .magazine-post {
    background: #414141;
    color: #fff;
}
body.darkMode main #contentContainer .magazine-post h1 a {
    color: #fff;
}
body.darkMode main #contentContainer .magazine-post h1 a:hover {
    color: #8cc63f;
}
body.darkMode main #contentContainer .widget-post-list-2 li {
    background: #414141;
    color: #fff;
}
body.darkMode main #contentContainer .widget-post-list-2 .title {
    color: #fff;
}
body.darkMode main #contentContainer .widget-post-list-2 .title:hover {
    color: #8cc63f;
}
body.darkMode main #contentContainer .widget-post-list time {
    color: #fff;
}
body.darkMode main #contentContainer .title-link {
    color: #fff;
}
body.darkMode main #contentContainer .title-link:hover {
    color: #8cc63f;
}
body.darkMode main #contentContainer .mag-featured-top.half {
    color: #fff;
}
body.darkMode main #contentContainer .hentry-card {
    background: #424242;
    color: #fff;
}
body.darkMode main #contentContainer .hentry-card .sep{
    background: #fff;
}
body.darkMode main #contentContainer .hentry-card .hentry-content p {
    color: #fff;
}
body.darkMode main #contentContainer .hentry-card .hentry-meta {
    background: #313131;
    color: #fff;
}
body.darkMode main #contentContainer .blog-load-more-1 {
    background: #414141;
}
body.darkMode main #contentContainer .blog-load-more-1 button {
    color: #fff;
}
/* FOOTER */
body.darkMode main #contentContainer .site-footer .primary-footer {
    background: #414141;
    color: #fff;
}
body.darkMode main #contentContainer .site-footer .primary-footer .text-link {
    color: #8cc63f;
}
body.darkMode main #contentContainer .site-footer .primary-footer .footer-nav-3 a {
    color: #8cc63f;
}
body.darkMode main #contentContainer .site-footer .secondary-footer {
    background: #414141;
    color: #fff;
}
/* POST CONTENT*/
body.darkMode main #contentContainer .hentry-content h1,
body.darkMode main #contentContainer .hentry-content h2,
body.darkMode main #contentContainer .hentry-content h3,
body.darkMode main #contentContainer .hentry-content h4,
body.darkMode main #contentContainer .hentry-content h5,
body.darkMode main #contentContainer .hentry-content p {
    color: #fff;
}
body.darkMode main #contentContainer .hentry-content  {
    color: #fff !important;
}
body.darkMode main #contentContainer article.hentry-single .hentry-meta .posted-on,
body.darkMode main #contentContainer article.hentry-single .hentry-meta .author,
body.darkMode main #contentContainer article.hentry-single .hentry-meta .cats {
    color: #fff !important;
}
body.darkMode main #contentContainer .author-card {
    background: #414141;
}
body.darkMode main #contentContainer .author-card h4,
body.darkMode main #contentContainer .author-card p {
    color: #fff;
}
body.darkMode main #contentContainer .comments-container h3 {
    color: #fff;
}