/*
Theme Name: Kunci Panggilan
Template: kadence
Description: Child theme Kadence untuk kuncipanggilan.com. Tampilan ditulis ulang agar identik dengan situs lama.
Version: 1.0.0
Text Domain: kunci-panggilan
*/

/* ---------- ikon dari Ultimate Addons lama (IcoMoon Free & Font Awesome 4, lisensi bebas) ---------- */
@font-face{font-family:'icomoon-free-social-contact-16x16';src:url('fonts/icomoon-free-social-contact-16x16/icomoon-free-social-contact-16x16.woff') format('woff'),url('fonts/icomoon-free-social-contact-16x16/icomoon-free-social-contact-16x16.ttf') format('truetype');font-weight:normal;font-style:normal}
@font-face{font-family:'Defaults';src:url('fonts/Defaults/Defaults.woff') format('woff'),url('fonts/Defaults/Defaults.ttf') format('truetype');font-weight:normal;font-style:normal}
.icf,.icd{speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icf{font-family:'icomoon-free-social-contact-16x16'}
.icd{font-family:'Defaults'}
.icf-facebook:before{content:"\e900"}.icf-location:before{content:"\e935"}.icf-mobile:before{content:"\e93b"}.icf-pencil:before{content:"\e941"}.icd-instagram:before{content:"\f16d"}

/* ---------- dasar ---------- */
*,*::before,*::after{box-sizing:border-box}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{margin:0;background:#232323;color:#85868c;font:normal 400 15px/27px Roboto,Helvetica,Arial,Verdana,sans-serif;-webkit-font-smoothing:auto;overflow-x:hidden}
a{color:#0d76a6;text-decoration:none}
p{margin:0 0 10px}
img{max-width:100%;height:auto;border:0;vertical-align:middle}
h1,h2,h3,h4,h5,h6{margin:0 0 10px;color:#333;font-family:"Roboto Condensed",Helvetica,Arial,Verdana,sans-serif;font-weight:700;clear:both}
h2{font-size:34px;line-height:44px}h3{font-size:24px;line-height:34px}h4{font-size:20px;line-height:30px}
ul,ol{margin:0;padding:0;list-style:none}
strong,b{font-weight:700}
.screen-reader-text,.assistive-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.skip-link{left:-9999em;top:-9999em}
#page{position:relative;overflow:hidden}
.wf-wrap{max-width:1300px;margin:0 auto;padding:0 50px;position:relative}

/* ---------- header ---------- */
.masthead{position:relative;z-index:102;background:#1a1c20}
.top-bar{position:relative;display:flex;align-items:center;justify-content:space-between;height:40px;padding:7px 50px;color:#fff;font:500 13px/19px Roboto,Helvetica,Arial,Verdana,sans-serif}
.top-bar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(255,255,255,.12)}
.mini-contacts{display:flex;align-items:center}
.mini-contacts i{width:20px;font-size:16px;margin-right:5px;text-align:center}
.soc-ico{display:flex}
.soc-ico a{position:relative;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin:0 2px;border-radius:100px;color:#fff;font-size:16px;line-height:26px;background:linear-gradient(135deg,#0d76a6 30%,#13a8c6 100%)}
.soc-ico a:first-child{margin-left:0}.soc-ico a:last-child{margin-right:0}
.soc-ico a:hover{background:#fff;color:#0d76a6}
.header-bar{display:flex;align-items:center;height:90px}
.branding{display:flex;align-items:center;padding:0 50px;flex:0 0 auto}
.branding img{width:57px;height:57px}
.main-nav-wrap{flex:1 1 auto;display:flex;align-items:center;height:100%}
.main-nav{display:flex;height:100%}
.main-nav>li{position:relative;display:flex}
.main-nav>li>a{position:relative;display:flex;align-items:center;margin:5px 15px;padding:5px 0}
.main-nav>li:first-child>a{margin-left:0}
.main-nav .menu-text{display:block;color:#fff;font:700 18px/22px "Roboto Condensed",Helvetica,Arial,Verdana,sans-serif;text-transform:uppercase}
.main-nav .underline{position:absolute;left:1px;bottom:-5px;width:0;height:2px;opacity:.85;background:linear-gradient(to left,#0d76a6 30%,#13a8c6 100%);transition:width .3s}
.main-nav>li>a .underline{top:calc(50% + 11px + 5px);bottom:auto}
.main-nav>li.act>a .menu-text,.main-nav>li>a:hover .menu-text{background:-webkit-linear-gradient(left,#0d76a6 30%,#13a8c6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.main-nav>li.act>a .underline,.main-nav>li>a:hover .underline{width:100%}
.mini-widgets{margin-left:auto;padding-right:50px}
.text-area{position:relative;color:#fff;font:500 13px/17px Roboto,Helvetica,Arial,Verdana,sans-serif}
.text-area p{margin:0}
.text-area i{font-size:28px;line-height:28px;width:24.5px;font-weight:900}
.text-area .dt-phone-header{margin:-26px 0 0 25px;font-size:17px;line-height:17px;font-weight:bold}
.text-area .dt-phone-sub{margin:2px 0 0 25px;color:#aeb2b5}
.mobile-header-bar{display:none}
.sticky-header{position:fixed;left:0;right:0;top:-64px;height:64px;z-index:200;background:#111;display:flex;align-items:center;opacity:0;visibility:hidden;transition:top .3s,opacity .3s,visibility .3s}
.sticky-header.show{top:0;opacity:1;visibility:visible}
.sticky-header .branding{padding:0 38px}
.sticky-header .main-nav>li>a{margin-top:0;margin-bottom:0}
.sticky-header .text-area i{font-weight:400}
.dt-mobile-header,.dt-mobile-menu-overlay{display:none}

/* ---------- hero ---------- */
.kp-hero{position:relative;height:614px;overflow:hidden}
.kp-hero-bg{position:absolute;inset:0;background-size:cover;background-position:50% 50%}
/* filter foto "Hudson" (CSSgram, MIT) — sama dengan yang dipakai Revolution Slider lama */
.hudson{filter:brightness(1.2) contrast(.9) saturate(1.1)}
.hudson::before,.hudson::after{content:"";display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}
.hudson::before{z-index:2}
.hudson::after{z-index:3;background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}
.kp-hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.3)}
.kp-layer{position:absolute;white-space:nowrap;color:#fff;text-align:left;visibility:hidden;-webkit-font-smoothing:antialiased}
.kp-hero.ready .kp-layer{visibility:visible}
.kp-l-title,.kp-l-h1,.kp-l-btn{font-family:"Open Sans",sans-serif}
.kp-l-h2,.kp-l-list{font-family:Roboto,Helvetica,Arial,Verdana,sans-serif}
.kp-l-list{will-change:transform}
.kp-l-btn{display:block;background:#17d837;border-radius:3px;color:#fff;will-change:transform}
.kp-l-btn:hover{background:#fff;color:#257ede}
.kp-l-btn i{font-weight:900}

/* ---------- konten beranda ---------- */
#main{padding:70px 0}
.kp-row{display:flex;flex-wrap:wrap;margin:0 -25px;position:relative}
.kp-col{padding:0 25px;min-height:1px}
.kp-col-12{width:100%}.kp-col-8{width:66.6667%}.kp-col-6{width:50%}.kp-col-4{width:25%}.kp-col-4x{width:33.3333%}
.kp-offset-2{margin-left:16.6667%}
.kp-bg-full::before{content:"";position:absolute;top:0;bottom:0;left:-100vw;right:-100vw;z-index:-1}
.kp-heading h2{margin:0;color:#333;font:700 34px/normal "Roboto Condensed",Helvetica,Arial,Verdana,sans-serif;text-align:center}
.kp-sub{margin:10px 0 50px;color:#72777d;font-size:17px;line-height:28px;text-align:center}
.kp-sub p:last-child{margin-bottom:0}
.kp-row-about{padding:80px 0 40px}
.kp-row-order{padding:90px 0 80px}
.kp-row-order::before{background:#f4f4f4}
.kp-row-order .kp-heading h2{margin-bottom:20px}
.kp-text{padding-bottom:30px}
.kp-text p:last-child{margin-bottom:0}
.kp-btn{position:relative;display:inline-flex;align-items:center;white-space:nowrap;padding:14px 28px;margin-bottom:10px;border-radius:100px;background:linear-gradient(135deg,#0d76a6 30%,#13a8c6 100%);color:#fff;font:700 14px/16px Roboto,Helvetica,Arial,Verdana,sans-serif;text-transform:uppercase}
.kp-btn:hover{background:linear-gradient(135deg,#1083b8 30%,#16b6d6 100%);color:#fff}
.kp-row-cta .kp-col{padding-top:40px;padding-bottom:40px}
.kp-row-cta::before{background:#257ede}
.kp-cta{color:#fff;font:300 28px/34px "Open Sans",sans-serif;text-align:center}
.kp-cta strong{font-weight:700}
.kp-row-gallery-head{padding:80px 0 55px}
.kp-row-gallery-head .kp-sub{margin-bottom:50px}
.kp-single-image{padding-bottom:1rem}
.kp-img-wrap{position:relative;display:inline-block;max-width:100%;vertical-align:top;background-color:rgba(133,134,140,.05)}
.kp-img-wrap img{display:inline;vertical-align:top}
.kp-img-wrap i{position:absolute;inset:0;opacity:0;background:linear-gradient(135deg,rgba(13,118,166,.25) 30%,rgba(19,168,198,.25) 100%);transition:opacity .3s}
.kp-img-wrap:hover i{opacity:1}
.kp-row-contact{padding:70px 0 20px}
.kp-row-contact::before{background:#232323}
.kp-contact-1{padding-bottom:30px}.kp-contact-2{padding-bottom:50px}.kp-contact-3{padding-bottom:40px}
.kp-contact-logo{padding-bottom:23px}
.kp-contact-about{margin-bottom:30px;color:#9e9e9e;font-size:15px;line-height:26px;text-align:left}
.kp-sq-icon{display:inline-block;width:36px;height:36px;margin-right:5px;background:#257ede;color:#fff;font-size:18px;line-height:36px;text-align:center;vertical-align:top}
.kp-sq-icon i{line-height:36px}
.kp-icons{margin-bottom:35px;line-height:15px}
.kp-foot-title{margin:5px 0 30px;color:#fff;font:700 18px/24px "Roboto Condensed",Helvetica,Arial,Verdana,sans-serif;text-align:left}
.kp-foot-title-link{margin-bottom:20px}
.kp-info{display:flex;align-items:center;margin-bottom:15px}
.kp-info .kp-sq-icon{margin-right:15px;flex:0 0 36px}
.kp-info h3{margin:0;color:#9e9e9e;font:400 15px/26px "Open Sans",sans-serif}
.custom-menu li{position:relative;margin-top:9px;padding-top:10px;border-top:1px solid rgba(133,134,140,.15);font-size:14px;line-height:25px}
.custom-menu li:first-child{margin-top:0;padding-top:0;border-top:0}
.custom-menu a{position:relative;display:inline-block;padding-left:23px;color:#85868c;font-size:14px;line-height:25px}
.custom-menu a::before,.custom-menu a::after{content:"";position:absolute;top:12.5px;left:0;width:14px;height:14px;transform:translateY(-7px)}
.custom-menu a::before{background:rgba(133,134,140,.15);border-radius:2px}
.custom-menu .current-menu-item>a{background:-webkit-linear-gradient(left,#0d76a6 30%,#13a8c6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.custom-menu a::after{background:#85868c;-webkit-mask:url(img/chevron.svg) 50% 50%/8px auto no-repeat;mask:url(img/chevron.svg) 50% 50%/8px auto no-repeat}
.kp-menu-widget{padding-bottom:25px}
.kp-wa-widget{padding:25px 0;border-top:1px solid rgba(51,51,51,.12)}
.kp-copy{background:#fff;padding-bottom:20px;color:#292929}
.kp-copy-line{color:#292929;text-align:center}
.kp-copy a{color:#292929;text-decoration:none}
.kp-row-copy .kp-text{padding-bottom:0}

/* ---------- melayang ---------- */
.kp-wa-float{position:fixed;bottom:0;left:0;z-index:1000;margin-left:15px;text-align:center;font-size:14px;line-height:25px}
.kp-wa-float img{width:250px;vertical-align:baseline}
.scroll-top{position:fixed;right:10px;bottom:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:2px;background:rgba(0,0,0,.2);color:#fff;opacity:0;visibility:hidden;z-index:1001;transition:opacity .3s,visibility .3s}
.scroll-top.on{opacity:1;visibility:visible}

/* ---------- judul halaman ---------- */
.page-title{height:220px;background:linear-gradient(180deg,#076a97 30%,#13a8c6 100%);text-align:center}
.page-title .wf-wrap{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:25px;padding-bottom:20px}
.page-title h1{margin:0;color:#fff;font:700 34px/44px "Roboto Condensed",Helvetica,Arial,Verdana,sans-serif;text-transform:uppercase}
.page-title-breadcrumbs{position:relative}
.page-title-breadcrumbs .assistive-text{position:absolute!important}
.breadcrumbs{display:block;margin:15px 0 5px;padding:3px 20px;border-radius:100px;background:rgba(255,255,255,.15);color:#fff;font:italic 400 12px/22px Roboto,Helvetica,Arial,Verdana,sans-serif}
.breadcrumbs li{position:relative;display:inline-block}
.breadcrumbs li+li{margin-left:8px;padding-left:12px}
.breadcrumbs li+li::before{content:"/";position:absolute;top:0;left:0;color:rgba(255,255,255,.5)}
.breadcrumbs a{color:#fff}

/* ---------- blog & artikel ---------- */
.wf-container-main{display:flex;align-items:flex-start}
.sidebar-right #content{flex:0 0 805px;width:805px;min-width:0}
#sidebar{flex:0 0 325px;width:325px;margin-left:70px;border-left:1px solid rgba(51,51,51,.12);position:relative;z-index:9;align-self:stretch}
.sidebar-content{display:flow-root;padding-left:70px;font-size:14px;line-height:25px}
.sidebar-content .widget{margin:0;padding:25px 0}
.sidebar-content .widget:first-child{padding-top:0}
.widget-title{margin-bottom:15px;color:#333;font:700 16px/26px "Roboto Condensed",Helvetica,Arial,Verdana,sans-serif}
.sidebar-content li{font-size:14px;line-height:25px}
.sidebar-content li+li{margin-top:5px}
.sidebar-content li a{display:inline-block;color:#85868c}
.searchform{position:relative;margin-top:5px;z-index:3}
.searchform input.field{display:inline-block;width:100%;height:38px;padding:5px 15px;border:1px solid rgba(51,51,51,.12);background:#fff;color:#85868c;font:14px/25px Roboto,Helvetica,Arial,Verdana,sans-serif;outline:0;border-radius:0;vertical-align:top}
.searchform input.field::placeholder{color:#85868c;opacity:.5}
.searchform .submit{position:absolute;right:11px;top:0;width:20px;height:38px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;cursor:pointer}
.searchform .submit i{display:block;width:16px;height:16px;background:#85868c;-webkit-mask:url(img/search.svg) 0 0/16px 16px no-repeat;mask:url(img/search.svg) 0 0/16px 16px no-repeat}
.kp-post-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.kp-card{background:#f9f9f9;padding:10px}
.kp-card h4{margin:0 0 15px;color:#333;font:700 20px/30px "Roboto Condensed",Helvetica,Arial,Verdana,sans-serif;text-align:left}
.kp-card p{margin:0 0 15px;font-size:15px;line-height:27px}
.kp-readmore{display:inline-block;padding:14px 20px;border:1px solid transparent;border-radius:5px;background:#f4524d;color:#fff;font:400 14px/normal Roboto,Helvetica,Arial,Verdana,sans-serif;text-align:center}
.entry-content{margin-bottom:50px}
.entry-content>:last-child{margin-bottom:0}
.post-meta{margin-bottom:55px}
.entry-meta{display:flex;justify-content:center;flex-wrap:wrap;color:#b4b5bb;font-size:13px;line-height:23px}
.entry-meta>*{position:relative;display:block;padding-right:9px;margin-right:6px;color:#b4b5bb}
.entry-meta>* a,.entry-meta a{color:#b4b5bb}
.entry-meta>*::after{content:"";position:absolute;top:50%;right:0;width:3px;height:3px;transform:translateY(-1.5px);border-radius:50%;background:#b4b5bb}
.entry-meta>*:last-child{padding-right:0;margin-right:0}
.entry-meta>*:last-child::after{display:none}
.author-info{display:flex;padding:30px 30px 25px;margin-bottom:60px;background:#f7f7f7;border-radius:2px}
.author-avatar{flex:0 0 80px;width:80px;height:80px;margin-right:30px}
.avatar-lazy-load-wrap{display:flex;border-radius:50%}
.author-avatar img{display:block;width:80px;height:80px;border-radius:50%}
.author-description h4{margin:0 0 5px;color:#333;font:700 16px/26px "Roboto Condensed",Helvetica,Arial,Verdana,sans-serif}
.author-bio{margin:0}
.post-navigation{margin-bottom:50px}
.post-navigation .nav-links{display:flex;padding:25px 0;border-top:1px solid rgba(51,51,51,.12);border-bottom:1px solid rgba(51,51,51,.12)}
.post-navigation .nav-links>*{position:relative;display:flex;flex-direction:column;width:372.5px;min-height:58px}
.post-navigation .nav-previous{padding-left:35px;margin-right:30px;align-items:flex-start}
.post-navigation .nav-next{padding-right:35px;margin-left:30px;align-items:flex-end;text-align:right}
.post-navigation .kp-arrow{position:absolute;top:50%;margin-top:-16px;width:32px;height:32px;background:rgba(51,51,51,.12);-webkit-mask:url(img/arrow-left.svg) 0 0/32px 32px no-repeat;mask:url(img/arrow-left.svg) 0 0/32px 32px no-repeat}
.post-navigation .nav-previous .kp-arrow{left:0}
.post-navigation .nav-next .kp-arrow{right:0;transform:scaleX(-1)}
.post-navigation .meta-nav{display:block;width:100%;margin-bottom:5px;color:#b4b5bb;font-size:13px;line-height:23px;text-transform:uppercase}
.post-navigation .post-title{display:block;color:#333;font:700 20px/30px "Roboto Condensed",Helvetica,Arial,Verdana,sans-serif}
.single-related-posts{display:flex;flex-direction:column;margin-bottom:50px;padding-bottom:35px;border-bottom:1px solid rgba(51,51,51,.12)}
.single-related-posts h3{margin:0 0 30px;color:#333;font:700 24px/34px "Roboto Condensed",Helvetica,Arial,Verdana,sans-serif}
.related-posts{display:flex;flex-wrap:wrap;margin:0 -25px -25px}
.related-item{display:flex;width:50%;padding:0 25px 25px;position:relative}
.mini-post-img{flex:0 0 130px;width:130px;height:90px}
.mini-post-img a{position:relative;display:block;width:110px;height:80px;margin:5px 20px 5px 0;border:1px solid rgba(51,51,51,.12)}
.mini-post-img i{position:absolute;inset:0;background:linear-gradient(135deg,rgba(13,118,166,.25) 30%,rgba(19,168,198,.25) 100%);opacity:0}
.related-item .post-content a{display:inline-block;color:#333;font-size:15px;line-height:27px}
.related-item .post-content time{display:block;margin-top:5px;color:rgba(133,134,140,.5);font-size:13px;line-height:23px}
.comments-area,#respond{display:flex;flex-direction:column}
.comment-reply-title{margin:0 0 30px;color:#333;font:700 24px/34px "Roboto Condensed",Helvetica,Arial,Verdana,sans-serif}
.comment-reply-title small{display:none}
.comment-notes{margin:0 0 15px;font-size:13px;line-height:23px}
.comment-form-comment{margin:0 0 10px}
#commentform textarea,#commentform input[type=text]{display:inline-block;width:100%;padding:5px 15px;margin-bottom:10px;border:1px solid rgba(51,51,51,.12);border-radius:0;background:#fff;color:#85868c;font:14px/25px Roboto,Helvetica,Arial,Verdana,sans-serif;outline:0;vertical-align:top}
#commentform textarea{height:212px;resize:vertical}
#commentform input[type=text]{height:38px}
#commentform ::placeholder{color:#85868c;opacity:.5}
.form-fields{margin-bottom:10px}
.form-fields>span{display:block;position:relative}
.comment-form-cookies-consent{margin:0 0 20px}
.comment-form-cookies-consent input{margin:0 5px 0 0;vertical-align:baseline}
.comment-form-cookies-consent label{font-size:13px;line-height:23px}
.form-submit{margin:0;display:flex}
.form-submit .kp-btn{margin-bottom:0}
.kp-hidden-submit{display:none}

/* ---------- arsip (masonry) & 404 ---------- */
.kp-masonry{position:relative;margin:-10px}
.kp-cell{position:absolute;padding:10px}
.kp-arch-post{position:relative;background:#f7f7f7}
.kp-arch-post .blog-content{position:relative;z-index:9;padding:10px 25px}
.kp-arch-post .entry-title{margin:0;padding-top:10px;color:#333;font:700 20px/30px "Roboto Condensed",Helvetica,Arial,Verdana,sans-serif}
.kp-arch-post .entry-title a{color:#333}
.kp-arch-post .entry-meta{display:block;padding-top:10px}
.kp-arch-post .entry-meta>*{display:inline-block}
.kp-arch-post p{margin:0 0 10px;padding-top:10px}
.kp-404{min-height:500px;text-align:center}
.kp-404 .entry-title{margin:0 0 10px;color:#333;font:700 34px/44px "Roboto Condensed",Helvetica,Arial,Verdana,sans-serif}
.kp-404 .searchform{margin-top:0}
.kp-404 .searchform input.field{padding-right:30px}
.kp-404 .searchform{text-align:left}

/* ---------- footer ---------- */
.footer{background:#1a1c20}
.footer .footer-widgets{padding:60px 0 25px;margin:0 -25px;font-size:0}
.footer .widget{display:inline-block;vertical-align:top;width:312.5px;padding:0 25px;margin-bottom:30px;font-size:14px;line-height:25px}
#bottom-bar{position:relative;z-index:9;background:rgba(255,255,255,.06);color:#fff;font-size:13px;line-height:23px}
#bottom-bar .wf-container-bottom{display:flex;align-items:center;min-height:60px;padding:10px 0}
#bottom-bar .wf-float-left{margin-right:10px}
#bottom-bar a{color:#fff}

/* ---------- HP & tablet ---------- */
@media (max-width:1050px){
	.top-bar{justify-content:center;height:36px;padding:7px 20px}
	.soc-ico{display:none}
	.header-bar,.sticky-header{display:none}
	.mobile-header-bar{display:flex;align-items:center;justify-content:flex-end;height:60px;padding:0 20px;position:relative}
	.dt-mobile-menu-icon{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:24px;padding:4px 1px;margin-right:11px}
	.dt-mobile-menu-icon .menu-line{display:block;width:22px;height:2px;background:#fff}
	.masthead{box-shadow:0 0 15px 1px rgba(0,0,0,.07)}
	body.home .masthead{will-change:transform}
	.dt-mobile-header{display:block;position:fixed;top:0;right:0;width:300px;height:100%;z-index:9999;background:#1a1c20;overflow:auto;transform:translate3d(100%,0,0);transition:transform .4s}
	body.mobile-menu-open .dt-mobile-header{transform:translate3d(0,0,0)}
	body.mobile-menu-open .dt-mobile-menu-overlay{display:block;position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.5)}
	.mobile-header-scrollbar-wrap{padding:45px 28px 30px 30px}
	.mobile-main-nav li{position:relative;display:flex}
	.mobile-main-nav li+li::before{content:"";position:absolute;top:-.5px;left:0;width:100%;border-top:1px solid rgba(255,255,255,.12)}
	.mobile-main-nav a{display:flex;width:100%;padding:17.1px 25px 17.1px 0}
	.mobile-main-nav .menu-text{display:block;color:#fff;font:700 18px/22px "Roboto Condensed",Helvetica,Arial,Verdana,sans-serif;text-transform:uppercase}
	.mobile-main-nav .underline{display:none}
	.mobile-main-nav li.act .menu-text,.mobile-main-nav a:hover .menu-text{background:-webkit-linear-gradient(left,#0d76a6 30%,#13a8c6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
	.dt-close-mobile-menu-icon{position:absolute;top:15px;right:13px;width:30px;height:30px;cursor:pointer;background:linear-gradient(135deg,#0d76a6 30%,#13a8c6 100%)}
	.dt-close-mobile-menu-icon span{position:absolute;top:14px;left:5px;width:20px;height:2px;background:#fff;transform:rotate(45deg)}
	.dt-close-mobile-menu-icon span+span{transform:rotate(-45deg)}
	.mobile-mini-widgets-in-menu{display:flex;padding:30px 0}
	.mobile-mini-widgets-in-menu .text-area{display:flex;align-items:center;margin:5px 20px 5px 0}
}
@media (max-width:990px){
	.wf-container-main{display:block}
	.sidebar-right #content{width:auto}
	#sidebar{width:auto;margin:60px 0 0;border-left:0}
	.sidebar-content{padding-left:0}
	#bottom-bar .wf-container-bottom{flex-direction:column;justify-content:flex-start;align-items:center;text-align:center}
	#bottom-bar .wf-float-left{margin-right:0}
}
@media (max-width:778px){
	.wf-wrap{padding:0 20px}
	.kp-row{margin:0}
	.kp-col{width:100%!important;margin-left:0!important;padding-left:0;padding-right:0}
	.page-title{height:auto}
	.page-title .wf-wrap{padding:25px 20px 20px}
	.page-title h1{font-size:24px;line-height:34px}
	.page-title-breadcrumbs{display:none}
	.kp-post-grid{grid-template-columns:1fr}
	.post-navigation .nav-links{flex-direction:column;padding-bottom:0}
	.post-navigation .nav-links>*{width:100%;margin:0 0 25px;padding:0;align-items:center;text-align:center}
	.post-navigation .meta-nav{width:auto}
	.post-navigation .nav-links>.disabled{display:none}
	.single-related-posts .related-item{width:100%}
	.footer .widget{width:100%}
	.kp-masonry{margin:0 -10px}
}
.kp-lb{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;cursor:zoom-out}
.kp-lb img{max-width:90vw;max-height:90vh}
.kp-lb button{position:absolute;top:15px;right:20px;border:0;background:none;color:#fff;font-size:40px;cursor:pointer}