/*!Theme Name: Blog Eye Pro
Theme URI: https://wpthemespace.com/product/blog-eye-pro/
Author: Noor alam
Author URI: http://wpthemespace.com/contact-us
Description: Pure WordPress blog theme. The theme built with HTML5 and CSS3. The Blog Eye Pro is 100% fully fesponsive theme. Compatible with the latest WordPress version. The Blog Eye Pro built with WordPress core feature so the theme more secure and light-weight. The theme added latest unique blog feature so enjoy blogging with the Blog Eye pro theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: blog-eye-pro
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready*/

/***
====================================================================
## Start CSS
====================================================================
***/

body {
    word-break: break-word;
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    position: relative;
    margin: 0;
    padding: 0;
    font-family: "Meiryo", Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.8;
    font-weight: normal;
    color: #333;
    background-color: #fff;
    /* Fallback for when there is no custom background color defined. */
}


/**
 * Typography
 * -------------------------------------------------------------
 */

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    margin: 0 0 10px;
    padding: 0;
    line-height: 1.3;
}

h1 {
    font-size: 38px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 20px;
    font-weight: bold;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

p {
    margin: 10px 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #333;
}


/**
 * Links
 * -------------------------------------------------------------
 */

a {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
    color: #333;
}

a:hover,
a:active {
    color: #3E7300;
    /*opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";*/
}

a:focus {
    outline: outline: 2px solid #8ec038;
    ;
}

a:hover,
a:active {
    outline: 0;
}


/**
 * Elements
 * -------------------------------------------------------------
 */

.clr {
    clear: both;
}


/***
====================================================================
## Masthead
====================================================================
***/

.site-header {}

.main-menu {
    padding: 10px 0;
    background: #fff;
}


/**
 * Logo
 * -------------------------------------------------------------
 */

.site-logo {}

.site-logo img {
    max-width: 100%;
}

@media only screen and (max-width:991px) {
    .site-logo {
        text-align: center;
    }
}


/**
 * Navigation
 * -------------------------------------------------------------
 */

.standard-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}

.main-navigation ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.main-navigation ul li {
    display: inline-block;
    position: relative;
}

.main-navigation ul li:not(:last-child) {
    margin-right: 20px;
}

/*.main-navigation ul li:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 25px;
    background: #fff none repeat scroll 0 0;
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    top: 30%;
    right: 0;
    margin-bottom: 12.5px;
}

.main-navigation ul li:last-child:after {
    display: none;
}*/

.main-navigation ul li a {
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.main-navigation ul li.current-menu-item a,
.main-navigation ul li a:hover,
.main-navigation ul li:hover a {
    color: #8ec038;
}

.is-sticky {
    -webkit-transition: all 1.4s ease 0s;
    -o-transition: all 1.4s ease 0s;
    transition: all 1.4s ease 0s;
}

#mainNav.is-sticky {
    display: block;
    position: fixed;
    width: 100%;
    background: #fff;
    -webkit-animation: slide-down 0.7s;
    animation: slide-down 0.7s;
    -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    top: 0;
    left: 0;
    z-index: 99999;
}

#mainNav.is-sticky .main-navigation ul li a {
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

#mainNav.is-sticky .main-navigation ul li.current-menu-item a,
#mainNav.is-sticky .main-navigation ul li a:hover,
#mainNav.is-sticky .main-navigation ul li:hover a {
    color: #3E7300;
}

@media screen and (min-width: 37.5em) {
    .main-navigation ul {
        display: block;
    }
}

@media only screen and (max-width:991px) {
    #mainNav,
    #mainNav.is-sticky {
        display: none
    }
    #mainNav.standard-menu {
        display: block
    }
}


/**
 * Navigation Responsive
 * -------------------------------------------------------------
 */

.slicknav_menu {
    *zoom: 1;
}

.slicknav_menu:before {
    content: " ";
    display: table;
}

.slicknav_menu:after {
    content: " ";
    display: table;
    clear: both;
}

.slicknav_menu {
    font-size: 16px;
    box-sizing: border-box;
    background: #4c4c4c;
    padding: 5px;
}

.slicknav_menu * {
    box-sizing: border-box;
}

::-moz-selection {
    background: #003663;
    text-shadow: none;
    color: #ffffff;
}

::selection {
    background: #003663;
    text-shadow: none;
    color: #ffffff;
}

