/*
Theme Name: Amb Prof Kah
Description: Resume-inspired blue identity for profkah. Preserves existing content and functionality.
Author: Hamman Samuel
Template: profkah
Version: 0.4.0
Requires at least: 5.3
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: profkah-refined
*/


:root{
    --pk-ink:#373d40;
    --pk-blue:#0073bb;
    --pk-blue-dark:#064a99;
    --pk-accent:#0073bb;
    --pk-sky:#009eff;
    --pk-paper:#ffffff;
    --pk-white:#fff;
    --pk-text:#4b5357;
    --pk-muted:#677378;
    --pk-line:#e1e7ea;
    --pk-heading:Arial,Helvetica,sans-serif;
    --pk-body:Arial,Helvetica,sans-serif;
}
body{
    background:var(--pk-paper);
    color:var(--pk-text);
    font-family:var(--pk-body);
    font-size:17px;
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
}
::selection{background:#cdeeff;color:var(--pk-ink)}
a{color:var(--pk-blue);text-underline-offset:4px}
a:hover,a:focus{color:#005699}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{
    outline:3px solid var(--pk-accent)!important;outline-offset:4px;
}
h1,h2,h3,h4,h5,h6,.headdig-one,.headdig-two{
    font-family:var(--pk-heading);font-weight:600;line-height:1.16;letter-spacing:-.015em;
}
.headdig-one{font-size:36px;color:var(--pk-ink);margin-bottom:26px}
.headdig-two{font-size:38px;margin-bottom:32px}
.head{background:var(--pk-white);border-top:4px solid var(--pk-blue)}
.top_head{background:var(--pk-white);padding:32px 0 35px}
.top_head>.container>.row{display:flex;align-items:center;flex-wrap:wrap}
.logo img{width:auto;max-width:100%;max-height:72px;object-fit:contain}
.logo .pk-wordmark{
    display:inline-block;position:relative;padding:0 0 13px;max-width:100%;
    font-family:var(--pk-heading);font-weight:600;font-size:39px;line-height:1.18;
    letter-spacing:-.02em;color:var(--pk-blue-dark);text-decoration:none;
    font-style:normal;overflow-wrap:break-word;
}
.pk-wordmark:after{content:"";position:absolute;left:0;bottom:0;width:48px;height:2px;background:var(--pk-accent)}
.logo .pk-wordmark:hover,.logo .pk-wordmark:focus{color:var(--pk-blue)}
.social_icon{margin:0;display:flex;gap:8px;float:right}
.social_icon li{float:none;padding:0}
.social_icon li a{
    display:flex;align-items:center;justify-content:center;width:34px;height:34px;
    border:1px solid var(--pk-line);border-radius:50%;color:var(--pk-blue);font-size:13px;
    transition:color .2s,background .2s,border-color .2s;
}
.social_icon li a:hover{background:var(--pk-blue);border-color:var(--pk-blue);color:#fff}
.nav-area .navbar-default,.nav-area .navbar-default.darkHeader{
    background:var(--pk-blue-dark);border:0;border-bottom:2px solid var(--pk-accent);
    box-shadow:none;
}
/* The parent scroll script sets darkHeader. Keep this first pass stable in flow. */
.nav-area .navbar-default.darkHeader{position:relative;top:auto}
.nav-area .navbar-nav{display:flex;float:none;width:100%;justify-content:space-between}
.nav-area .navbar-nav>li{float:none}
.nav-area .navbar-nav li a{
    font-family:var(--pk-body);font-size:14px;font-weight:600;line-height:1.4;
    padding:18px 11px;color:#ffffff;letter-spacing:.005em;
}
.nav-area .navbar-default .navbar-nav>.active>a,
.nav-area .navbar-default .navbar-nav>.active>a:hover,
.nav-area .navbar-default .navbar-nav>.active>a:focus,
.nav-area .navbar-default .navbar-nav>.open>a,
.nav-area .navbar-default .navbar-nav>.open>a:focus,
.nav-area .navbar-default .navbar-nav>.open>a:hover,
.nav-area .navbar-nav>li>a:hover,.nav-area .navbar-nav>li>a:focus{
    background:#075bb3;color:var(--pk-sky);
}
.nav-area .navbar-nav>.active>a{box-shadow:inset 0 -3px var(--pk-sky)}
.nav-area .dropdown-menu{
    background:var(--pk-blue-dark);border:1px solid #2878c5;border-radius:0;
    padding:6px 0;min-width:190px;box-shadow:0 12px 24px #032c6020;
}
.nav-area .dropdown-menu li a{padding:12px 18px;line-height:1.4;color:#ffffff!important}
.nav-area .dropdown-menu li a:hover,.nav-area .dropdown-menu li a:focus{background:#075bb3;color:var(--pk-sky)!important}
.nav-area .navbar-nav>.dropdown>.dropdown-menu{display:none!important}
.nav-area .navbar-nav>.dropdown:focus-within>.dropdown-menu,
.nav-area .navbar-nav>.dropdown.pk-dropdown-open>.dropdown-menu{display:block!important}
.navbar-default .navbar-toggle{border-color:#9ecbf0;margin:10px 20px;min-height:42px;min-width:46px}
.navbar-default .navbar-toggle .icon-bar{background:#ffffff}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background:var(--pk-blue)}

/* Existing slides, text and sequence remain supplied by the parent. */
.sliderflax{background:var(--pk-blue-dark)}
.sliderflax .carousel-inner .item{position:relative}
.sliderflax .carousel-inner .item>div:first-child{position:relative}
.sliderflax .carousel-inner .item>div:first-child:after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(0deg,rgba(2,33,70,.64),rgba(2,33,70,.02) 85%);pointer-events:none;
}
.sliderflax .carousel-inner .item img{height:550px;object-fit:cover;object-position:center 35%;opacity:.94}
.sliderflax .fade-carousel .carousel-inner .item .hero{
    top:66%;width:min(740px,76%);padding:32px 44px 35px;
    background:rgba(3,49,103,.86);border:1px solid rgba(189,227,255,.65);
    border-radius:0;box-shadow:0 16px 45px #032c6025;
}
.sliderflax .hero h1{
    font-family:var(--pk-heading);font-weight:600;font-size:48px;line-height:1.12;
    font-variant-caps:all-small-caps;letter-spacing:.035em;text-transform:none;margin:0 0 18px;padding:0 0 20px;
    color:#ffffff;
}
.sliderflax .hero h1:before{background:var(--pk-sky);height:1px;width:70px;left:calc(50% - 35px)}
.sliderflax .hero p{font-family:var(--pk-body);font-size:17px;line-height:1.65;color:#f2ece5}
.sliderflax .hero p:empty{margin:0}
.sliderflax .carousel-control.left,.sliderflax .carousel-control.right{
    top:48%;width:46px;height:46px;line-height:42px;font-size:27px;
    background:rgba(3,49,103,.75);border:1px solid #009eff99;border-radius:50%;opacity:1;
}
.sliderflax .carousel-control.left{left:30px}
.sliderflax .carousel-control.right{right:30px}
.sliderflax .carousel-control:hover,.sliderflax .carousel-control:focus{background:var(--pk-blue);color:#fff}

.btn-area{padding:29px 0;background:#f4f8fb;border-bottom:1px solid var(--pk-line)}
.btn-biography{
    background:var(--pk-blue);border:1px solid var(--pk-blue);border-radius:2px;
    height:48px;width:200px;font-family:var(--pk-body);font-size:16px;font-weight:600;
    box-shadow:none;color:#fff;margin:6px 10px;
}
.btn-biography:hover,.btn-biography:focus{background:var(--pk-blue-dark);border-color:var(--pk-blue-dark);box-shadow:none;color:#fff}
.btn-area a:nth-of-type(2) .btn-biography{background:transparent;color:var(--pk-blue)}
.btn-area a:nth-of-type(2) .btn-biography:hover{background:var(--pk-blue);color:#fff}

.about_content_flx{padding:50px 0;background:var(--pk-paper);min-height:0}
.about_content{padding:0}
.about_content p,.kha-area p{font-family:var(--pk-body);font-size:17px;color:var(--pk-text);line-height:1.85}
.about_content p{margin:0 0 22px}
.about_content_flx.inner-about-flx .about_content p{margin:0 0 25px}
.about_content_flx:not(.inner-about-flx) .inner-col{padding-right:36px}
.about_content_flx iframe{height:auto;aspect-ratio:16/9;width:100%;border:0;display:block;border-radius:2px}
.inner-about-flx .container{max-width:960px;width:100%}
.inner-about-flx .about_content{padding:0 26px}
.inner-about-flx .about_content>h1{
    font-family:var(--pk-body);font-size:13px;font-weight:600;line-height:1.5;
    letter-spacing:.14em;text-transform:uppercase;color:#0073bb;margin-bottom:22px;
}
.about_content h4{font-size:30px;margin-top:32px;color:var(--pk-blue)}
.about_content h4:first-of-type{margin-top:0}
.about_content hr{border:0;border-top:1px solid var(--pk-line);margin:15px 0 24px}
.about_content strong,.about_content b{font-weight:600;color:var(--pk-ink)}
.arrow-ul{margin:0;padding:0;display:flow-root}
.arrow-ul li{
    float:none;display:block;width:100%;padding:17px 0 17px 22px;margin:0;
    border-bottom:1px solid var(--pk-line);font-size:17px;line-height:1.75;
}
.arrow-ul li:last-child{border-bottom:0}
.arrow-ul li:before{
    content:"";top:29px;left:0;width:5px;height:5px;
    background:var(--pk-accent);transform:rotate(45deg);
}
/* SiteOrigin's rows, logo columns and saved content remain intact. */
.inner-about-flx .panel-grid{padding:18px 0;border-bottom:1px solid var(--pk-line);margin-bottom:0!important}
.inner-about-flx .panel-grid .arrow-ul li{border:0;padding-top:8px;padding-bottom:8px}
.inner-about-flx .panel-grid .arrow-ul li:before{top:20px}
.inner-about-flx .panel-grid-cell .textwidget p{margin-bottom:0}
.inner-about-flx .panel-grid-cell img{object-fit:contain;max-height:90px;width:auto}

.inner_banner{
    height:auto;min-height:220px;padding:48px 20px 39px;
    background-size:cover!important;background-position:center 42%!important;isolation:isolate;
}
.inner_banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#04468cdd,#064a9973);z-index:-1}
.inner_banner h1{font-family:var(--pk-heading);font-size:46px;font-weight:600;line-height:1.15;letter-spacing:-.015em;color:#ffffff}
.inner_banner h1:before{height:1px;width:55px;bottom:-15px;background:var(--pk-sky)}
.inner_banner .breadcrumb{font-size:14px;letter-spacing:.035em;margin-top:28px}
.inner_banner .breadcrumb li,.inner_banner .breadcrumb li a{color:#ffffff}
.inner_banner .breadcrumb li a{color:#b7e8ff;font-weight:600}

.testimonials_area{
    padding:66px 0;min-height:0;background-color:var(--pk-blue-dark);
    background-image:linear-gradient(110deg,#064a99f2,#064a99e6),url("../profkah/images/parallax.jpg");
    background-attachment:scroll;
}
.testimonials_area .headdig-two{color:#ffffff}
.features-box{
    border:1px solid #c3d9ec;background:#ffffff05;padding:31px 26px 34px;min-height:350px;
    box-shadow:none;
}
.features-box:hover{border-color:var(--pk-sky)}
.features-box figure{width:62px;margin-bottom:22px}
.features-box figure span{width:62px;height:62px;border:1px solid #adcce7;border-radius:50%}
.features-box figure span i{font-size:23px;color:var(--pk-sky)}
.features-box:hover span{background:#ffffff08;border:1px solid var(--pk-sky)}
.features-box h3{font-family:var(--pk-heading);font-size:27px;font-weight:600;line-height:1.15;color:#ffffff;margin-bottom:18px}
.features-box p{font-family:var(--pk-body);font-size:16px;line-height:1.75;color:#edf6ff}
.honors-area{padding:64px 0;min-height:0;background:#f4f8fb}
.honors-area .headdig-two{color:var(--pk-ink)}
.honors-list{margin:0 0 28px;padding-left:21px}
.honors-list li{color:var(--pk-text);font-size:17px;line-height:1.7;margin-bottom:14px;padding-left:5px}
.honors-list li::marker{color:var(--pk-accent)}
.honors-area p a{background:var(--pk-blue);border-radius:2px;box-shadow:none;font-size:16px;padding:11px 25px}
.honors-area p a:hover{background:var(--pk-blue-dark)}

.demo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.demo>li{float:none;width:auto;min-width:0;margin:0}
.demo figure{height:auto;aspect-ratio:4/5;border:1px solid var(--pk-line);background:#edf2f5}
.demo figure img{transition:transform .25s;object-fit:cover}
.demo figure:hover img{transform:scale(1.025)}
.kha-area{padding:58px 0;background:var(--pk-blue-dark);border-top:2px solid var(--pk-accent)}
.kha-area h4{font-family:var(--pk-heading);font-size:30px;color:#ffffff;margin-bottom:20px;font-weight:600}
.kha-area p{max-width:820px;margin:0 auto 27px;font-size:17px;line-height:1.75;color:#e0efff}
.footer_social{display:flex;justify-content:center;gap:10px}
.footer_social li{float:none;margin:0}
.social_icon_footer,.social_icon_footer.face_icon,.social_icon_footer.twitter_icon,
.social_icon_footer.pinterest_icon,.social_icon_footer.google_icon,.social_icon_footer.rss_icon{
    background:transparent;border:1px solid #9bbbd9;border-radius:50%;width:39px;height:39px;
}
.social_icon_footer i{font-size:15px;color:#ffffff}
.social_icon_footer:hover{background:#075bb3}
footer{background:#063a78;min-height:60px;padding:18px 15px}
footer p{font-family:var(--pk-body);font-size:14px;font-weight:400;color:#cfdfed;line-height:1.8}
/* Parent entrance effects can leave content invisible; make every section readable. */
.wow,.block.animate{visibility:visible!important;animation:none!important}

@media(hover:hover) and (min-width:768px){
    .nav-area .navbar-nav>.dropdown:hover>.dropdown-menu{display:block!important}
}
@media(min-width:768px) and (max-width:1199px){
    .nav-area .container{width:100%;padding:0 14px}
    .nav-area .container>.row{margin:0}
    .nav-area .navbar-nav{justify-content:center;flex-wrap:wrap}
    .nav-area .navbar-nav li a{padding:14px 10px;font-size:14px}
    .features-box{padding:25px 18px;min-height:410px}
}
@media(min-width:768px) and (max-width:991px){
    .top_head .pk-brand-column,.top_head .pk-social-column{width:100%;text-align:center}
    .top_head .pk-social-column{display:flex;justify-content:center;margin-top:16px}
    .logo .pk-wordmark{font-size:35px}
    .pk-wordmark:after{left:calc(50% - 24px)}
}
@media(max-width:767px){
    body{font-size:17px}
    .top_head{padding:25px 20px 20px}
    .top_head .container{padding:0}
    .top_head>.container>.row{margin:0}
    .top_head .col-xs-12{padding:0}
    .logo{text-align:center}
    .logo .pk-wordmark{font-size:clamp(22px,6.5vw,29px);max-width:100%;padding-bottom:15px;line-height:1.25;letter-spacing:-.01em;text-wrap:balance}
    .pk-wordmark:after{left:calc(50% - 24px)}
    .logo img{max-height:58px}
    .social_icon{float:none;justify-content:center;gap:8px;margin-top:15px}
    .social_icon li a{width:30px;height:30px;font-size:12px}
    .nav-area .container{padding:0 15px}
    .nav-area .navbar-collapse{margin:0;padding:0;border-top:1px solid #9bbbd9}
    .nav-area .navbar-nav{display:block;margin:0;padding:6px 15px 14px}
    .nav-area .navbar-nav li a{padding:12px 14px;line-height:1.5;font-size:16px}
    .nav-area .dropdown-menu{position:static;float:none;box-shadow:none;border:0;border-left:1px solid #9bbbd9;margin-left:15px}
    .nav-area .navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#ffffff!important;padding:12px 14px}
    .nav-area .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .nav-area .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:var(--pk-sky)!important;background:#075bb3}
    .nav-area .navbar-nav>.dropdown:focus-within:not(.pk-dropdown-open)>.dropdown-menu{display:none!important}
    .nav-area .navbar-nav>.dropdown.pk-dropdown-open>.dropdown-menu{display:block!important}
    .sliderflax .carousel-inner .item img{height:500px;object-position:center}
    .sliderflax .fade-carousel .carousel-inner .item .hero{top:62%;width:calc(100% - 80px);padding:25px 20px}
    .sliderflax .hero h1{font-size:36px;letter-spacing:.015em;margin-bottom:14px;padding-bottom:16px}
    .sliderflax .hero p{font-size:16px;line-height:1.55}
    .sliderflax .carousel-control.left,.sliderflax .carousel-control.right{width:32px;height:44px;line-height:42px;font-size:23px;border-radius:1px}
    .sliderflax .carousel-control.left{left:0}
    .sliderflax .carousel-control.right{right:0}
    .btn-area{padding:21px 12px}
    .btn-biography{width:185px;max-width:100%;margin:6px}
    .about_content_flx{padding:40px 0}
    .about_content_flx:not(.inner-about-flx) .inner-col{padding-right:15px}
    .about_content_flx figure{margin-top:24px}
    .inner-about-flx .about_content{padding:0 5px}
    .headdig-one,.headdig-two{font-size:31px}
    .about_content p,.arrow-ul li{font-size:17px;line-height:1.75}
    .inner_banner{min-height:210px;padding:48px 20px 35px}
    .inner_banner h1{font-size:38px;overflow-wrap:break-word}
    .testimonials_area,.honors-area{padding:43px 0}
    .features-box{min-height:0;margin-bottom:20px;padding:27px 24px}
    .testimonials_area .col-xs-12:last-child .features-box{margin-bottom:0}
    .demo{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
    .kha-area{padding:42px 15px}
    .kha-area h4{font-size:30px}
}
@media(max-width:380px){
    .sliderflax .carousel-inner .item img{height:540px}
    .sliderflax .hero h1{font-size:32px}
    .demo{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
    *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media print{
    .head .nav-area,.social_icon,.footer_social,.carousel-control{display:none!important}
    body,.about_content_flx{background:#fff;color:#111}
    .inner_banner{min-height:0;background:#fff!important;padding:20px 0}
    .inner_banner:after{display:none}
    .inner_banner h1,.inner_banner .breadcrumb li,.inner_banner .breadcrumb li a{color:#111}
    .kha-area,footer{background:#fff}
    .kha-area h4,.kha-area p,footer p{color:#111}
}

/* v0.4: the resume's identity, colour rhythm and restrained graphic motifs. */
h1,h2,h3,h4,h5,h6,.headdig-one,.headdig-two{font-weight:400;letter-spacing:-.025em}
.pk-heading-accent{color:var(--pk-accent);font-weight:700}
.headdig-one,.headdig-two{text-transform:uppercase;font-size:30px;line-height:1.25}
.head{border-top:0;background:#0075cb}
.top_head{background:linear-gradient(120deg,#007bc7 0%,#075ed4 100%);padding:0;color:#fff}
.top_head>.container>.row{min-height:220px;align-items:center;position:relative;padding:27px 0}
.top_head .pk-brand-column{display:flex;align-items:center;gap:25px;padding-right:25px}
.top_head .pk-social-column{display:flex;align-items:center;flex-direction:column;gap:17px;align-self:stretch;justify-content:center;padding-top:0;padding-bottom:0}
.pk-brand-column .pk-portrait{width:120px;height:120px;flex:0 0 120px;object-fit:cover;border-radius:50%;border:3px solid #ffffff65}
.logo{float:none;min-width:0}
.logo .pk-title{font-family:var(--pk-body);font-size:16px;font-weight:400;line-height:1.3;color:#fff;margin:0 0 7px;letter-spacing:.02em}
.logo .pk-wordmark{font-size:44px;line-height:1.08;font-weight:700;letter-spacing:-.035em;color:#fff;padding:0;max-width:550px;text-wrap:balance}
.logo .pk-wordmark:hover,.logo .pk-wordmark:focus{color:#fff}
.pk-wordmark:after{display:none}
.pk-emblem-panel{background:#fff;align-self:center;padding:0 6px 7px;line-height:0}
.pk-emblem-panel img{display:block;width:75px;height:auto;max-height:123px;object-fit:contain}
.social_icon{float:none;gap:7px;justify-content:center;flex-wrap:wrap}
.social_icon li a{width:28px;height:28px;font-size:12px;border:1px solid #ffffff80;color:#fff}
.social_icon li a:hover{background:#fff;color:#0756a8;border-color:#fff}
.nav-area{position:relative;padding-bottom:5px;background:#fff}
.nav-area:after{content:"";position:absolute;bottom:0;left:0;right:0;height:5px;background:linear-gradient(to right,#ce1126 0 29%,#fff 29% 34%,#0c1c8c 34% 64%,#fff 64% 69%,#3a7728 69% 100%)}
.nav-area .navbar-default,.nav-area .navbar-default.darkHeader{border-bottom:0;background:#064a99}
.nav-area .navbar-nav li a{font-size:13px;font-weight:600;padding-top:16px;padding-bottom:16px}
.nav-area .navbar-default .navbar-nav>.active>a,.nav-area .navbar-nav>li>a:hover,.nav-area .navbar-nav>li>a:focus{background:#075bb3;color:#fff;box-shadow:inset 0 -3px #70cdff}
.nav-area .dropdown-menu li a:hover,.nav-area .dropdown-menu li a:focus{color:#fff!important;background:#075bb3}
.sliderflax .hero h1{font-variant-caps:normal;font-weight:700;font-size:42px;letter-spacing:.015em;line-height:1.12}
.sliderflax .fade-carousel .carousel-inner .item .hero{border:0;border-left:4px solid #009eff;box-shadow:none}
.sliderflax .hero h1:before{display:none}
.sliderflax .hero h1{padding-bottom:0}
.sliderflax .hero p{color:#fff}
.btn-biography{border-radius:0;font-size:15px}
.inner_banner h1{font-size:40px;font-weight:400;text-transform:uppercase;letter-spacing:-.025em}
.inner_banner h1 .pk-heading-accent{color:#fff;font-weight:700}
.inner_banner h1:before{background:#009eff;height:3px}
.inner_banner .breadcrumb li a{color:#fff}
.inner-about-flx .about_content>h1{font-size:24px;letter-spacing:-.02em;font-weight:400;color:#373d40}
.about_content h4{font-family:var(--pk-body);font-size:25px;font-weight:600}
.about_content strong,.about_content b{font-weight:700}
.arrow-ul li{padding-left:25px}
.arrow-ul li:before{top:25px;left:0;width:12px;height:12px;border:4px solid #9fadb3;border-radius:50%;background:#fff;transform:none;box-sizing:border-box}
.inner-about-flx .panel-grid .arrow-ul li:before{top:16px}
.honors-list{list-style:none;padding-left:0}
.honors-list li{position:relative;padding-left:25px}
.honors-list li:before{content:"";position:absolute;left:0;top:.5em;width:12px;height:12px;border:4px solid #9fadb3;border-radius:50%;background:#fff;box-sizing:border-box}
.testimonials_area{background:#f4f8fb;background-image:none;border-top:1px solid #e1e7ea;border-bottom:1px solid #e1e7ea}
.testimonials_area .headdig-two{color:#373d40}
.features-box{background:#fff;border:1px solid #dce5eb;min-height:350px;padding:30px 25px}
.features-box:hover{border-color:#0073bb}
.features-box figure span{border:1px solid #b4c4ce;background:#fff}
.features-box figure span i{color:#0073bb}
.features-box:hover span{border-color:#0073bb;background:#f4f8fb}
.features-box h3{font-family:var(--pk-body);font-size:23px;font-weight:600;color:#0073bb;line-height:1.25}
.features-box p{font-family:var(--pk-body);color:#4b5357;font-size:16px}
.honors-area{background:#fff}
.honors-area p a{color:#fff}
.kha-area{background:#064a99;border-top:0;position:relative}
.kha-area h4{font-family:var(--pk-body);font-weight:600;font-size:27px}
.kha-area p{color:#eaf4ff}
footer{position:relative;background:#fff;padding-top:20px;padding-bottom:27px}
footer p{color:#677378}
.pk-tricolour{display:flex;gap:5px;width:max-content;margin:0 auto 15px;line-height:0}
.pk-tricolour>span{display:block;width:15px;height:15px;background:#ce1126}
.pk-tricolour>span:nth-child(2){background:#0c1c8c}
.pk-tricolour>span:nth-child(3){background:#3a7728}
@media(min-width:768px) and (max-width:991px){
 .top_head .pk-brand-column{width:76%;text-align:left;gap:18px}
 .top_head .pk-social-column{width:24%;margin-top:0}
 .pk-brand-column .pk-portrait{width:95px;height:95px;flex-basis:95px}
 .logo .pk-wordmark{font-size:35px}
 .pk-emblem-panel img{width:62px}
}
@media(max-width:767px){
 .top_head{padding:0 20px}
 .top_head>.container>.row{padding:25px 0 20px;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 66px;gap:15px;align-items:start}
 .top_head .pk-brand-column{width:auto;display:flex;gap:13px;align-items:flex-start;padding:0}
 .pk-brand-column .pk-portrait{width:63px;height:63px;flex-basis:63px;border-width:2px}
 .logo{text-align:left}
 .logo .pk-title{font-size:13px;margin:2px 0 5px;line-height:1.3}
 .logo .pk-wordmark{font-size:clamp(22px,5.8vw,30px);font-weight:700;line-height:1.12;padding:0;letter-spacing:-.035em;text-align:left;overflow-wrap:normal}
 .top_head .pk-social-column{width:auto;gap:12px;justify-content:flex-start;margin:0;padding:0}
 .pk-emblem-panel{padding:0 4px 4px}
 .pk-emblem-panel img{width:56px;max-height:90px}
 .social_icon{margin:0;gap:5px}
 .social_icon li a{width:23px;height:23px;font-size:10px}
 .nav-area .navbar-nav li a{font-size:15px;padding:12px 14px}
 .nav-area .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.nav-area .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff!important}
 .headdig-one,.headdig-two{font-size:27px;line-height:1.3}
 .sliderflax .hero h1{font-size:30px;line-height:1.15}
 .sliderflax .fade-carousel .carousel-inner .item .hero{padding:23px 20px}
 .inner_banner h1{font-size:32px}
 .features-box{min-height:0}
 .inner-about-flx .about_content>h1{font-size:23px;line-height:1.3}
}
@media(max-width:360px){
 .top_head{padding-left:15px;padding-right:15px}
 .top_head>.container>.row{grid-template-columns:minmax(0,1fr) 56px;gap:10px}
 .pk-brand-column .pk-portrait{width:48px;height:48px;flex-basis:48px}
 .top_head .pk-brand-column{gap:9px}
 .logo .pk-wordmark{font-size:22px}
 .pk-emblem-panel img{width:48px}
}
@media print{
 .top_head,.head{background:#fff!important;color:#111}
 .logo .pk-wordmark,.logo .pk-title{color:#111}
 .top_head>.container>.row{min-height:0}
 .nav-area:after{display:none}
 footer p{color:#111}
}
/* Keep every legacy slide wrapper at the same size, including slides 4–6. */
.head .nav-area{padding-bottom:5px}
.nav-area:after{z-index:10}
.pk-brand-column .pk-portrait{filter:grayscale(1)}
.sliderflax .carousel-inner .item{height:550px}
.sliderflax .carousel-inner .item>div:first-child{width:100%;height:100%}
.sliderflax .carousel-inner .item>div:first-child>img{display:block;width:100%;height:100%;object-fit:cover}
.honors-list ul{list-style:none;padding-left:0}
@media(max-width:767px){.sliderflax .carousel-inner .item{height:500px}}
@media(max-width:380px){.sliderflax .carousel-inner .item{height:540px}}
/* Bootstrap clearfix pseudo-elements must not become mobile grid cells. */
@media(max-width:767px){
 .top_head>.container>.row:before,.top_head>.container>.row:after{display:none}
}
.arrow-ul li>strong:first-child,.arrow-ul li>b:first-child{color:var(--pk-accent)}
@media(max-width:767px){
 .top_head .pk-social-column{display:contents}
 .pk-emblem-panel{grid-column:2;grid-row:1;align-self:start}
 .social_icon{grid-column:1 / -1;grid-row:2;justify-content:flex-start;margin-top:3px}
 .social_icon li a{width:27px;height:27px;font-size:12px}
}
.honors-list li{list-style:none}