@import url('../css/fonts.css');


html, body{
    margin: 0%;
    box-sizing: border-box;
    overflow-x: hidden;
}
:root{

    /*      Theme colors        */
    --text-gray: #3f4954;
    --text-light : #686666da;
    --bg-color: #0f0f0f;
    --white: #ffffff;
    --midnight: #104f55;

    /* gradient color   */
    --sky: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);

    /*      theme font-family   */
    --Abel: 'Abel', cursive;
    --Anton: 'Anton', cursive;
    --Josefin : 'Josefin', cursive;
    --Lexend: 'Lexend', cursive;
    --Livvic : 'Livvic', cursive;
}


/* ---------------- Global Classes ---------------*/

a{
    text-decoration: none;
    color: var(--text-gray);
}

.flex-row{
    display: flex;
    flex-direction: row;    
    flex-wrap: wrap;
}

ul{
    list-style-type: none;
}

h1{
    font-family: var(--Lexend);
    font-size: 2.5rem;
}

h2{
    font-family: var(--Lexend);
}

h3{
    font-family: var(--Abel);
    font-size: 1.3rem;
}

button.btn{
    border: none;
    border-radius: 2rem;
    padding: 1rem 3rem;
    font-size: 1rem;
    font-family: var(--Livvic);
    cursor: pointer;
}

span{
    font-family: var(--Abel);
}

.container{
    margin: 0 5vw;
}

.text-gray{
    color: var(--text-gray);
}

p{
    font-family: var(--Lexend);
    color: var(--text-light);
}

/* ------x------- Global Classes -------x-------*/

/* --------------- navbar ----------------- */

.nav{
    background: #171c24;
    padding: 0 2rem;
    height: 0rem;
    min-height: 10vh;
    overflow: hidden;
    transition: height 1s ease-in-out;
}

.nav .nav-menu{    
    justify-content: space-between;
}

.nav .toggle-collapse{
    position: absolute;
    top: 0%;
    width: 90%;
    cursor: pointer;
    display: none;
}

.nav .toggle-collapse .toggle-icons{
    display: flex;
    justify-content: flex-end;
    padding: 1.7rem 0;
}

.nav .toggle-collapse .toggle-icons i{
    font-size: 1.4rem;
    color: var(--text-gray);
}

.collapse{
    height: 30rem;
}

.nav .nav-items{
    display: flex;
    margin: 0;
}

.nav .nav-items .nav-link{
    padding: 1.6rem 1rem;
    font-size: 1.1rem;
    position: relative;
    font-family: var(--Abel);
    font-size: 1.1rem;
}

.nav .nav-items .nav-link a{
    color: var(--white);
}
.nav .nav-brand a{
    font-size: 1.6rem;
    padding: 1rem 0;
    display: block;
    font-family: var(--Lexend);
    font-size: 1.6rem;
}

.nav .social{
    padding: 1.4rem 0
}

.nav .social i{
    padding: 0 .2rem;
}

/* -------x------- navbar ---------x------- */


/* ----------------- Main Content----------- */


/* --------------- Blog Carousel ------------ */

main .blog{
    background: white;
    background-repeat: no-repeat;
    background-position: right;
    height: 100vh;
    width: 100%;
    background-size: 65%;
}

main .blog .blog-post{
    padding-top: 6rem;
}

main .blog-post .blog-content{
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 80%;
    margin: 3rem 2rem;
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
}

main .blog-content .blog-title{
    padding: 2rem 0;
}

main .blog-content .btn-blog{
    padding: .7rem 2rem;
    background: var(--sky);
    margin: .5rem;
}

main .blog-content span{
    display: block;
}

section .container .owl-nav{
    position: absolute;
    top: 0%;
    margin: 0 auto;
    width: 100%;
}

.owl-nav .owl-prev .owl-nav-prev,
.owl-nav .owl-next .owl-nav-next{
    color: var(--text-gray);
    background: transparent;
    font-size: 2rem;
}

.owl-theme .owl-nav [class*='owl-']:hover{
    background: transparent;
    color: var(--midnight);
}

.owl-theme .owl-nav [class*='owl-']{
    outline: none;
}


/* -------x------- Blog Carousel -----x------ */

/* ---------------- Site Content ----------------*/

main .site-content{
    display: grid;
    grid-template-columns: 70% 30%;
}

main .post-content{
    width: 100%;
    
}

main .site-content .post-content > .post-image, .post-title{
    padding: 1rem 2rem;
    position: relative;
}

main .site-content .post-content > .post-image .post-info{
    background: var(--sky);
    padding: 1rem;
    position: absolute;
    bottom: 0%;
    left: 20vw;
    border-radius: 3rem;
}

main .site-content .post-content > .post-image > div{
    overflow: hidden;
}

main .site-content .post-content > .post-image .img{
    width: 100%;
    transition: all 1s ease;
}

main .site-content .post-content > .post-image .img:hover{
    transform: scale(1.3);
}

main .site-content .post-content > .post-image .post-info span{
    margin: 0 .5rem;
}

main .post-content .post-title a{
    font-family: var(--Anton);
    font-size: 1.5rem;
}

.site-content .post-content .post-title .post-btn{
    border-radius: 0;
    padding: .7rem 1.5rem;
    background: var(--sky);
}

.site-content .pagination{
    justify-content: center;
    color: var(--text-gray);
    margin: 4rem 0;
}

.site-content .pagination a{
    padding: .6rem .9rem;
    border-radius: 2rem;
    margin: 0 .3rem;
    font-family: var(--Lexend);
}

.site-content .pagination .pages{
    background: var(--text-gray);
    color: var(--white);
}

/* -------x-------- Site Content --------x-------*/


/* --------------- Sidebar ----------------------- */

.site-content > .sidebar .category-list{
    font-family: var(--Livvic);   
}

.site-content > .sidebar .category-list .list-items{
    background: var(--sky);
    padding: .4rem 1rem;
    margin: .8rem 0;
    border-radius: 3rem;
    width: 70%;
    display: flex;
    justify-content: space-between;
}

.site-content > .sidebar .category-list .list-items a{
    color:  black;
}

.site-content .sidebar .popular-post .post-content{
    padding: 1rem 0;
}