.slicknav_menu {
    display: none;
}

html body .slicknav_menu {
    z-index: 999;
    background: #292d35;
}


/**
 * SlickNav Nav
 * -------------------------------------------------------------
 */

.slicknav_nav {
    clear: both;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
}

/*html body .slicknav_menu .slicknav_nav {
    min-width: 250px;
}*/

ul.slicknav_nav {
    /*min-width: 320px;*/
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.slicknav_nav li {
    display: block;
    padding: 10px 20px;
    border-bottom: solid 1px rgb(255 255 255 / 10%);
}

ul.slicknav_nav li:last-child {
    border-bottom: none;
}

ul.slicknav_nav li a {
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
}

ul.slicknav_nav li.current-menu-item a,
ul.slicknav_nav li a:hover,
ul.slicknav_nav li:hover a {
    color: #8ec038;
}

@media only screen and (max-width:991px) {
    html body .slicknav_menu .slicknav_nav {
        min-width: 250px;
        background: #292d35;
        /*-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
        box-shadow: 0 1px 5px rgba(0, 0, 0, .4);*/
    }
}


/**
 * SlickNav Button
 * -------------------------------------------------------------
 */

.slicknav_btn {
    float: right;
    vertical-align: middle;
    display: block;
    position: relative;
    /*background-color: #222;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0.438em 0.625em 0.438em 0.625em;
    margin: 5px 5px 6px;
    line-height: 1.125em;*/
    cursor: pointer;
}

/*html body .slicknav_menu .slicknav_btn {
    background: #000;
    border-radius: 0;
}*/

/*.slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left;
}

.slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}*/

html body .slicknav_menu .slicknav_menutxt {
    display: none;
}

.slicknav_menu .slicknav_icon {
    float: left;
    /*width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em;*/
}

.slicknav_menu .slicknav_icon:before {
    display: block;
    position: absolute;
    content: "";
    width: 1.125em;
    height: 0.875em;
    background: transparent;
}

.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    background: none;
    /*-webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);*/
}

.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
    margin-top: 0.188em;
}

html body .slicknav_menu .slicknav_icon {
    width: 20px;
    height: 15px;
    margin: 0;
}

@media only screen and (max-width:991px) {
    html body .slicknav_menu .slicknav_btn {
        /*background: none;
        -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
        box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
        border-radius: 0;*/
        padding: 12px 10px 10px 12px;
/*        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
    }
    html body .slicknav_menu {
        position: inherit !important;
        background: none;
        border-bottom: solid 1px #e5e5e5;
        margin: 0;
        padding: 0;
        right: 0;
        z-index: 999;
    }
    .slicknav_menu .slicknav_icon-bar {
        background-color: #292d35;
    }
    a.slicknav_btn.slicknav_open span {
        position: relative;
    }
    a.slicknav_btn.slicknav_open span.slicknav_icon-bar:first-child {
        position: absolute;
        -webkit-transform: rotate(59deg);
        -ms-transform: rotate(59deg);
        transform: rotate(59deg);
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        top: 3px;
        left: 0;
    }
    a.slicknav_btn.slicknav_open span.slicknav_icon-bar:nth-child(3n+2) {
        display: none;
    }
    a.slicknav_btn.slicknav_open span.slicknav_icon-bar:last-child {
        position: absolute;
        -webkit-transform: rotate(-55deg);
        -ms-transform: rotate(-55deg);
        transform: rotate(-55deg);
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        top: 0;
        left: 0;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .slicknav_menu {
        display: block;
    }
}


/***
====================================================================
## Categories-1
====================================================================
***/

.elementor-216 .elementor-element.elementor-element-8b39e4c {
    position: relative;
    padding: 40px 0;
    background-color: #fbfff5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40' width='80' height='40'%3E%3Cpath fill='%23cbea97' fill-opacity='0.4' d='M0 40a19.96 19.96 0 0 1 5.9-14.11 20.17 20.17 0 0 1 19.44-5.2A20 20 0 0 1 20.2 40H0zM65.32.75A20.02 20.02 0 0 1 40.8 25.26 20.02 20.02 0 0 1 65.32.76zM.07 0h20.1l-.08.07A20.02 20.02 0 0 1 .75 5.25 20.08 20.08 0 0 1 .07 0zm1.94 40h2.53l4.26-4.24v-9.78A17.96 17.96 0 0 0 2 40zm5.38 0h9.8a17.98 17.98 0 0 0 6.67-16.42L7.4 40zm3.43-15.42v9.17l11.62-11.59c-3.97-.5-8.08.3-11.62 2.42zm32.86-.78A18 18 0 0 0 63.85 3.63L43.68 23.8zm7.2-19.17v9.15L62.43 2.22c-3.96-.5-8.05.3-11.57 2.4zm-3.49 2.72c-4.1 4.1-5.81 9.69-5.13 15.03l6.61-6.6V6.02c-.51.41-1 .85-1.48 1.33zM17.18 0H7.42L3.64 3.78A18 18 0 0 0 17.18 0zM2.08 0c-.01.8.04 1.58.14 2.37L4.59 0H2.07z'%3E%3C/path%3E%3C/svg%3E");
    z-index: 1;
}

.elementor-216 .elementor-element.elementor-element-8b39e4c:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgb(142 192 56 / 50%) 0%, rgb(243 245 237 / 75%) 65%, rgb(255 255 255 / 95%) 100%);
    top: 0;
    left: 0;
    z-index: -1;
}

