@import url("https://use.typekit.net/nir4weo.css");

body{font-family: "helvetica"; font-size: 20px; color: #3f3f3f}

/* =ANIMATE ------------------------------------- */


a, button, a:after, .hkb-category.hkb-category--boxed:not(.hkb-category--witharticles) .hkb-category__link .hkb-category__title, .hkb-category.hkb-category--boxed:not(.hkb-category--witharticles) .hkb-category__link .hkb-category__description, .hkb-article__excerpt, h2.hkb-article__title{-webkit-transition: all 0.4s!important; transition: all 0.4s!important;}



/* =HEADER ------------------------------------- */

.site-header .site-header__banner{background-color: #ffffff!important; padding: 20px 30px!important}

.site-header__banner .nav-header__menuwrapper a{text-transform: uppercase; font-size: 20px; letter-spacing: 0px; background-color: transparent!important; position: relative; padding: 0px!important; margin-left:40px; height: 40px; line-height: 40px; border-radius: 0px}

.site-header__banner .nav-header__menuwrapper a:after{content: ''; position: absolute; bottom: 0px; left: 0px; right: 0px; border-bottom: 2px solid transparent}

.site-header__banner .nav-header__menuwrapper a:hover:after{border-color: #3f3f3f!important}


/* =ARCHIVE ------------------------------------- */

p, .hkb-category__description, .hkb_widget_exit__content, .hkb-article__excerpt, .hkb-article-author__bio, .ht-categoryheader__description{font-family: "helvetica"!important; color: #3f3f3f!important; font-size: 16px}

.hkb-category.hkb-category--boxed, .widget, .hkb-feedback{background-color: #ffffff!important; border-radius: 10px!important}

.hkb-archive__title, .ht-categoryheader__title, .hkb-article h1{text-transform: uppercase; font-size: 48px!important; line-height: 52px; font-weight: 400; color: #339c3c!important}

.hkb-category__content h2, .widget__title, h2.hkb-article__title{text-transform: uppercase; font-size: 26px!important; font-weight: 400!important}

.hkb-category.hkb-category--boxed:not(.hkb-category--witharticles) .hkb-category__link:hover{background-color: #3f3f3f!important}

.hkb-category.hkb-category--boxed:not(.hkb-category--witharticles) .hkb-category__link:hover .hkb-category__title, .hkb-category.hkb-category--boxed:not(.hkb-category--witharticles) .hkb-category__link:hover .hkb-category__description{color: #ffffff!important}



a.hkb-category__link{align-items: flex-start!important}

ul.ht-articlelist li{padding: 0px!important; margin-bottom:20px}

ul.ht-articlelist li a{padding: 20px; background-color: #ffffff; border-radius: 10px}

ul.ht-articlelist li a:hover{background-color: #3f3f3f}

ul.ht-articlelist li a:hover .hkb-article__excerpt{color: #ffffff!important}

.hkb-article-author, .hkb-article-related{padding-top:20px; border-top: 2px dashed #3f3f3f}

.hkb-article-author .hkb-article-author__title, h3.hkb-article-related__title{text-transform: uppercase; font-weight: 400}

.hkb-article-author__name{text-transform: uppercase; font-weight: 400; color: #339c3c}


.hkb-article-related ul.hkb-article-list a{text-transform: uppercase; font-size: 18px}


.hkb-breadcrumbs li:after{content: "/"; color: #ffffff; padding-left:5px; padding-right:5px}

.hkb-breadcrumbs li a, .hkb-breadcrumbs li span{padding-right:0px; margin-right:0px; text-transform: uppercase; font-size: 18px; font-weight: 400}

.hkb-breadcrumbs__icon{display: none!important}


.hkb-category__iconwrap i{font-size: 40px; color: #339c3c!important}


/* =SIDEBAR ------------------------------------- */

.sidebar{position: sticky; top: 60px}

.widget__title{color:#339c3c }

.hkb_widget_exit .hkb_widget_exit__btn{border: 2px solid #339c3c; padding: 12px 30px 10px; font-size: 20px; line-height: 22px; border-radius: 10px; width: 100%; text-align: center;}

.hkb_widget_exit .hkb_widget_exit__btn:hover{background-color: #3f3f3f; border-color: #3f3f3f}

.sidebar a.hkb-widget__entry-title{text-transform: uppercase; font-size: 20px; letter-spacing: 0px;}

.sidebar a.hkb-widget__entry-title:hover{color: #339c3c}

.widget.hkb_widget_exit{background-color: transparent!important; border: 2px dashed #3f3f3f}



.hkb_widget_toc ol li a{text-transform: uppercase; font-size: 16px}

.hkb_widget_toc ol li.active > a{background-color: #339c3c!important; border-radius: 6px!important}



.hkb-article{padding: 30px; border-radius: 10px; background-color: #ffffff}

.hkb-article h1{color: #3f3f3f!important}

.hkb-article h2{text-transform: uppercase; font-weight: 400}