.site-content .sidebar .popular-post h2{
    padding-top: 8rem;
}

.site-content .sidebar .popular-post .post-info{
    padding: .4rem .1rem !important;
    bottom: 0rem !important;
    left: 1.5rem !important;
    border-radius: 0rem !important;
    background: white !important;
}

.site-content .sidebar .popular-post .post-title a{
    font-size: 1rem;
}

.site-content .sidebar .newsletter{
    padding-top: 10rem;
}

.site-content .sidebar .newsletter .form-element{
    padding: .5rem 2rem;
}

.site-content .sidebar .newsletter .input-element{
    width: 80%;
    height: 1.9rem;
    padding: .3rem .5rem;
    font-family: var(--Lexend);
    font-size: 1rem;
}

.site-content .sidebar .newsletter .form-btn{
    border-radius: 0;
    padding: .8rem 32%;
    margin: 1rem 0;
    background: var(--sky);
}

.site-content .sidebar .popular-tags{
    padding: 5rem 0;
}

.site-content .sidebar .popular-tags .tags .tag{
    background: var(--sky);
    padding: .4rem 1rem;
    border-radius: 3rem;
    margin: .4rem .6rem;
}


/* -------x------- Sidebar -----------x----------- */

/* ---------x------- Main Content -----x----- */