.elementor-widget-mgposts_dslider_pro {}

.mgps-main {}

.mgps-main .mgps-slide {}

.mgps-main .mgs-item {
    position: relative;
}

.mgps-main .mgse-img-before {
    overflow: hidden;
    width: 100%;
    height: 520px;
    min-height: 520px;
}

.mgps-main .mgps-img {}

.mgps-main .mgps-img img {
    object-fit: cover;
    width: 100%;
    min-height: 520px;
    border-radius: 24px 24px 0 0;
}

@media(min-width:992px) {
    .mgps-main .mgps-img img {
        border-radius: 24px 0 0 24px;
    }
}

.elementor-216 .elementor-element.elementor-element-0903670 {}

.elementor-widget-mgposts_accordionpro {}

.mgaccordion {
/*    overflow: hidden;*/
}

.mgaccordion .card.mgrc-item {
    padding: 20px;
    background: linear-gradient(180deg, rgb(142 192 56 / 35%) 0%, rgb(243 245 237 / 75%) 80%, rgb(255 255 255 / 95%) 100%);
    border-radius: 0 0 24px 24px;
/*    box-shadow: 0 0.2rem 2.8rem rgb(36 36 36 / 10%);*/
}

@media(min-width:768px) {
    .mgaccordion .card.mgrc-item {
        padding: 40px;
    }
}

@media(min-width:992px) {
    .mgaccordion .card.mgrc-item {
        border-radius: 0 24px 24px 0;
    }
}

.mgaccordion .mgac-mcontent {
    transform: scale(1);
    transition: .5s;

    width: 100%;
    height: 440px;
    min-height: 440px;
}

.mgaccordion .card-body.mgac-content {}

.mgaccordion .mpdac-post-details {}

.mgaccordion .mpdac-post-details h2.mgsec-title {
    position: relative;
}

.mgaccordion .mpdac-post-details p {
    margin: 0;
}

@media(min-width:768px) {
    .elementor-216 .elementor-element.elementor-element-e1748eb {
        width: 62.105%;
    }
    .elementor-216 .elementor-element.elementor-element-0903670 {
        width: 37.72%;
    }
}

@media(max-width:1024px) {
    .elementor-216 .elementor-element.elementor-element-e1748eb {
        width: 100%;
    }
    .elementor-216 .elementor-element.elementor-element-0903670 {
        width: 100%;
    }
    .elementor-column-gap-default>.elementor-column.elementor-element-e1748eb>.elementor-element-populated,
    .elementor-column-gap-default>.elementor-column.elementor-element-0903670>.elementor-element-populated {
        padding: 0;
    }
    /*.elementor-column-gap-default>.elementor-column.elementor-element-e1748eb>.elementor-element-populated {
        padding-bottom: 0;
    }
    .elementor-column-gap-default>.elementor-column.elementor-element-0903670>.elementor-element-populated {
        padding-top: 0;
    }*/
    .mgps-main .mgse-img-before {
        height: auto;
        min-height: auto;
    }
    .mgps-main .mgps-img img {
        height: 400px;
        min-height: 400px;
    }
    .mgaccordion .mgac-mcontent {
/*        text-align: center;*/
        height: auto;
        min-height: auto;
    }
}

