@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
/*!
Theme Name: ginastel
Theme URI: https://ginastel.com
Author: dev ginastel team
Author URI: https://ginastel.com
Description: ginastel theme is a custom wordpress template that is adapted to a combination of Grid and List so that it has a premium and elegant appearance
Version: 1.1.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ginastel
*/
:root{--white:#fff;--blue:#2980b9;--black:#000;--blackk:#192935;--orange:#ff6900;--tint1:#192935;--tint2:#33414c;--tint3:#4d5862;--tint4:#667079;--tint5:#80888f;--border:#e9e9e9;--red:#da251d;--redd:#cb4335;--Inter:'Inter',sans-serif;--Roboto:'Roboto',serif;--Open:'Open Sans',serif}*{box-sizing:border-box}body{counter-reset:step-counter;margin:0;padding:0;font-family:var(--Inter);font-size:13px;background:var(--white);color:var(--black);transition:background-color .3s ease,color .3s ease}a:link,a:visited{color:var(--black);text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0;padding:0}img{width:100%;height:auto;vertical-align:middle;object-fit:cover}.widget_media_image figure{margin:0!important}.wp-block-image{margin:0}.container{max-width:1040px;margin:0 auto;padding:0}.header{background-color:#fff;position:sticky;top:0;z-index:9999;transition:background-color .3s ease,color .3s ease;border-bottom:1px solid #ccc}.header-primary{height:85px;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}.boxhead.left{flex:0 0 18%}.boxhead.center{flex:1}.boxhead.right{flex:0 0 12%}.search-primary{display:flex;align-items:center;justify-content:right}.search-primary #mode-toggle{cursor:pointer}.search-primary .material-icons{cursor:pointer}.search-primary .search-toggle{margin-left:20px}.search-primary .menu-toggle{display:none}@media (max-width:770px){.boxhead.left,.boxhead.right{flex:0 0 50%;margin:0}.search-primary .search-toggle{margin:0 20px}.search-primary .menu-toggle{display:block}}.title-primary img{width:160px}.wp-block-search__inside-wrapper{height:40px;background:#fff;padding:0}.wp-block-search__input{border:0}button.wp-block-search__button{background:0 0;border:none}button .search-icon{margin:0;color:#000}.navigation-top{background:var(--blue);color:var(--white);border-bottom:1px solid #2874a6}.navigation-top .container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:7px 0}.navigation-top-left{text-align:center}.navigation-top-left .search-form{position:relative}.navigation-top-left input[type=search]{width:100%;display:block;padding:10px;outline:none;background:#444;border-radius:5px;text-indent:10px;border:1px solid#666;color:#fff}.navigation-top-left .search-field{border:none}.navigation-top-left .search-submit{display:none;position:absolute;top:0;right:0;border:none;background:0 0;cursor:pointer}.navigation-top-right ul{list-style-type:none;margin:0;padding:0;display:flex;justify-content:right;align-items:center}.navigation-top-right ul li{margin-left:10px}.navigation-top-right ul li a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;border-radius:25px;background:#fff;font-size:initial}@media (max-width:770px){.header{position:sticky;top:0;z-index:12345}.header-primary{height:70px;padding:0 15px}.menu-primary{display:none}}.header-mobile{display:none}.appnav-mobile{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccc}@media (max-width:770px){.appnav-mobile{padding:0 15px}}.appnav-mobile .material-icons{cursor:pointer;font-size:29px}.site-title-mobile{padding:15px 0;text-align:center}.site-title-mobile img{width:160px;border-radius:unset}.search-form-mobile{display:none;padding:10px 15px;box-shadow:rgb(0 0 0/5%) 0 6.4px 19.2px 0}.mainmenu{background:#fff}@media (max-width:770px){.mainmenu{display:none}}.mainmenu-primary{max-width:1000px;margin:auto}.menu-primary ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:right}.menu-primary ul li{overflow:hidden;margin-left:25px}.menu-primary ul li a{display:block;text-decoration:none;text-transform:capitalize;font-size:initial;font-weight:700;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s}.menu-primary ul li .material-icons{vertical-align:middle}.menu-primary ul li:first-child .material-icons{color:var(--blue)}@media (max-width:770px){.menu-primary{overflow:auto}.menu-primary ul li:first-child,.menu-primary ul li:last-child{display:none}.menu-primary ul{padding:0 5px}.menu-primary ul li a{padding:15px 10px}}@media (max-width:430px){.main-navbar{padding:0 15px}.navigation-top .container{padding:0 15px}}.menu-mobile{display:none}.menu-mobile .fas{color:#fff}.menu-mobile span{font-size:18px;color:var(--blue)}@media (max-width:980px){.menu-mobile{display:inline-block}}.site-title h1{font-size:25px}.site-title h1 a{color:var(--white);text-decoration:none}.site-title img{width:160px;height:auto;object-fit:cover;border-radius:unset}@media (max-width:980px){.site-title img{padding:20px 0}}.nav-menu-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);margin-left:-100%}.nav-menu .title-mobile{display:none;margin:40px 20px 30px}.nav-menu .title-mobile span{display:inline-block;font-size:18px;padding:4px;float:right;color:var(--blue)}.menu-mobile-primary{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;padding:25px;background:#fff;overflow:auto;margin-left:-100%;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s}.title-logo-mobile{margin-bottom:25px;display:flex;justify-content:space-between;align-items:center}.title-logo-mobile img{width:160px;border-radius:unset}.title-logo-mobile .material-icons{cursor:pointer;font-size:xx-large}.menu_slide ul{list-style:none;margin:0;padding:10px 0}.menu_slide ul li a{display:block;padding:10px 0;font-size:large;text-transform:capitalize;font-weight:700}.sosmed-menu-mobile{margin:50px 0 20px}.sosmed-menu-mobile ul{list-style:none;margin:0;padding:0;display:flex}.sosmed-menu-mobile ul li{margin-right:10px}.sosmed-menu-mobile ul li a{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#000;color:#fff;border-radius:50%}.menu-credit-mobile ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}.menu-credit-mobile ul li{margin-right:20px;margin-bottom:7px}.menu-credit-mobile ul li a{font-family:inherit;font-size:inherit;font-weight:400;text-transform:capitalize;color:#999}.menu-credit-mobile ul li:first-child,.menu-credit-mobile ul li:last-child{display:inline-block}.nav-menu-primary ul li ul{display:none;width:140px;overflow:hidden;position:absolute;background:var(--white);padding:0 10px;box-shadow:rgb(0 0 0/4%) 0 6.4px 19.2px 0}.nav-menu-primary ul li ul li{float:none;border-bottom:1px solid#eee}.nav-menu-primary ul li ul li:last-child{border-bottom:0}.nav-menu-primary ul li ul li a{display:block;padding:5px 0;font-weight:700;font-size:13px}.nav-menu-primary ul li ul li a:after{display:none}.nav-menu-primary ul li:hover ul{display:block}@media (max-width:980px){.nav-menu-primary ul li ul{display:block;width:auto;position:unset;box-shadow:unset;padding:0;border-radius:0}.nav-menu-primary ul li ul li{display:block}.nav-menu-primary ul li ul li a{padding:10px 0;color:#666}}.menu .search .fas{color:#fff}.search-icon{display:inline-block;width:25px;height:25px;line-height:25px;text-align:center;margin:14px 0 14px 5px;cursor:pointer;color:#fff}@media (max-width:980px){.search-icon{color:var(--blue)}}.search-form-box{display:none;padding:10px 0;box-shadow:rgb(0 0 0/5%) 0 6.4px 19.2px 0}@media (max-width:770px){.search-form-box{padding:10px}}.ads_header_home{max-width:1000px;margin-bottom:20px}.random-middle{overflow:hidden;margin-bottom:50px}@media (max-width:770px){.random-middle{padding:0 15px}}.random-middle h3{font-size:20px;margin-bottom:15px;color:crimson}.random-middle .swiper{width:1040px}.swiper-random .rand{margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.swiper-random .rand-image{position:relative;float:none;overflow:hidden}.swiper-random .rand-image img{width:100%;height:auto;aspect-ratio:16/9}.swiper-random .rand .category{position:absolute;bottom:0;left:0}.swiper-random .rand .category a{display:inline-block;padding:5px;background:crimson;color:#fff;text-transform:capitalize}.swiper-random .rand-title{display:flex;flex-direction:column;gap:7px}.swiper-random .rand h2 a{display:block;font-size:16px;line-height:1.5;max-height:72px;overflow:hidden}.swiper-random .rand .date{font-size:smaller;color:#999}.container.home{padding:30px 0}@media (max-width:770px){.container.home{padding:0}}.site-main.statis .container{padding:35px 0 50px}@media (max-width:770px){.site-main.statis{padding:0 15px}}.main-content{overflow:hidden;width:700px;float:left}@media (max-width:770px){.main-content{width:100%;float:none}.latest-post{padding:0 15px}}.container.indexs{padding:35px 0}.mainform{margin-bottom:35px}h3.title-archive-page{font-size:large;margin-bottom:15px;text-align:center}h3.title-archive-page span{color:crimson}.select-indexs select{width:100%;background:0 0;border:1px solid#ccc;padding:0 10px;height:40px;outline:none;font-family:var(--Inter)}@media (max-width:770px){.mainform{padding:0 15px}}.post-list-indexs .box-article h2{font-size:x-large}@media (max-width:430px){.post-list-indexs .box-article h2{font-size:16px}}.container.cat{padding:30px 0}.primary-cat h3.title{font-size:20px;margin-bottom:20px;text-transform:capitalize;color:crimson}.title-cat-page{font-size:20px;color:red;line-height:normal}.title-cat-page span{color:var(--black)}@media (max-width:770px){.primary-cat{padding:0 15px}}.container.static{padding:50px 0}@media (max-width:770px){.main-content-static{padding:0 15px}}h3.title-static{font-size:large;margin-bottom:30px}.single-content-static{column-count:2;column-gap:50px}@media (max-width:430px){.single-content-static{column-count:1}}.single-content-static p,.single-content-static ol,.single-content-static ul{font-size:16px;line-height:1.6;color:#333;margin-top:0}.single-content-static h2{font-size:initial;line-height:initial}.container.author{padding:30px 0}.authorpage{text-align:center;margin-bottom:50px}.authorpage img{width:100px;border-radius:100%;margin-bottom:15px}.creditinfo{line-height:1.5}.profilename{font-size:initial;font-weight:700;color:crimson;text-transform:capitalize}.creditinfo p{margin:0}h2.title-authorpage{color:red;font-size:20px;margin:0;padding:0}.swiper-container{overflow:hidden;width:100%;height:100%;margin-bottom:30px}.post-slider{display:flex;align-content:space-between;align-items:center;background:#000}@media (max-width:770px){.post-slider{flex-wrap:wrap;position:relative}}.post-slider-image{flex:0 0 66%;position:relative}@media (max-width:770px){.post-slider-image{flex:auto}}.post-slider-image img{height:auto;aspect-ratio:16/10}@media (max-width:430px){.post-slider-image img{aspect-ratio:1/1}}.post-slider-title{display:flex;flex-direction:column;gap:15px;flex:1;padding:25px}@media (max-width:770px){.post-slider-title{flex:auto;padding:25px 15px;position:absolute;bottom:0;left:0;right:0;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0)}}.post-slider-title .date{font-size:smaller;color:#999}.post-slider-title .category a{display:inline-block;padding:5px 10px;background:crimson;font-size:inherit;text-transform:capitalize;color:#fff;text-decoration:none}.post-slider-title h2 a{display:block;font-size:x-large;margin:0;line-height:1.333;color:#fff}@media (max-width:430px){.post-slider-title h2{font-size:20px}}.post-slider-title .subtitle{color:#eee;font-size:14px;line-height:1.5}@media (max-width:430px){.post-slider-title .subtitle{display:none}}.advcenter{text-align:center;margin-bottom:30px}.container.tag{padding:30px 0}h3.title.tag{color:crimson}h3.title.tag span{color:#000}.container.search{padding:30px 0}h3.title.search{color:#000;line-height:1.3}h3.title.search span{color:crimson}p.post-not-found{font-size:xx-large;line-height:1.3;color:#666}p.post-not-found a{color:crimson;text-decoration:none}.most_tag{margin:25px 0}.most_tag ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}.most_tag h3{font-size:20px;color:red;text-transform:capitalize;margin-bottom:15px}.most_tag ul li{margin-right:5px;margin-bottom:5px}.most_tag ul li a{display:block;padding:8px;border:1px solid#ccc;border-radius:5px;font-size:inherit;font-weight:600}.most_tag ul li a:before{content:"#"}@media (max-width:770px){.most_tag{padding:0 15px}}.latest-post{overflow:hidden}.latest-post h3.title{font-size:20px;margin-bottom:20px;color:crimson}.box-article{display:flex;align-items:center;overflow:hidden;margin-bottom:25px}@media (max-width:430px){.box-article{align-items:flex-start}}.box-article:last-child{border-bottom:0}.box-article-image{flex:0 0 30%;margin-right:20px}.box-article-image img{height:auto;aspect-ratio:16/9}@media (max-width:430px){.box-article-image img{aspect-ratio:1/1}.box-article-image{margin-right:15px}}.box-article-title{flex:1;overflow:hidden}.box-article-title .category{display:block;font-size:inherit;font-weight:400;text-transform:capitalize;text-decoration:none;margin-bottom:5px}.box-article-title .category a{text-decoration:none;display:inline-block;color:crimson}.box-article-title h2{font-size:large;line-height:1.5}.box-article-title .subtitle{display:none;line-height:1.3;font-size:13px;color:#666;margin-top:5px;overflow:hidden}.box-article-title .date{font-size:smaller;color:#999;margin-top:7px}@media (max-width:430px){.box-article-title h2{font-size:16px;max-height:72px;overflow:hidden}}.box-article-title h2 a{color:var(--black);text-decoration:none}.box-article-title span.date{font-size:x-small;color:#999;text-transform:uppercase;letter-spacing:1px}.title-post-cat{margin:0;padding:0 0 15px;font-size:initial;text-transform:uppercase}.title-post-cat a{color:#da251d;text-decoration:none}.box-article ul{list-style:none;margin:0 -10px;padding:0;display:flex;flex-wrap:nowrap;justify-content:space-between}.box-article ul li{max-width:33.33%;flex:0 0 33.33%;padding:0 10px;margin:0 0 25px}@media (max-width:430px){.box-article ul{width:650px}.column-kanal{overflow:auto}}.box-article .post-cat-image{margin-bottom:10px}.box-article .post-cat-image img{height:120px}.box-article .post-cat-title h2{font-size:15px;max-height:60px;overflow:hidden;line-height:1.3}.box-article .post-cat-title h2 a{color:var(--black);text-decoration:none}.box-article .post-cat-title h2 a:hover{color:var(--redd)}.box-article .post-cat-title .date{font-size:x-small;color:#999;margin-top:7px}.pagination-number{padding-top:50px}ul.page-numbers{list-style:none;margin:0;padding:0;display:flex;justify-content:center;align-items:center}ul.page-numbers li{margin:0 2px}ul.page-numbers li a,ul.page-numbers li span{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:3px;background:#000;color:#fff;font-size:initial;font-weight:700}ul.page-numbers li span{background:crimson;color:#fff}ul.page-numbers li a.prev.page-numbers,ul.page-numbers li a.next.page-numbers{display:none}ul.page-numbers li span.page-numbers.dots{background:0 0;width:auto;height:auto;font-weight:400;color:#999}.next-prev{text-align:center;padding-top:15px}.next-prev a{display:inline-block;background:crimson;padding:10px 15px;font-size:inherit;font-weight:600;text-transform:capitalize;color:var(--white);text-decoration:none}.sidebar{width:300px;float:right;overflow:hidden;position:-webkit-sticky;position:sticky;top:102px;box-sizing:border-box}.sidebar .widget p{margin:0}@media (max-width:770px){.sidebar{width:auto;float:none;padding:0 15px;margin-top:50px}}.post-bottom{padding:20px 0 35px}.post-bottom-cont{position:relative}.post-bottom-cont h3{font-size:large;text-transform:uppercase;border-bottom:1px solid#ccc}.post-bottom-cont h3 a{color:var(--blue);display:inline-block;padding:0 0 10px}.the-post-bottom ul{list-style-type:none;margin:0 -10px;padding:15px 0;display:flex;flex-wrap:nowrap}.the-post-bottom ul li{overflow:hidden;max-width:25%;padding:0 10px;position:relative;flex:0 0 25%}.the-post-bottom ul li:first-child{margin-left:0}.the-post-bottom ul li:last-child{margin-right:0}.the-post-bottom .post-cat-image img{height:130px}.the-post-bottom .post-cat-title h2{font-size:16px;padding:10px 0}.the-post-bottom .post-cat-title h2 a:hover{color:var(--tint4)}.the-post-bottom .post-cat-title .date{font-size:x-small;color:#999}@media (max-width:770px){.the-post-bottom{overflow:auto}.post-bottom-cont{margin:0 15px}.the-post-bottom ul{width:1030px}}.popular-content h3.title{font-size:20px;color:crimson;margin-bottom:20px}ul.popular-content{list-style:none;margin:0;padding:0;counter-reset:my-counter}ul.popular-content li{display:flex;margin-bottom:15px}ul.popular-content li:before{content:counter(my-counter);counter-increment:my-counter;flex:0 0 20%;font-size:48px;font-weight:400;color:#ccc;text-align:center}ul.popular-content li .asset-image{display:none}ul.popular-content li .asset-title{flex:1}ul.popular-content li .asset-title h2{font-size:16px;line-height:1.5}ul.popular-content li .asset-title .category{text-transform:capitalize;margin-top:5px}ul.popular-content li .asset-title .category a{color:crimson}.popular-posts.wpp-ajax h3{font-size:20px;margin-bottom:20px;color:crimson}.image-pop{float:left;margin-right:15px}.image-pop img{display:block;float:none;margin:0;width:95px;height:auto;aspect-ratio:1/1}.area-pop-title{overflow:hidden}.pop-title{max-height:58px;overflow:hidden}.pop-title a{font-size:15px;line-height:1.3;font-weight:600}.area-pop-title .category{margin-top:5px}.area-pop-title .category a{text-transform:capitalize;font-size:13px;color:crimson}.custom-widget-popular-posts{position:relative;margin-bottom:25px}.custom-widget-popular-posts .widget-title{display:inline-block;background:var(--white);font-size:initial;text-transform:uppercase;margin:0 0 10px;padding:0 20px 0 0;color:var(--blue)}.custom-widget-popular-posts .widget-title:before{content:"";display:block;position:absolute;top:8px;z-index:-1;width:100%;height:1px;background:var(--blue)}.custom-widget-popular-posts ul{list-style-type:none;padding:0;margin:0}.custom-widget-popular-posts ul li{counter-increment:step-counter;overflow:hidden;padding:15px 0;border-bottom:1px solid var(--border)}.custom-widget-popular-posts ul li:last-child{border:none}.custom-widget-popular-posts ul li:before{content:counter(step-counter);display:block;float:left;width:30px;font-size:x-large;font-weight:700;padding-right:10px;color:#ccc;text-align:right}.widget-box-post{display:flex;flex-direction:row-reverse}.widget-box-post .post-image img{width:85px;height:85px;object-fit:cover;vertical-align:middle}.widget-box-post .post-title h3{display:inline-block;font-size:15px;font-weight:700;line-height:1.3;margin:0;padding-right:10px}.widget-box-post .post-title h3 a{color:var(--black);text-decoration:none}.widget-box-post .post-title h3 a:hover{color:var(--tint4)}.cat-popular h2.cat-pop-title{text-transform:capitalize;font-size:x-large;border-bottom:1px solid#dcdcdc;padding-bottom:15px}.cat-popular h2.cat-pop-title .material-icons{margin-right:5px;color:#c30}.cat-popular ul{list-style-type:none;margin:0;padding:0}.cat-popular ul li{counter-increment:step-counter;padding:10px 0;display:flex;align-items:center;border-bottom:1px solid#eee}.cat-popular ul li:last-child{border-bottom:0}.cat-popular ul li:before{content:counter(step-counter);width:40px;font-size:xx-large;font-weight:700;color:var(--blue);text-align:right;padding-right:20px}.cat-popular ul li h3{flex:1;font-size:15px;font-weight:600;line-height:1.5;max-height:68px;overflow:hidden}.cat-popular ul li:hover h3 a{color:var(--blue)}@media (max-width:770px){.sidebar.cat{margin-top:50px}}.sidebar .widget{position:relative;margin-bottom:25px}.sidebar .widget .widget-title{display:inline-block;background:var(--white);font-size:initial;text-transform:uppercase;margin:0 0 10px;padding:0 20px 0 0;color:var(--blue)}.sidebar .widget .widget-title:before{content:"";display:block;position:absolute;top:8px;z-index:-1;width:100%;height:1px;background:var(--blue)}.widget_archive ul{list-style-type:none;margin:0;padding:0}.widget_archive ul li{border-bottom:1px solid var(--border);font-size:smaller}.widget_archive ul li a{display:inline-block;padding:10px 0;color:var(--black);font-size:15px;text-decoration:none}.widget_archive select{display:block;width:100%;font-family:inherit;padding:10px;font-size:15px;margin:10px 0;border:1px solid var(--border);border-radius:5px;outline:none}.widget_recent_entries ul{list-style-type:none;margin:0;padding:0}.widget_recent_entries ul li{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:10px}.widget_recent_entries ul li a{display:block;text-decoration:none;line-height:1.3;color:var(--black);font-weight:700;padding:10px 0 5px}.widget_recent_entries ul li span{font-size:smaller;color:var(--tint5)}.widget_categories ul{list-style-type:none;margin:0;padding:0}.widget_categories ul li{border-bottom:1px solid var(--border);font-size:smaller}.widget_categories ul li a{display:inline-block;padding:10px 0;color:var(--black);font-size:15px;text-decoration:none}.widget_categories select{display:block;width:100%;font-family:inherit;padding:10px;font-size:15px;margin:10px 0;border:1px solid var(--border);border-radius:5px;outline:none}.widget_tag_cloud .tagcloud{padding:10px 0}.widget_tag_cloud .tagcloud a{display:inline-block;font-size:14px !important;text-decoration:none;padding:5px 10px;background:var(--blue);color:var(--white);border-radius:4px;margin-bottom:5px}.widget_tag_cloud .tagcloud a span{font-size:smaller}.widget_text p{margin:5px 0 10px;line-height:1.3}.widget_media_image img{width:100%;height:auto;object-fit:cover}.widget_media_image figure{width:100% !important;margin:10px 0}.widget_media_image figure img{width:100%;height:auto;object-fit:cover}.widget_media_image figure figcaption{font-size:smaller;padding:5px 0;line-height:1.3;color:var(--tint5)}.footer{padding:50px 0;background:#000;border-top:1px solid}.footer .container{padding:0}@media (max-width:770px){.main-footer{padding:0 20px}}.myfoot{margin-bottom:20px}.logo-brand-footer img{width:200px}.menu-footer-primary{margin-bottom:15px}.menu-footer-primary ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap}.menu-footer-primary ul li{margin-right:25px}.menu-footer-primary ul li a{display:block;padding:5px 0;color:#ccc;font-size:inherit}.menu-footer-primary ul li a:hover{color:#fff}.foot-desc{max-width:700px;margin-bottom:20px}.foot-desc p{margin:0;color:#999;font-size:inherit;line-height:1.5}@media (max-width:770px){.footer .container{padding:0}.main-footer{flex-direction:column}.main-footer .myfoot.center{margin-top:15px;margin-bottom:35px}}.footer-brand h1{font-size:25px}.footer-brand h1 a{text-decoration:none;color:var(--tint1)}.footer-brand img{width:200px;height:auto;object-fit:cover;border-radius:unset}@media (max-width:770px){.footer-brand h1{margin:10px 0}}.footer-menu ul{list-style-type:none;margin:0;padding:0;display:grid;grid-template-columns:auto auto;grid-row-gap:15px}.footer-menu ul li:first-child,.footer-menu ul li:last-child{display:none}.footer-menu ul li a{display:inline-block;text-transform:capitalize;font-size:13px;text-decoration:none}@media (max-width:770px){.footer-menu{margin-bottom:10px}}.footer-social-media ul{list-style-type:none;margin:0;padding:0;display:flex;justify-content:right;flex-wrap:nowrap}.footer-social-media ul li a{display:inline-block;width:35px;text-align:center;margin:0 5px;font-size:21px}@media (max-width:770px){.footer-social-media ul{justify-content:center}}.main-footer-credit{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid#ddd}.footer-credit span{font-size:11px;color:#999}.footer-credit span a{color:inherit;text-decoration:none}.container.single{padding:25px 0}.single-header{margin-bottom:25px}@media (max-width:770px){.single-header{padding:0 15px}.single-content{padding:0 15px}}.breadcrumb{display:flex;justify-content:left;align-items:center;color:#999;margin-bottom:15px}.breadcrumb span:first-child a{display:none}.breadcrumb span.breadcrumbs__separator{display:none;margin:0 8px}.breadcrumb span a{font-size:initial;font-weight:700;color:crimson;text-transform:capitalize}.breadcrumb span a:hover{color:#000}.single-header h1.post-title{font-size:xx-large;font-weight:700;margin:0;padding:0;line-height:1.3}.single-header h1.post-title a{color:inherit;text-decoration:none}@media (max-width:430px){.single-header h1.post-title{font-size:x-large;line-height:1.5}}.single-header h3.sub-title{margin-top:10px;font-weight:400;line-height:1.5;font-size:15px;color:#666}.pageinfo{display:flex;align-items:center;margin-top:15px;font-size:inherit;color:#999}.pageinfo .author a{text-transform:capitalize;text-decoration:none}.single-header .date{margin-left:10px;padding-left:10px;border-left:1px solid#ccc}.featured-image{margin-bottom:25px}.featured-image figure{margin:0;padding:0;overflow:hidden}.featured-image img{aspect-ratio:16/9;height:auto}.featured-image figcaption{display:block;font-size:12px;line-height:1.3;padding:8px 0;color:#999}@media (max-width:770px){.featured-image figcaption{margin:0 15px}}.block-article{margin-bottom:35px}.block-article h1,.block-article h2,.block-article h3,.block-article h4,.block-article h5,.block-article h6{line-height:1.5;font-size:20px}.block-article p,.block-article ol,.block-article ul{font-size:16px;line-height:1.6}.block-article p strong a.tag_link{color:unset;font-weight:unset}.block-article p a.tag_link{color:var(--blue);font-weight:600}.block-article figure{width:100%!important;margin:30px 0}.block-article figure img{width:100%}.block-article figcaption{font-size:11px;color:#999;line-height:1.3;padding:5px 0}.block-article figcaption a:link,.block-article figcaption a:visited{color:unset}.ads_post_article{margin:30px 0}.banner-in-article{margin:25px 0;text-align:center}.related-inarticle{display:flex;flex-direction:column;gap:5px;margin:30px 0;padding-left:15px;border-left:3px solid crimson}.related-inarticle .title-read{font-size:initial;color:crimson;font-weight:700}.related-inarticle .post-read a{display:block;font-size:initial;font-weight:700;line-height:1.5;color:#4682b4;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s}.related-inarticle:hover .post-read a{text-decoration:underline;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s}h3.page-links-title{text-align:center;font-size:initial;margin-top:35px}.page-links{display:flex;justify-content:center;flex-wrap:nowrap;margin-bottom:15px}.page-links-title{display:block;font-weight:700;margin-bottom:10px}.page-links .post-page-numbers{margin:0 2px}.page-links a:first-child .link-number{padding:0 10px;margin-right:0}.page-links .link-number{display:flex;justify-content:center;align-items:center;width:35px;height:35px;border:1px solid var(--blue);border-radius:25px;font-size:initial;font-weight:700;color:var(--blue);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s}.page-links a:last-child .link-number{padding:0 10px;margin-left:0}.page-links .link-number .material-icons{vertical-align:middle}.page-links .post-page-numbers.current .link-number{color:#fff;background:var(--blue)}.page-links .link-number:hover{background:var(--blue);color:#fff}.page-links .post-page-numbers.current{border-radius:3px}.post-tags{display:flex;flex-wrap:wrap;align-items:center;justify-content:left;margin-bottom:25px}.post-tags .tags-title{display:none;font-size:initial;font-weight:700;color:var(--blue);text-transform:capitalize;margin-right:5px}.post-tags a{display:flex;justify-content:center;align-items:center;padding:8px;margin:0 5px 5px 0;font-size:inherit;color:#666;text-decoration:none;background:#f6f6f6;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s}.post-tags a:hover{background:#000;color:#fff}.social-share{display:flex;justify-content:left;align-items:center;overflow:hidden;margin-bottom:50px}.social-share button{display:flex;justify-content:center;align-items:center;background:#fff;width:35px;height:35px;text-align:center;text-decoration:none;font-size:initial;border-radius:25px;border:1px solid#999;margin-right:10px;cursor:pointer;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s}.social-share button a,.social-share button .fa-link{color:#999}.social-share button:hover{border-color:#000}.social-share button:hover a,.social-share button:hover .fa-link{color:#000}.comment-section{margin-bottom:25px}.comments-area{margin-bottom:35px}@media (max-width:680px){.comment-section{padding:0 15px}}.comment-section h3.comment-reply-title{margin-bottom:5px;color:var(--black)}.comment-section .logged-in-as a{color:var(--tint5);font-size:smaller}.comment-section #cancel-comment-reply-link{color:#ff4500;text-decoration:none;margin-left:10px;font-size:small}.comment-section .comment-notes{margin:15px 0 10px;font-size:small;color:var(--tint5)}.comment-section form label{display:block;margin:0 0 10px}.comment-section form textarea,.comment-section form input{width:100%;font-family:inherit;padding:10px;border:1px solid var(--border);border-radius:5px;color:var(--tint4);outline:none}.comment-section form input[type=checkbox]{width:auto;float:left;margin-right:5px}.comment-section form .comment-form-cookies-consent label{font-size:small;color:var(--tint5)}.comment-section form input.submit{display:inline-block;padding:8px 15px;font-size:14px;border:none;background:var(--blue);color:var(--white);border-radius:5px;cursor:pointer}.comment-section .post-comments{margin:40px 0;padding:0;list-style-type:none}.comment-section .post-comments li .comment-body{padding:20px;background:var(--border);border-radius:5px;margin-bottom:20px}.comment-section .post-comments li .comment-author{display:flex;align-items:center;margin-bottom:15px}.comment-section .post-comments li .comment-author img{width:30px;height:30px;object-fit:cover;border-radius:30px}.comment-section .post-comments li .comment-author .fn{margin:0 5px 0 10px}.comment-section .post-comments li .comment-author .says{font-size:small}.comment-section .post-comments li .comment-metadata a{color:var(--tint2);text-decoration:none;font-size:14px;margin-bottom:5px;display:block}.comment-section .post-comments li .comment-awaiting-moderation{font-size:smaller;color:var(--tint5)}.comment-section .post-comments li .comment-content p{line-height:1.5}.comment-section .post-comments li .reply a{display:inline-block;font-size:smaller;text-decoration:none;background:var(--blue);padding:5px 15px;border-radius:3px;color:var(--white)}.comment-section ul li ul{list-style-type:none}.related-post{position:relative;margin-bottom:50px}@media (max-width:770px){.related-post{padding:0 15px}}.related-post h3{font-size:20px;margin-bottom:20px;color:crimson}.related-post ul{list-style-type:none;margin:0;padding:0;display:grid;grid-template-columns:auto auto auto;grid-column-gap:20px;grid-row-gap:30px}@media (max-width:770px){.related-post ul{grid-template-columns:auto auto}}@media (max-width:430px){.related-post ul{grid-column-gap:15px}}.related-post ul li{overflow:hidden}.related-post .box-related-image{margin-bottom:10px}.related-post img{aspect-ratio:16/9}.related-post h2{font-size:16px;line-height:1.5;max-height:72px;overflow:hidden}.newpostlist{margin-bottom:50px}@media (max-width:770px){.newpostlist{padding:0 15px}}.newpostlist h3{font-size:20px;margin-bottom:20px;color:crimson}.newpostlist .box-article:last-child{border-bottom:0}.container.error{text-align:center;padding:100px 15px}.container.error h2.title-404{font-weight:400;font-size:150px;color:crimson;margin-bottom:50px}.container.error h3.sub-not-found{font-weight:700;font-size:x-large;color:var(--black);margin-bottom:25px;line-height:1.3}.container.error a.btn-home{display:inline-block;padding:10px 20px;background:#000;font-size:initial;font-weight:700;text-decoration:none;border-radius:3px;color:#fff}.back-to-top{display:none;position:fixed;bottom:20px;right:20px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s}.back-to-top .material-icons{display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.3);color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer}.internal-linking-related-contents{font-size:initial;font-weight:700;line-height:1.5}.internal-linking-related-contents .template-1,.internal-linking-related-contents .template-2,.internal-linking-related-contents .template-3{padding:0}.internal-linking-related-contents .template-2 span.cta{display:block;padding:5px 0;font-weight:700}.internal-linking-related-contents span{font-weight:600}.dark-mode{background-color:#000;color:#ccc}.dark-mode #mode-toggle{background-color:#000}.dark-mode header{background-color:#000;transition:background-color .3s ease,color .3s ease}.dark-mode .menu-mobile-primary{background-color:#000}.dark-mode .swiper-random .rand h2 a,.dark-mode .material-symbols-outlined,.dark-mode .menu-primary ul li a,.dark-mode .box-article-title h2 a,.dark-mode ul.popular-content li .asset-title h2 a,.dark-mode .related-post h2 a,.dark-mode h3.title.tag span,.dark-mode h3.title.search,.dark-mode .menu_slide ul li a,.dark-mode .container.error h3.sub-not-found{color:#ccc}.dark-mode .header,.dark-mode .footer{border-color:#333}.dark-mode .single-header h1.post-title,.dark-mode .pageinfo .author a,.dark-mode .single-header h3.sub-title,.dark-mode .block-article,.dark-mode .related-inarticle .post-read a{color:#ccc}.dark-mode .select-indexs select,.dark-mode .sosmed-menu-mobile ul li a,.dark-mode .container.error a.btn-home{background-color:#fff}.dark-mode .single-content-static p,.dark-mode .single-content-static ol,.dark-mode .single-content-static ul{color:#eee}.dark-mode .sosmed-menu-mobile ul li a,.dark-mode .container.error a.btn-home{color:#000}.dark-mode .post-tags a{background:#333;color:#fff}.dark-mode .post-tags a:hover{background:var(--red)}