/* ----------------- Footer --------------------- */
.post-footer{position:relative;float:left;width:100%;box-sizing:border-box;padding:0}
.entry-tags{overflow:hidden;float:left;width:100%;height:auto;position:relative;margin:25px 0 0}
.entry-tags a,.entry-tags span{float:left;height:24px;background-color:rgba(155,155,155,0.05);font-size:11px;color:#aaaaaa;font-weight:400;line-height:22px;box-sizing:border-box;padding:0 9px;margin:5px 5px 0 0;border:1px solid rgba(0,0,0,.1);border-bottom-width:2px;border-radius:2px}
.rtl .entry-tags a,.rtl .entry-tags span{float:right;margin:5px 0 0 5px}
.entry-tags span{background-color:#171c24;color:#ffffff}
.entry-tags a:hover{background-color:#ff3d00;color:#ffffff}
.post-share{position:relative;float:left;width:100%;background-color:rgba(155,155,155,0.02);overflow:hidden;box-sizing:border-box;padding:15px 20px 20px;margin:0;border-top:1px solid #e6e6e6}
.nb-style .post-share{background-color:#ffffff;border-top:1px solid rgba(155,155,155,0.1)}
.entry-header .post-share,.nb-style .entry-header .post-share{background-color:#ffffff;padding:15px 0 0;margin:20px 0 0;border-top:1px solid rgba(155,155,155,0.1)}
ul.share-links{position:relative}
.share-links li{float:left;overflow:hidden;margin:5px 5px 0 0}
.rtl .share-links li{float:right;margin:5px 0 0 5px}
.share-links li a,.share-links li.share-icon span{display:block;width:36px;height:34px;line-height:32px;color:#fff;font-size:15px;font-weight:400;cursor:pointer;text-align:center;box-sizing:border-box;border:1px solid rgba(0,0,0,.1);border-bottom-width:2px;border-radius:2px}
.share-links li.share-icon span{position:relative;background-color:#ffffff;font-size:14px;color:#171c24;cursor:auto;margin:0 5px 0 0}
.rtl .share-links li.share-icon span{margin:0 0 0 5px}
.share-links li.share-icon span:before{content:'\f1e0';font-family:'Font Awesome 5 Free';font-weight:900}
.share-links li.share-icon span:after{content:'';position:absolute;width:6px;height:6px;top:11px;right:-4px;background-color:#ffffff;border:1px solid rgba(0,0,0,.1);border-left-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0);transform:rotate(45deg)}
.rtl .share-links li.share-icon span:after{left:-4px;right:unset;border:1px solid rgba(0,0,0,.1);border-top-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0)}
.share-links li a.facebook,.share-links li a.twitter{width:auto}
.share-links li a.facebook:before,.share-links li a.twitter:before{width:32px;background-color:rgba(255,255,255,0.05)}
.share-links li a span{font-size:14px;padding:0 15px}
.share-links li a:hover{opacity:.8}
.share-links .show-hid a{background-color:rgba(155,155,155,0.1);font-size:14px;color:#aaaaaa}
.share-links .show-hid a:before{content:'\f067';font-family:'Font Awesome 5 Free';font-weight:900}
.show-hidden .show-hid a:before{content:'\f068'}
.share-links li.linkedin,.share-links li.reddit,.share-links li.whatsapp,.share-links li.telegram{display:none}
.show-hidden li.linkedin,.show-hidden li.reddit,.show-hidden li.whatsapp,.show-hidden li.telegram{display:inline-block}
.about-author{position:relative;float:left;width:100%;background-color:#ffffff;box-sizing:border-box;padding:20px;margin:30px 0 0;border:1px solid #e6e6e6}
.nb-style .about-author{border:0}
.about-author .avatar-container{position:relative;float:left;width:60px;height:60px;background-color:rgba(155,155,155,0.1);overflow:hidden;margin:0 17px 0 0}
.rtl .about-author .avatar-container{float:right;margin:0 0 0 17px}
.about-author .author-avatar{float:left;width:100%;height:100%;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;opacity:0;overflow:hidden;transition:opacity .35s ease}
.about-author .author-avatar.lazy-ify{opacity:1}
.about-author .author-name{display:block;font-size:19px;color:#171c24;font-weight:700;margin:0 0 12px}
.title-oswald .about-author .author-name{font-weight:500}
.about-author .author-name a{color:#171c24}
.about-author .author-name a:hover{color:#ff3d00;text-decoration:none}
.author-description{overflow:hidden}
.author-description span{display:block;overflow:hidden;font-size:14px;color:#000000;font-weight:400;line-height:1.6em}
.author-description span br{display:none}
.author-description a{display:none;float:left;font-size:13px;color:#000000;box-sizing:border-box;padding:0;margin:12px 12px 0 0}
.rtl .author-description a{float:right;margin:12px 0 0 12px}
.author-description.show-icons li,.author-description.show-icons a{display:inline-block}
#related-wrap{overflow:hidden;float:left;width:100%;background-color:#ffffff;box-sizing:border-box;padding:20px;margin:30px 0 0;border:1px solid #e6e6e6}
.nb-style #related-wrap{border:0}
#related-wrap .related-tag{display:none}
.related-content{float:left;width:100%}
.related-content .loader{height:200px}
.related-posts{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;padding:0;margin:0 -10px}
.related-posts .related-item{position:relative;float:left;width:calc(100% / 3);box-sizing:border-box;padding:0 10px;margin:20px 0 0}
.rtl .related-posts .related-item{float:right}
.related-posts .related-item.item-0,.related-posts .related-item.item-1,.related-posts .related-item.item-2{margin:0}
.related-posts .entry-image{position:relative}
.related-posts .entry-image-link{width:100%;height:140px;position:relative;display:block;overflow:hidden}
.related-posts .entry-title{font-size:14px;font-weight:700;line-height:1.4em;margin:8px 0 0}
.title-oswald .related-posts .entry-title{font-weight:500}
.related-posts .entry-meta{margin:3px 0 0}
.post-nav{float:left;width:100%;font-size:13px;margin:30px 0 0}
.post-nav a{color:#aaaaaa}
.post-nav a:hover{color:#ff3d00}
.post-nav span{color:#aaaaaa;opacity:.8}
.post-nav .blog-pager-newer-link:before,.post-nav .blog-pager-older-link:after{margin-top:1px}
.post-nav .blog-pager-newer-link,.rtl .post-nav .blog-pager-older-link{float:left}
.post-nav .blog-pager-older-link,.rtl .post-nav .blog-pager-newer-link{float:right}
.post-nav .blog-pager-newer-link:before,.rtl .post-nav .blog-pager-older-link:after{content:'\f053';float:left;font-family:'Font Awesome 5 Free';font-size:9px;font-weight:900;margin:0 4px 0 0}
.post-nav .blog-pager-older-link:after,.rtl .post-nav .blog-pager-newer-link:before{content:'\f054';float:right;font-family:'Font Awesome 5 Free';font-size:9px;font-weight:900;margin:0 0 0 4px}
#blog-pager{float:left;width:100%;font-size:15px;font-weight:500;text-align:center;clear:both;box-sizing:border-box;padding:30px 0 0;margin:30px 0 10px;border-top:1px solid rgba(155,155,155,0.1)}
#blog-pager .load-more{display:inline-block;height:34px;background-color:#ff3d00;font-size:14px;color:#ffffff;font-weight:400;line-height:34px;box-sizing:border-box;padding:0 30px;margin:0;border:1px solid rgba(0,0,0,.1);border-bottom-width:2px;border-radius:2px}
#blog-pager #load-more-link{color:#ffffff;cursor:pointer}
#blog-pager #load-more-link:hover{background-color:#e53700;color:#ffffff}
#blog-pager .load-more.no-more{background-color:rgba(155,155,155,0.05);color:#aaaaaa}
#blog-pager .loading,#blog-pager .no-more{display:none}
#blog-pager .loading .loader{height:34px}
#blog-pager .no-more.show{display:inline-block}
#blog-pager .loading .loader:after{width:26px;height:26px;margin:-15px 0 0 -15px}
.blog-post-comments{display:none;float:left;width:100%;background-color:#ffffff;box-sizing:border-box;padding:20px;margin:30px 0 0;border:1px solid #e6e6e6}
.nb-style .blog-post-comments{border:0}
.blog-post-comments.comments-system-disqus,.blog-post-comments.comments-system-facebook{padding:10px 20px}
#comments,#disqus_thread{float:left;width:100%}
.blog-post-comments .fb_iframe_widget_fluid_desktop,.blog-post-comments .fb_iframe_widget_fluid_desktop span,.blog-post-comments .fb_iframe_widget_fluid_desktop iframe{float:left;display:block!important;width:100%!important}
.fb-comments{padding:0;margin:0}
.comments{display:block;clear:both;padding:0;margin:0}
.comments .comments-content{float:left;width:100%;margin:0}
#comments h4#comment-post-message{display:none}
.comments .comment-block{padding:20px 0 0 50px;border-top:1px solid rgba(155,155,155,0.1)}
.rtl .comments .comment-block{padding:20px 50px 0 0}
.comments .comment-content{font-family:var(--text-font);font-size:14px;color:#000000;line-height:1.6em;margin:15px 0}
.comments .comment-content > a:hover{text-decoration:underline}
.comment-thread .comment{position:relative;padding:0;margin:25px 0 0;list-style:none;border-radius:0}
.comment-thread ol{padding:0;margin:0}
.toplevel-thread ol > li:first-child{margin:0}
.toplevel-thread ol > li:first-child > .comment-block{padding-top:0;margin:0;border:0}
.comment-thread.toplevel-thread > ol > .comment > .comment-replybox-single iframe{box-sizing:border-box;padding:0 0 0 50px;margin:20px 0 0}
.rtl .comment-thread.toplevel-thread > ol > .comment > .comment-replybox-single iframe{padding:0 50px 0 0}
.comment-thread ol ol .comment:before{content:'\f3bf';position:absolute;left:-25px;top:-10px;font-family:'Font Awesome 5 Free';font-size:16px;color:rgba(155,155,155,0.1);font-weight:700;transform:rotate(90deg);margin:0}
.comment-thread .avatar-image-container{position:absolute;top:20px;left:0;width:35px;height:35px;overflow:hidden}
.toplevel-thread ol > li:first-child > .avatar-image-container{top:0}
.rtl .comment-thread .avatar-image-container{left:auto;right:0}
.avatar-image-container img{width:100%;height:100%}
.comments .comment-header .user{font-family:var(--title-font);font-size:18px;color:#171c24;display:inline-block;font-style:normal;font-weight:700;margin:0 0 3px}
.title-oswald .comments .comment-header .user{font-weight:500}
.comments .comment-header .user a{color:#171c24}
.comments .comment-header .user a:hover{color:#ff3d00}
.comments .comment-header .icon.user{display:none}
.comments .comment-header .icon.blog-author{display:inline-block;font-size:12px;color:#ff3d00;font-weight:400;vertical-align:top;margin:-3px 0 0 5px}
.rtl .comments .comment-header .icon.blog-author{margin:-3px 5px 0 0}
.comments .comment-header .icon.blog-author:before{content:'\f058';font-family:'Font Awesome 5 Free';font-weight:400}
.comments .comment-header .datetime{float:right;margin:0}
.rtl .comments .comment-header .datetime{float:left}
.comment-header .datetime a{font-family:var(--meta-font);font-size:11px;color:#aaaaaa;padding:0}
.comments .comment-actions{display:block;margin:0}
.comments .comment-actions a{display:inline-block;height:18px;background-color:rgba(155,155,155,0.05);font-size:11px;color:#aaaaaa;font-style:normal;line-height:16px;padding:0 7px;margin:0 12px 0 0;border:1px solid rgba(0,0,0,.1);border-bottom-width:2px;border-radius:2px}
.rtl .comments .comment-actions a{margin:0 0 0 12px}
.comments .comment-actions a:hover{background-color:#ff3d00;color:#ffffff}
.item-control{display:none}
.loadmore.loaded a{display:inline-block;border-bottom:1px solid rgba(155,155,155,.51);text-decoration:none;margin-top:15px}
.comments .continue{display:none}
.comments .toplevel-thread > #top-continue a{display:block;color:#ff3d00;padding:0 0 0 50px;margin:30px 0 0}
.rtl .comments .toplevel-thread > #top-continue a{padding:0 50px 0 0}
.comments .toplevel-thread > #top-continue a:hover{color:#171c24}
.comments .comment-replies{padding:0 0 0 50px}
.thread-expanded .thread-count a,.loadmore{display:none}
.comments .footer,.comments .comment-footer{float:left;width:100%;font-size:13px;margin:0}
.comments .comment-thread > .comment-replybox-thread{margin:30px 0 0}
.comment-form{float:left;width:100%;margin:0}
p.comments-message{float:left;width:100%;font-size:12px;color:#aaaaaa;font-style:italic;padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid rgba(155,155,155,0.1)}
.no-comments p.comments-message{margin:0;border:0}
p.comments-message > a{color:#ff3d00}
p.comments-message > a:hover{color:#171c24}
p.comments-message > em{color:#d63031;font-style:normal}
.comment-form > p{display:none}
p.comment-footer span{color:#aaaaaa}
p.comment-footer span:after{content:'\002A';color:#d63031}
#sidebar-wrapper .sidebar{float:left;width:100%}
.sidebar > .widget{position:relative;float:left;width:100%;background-color:#ffffff;box-sizing:border-box;padding:20px;margin:0 0 30px;border:1px solid #e6e6e6}
.nb-style .sidebar > .widget{border:0}
#sidebar > .widget:last-child,#sidebar-ads > .widget{margin:0}
.post .sidebar-ads-active #sidebar > .widget:last-child{margin:0 0 30px}
.sidebar > .widget.no-style{background-color:rgba(0,0,0,0);padding:0;border:0;border-radius:0;box-shadow:unset}
.sidebar > .widget .widget-title{position:relative;float:left;width:100%;line-height:1;padding:0 0 15px;margin:0 0 20px;border-bottom:2px solid #ebebeb}
.sidebar > .widget .widget-title:after{content:'';position:absolute;left:0;bottom:0;width:40px;height:2px;background-color:#ff3d00;margin:0 0 -2px}
.rtl .sidebar > .widget .widget-title:after{left:unset;right:0}
.sidebar > .widget .widget-title > h3{float:left;font-family:var(--body-font);font-size:16px;color:#171c24;font-weight:700;margin:0}
.main-oswald .sidebar > .widget .widget-title > h3{font-weight:500}
.rtl .sidebar > .widget .widget-title > h3{float:right}
.sidebar > .widget.no-style .widget-title{display:none}
.sidebar .widget-content{float:left;width:100%;box-sizing:border-box;padding:0;margin:0}
.sidebar ul.social-icons{display:flex;flex-wrap:wrap;margin:0 -2px}
.sidebar .social-icons li{float:left;width:calc(100% / 3);box-sizing:border-box;padding:0 2px;margin:4px 0 0}
.rtl .sidebar .social-icons li{float:right}
.sidebar .social-icons li.link-0,.sidebar .social-icons li.link-1,.sidebar .social-icons li.link-2{margin:0}
.sidebar .social-icons li a{float:left;width:100%;height:32px;font-size:15px;color:#fff;text-align:center;line-height:32px;box-sizing:border-box;padding:0;border:1px solid rgba(0,0,0,.1);border-bottom-width:2px;border-radius:2px}
.sidebar .social-icons li a.instagram{border:0}
.sidebar .social-icons li a:before{float:left;width:30px;height:29px;line-height:30px;background-color:rgba(255,255,255,0.05);margin:0}
.sidebar .social-icons li a.instagram:before{height:32px;line-height:32px}
.rtl .sidebar .social-icons li a:before{float:right}
.sidebar .social-icons li a span{float:right;font-size:14px;padding:0 13px}
.rtl .sidebar .social-icons li a span{float:left}
.sidebar .social-icons li a:hover{opacity:.85}
.sidebar .loader{height:180px}
.custom-widget .custom-item{display:block;overflow:hidden;padding:0;margin:20px 0 0}
.custom-widget .custom-item.item-0{margin:0}
.custom-widget .entry-image-link{position:relative;float:left;width:85px;height:65px;overflow:hidden;margin:0 13px 0 0}
.rtl .custom-widget .entry-image-link{float:right;margin:0 0 0 13px}
.custom-widget .entry-image-link .entry-thumb{width:85px;height:65px}
.custom-widget .cmm-avatar{width:55px;height:55px}
.custom-widget .cmm-avatar .entry-thumb{width:55px;height:55px}
.custom-widget .cmm-snippet{display:block;font-size:11px;line-height:1.5em;margin:4px 0 0}
.custom-widget .entry-header{overflow:hidden}
.custom-widget .entry-title{font-size:14px;font-weight:700;line-height:1.4em;margin:0}
.title-oswald .custom-widget .entry-title{font-weight:500}
.custom-widget .entry-meta{margin:3px 0 0}
.PopularPosts .popular-post{display:block;overflow:hidden;padding:0;margin:20px 0 0}
.PopularPosts .popular-post.item-0{margin:0}
.PopularPosts .entry-image-link{position:relative;float:left;width:85px;height:65px;overflow:hidden;z-index:1;margin:0 13px 0 0}
.rtl .PopularPosts .entry-image-link{float:right;margin:0 0 0 13px}
.PopularPosts .entry-image-link .entry-thumb{width:85px;height:65px}
.PopularPosts .entry-header{overflow:hidden}
.PopularPosts .entry-title{font-size:14px;font-weight:700;line-height:1.4em;margin:0}
.title-oswald .PopularPosts .entry-title{font-weight:500}
.PopularPosts .entry-meta{margin:3px 0 0}
.FeaturedPost .entry-image-link{position:relative;float:left;width:100%;height:175px;z-index:1;overflow:hidden;margin:0}
.FeaturedPost .entry-header{float:left;margin:0}
.FeaturedPost .entry-title{font-size:18px;font-weight:700;line-height:1.3em;margin:12px 0 0}
.title-oswald .FeaturedPost .entry-title{font-weight:500}
.FeaturedPost .entry-meta{margin:7px 0 0;font-size:13px}
.sidebar > .widget.FollowByEmail:before{content:'';position:absolute;height:4px;background-color:#ff3d00;top:0;left:0;right:0;margin:-1px -1px 0}
.nb-style .sidebar > .widget.FollowByEmail:before{margin:0}
.FollowByEmail .widget-content{position:relative;box-sizing:border-box;padding:0}
.main .item-post-inner .FollowByEmail .widget-content-inner{box-sizing:border-box;padding:20px;border:1px solid rgba(155,155,155,0.2)}
.follow-by-email-content{position:relative;z-index:5}
.follow-by-email-title{font-family:var(--body-font);font-size:16px;color:#171c24;font-weight:700;margin:0 0 13px}
.follow-by-email-text{font-size:13px;line-height:1.5em;margin:0 0 15px}
.follow-by-email-address{width:100%;height:34px;background-color:rgba(255,255,255,0.05);font-family:inherit;font-size:12px;color:#aaaaaa;box-sizing:border-box;padding:0 10px;margin:0 0 10px;border:1px solid rgba(155,155,155,0.2);border-radius:2px}
.follow-by-email-address:focus{background-color:rgba(155,155,155,0.05);border-color:rgba(155,155,155,0.4)}
.follow-by-email-submit{width:100%;height:34px;background-color:#ff3d00;font-family:inherit;font-size:14px;color:#ffffff;font-weight:400;line-height:34px;cursor:pointer;padding:0 20px;border:0;border:1px solid rgba(0,0,0,.1);border-bottom-width:2px;border-radius:2px}
.follow-by-email-submit:hover{background-color:#e53700;color:#ffffff}
.list-label li,.archive-list li{position:relative;display:block}
.list-label li a,.archive-list li a{display:block;color:#171c24;font-size:13px;font-weight:400;text-transform:capitalize;padding:5px 0}
.list-label li:first-child a,.archive-list li:first-child a{padding:0 0 5px}
.list-label li:last-child a,.archive-list li:last-child a{padding-bottom:0}
.list-label li a:hover,.archive-list li a:hover{color:#ff3d00}
.list-label .label-count,.archive-list .archive-count{float:right;font-size:11px;color:#aaaaaa;text-decoration:none;margin:1px 0 0 5px}
.rtl .list-label .label-count,.rtl .archive-list .archive-count{float:left;margin:1px 5px 0 0}
.cloud-label li{position:relative;float:left;margin:0 5px 5px 0}
.rtl .cloud-label li{float:right;margin:0 0 5px 5px}
.cloud-label li a{display:block;height:25px;background-color:rgba(155,155,155,0.05);color:#aaaaaa;font-size:11px;line-height:23px;font-weight:400;box-sizing:border-box;padding:0 9px;border:1px solid rgba(0,0,0,.1);border-bottom-width:2px;border-radius:2px}
.cloud-label li a:hover{background-color:#ff3d00;color:#ffffff}
.cloud-label .label-count{display:none}
.BlogSearch .search-form{display:flex;background-color:rgba(255,255,255,0.05);padding:2px;border:1px solid rgba(155,155,155,0.2)}
.BlogSearch .search-input{float:left;width:100%;height:32px;background-color:rgba(0,0,0,0);font-family:inherit;font-weight:400;font-size:14px;color:#000000;line-height:32px;box-sizing:border-box;padding:0 10px;margin:0;border:0;border-radius:0}
.BlogSearch .search-input:focus{outline:none}
.BlogSearch .search-action{float:right;width:auto;height:32px;font-family:inherit;font-size:14px;font-weight:600;line-height:32px;cursor:pointer;box-sizing:border-box;background-color:#ff3d00;color:#ffffff;padding:0 15px;border:0;border-bottom:2px solid rgba(0,0,0,.1)}
.BlogSearch .search-action:hover{background-color:#e53700;color:#ffffff}
.Profile ul li{float:left;width:100%;margin:20px 0 0}
.Profile ul li:first-child{margin:0}
.Profile .profile-img{float:left;width:55px;height:55px;background-color:rgba(155,155,155,0.08);overflow:hidden;color:transparent!important;margin:0 12px 0 0;border-radius:50%}
.Profile .profile-datablock{margin:0}
.Profile .profile-info > .profile-link{display:inline-block;font-size:12px;color:#ff3d00;font-weight:400;margin:3px 0 0}
.Profile .profile-info > .profile-link:hover{color:#171c24}
.Profile .g-profile,.Profile .profile-data .g-profile{font-size:15px;color:#171c24;font-weight:700;line-height:1.4em;margin:0 0 5px}
.Profile .g-profile:hover,.Profile .profile-data .g-profile:hover{color:#ff3d00}
.Profile .profile-textblock{display:none}
.profile-data.location{font-size:12px;color:#aaaaaa;line-height:1.4em;margin:2px 0 0}
.widget-ready .PageList ul li,.widget-ready .LinkList ul li{position:relative;display:block}
.widget-ready .PageList ul li a,.widget-ready .LinkList ul li a{display:block;color:#171c24;font-size:13px;font-weight:400;padding:5px 0}
.widget-ready .PageList ul li:first-child a,.widget-ready .LinkList ul li:first-child a{padding:0 0 5px}
.widget-ready .PageList ul li a:hover,.widget-ready .LinkList ul li a:hover{color:#ff3d00}
.Text .widget-content{font-family:var(--text-font);font-size:13px;line-height:1.5em}
.Image .image-caption{font-size:13px;line-height:1.5em;margin:10px 0 0;display:block}
.contact-form-widget form{font-family:inherit;font-weight:400}
.contact-form-name{float:left;width:100%;height:34px;background-color:rgba(255,255,255,0.05);font-family:inherit;font-size:13px;color:#000000;line-height:34px;box-sizing:border-box;padding:5px 10px;margin:0 0 10px;border:1px solid rgba(155,155,155,0.2);border-radius:2px}
.contact-form-email{float:left;width:100%;height:34px;background-color:rgba(255,255,255,0.05);font-family:inherit;font-size:13px;color:#000000;line-height:34px;box-sizing:border-box;padding:5px 10px;margin:0 0 10px;border:1px solid rgba(155,155,155,0.2);border-radius:2px}
.contact-form-email-message{float:left;width:100%;background-color:rgba(255,255,255,0.05);font-family:inherit;font-size:13px;color:#000000;box-sizing:border-box;padding:5px 10px;margin:0 0 10px;border:1px solid rgba(155,155,155,0.2);border-radius:2px}
.contact-form-button-submit{float:left;width:100%;height:34px;background-color:#ff3d00;font-family:inherit;font-size:15px;color:#ffffff;font-weight:400;line-height:33px;cursor:pointer;box-sizing:border-box;padding:0 10px;margin:0;border:0;border:1px solid rgba(0,0,0,.1);border-bottom-width:2px;border-radius:2px}
.contact-form-button-submit:hover{background-color:#e53700;color:#ffffff}
.contact-form-error-message-with-border{float:left;width:100%;background-color:rgba(0,0,0,0);font-size:12px;color:#e74c3c;text-align:left;line-height:12px;padding:3px 0;margin:10px 0;box-sizing:border-box;border:0}
.contact-form-success-message-with-border{float:left;width:100%;background-color:rgba(0,0,0,0);font-size:12px;color:#27ae60;text-align:left;line-height:12px;padding:3px 0;margin:10px 0;box-sizing:border-box;border:0}
.rtl .contact-form-error-message-with-border,.rtl .contact-form-success-message-with-border{text-align:right}
.contact-form-cross{cursor:pointer;margin:0 0 0 3px}
.rtl .contact-form-cross{margin:0 3px 0 0}
.contact-form-error-message,.contact-form-success-message{margin:0}
.contact-form-name:focus,.contact-form-email:focus,.contact-form-email-message:focus{background-color:rgba(155,155,155,0.05);border-color:rgba(155,155,155,0.4)}
.Attribution a{font-size:14px;line-height:16px;display:block}
.Attribution a > svg{width:16px;height:16px;float:left;margin:0 4px 0 0}
.Attribution .copyright{font-size:12px;color:#aaaaaa;padding:0 20px;margin:3px 0 0}
#footer-wrapper{background-color:#171c24;color:#aaaaaa;border-top:1px solid rgba(155,155,155,0.2)}
#footer-wrapper .container{position:relative;margin:0 auto}
#about-section{position:relative;float:left;width:100%;padding:30px 0;margin:0}
#about-section.no-items{padding:0;border:0}
.compact-footer #about-section{border:0}
#about-section .widget{position:relative;float:left;box-sizing:border-box;margin:0}
.rtl #about-section .widget{float:right}
#about-section .widget > widget-content{display:none}
#about-section .widget-content .widget-title > h3{position:relative;font-family:var(--body-font);font-size:16px;color:#ffffff;font-weight:600;text-transform:uppercase;margin:0 0 15px}
.title-oswald #about-section .widget-content .widget-title > h3{font-weight:500}
#about-section .Image{width:70%;padding:0 30px 0 0}
.rtl #about-section .Image{padding:0 0 0 30px}
#about-section .Image .widget-content{position:relative;float:left;width:100%;margin:0}
#about-section .footer-logo{display:block;float:left;max-width:30%;max-height:44px;padding:19px 0;margin:0}
.rtl #about-section .footer-logo{float:right}
#about-section .footer-logo img{max-height:44px;vertical-align:middle}
#about-section .about-content{max-width:70%;display:block;float:left;padding:0 0 0 30px;box-sizing:border-box}
.rtl #about-section .about-content{float:right;padding:0 30px 0 0}
#about-section .Image .no-image .about-content{max-width:100%;padding:0 30px 0 0}
.rtl #about-section .Image .no-image .about-content{padding:0 0 0 30px}
#about-section .Image .image-caption{font-size:14px;margin:0}
#about-section .Image .image-caption a{color:#ff3d00}
#about-section .Image .image-caption a:hover{color:#f2f2f2}
#about-section .LinkList{float:right;width:30%}
#about-section .LinkList .widget-content{float:right}
.rtl #about-section .LinkList,.rtl #about-section .LinkList .widget-content{float:left}
.about-section ul.social-footer{float:right}
.rtl .about-section ul.social-footer{float:left}
.about-section .social-footer li{float:left;margin:0 7px 0 0}
.rtl .about-section .social-footer li{float:right;margin:0 0 0 7px}
.about-section .social-footer li:last-child,.rtl .about-section .social-footer li:last-child{margin:0}
.about-section .social-footer li a{display:block;width:34px;height:34px;background-color:rgba(155,155,155,0.1);font-size:15px;color:#f2f2f2;text-align:center;line-height:34px;box-sizing:border-box;border:1px solid rgba(0,0,0,.1);border-bottom-width:2px;border-radius:2px}
.about-section .social-footer li a:hover{color:#fff}
.about-section .social-footer li a.instagram:hover{border:0}
#footerbar{display:block;width:100%;height:60px;background-color:#12161d;color:#ffffff;overflow:hidden;margin:0}
#footerbar.border > .container{border-top:1px solid rgba(155,155,155,0.2)}
.compact-footer #footerbar.border > .container{border:0}
#footerbar .footer-copyright{float:left;height:30px;font-size:14px;font-weight:400;line-height:30px;margin:0 0 0}
.rtl #footerbar .footer-copyright{float:right}
#footerbar .footer-copyright a{color:#ffffff}
#footerbar .footer-copyright a:hover{color:#ff3d00}
#footer-menu{float:right;position:relative;display:block;margin:15px 0 0}
.rtl #footer-menu{float:left}
#footer-menu .widget > .widget-title,#footer-copyright .widget > .widget-title{display:none}
.footer-menu ul li{position:relative;float:left;margin:0}
.rtl .footer-menu ul li{float:right}
.footer-menu ul li a{float:left;height:30px;font-size:14px;color:#ffffff;line-height:30px;padding:0;margin:0 0 0 20px}
.rtl .footer-menu ul li a{margin:0 20px 0 0}
#footer-menu ul li a:hover{color:#ff3d00}
#hidden-widgets-wrap,.hidden-widgets{display:none;visibility:hidden}
.back-top{display:none;position:fixed;bottom:15px;right:15px;width:34px;height:34px;background-color:#ff3d00;cursor:pointer;overflow:hidden;font-size:13px;color:#ffffff;text-align:center;line-height:34px;z-index:50;box-sizing:border-box;margin:0;border:1px solid rgba(0,0,0,.1);border-bottom-width:2px;border-radius:2px}
.rtl .back-top{right:auto;left:15px}
.back-top:after{content:'\f077';position:relative;font-family:'Font Awesome 5 Free';font-weight:900}
.back-top:hover{background-color:#e53700;color:#ffffff}
.error404 #main-wrapper{width:100%}
.error404 #sidebar-wrapper{display:none}
.errorWrap{color:#171c24;text-align:center;padding:60px 0}
.errorWrap h3{font-size:160px;line-height:1em;margin:0 0 40px}
.errorWrap h4{font-size:25px;margin:0 0 30px}
.errorWrap p{margin:0 0 15px}
.errorWrap a{display:inline-block;height:32px;background-color:#ff3d00;font-size:14px;color:#ffffff;font-weight:400;line-height:32px;padding:0 30px;margin:15px 0 0;border:1px solid rgba(0,0,0,.1);border-bottom-width:2px;border-radius:2px}
.errorWrap a:hover{background-color:#e53700;color:#ffffff}
.cookie-choices-info{top:unset!important;bottom:0}
a.ads-here{display:block;background-color:#fff;text-align:center;font-size:14px;color:#aaaaaa;font-weight:400;font-style:italic;line-height:88px;border:1px solid #ebebeb}
#main a.ads-here{background-color:rgba(155,155,155,0.05)}
.sidebar a.ads-here{line-height:265px}
.sidebar a.ads-here.ad-600{line-height:598px}
a.ads-here:hover{text-decoration:none;color:#ff3d00;border-color:#ccc}
@media screen and (max-width: 1165px) {
#outer-wrapper{max-width:100%}
.row-x1{width:100%}
.headerify-wrap .headerify,.header-ad-wrap > .container,#featured-wrapper .container,#content-wrapper > .container,#footer-wrapper .container{box-sizing:border-box;padding:0 20px}
}
@media screen and (max-width: 980px) {
#main-wrapper,#sidebar-wrapper{width:100%}
#sidebar-wrapper{margin:30px 0 0}
}
@media screen and (max-width: 880px) {
.magify-free-main-menu{display:none}
.headerify-wrap .headerify{padding:0}
.main-logo-wrap{width:100%;text-align:center;z-index:15;margin:0}
.main-logo .header-widget,.main-logo .main-logo-img,.main-logo .blog-title{float:none;display:inline-block}
.nav-active .back-top{opacity:0!important}
.overlay,.show-mobile-menu,#slide-menu{display:block}
.nav-active .overlay{visibility:visible;opacity:1}
.search-toggle{width:auto;background-color:rgba(0,0,0,0);text-align:center;padding:0 20px}
#nav-search,.rtl #nav-search{width:unset;left:20px;right:20px;border-radius:2px 0 2px 2px}
.rtl #nav-search{border-radius:0 2px 2px 2px}
#nav-search:before{right:0}
.rtl #nav-search:before{right:unset;left:0}
}
@media screen and (max-width: 780px) {
#about-section{text-align:center}
#about-section .Image,.rtl #about-section .Image{width:100%;padding:0}
#about-section .footer-logo,.rtl #about-section .footer-logo{display:inline-block;float:none;max-width:100%;padding:0 0 30px}
#about-section .about-content,.rtl #about-section .about-content,#about-section .Image .no-image .about-content,.rtl #about-section .Image .no-image .about-content{max-width:100%;padding:0}
#about-section .LinkList,#about-section .LinkList .widget-content{width:100%}
#about-section .LinkList{margin:30px 0 0}
#about-section .LinkList .widget-content .widget-title > h3{margin:0 0 20px}
.about-section ul.social-footer,.rtl .about-section ul.social-footer{float:none;display:block;padding:0}
.about-section .social-footer li,.rtl .about-section .social-footer li{float:none;display:inline-block;margin:0 5px}
.about-section .social-footer li:last-child,.rtl .about-section .social-footer li:last-child{margin:0 5px}
#footerbar{height:auto;line-height:1.4em;padding:20px 0}
#footer-menu,#footerbar .footer-copyright{width:100%;height:unset;line-height:inherit;text-align:center;margin:0}
#footer-menu ul li,.rtl #footer-menu ul li{float:none;display:inline-block;margin:0}
#footer-menu ul li a,.rtl #footer-menu ul li a{height:unset;line-height:inherit;margin:0 7px}
#footerbar .footer-copyright .widget{padding:0 0 15px}
}
@media screen and (max-width: 680px) {
#featured .widget,#featured .widget-content,.featured-posts{height:auto}
#featured .widget-content .loader{height:200px}
.featured-item{width:50%;height:180px;margin:2px 0 0}
.featured-item.item-0{width:100%;height:200px;margin:0}
.featured-item.item-1{width:100%;height:180px;margin:2px 0 0}
.block-posts-1 .block-item{width:100%}
.block-posts-1 .item-0{width:100%;margin:0 0 5px}
.block-posts-1 .item-1{margin:20px 0 0}
.block-posts-1 .block-inner{height:200px}
.block-posts .block-column{width:100%}
.block-videos .videos-item{width:100%;padding:0 10px;margin:20px 0 0!important}
.block-videos .videos-item.item-0{margin:0!important}
.block-videos .entry-image-link{height:160px}
.block-videos .entry-title{margin:10px 0 0}
.grid-posts-1 .grid-item{width:100%;padding:0 10px;margin:20px 0 0!important}
.grid-posts-1 .grid-item.item-0{margin:0!important}
.grid-posts-1 .entry-image-link{height:160px}
.grid-posts-1 .entry-title{margin:10px 0 0}
.related-posts .related-item{width:100%;padding:0 10px;margin:20px 0 0!important}
.related-posts .related-item.item-0{margin:0!important}
.related-posts .entry-image-link{height:160px}
.related-posts .entry-title{margin:10px 0}
.index-post .entry-image,.rtl .index-post .entry-image{width:100%;height:180px;margin:0 0 15px}
.index-post .entry-header{float:left;width:100%}
.item-post h1.entry-title{font-size:31px}
.sidebar a.ads-here,.sidebar a.ads-here.ad-600{line-height:88px}
}
@media screen and (max-width: 460px) {
.featured-item{width:100%}
.featured-item.item-0 .entry-title{font-size:20px}
.featured-item.item-1 .entry-title{font-size:14px}
.featured-item.item-1 .entry-author{display:none}
.index-post .entry-title{font-size:20px}
.index-post .entry-excerpt{font-size:13px}
.item-post h1.entry-title{font-size:29px}
.share-links li a.facebook,.share-links li a.twitter{width:36px}
.share-links li a.facebook span,.share-links li a.twitter span{display:none}
.share-links li a.facebook:before,.share-links li a.twitter:before{width:34px;background-color:rgba(0,0,0,0)}
.comments .comment-content iframe#youtube{height:180px}
}
@media screen and (max-width: 360px) {
.featured-item,.featured-item.item-1{height:140px}
.featured-item.item-0,.block-posts-1 .block-inner,.column-inner{height:180px}
.featured-item.item-0 .entry-title{font-size:16px}
.featured-item .entry-category{display:none}
.featured-item.item-0 .entry-category{display:inline-block}
.index-post .entry-image,.rtl .index-post .entry-image{height:160px}
.index-post .entry-title{font-size:18px}
.item-post h1.entry-title{font-size:21px}
.share-links li.share-icon{display:none}
.errorWrap h3{font-size:130px}
.comments .comment-content iframe#youtube{height:140px}
}

/* ---------x------- Footer ----------x---------- */

/*              Viewport less then or equal to 1130px            */

@media only screen and (max-width: 1130px){
    .site-content .post-content > .post-image .post-info{
        left: 2rem !important;
        bottom: 1.2rem !important;
        border-radius: 0% !important;
    }

    .site-content .sidebar .popular-post .post-info{
        display: none !important;
    }

    footer.footer .container{
        grid-template-columns: repeat(2, 1fr);
    }

}

/*      x       Viewport less then or equal to 1130px    x     */


/*              Viewport less then or equal to 750px            */

@media only screen and (max-width: 750px){
    .nav .nav-menu, .nav .nav-items{
        flex-direction: column;
    }

    .nav .toggle-collapse{
        display: initial;
    }

    main .site-content{
        grid-template-columns: 100%;
    }

    footer.footer .container{
        grid-template-columns: repeat(1, 1fr);
    }

}


/*        x      Viewport less then or equal to 750px       x     */


/*              Viewport less then or equal to 520px            */

@media only screen and (max-width: 520px){
    main .blog{
        height: 125vh;
    }

    .site-content .post-content > .post-image .post-info{
        display: none;
    }

    footer.footer .container > div{
        padding:  1rem .9rem !important;
    }

    footer .rights{
        padding: 0 1.4rem;
        text-align: center;
    }

    nav .toggle-collapse{
        width: 80% !important;
    }

}

/*        x      Viewport less then or equal to 520px       x     */
.box{
    width: 450px;
    background: rgba(0, 0, 0, 0.4);
    padding: 40px;
    text-align: center;
    margin: auto;
    margin-top: 5%;
    color: white;
    font-family: 'Century Gothic',sans-serif;
  }
  .box-img{
    border-radius: 50%;
    width: 200px;
    height: 200px;
  }
  .box h1{
    font-size: 40px;
    letter-spacing: 4px;
    font-weight: 100;
  }
  .box h5{
    font-size: 20px;
    letter-spacing: 3px;
    font-weight: 100;
  }
  .box p{
    text-align: justify;
  }
  ul{
    margin: 0;
    padding: 0;
  }
  .box li{
    display: inline-block;
    margin: 6px;
    list-style: none;
  }
  .box li a{
    color: white;
    text-decoration: none;
    font-size: 60px;
    transition: all ease-in-out 250ms;
  }
  .box li a:hover{
    color: #b9b9b9;
  }
  .text-boxes{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 30px;
    margin-bottom: 60px;
  }
  .text-boxes .text-box{
    height: 380px;
    max-width: 660px;
    width: 100%;
    margin: 55px 0;
  }
  .text-boxes .text-box .topic{
    font-size: 18px;
    font-weight: 600;
    color: #265df2;
    margin: 4px;
  }
  .text-boxes .text-box textarea{
    height: 100%;
    width: 100%;
    padding: 30px;
    font-size: 15px;
    font-weight: 400;
    outline: none;
    border: 1px solid #265df2;
    border-radius: 8px;
    background: #e7edfe;
  }
  .text-box textarea::-webkit-scrollbar{
    display: none;
  }
  .text-boxes .text-box button{
    height: 45px;
    width: 155px;
    color: #fff;
    background: #265df2;
    outline: none;
    border: none;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 400;
    margin: 8px 0;
    cursor: pointer;
    transition: all 0.4s ease;
  }
  .text-boxes .text-box button:hover{
    background: #0e4bf1;
  }
  @media (max-width: 400px) {
    .text-boxes .text-box button{
      width: 100%;
    }
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* ///// */