@media(max-width:767px) {
    .mgps-main .mgps-img img {
        min-height: 300px;
    }
    .mgaccordion .mpdac-post-details h2.mgsec-title {
        font-size: 27px;
    }
}


/***
====================================================================
## Post / Categories-1
====================================================================
***/

.elementor-216 .elementor-element.elementor-element-7436bae {
    padding: 40px 0;
}

.elementor-widget-mgposts_dgrid_pro {}

.elementor-widget-mgposts_dgrid_pro .elementor-widget-container {}

.mgp-items {}

@media (max-width: 767px) {
    .mgp-items .col-lg-6.col-md-6:not(:last-child) {
        margin-bottom: 40px;
    }
}

.mgp-items .card.mgp-card {
    word-wrap: break-word;
    display: block;
    flex-direction: column;
    flex-flow: row nowrap;
    align-items: center;
    overflow: hidden;
    position: relative;
    min-width: 0;
    background-clip: border-box;
    background: #f3f5ed;
    border-radius: 24px;
/*    box-shadow: 0 0.2rem 2.8rem rgb(36 36 36 / 10%);*/
}

.mgp-items .mgpr-hvr-shine .mgpm-img {
    overflow: hidden;
/*    margin-bottom: 20px;*/
}

.mgp-items .mgpr-hvr-shine a.mgpm-imglink {
    overflow: hidden;
    display: block;
}

.mgp-items .mgpr-hvr-shine figure img {
    object-fit: cover;
    width: 100%;
}

.mgp-items .card-body.mg-card-text {
    padding: 20px;
    text-align: center;
}

@media (min-width: 992px) {
    .mgp-items .card-body.mg-card-text {
        padding: 40px;
    }
}

.mgp-items .card-body.mg-card-text h3.mgp-ptitle {
    font-size: 22px;
}

.mgp-items .card-body.mg-card-text h3.mgp-ptitle a {
    color: #333;
}

.mgp-items .card-body.mg-card-text p {}


/***
====================================================================
## Content Three
====================================================================
***/

.elementor-216 #eye3 {
    padding: 40px 0;
    background: #8ec038;
}

.elementor-widget-mgpost_dgrid_pro {}

.elementor-widget-mgpost_dgrid_pro .elementor-widget-container {}

.mgp-item {}

.mgp-item .card.mgp-card {
    word-wrap: break-word;
    display: block;
    flex-direction: column;
    flex-flow: row nowrap;
    align-items: center;
/*    overflow: hidden;*/
    position: relative;
    min-width: 0;
    background-clip: border-box;
    background: #fff;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
/*    box-shadow: 0 0.2rem 2.8rem rgb(36 36 36 / 10%);*/
}

.mgp-item .mgpr-hvr-shine .mgpm-img {
    overflow: hidden;
    border-radius: 24px 24px 0 0;
/*    margin-bottom: 20px;*/
}

.mgp-item .mgpr-hvr-shine a.mgpm-imglink {
    overflow: hidden;
    display: block;
}

.mgp-item .mgpr-hvr-shine figure img {
    object-fit: cover;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .mgp-item .mgpr-hvr-shine figure img {
        height: 240px;
    }
}

.mgp-item .card-body.mg-card-text {
    position: relative;
    padding: 20px;
    z-index: 1;
}

@media screen and (min-width: 768px) {
    .mgp-item .card-body.mg-card-text {
        padding: 40px;
    }
}

.mgp-item .card-body.mg-card-text:before,
.mgp-item .card-body.mg-card-text:after {
    display: block;
    position: absolute;
    content: "";
    height: 60px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    background-clip: border-box;
    background-color: #fff;
    filter: alpha(opacity=50);
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    bottom: -5px;
    left: 10px;
    right: 10px;
    zoom: 1;
    z-index: -1;
    pointer-events: none;
}

.mgp-item .card-body.mg-card-text:before {
    bottom: -10px;
    left: 15px;
    right: 15px;
}

.mgp-item .card-body.mg-card-text h2.mgp-ptitle {
    font-weight: normal;
    text-align: center;
    margin-bottom: 20px;
}

.mgp-item .card-body.mg-card-text h3.mgp-ptitle {}

.mgp-item .card-body.mg-card-text p {}


/***
====================================================================
## Categories-2
====================================================================
***/

.elementor-216 .elementor-element.elementor-element-1590ccb {
    padding: 150px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.elementor-216 .elementor-element.elementor-element-1590ccb>.elementor-background-overlay {
    background-color: transparent;
    background-image: linear-gradient(180deg, #79797930 0%, #000000 100%);
    opacity: 0.77;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.elementor-widget-mgsectiontitle {
    text-align: center;
}

.elementor-widget-mgsectiontitle .mgsec-title-wrap {
    overflow: hidden;
    display: block;
}

.elementor-widget-mgsectiontitle h2.mgsec-title {
    display: inline-block;
    position: relative;
    color: #fff;
}

.elementor-widget-mgsectiontitle p {
    margin: 0;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .elementor-216 .elementor-element.elementor-element-1590ccb {
        padding: 75px 0;
    }
    .elementor-widget-mgsectiontitle h2.mgsec-title {
        font-size: 27px;
    }
}


/***
====================================================================
## List Post / Categories-2
====================================================================
***/

.elementor-216 .elementor-element.elementor-element-33ee3f3 {
    padding: 40px 0;
}

.elementor-widget-mgposts_list_pro {}

.mp-display-list {}

.mgpd-list {
    margin-bottom: 40px;
}

.mgpd-list:last-child {
    margin-bottom: 0;
}

.mgpd-list .card.mgpdl-card {
    word-wrap: break-word;
    display: flex;
    flex-direction: column;
    flex-flow: row nowrap;
    align-items: center;
    overflow: hidden;
    position: relative;
    min-width: 0;
    background-clip: border-box;
    background: #f3f5ed;
    border-radius: 24px;
/*    box-shadow: 0 0.2rem 2.8rem rgb(36 36 36 / 10%);*/
}

.mgpd-list .mgpr-hvr-shine .mgpm-img {
    overflow: hidden;
}

@media(max-width:992px) {
    .mgpd-list .mgpr-hvr-shine .mgpm-img {
/*        margin-bottom: 20px;*/
    }
}

.mgpd-list .mgpr-hvr-shine a.mgpm-imglink {
    overflow: hidden;
    display: block;
}

.mgpd-list .mgpr-hvr-shine figure img {
    object-fit: cover;
    width: 100%;
}

.mgpd-list .col-lg-6:last-child {}

.mgpd-list .card-body.mgpdl-text {
    /*display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 auto;*/
    padding: 20px;
    height: 100%;
}

@media(min-width:992px) {
    .mgpd-list .card-body.mgpdl-text {
        padding: 40px;
    }
}

.mgpd-list .card-body.mgpdl-text h3.mgp-ptitle {}

.mgpd-list .card-body.mgpdl-text h3.mgp-ptitle a {
    color: #333;
}

.mgpd-list .card-body.mgpdl-text p {
    margin-top: 0;
}

a.mp-post-btn {
    display: inline-block;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    color: #fff;
    background: #da2424;
    border: none;
    border-radius: 30px;
    padding: 10px 20px;
    margin-top: 20px;
}

a.mp-post-btn:hover {
    color: #fff;
    background: #8ec038;
}


/***
====================================================================
## Single Header
====================================================================
***/

header.page-header {
    position: relative;
    margin: 0;
    padding: 40px 0;
    background: #292d35!important;
    text-align: center;
}

header.page-header h2.page-title {
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #fff;
}


/***
====================================================================
## Single Post
====================================================================
***/

.site-content {
    position: relative;
    padding: 80px 0;
    padding-top: 0;
}

.site-content:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 200px;
    background: #292d35;
    top: 0;
    left: 0;
    z-index: -1;
}

.content-area {
    overflow: hidden;
    background: #fff;
    border-radius: 24px;
    padding: 20px;
}

@media(min-width:768px) {
    .content-area {
        padding: 40px;
    }
}

.site-main {}

article.single-post {}

article.single-post .single-img-meta {}

article.single-post .single-img-meta figure {
    margin: 0 0 20px;
}

article.single-post .single-img-meta figure img {
    object-fit: cover;
    width: 100%;
    height: 500px;
    border-radius: 24px;
}

article.single-post .entry-content {}

article.single-post .entry-content h3 {}

article.single-post .entry-content p {}

@media(max-width:992px) {
    .site-content {
        padding: 40px 0;
        padding-top: 0;
    }
    article.single-post .single-img-meta figure img {
        height: auto;
    }
}


/***
====================================================================
## Footer
====================================================================
***/

.site-footer {
    position: relative;
    background: #292d35;
    margin-top: 50px;
}

.site-footer:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 50px;
    background: url(https://0b3fe2.claudeassets.com/20240807154440im_/http://www.apod-id.com/wp-content/uploads/2022/12/bg-footer.png) repeat-x;
    bottom: 99%;
    left: 0;
}


/**
 * Footer Widget
 * -------------------------------------------------------------
 */

.footer-widget {
    position: relative;
    padding: 40px 0;
}

/*.footer-widget:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    top: 0;
    left: 0;
}*/

@media screen and (max-width: 992px) {
    .footer-widget {
        padding: 40px 0;
    }
    .footer-widget .col-lg-2.col-sm-6 {
        display: none;
    }
}

.footer-widget .widget {}

@media screen and (max-width: 767px) {
    .footer-widget .col-lg-4.col-sm-6:not(:last-child) .widget {
        margin-bottom: 40px;
    }
}

.footer-widget .widget h4.footer-widget-title {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    border: dotted 1px #8ec038;
    border-radius: 12px 0 12px 0;
    padding: 10px 20px;
    margin-bottom: 20px;
    text-align: center;
}

.footer-widget .widget h4.footer-widget-title:before,
.footer-widget .widget h4.footer-widget-title:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    background: #8ec038;
    border-radius: 50%;
}

.footer-widget .widget h4.footer-widget-title:after {
    top: -8px;
    left: -8px;
}

.footer-widget .widget h4.footer-widget-title:before {
    bottom: -8px;
    right: -8px;
}

.footer-widget .widget h4.footer-widget-title a {
    color: #fff;
}

.wp-widget-group__inner-blocks {}

.widget_nav_menu {}

.menu-footer-menu-container {}

.footer-widget .widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-widget .widget ul li {
    position: relative;
    margin: 0;
    padding: 10px 0 10px 16px;
    border-bottom: solid 1px rgb(255 255 255 / 5%);
    background: url(https://95c335.claudeassets.com/20240807154440im_/http://www.apod-id.com/wp-content/uploads/2022/12/icon.png) no-repeat left center;
}

/*.footer-widget .widget ul li:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 2px;
    background: none;
    top: 20px;
    left: 0;
}*/

.footer-widget .widget ul li:last-child {
    border-bottom: none;
}

.footer-widget .widget ul li a {
    display: block;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
}

.footer-widget .widget ul li a:hover,
.footer-widget .widget ul li:hover a {
    color: #8ec038;
}


/**
 * Site Info
 * -------------------------------------------------------------
 */

.site-info {
    text-align: center;
    padding: 20px 0;
    background: rgb(0 0 0 / 25%);
}

.site-info p.copyright {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
}

.site-info p.copyright a {
    color: #8ec038;
}


/***
====================================================================
## ScrollUp
====================================================================
***/

#scrollUp {
    display: inline-block;
    text-align: center;
    position: fixed;
    width: 40px;
    height: 40px;
    line-height: 36px;
    background: #8ec038;
    /*-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);*/
    border-radius: 50%;
    bottom: 80px;
    right: 25px;
}

#scrollUp:hover {
    background: #292d35;;
}


/***
====================================================================
## End CSS
====================================================================
***/


/***
====================================================================
## Image Sine Effect
====================================================================
***/

.mgpr-hvr-shine {
    position: relative;
}

.mgpr-hvr-shine:before {
    display: block;
    position: absolute;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    top: 0;
    left: -95%;
    z-index: 2;
}

.mgpr-hvr-shine:hover:before {
    -webkit-animation: shine 0.75s;
    animation: shine 0.75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.mgpr-hvr-shine figure {
    position: relative;
}

.mgpr-hvr-shine figure:before {
    display: block;
    position: absolute;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    top: 0;
    left: -95%;
    z-index: 2;
}

.mgpr-hvr-shine figure:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}
/*
     FILE ARCHIVED ON 02:21:13 Jul 30, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:37:28 Sep 12, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.378
  exclusion.robots: 0.037
  exclusion.robots.policy: 0.029
  esindex: 0.007
  cdx.remote: 16.349
  LoadShardBlock: 141.364 (3)
  PetaboxLoader3.datanode: 95.187 (5)
  load_resource: 365.185
  PetaboxLoader3.resolve: 312.066
  loaddict: 17.598
*/