/*
Theme Name:     KnowAll Child Theme 2023
Theme URI: 		http://herothemes.com/
Description:    Child theme for KnowAll
Author: 		HeroThemes
Author URI: 	http://herothemes.com
Template:       knowall
Version:        1.0.0
*/


/* ------- Insert custom styles below this line ------- */


/* GLOBAL */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
@font-face {
    font-family: 'graphik_regularregular';
    src: url('fonts/graphikregular.woff2') format('woff2'), url('fonts/graphikregular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'graphiksemibold';
    src: url('fonts/graphiksemibold.woff2') format('woff2'), url('fonts/graphiksemibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Roboto', sans-serif;
    background-color: #fafafa;
}

a {
    cursor: pointer;
    word-break: break-all;
}

button,
input[type='reset'],
input[type='submit'],
input[type='button'] {
    font-size: 15px;
    font-weight: 700;
    border-radius: 3px;
    padding: 8px 28px;
    /*box-shadow: 0.28571em 0.28571em 0.35714em rgba(0, 0, 0, .1);*/
}

textarea,
select,
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='email'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='time'],
input[type='url'],
input[type='week'] {
    border-radius: 5px;
    background: #fafafa;
    border: 1px solid rgba(204, 204, 204, 0.5);
    color: #999;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 12px;
    outline: 0;
    margin: 0;
    vertical-align: middle;
    width: 100%;
}

.ht-sitecontainer {
    background-color: rgb(250, 250, 250);
    min-height: unset;
}

.ht-sitecontainer--boxed {
    max-width: 100%;
}

.ht-container {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.ht-post__content,
.ht-post__header,
.ht-post__footer {
    max-width: 1600px;
}

.ht-post__content h3 {
    font-size: 22px;
}

.site-header {
    display: none;
}

.site-header .site-header__banner .ht-container {
    max-width: 1600px;
    margin: auto;
}

.ht-page .ht-page__content {
    width: 100%;
}

.ht-post__header_narrow,
.ht-post__content_narrow {
    max-width: 960px!important;
    margin: 0 auto!important;
}

.wp-block-columns {
    margin-bottom: 0;
}

.ht-pageheader {
    padding: 0;
    background-color: rgb(239, 239, 239);
}

.ht-post__content h1,
.hkb-article__content h1 {
    font-size: 62px;
}

.hkb-article__content .wp-block-separator {
    border-color: rgb(193, 193, 193);
}

.hkb-article__content .email-to {
    text-decoration: underline;
    cursor: pointer;
}

.dark-gray {
    background-color: rgb(61, 61, 61);
}

.gray {
    background-color: rgb(239, 239, 239);
}


/* HOME */

body.home .ht-page.ht-page--sidebaroff .ht-page__content {
    max-width: 100%;
}

.home .ht-post {
    border-bottom: 0;
}

.home .ht-page {
    padding: 0;
    overflow-x: hidden;
}

.home h2 {
    font-size: 22px;
    line-height: 1.2;
    padding: 0 0 10px 0;
    font-weight: 700;
    margin: 0;
    display: block;
    width: 100%;
    border: 0;
}

.triple-box-cover h2 {
    font-size: 30px;
    line-height: 1;
    padding: 0 0 0 0;
    font-weight: 700;
    margin: 0;
    display: block;
    width: 100%;
    border: 0;
}

.triple-box-cover p {
    font-size: 14px;
    line-height: 16px;
    margin: 10px 0 20px 0;
}

.home h2#terms-a-z a {
    text-decoration: underline;
}

h2.about-us {
    margin-top: 25px;
    font-size: 22px;
    font-weight: bold;
}

p.about-us {
    margin: 0 0 40px;
}

.home figure {
    margin: 0;
}

.home .ht-container {
    /*padding: 0;
    margin: 0;
    max-width: 100%;
    width: 100%;*/
}

.home .ht-container .ht-post__content {
    max-width: 100%;
}

.home .ht-post__content>.wp-block-group .wp-block-group__inner-container,
.page-template-default .hkb-article>.hkb-article__content .wp-block-group__inner-container {
    max-width: 1200px;
    margin: auto;
}


/* Header */

.site-logo {
    flex-grow: 1;
}

.site-logo a {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    justify-items: center;
    width: 100%;
}

.site-tagline {
    color: #fafafa;
}

.site-logo img {
    margin-right: 25px;
    max-height: 32px;
}

.hkb-breadcrumbs_wrap {
    font-size: 15px;
}

.hkb-breadcrumbs_wrap a {
    padding-right: 5px;
    text-decoration: none;
}

.hkb-breadcrumbs_wrap .breadcrumb_last {
    color: #000000;
    font-weight: 600;
    padding-left: 5px;
}

p#breadcrumbs {
    margin: 12px 0;
}


/* Menu */

.nav-header>ul>li:last-child:hover,
.nav-header>ul>li:last-child>ul {
    left: 0!important;
}

.nav-header>ul>li:last-child ul::before {
    left: 16px;
}

#menu-knowall-navigation-menu {
    margin-right: 15px;
}

#menu-knowall-navigation-menu li a {
    border: 1px solid #fafafa;
    padding: 15px 10px 15px 10px;
    font-weight: 600;
}

#menu-knowall-navigation-menu li ul li a {
    padding: 10px;
    font-weight: 500;
}


/* About KB Row */

.firstRow {
    margin-bottom: 10px;
}


/* Contact Form */

.wpcf7-form p {
    margin-bottom: 10px;
}

.wpcf7-form label {
    /*font-size: 15px;
    font-weight: 400;*/
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
}

.wpcf7-form .wpcf7-text,
.wpcf7-form .wpcf7-textarea {
    color: rgba(61, 61, 61, .8);
    font-size: 16px;
    background-color: rgb(255, 255, 255);
    border-color: rgb(202, 202, 202);
    margin-top: 0;
}

.wpcf7-form .wpcf7-text::placeholder,
.wpcf7-form .wpcf7-textarea::placeholder {
    opacity: 0.7;
    font-size: 16px;
    font-weight: 400;
}


/* Home Contact Block */

.contact-us {
    background-color: #ffd33c;
    padding: 50px 20px;
}

.contact-left {
    padding-right: 6%;
}

.contact-left .title {
    /*font-size: 62px;
    line-height: 62px;*/
    margin-bottom: 20px;
    padding-top: 5px;
}

.contact-left p {
    /*line-height: 19px;*/
}

#wpcf7-f114-p45-o1 {
    padding-left: 12%;
}

#wpcf7-f114-p45-o1 label {
    /*box-shadow: 0.28571em 0.28571em 0.35714em rgba(0, 0, 0, .1);*/
    margin-bottom: 0;
    width: 100%
}

#wpcf7-f114-p45-o1 .wpcf7-form p:last-of-type {
    justify-content: flex-end;
}


/* Contact Page */

#wpcf7-f101-p61-o1 .wpcf7-form {
    margin: auto;
    max-width: 960px;
}

#wpcf7-f101-p61-o1 .wpcf7-form p,
#wpcf7-f101-p61-o1 .wpcf7-form label {
    width: 100%;
}

#wpcf7-f101-p61-o1 .wpcf7-form p:last-of-type {
    justify-content: flex-end;
}


/* Top Content */

.top-content {
    padding: 50px 0;
    background: url("img/laptop_icon_gray.svg") rgb(61, 61, 61) no-repeat fixed;
    background-size: 30%;
    background-position-x: 93%;
    background-position-y: 135px;
}

.top-content h2 {
    font-size: 52px;
    margin-bottom: 15px;
}

.wp-block-hb-toggle {
    margin: 0;
}

.wp-block-hb-toggle .wp-block-hb-toggle__title::after {
    content: '\002b';
    position: absolute;
    top: 35%;
    right: 0;
    margin-top: -10px;
    display: block;
    font-weight: 200;
    font-size: 28px;
    opacity: 0.5;
}

.wp-block-hb-toggle.wp-block-hb-toggle--active .wp-block-hb-toggle__title::after {
    content: '\2212';
    top: 39%;
}

.wp-block-hb-toggle .wp-block-hb-toggle__title::before,
.wp-block-hb-toggle.wp-block-hb-toggle--active .wp-block-hb-toggle__title::before {
    display: none;
}

.faq {
    color: #3d3d3d;
}

.faq .wp-block-hb-toggle .wp-block-hb-toggle__title {
    background-color: inherit;
    padding: 8px 40px 8px 0;
    min-height: 52px;
    -webkit-transition: border .3s ease-in-out;
    transition: border .3s ease-in-out;
}

.faq .wp-block-hb-toggle .wp-block-hb-toggle__contentwrap {
    background-color: #ffd33c;
    padding: 25px 20px;
    position: relative;
    margin: 10px 0 20px;
}

.faq .wp-block-hb-toggle .wp-block-hb-toggle__contentwrap:before {
    border-left: .5625rem solid transparent;
    border-right: .5625rem solid transparent;
    border-bottom: .5625rem solid;
    border-bottom-color: #ffd33c;
    top: -9px;
    content: ' ';
    height: 0;
    left: 10%;
    margin: 0 0 0 -.5625rem;
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: border-color .3s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out, border-color .3s ease-in-out, -webkit-transform .2s ease-in-out;
    width: 0;
}

.faq .wp-block-hb-toggle .wp-block-hb-toggle__title span {
    /*font-size: 18px;*/
    font-weight: 400;
}

.faq .wp-block-hb-toggle .wp-block-hb-toggle__content {
    border: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.faq .wp-block-hb-toggle .wp-block-hb-toggle__content li {
    list-style: none;
    margin: 10px 0;
}

.faq .wp-block-hb-toggle .wp-block-hb-toggle__content ul {
    margin-bottom: 0;
}

.wp-block-button__link {
    /*box-shadow: 0.28571em 0.28571em 0.35714em rgba(0, 0, 0, .1);*/
    /* background-color: #ffd33c;
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    margin-top: 15px;
    min-width: 150px;
    padding: 10px 21px; */
    background: var(--gray_material);
    border-radius: 10px;
    color: var(--white);
    padding: 8px 16px;
    font-size: 16px;
    line-height: 24px;
    font-family: "graphik_regularregular";
    font-weight: 700;
    margin-top: 15px;
    min-width: 150px;
}

.wp-block-button__link:hover {
    /*box-shadow: 0.28571em 0.28571em 0.35714em rgba(0, 0, 0, .22);*/
    background: var(--blue_light);
    color: var(--white);
}

.faq-button {
    margin-top: 45px;
}


/* Home Main Content */

.main-content {
    color: #434344;
    margin-top: 50px;
}

.main-content h3 {
    font-size: 24px;
}

.main-content p {
    /*font-size: 16px;
    line-height: 18px;*/
    margin-bottom: 5px;
    /*max-height: 90px;*/
    min-height: 90px;
}

.main-content .left-image {
    border: 1px solid rgb(217, 217, 217);
    border-radius: 5px;
    display: flex;
    margin-right: 25px;
    height: 250px;
}

.ht-page__content .left-image figure {
    margin: auto;
    align-self: center;
}

.main-content .right-block {
    padding-left: 20px;
}

.main-content .wp-block-columns {
    border-bottom: 1px solid rgba(61, 61, 61, .4);
    padding-bottom: 50px;
}

.main-content .wp-block-image img {
    max-width: 70px;
    height: 65px;
}

.main-content .sections .wp-block-group {
    margin: 0 50px 50px;
}

.main-content .sections .wp-block-group .wp-block-button__link:visited {
    color: #3d3d3d;
}

.main-content .sections .wp-block-group .wp-block-button__link:hover {
    color: var(--white);
}


/* Home FAQ Tip Content */

.faq {
    padding: 50px 0;
}

.faq .faq-title,
.faq .faq-left,
.faq .faq-right {
    padding: 0 50px;
}

.faq .faq-title {
    /*font-size: 62px;*/
    padding-top: 0;
}

.faq-tip-content {
    padding: 30px 20px;
}

.faq-tip-content .faq-tip-left {
    border-right: 1px solid rgb(205, 205, 205);
    padding-right: 20px;
}

.faq-tip-content .faq-tip-right {
    padding-left: 50px;
}

.faq-tip-content .wp-block-hb-accordion .wp-block-hb-accordion__title,
.faq-tip-content .wp-block-hb-accordion .wp-block-hb-accordion__contentwrap {
    background-color: inherit;
    border: none;
    font-size: 14px;
    line-height: 14px;
    padding: 8px 0;
}

.faq-tip-content .wp-block-hb-accordion .wp-block-hb-accordion__title,
.faq-tip-content .wp-block-hb-accordion .wp-block-hb-accordion__title strong {
    font-weight: 400;
}

.faq-tip-content .wp-block-hb-accordion .wp-block-hb-accordion__title::before {
    display: none;
}

.faq-tip-content .wp-block-hb-accordion .wp-block-hb-accordion__title::after {
    content: '\002b';
    position: absolute;
    top: 60%;
    right: 30px;
    margin-top: -10px;
    display: block;
    font-weight: 200;
    font-size: 28px;
    opacity: 0.3;
}

.faq-tip-content .wp-block-hb-accordion .wp-block-hb-accordion__section.wp-block-hb-accordion__section--active .wp-block-hb-accordion__title::after {
    content: '\2212';
    top: 65%;
}

.faq-tip-content .wp-block-hb-accordion .wp-block-hb-accordion__contentwrap {
    margin-bottom: 5px;
}


/* Shipping Notification */

.shipping-notification {
    padding: 40px 20px;
    margin-bottom: 0;
}

.shipping-notification h2 {
    font-size: 22px;
}

.shipping-notification h2,
.shipping-notification h3 {
    padding-top: 0;
}

.package-list-block {
    padding-right: 30px;
}

.package-list-block h2 {
    color: #aeafb0;
    font-size: 32px;
    padding-top: 0;
}

.package-list-block .wp-block-button__link:visited {
    color: #3d3d3d;
}

.package-list-block p,
.top-block p {
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 0;
}

.top-block figure {
    margin: auto;
}


/* Shipping Notification Form */

.advanced-shipping-page {
    padding-top: 45px;
}

.hkb-article__content .shipping-header {
    margin-bottom: 10px;
}

.hkb-article__content .shipping-header h1 {
    /*color: #3d3d3d;*/
}

.hkb-article__content .package-list-block .shipping-header p {
    font-size: 16px;
}

.package-list-block.file-list h2 {
    /*margin-bottom: 10px;
    margin-top: 60px;*/
}

.package-list-block.file-list p {
    /*font-size: 16px;
    font-weight: 500;*/
}

.wp-block-file:not(.wp-element-button) {
    font-size: 16px;
}

.hkb-article__content .form-title {
    color: #3d3d3d;
    font-size: 21px;
}

.hkb-article__content .shipping-form {
    padding-left: 30px;
}

#cdm_upload_premium_form.sp-client-document-manager-form {
    max-width: 770px;
}

.sp-client-document-manager-form {
    background-color: rgb(239, 239, 239);
    padding: 40px 60px;
}

.sp-client-document-manager-form span.form-title {
    color: #1E1E1E;
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
}

.sp-client-document-manager-form .sp-cdm-form-shortcode-field-inner {
    padding: 0;
}

.sp-client-document-manager-form p {
    position: relative;
}

.sp-client-document-manager-form .sp-cdm-form-shortcode-field {
    padding: 0;
    margin-bottom: 22px;
}

.sp-client-document-manager-form input,
.sp-client-document-manager-form select,
.sp-client-document-manager-form .selectric {
    /*background-color: inherit;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #3d3d3d;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 400;
    padding-left: 0;
    padding-top: 0;*/
    background: var(--white);
    border: 1px solid var(--gray_material);
    border-radius: 6px;
    padding: 13px 20px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: var(--gray_material);
}

.sp-client-document-manager-form .placeholder,
.sp-client-document-manager-form input::placeholder {
    /*color: #676767;
    font-weight: 400;*/
    color: var(--gray_medium);
}

.sp-client-document-manager-form input:disabled,
.sp-client-document-manager-form select:disabled {
    border-bottom-color: #B4B4B4;
    color: #B4B4B4;
    font-weight: 400;
}

.sp-client-document-manager-form .placeholder {
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 13px 20px;
}

.sp-client-document-manager-form .placeholder .optional {
    /*font-size: 13px;*/
}

.sp-client-document-manager-form input[type='text']:focus {
    outline: none;
}

.sp-client-document-manager-form input:focus,
.sp-client-document-manager-form select:focus {
    outline: none;
    border: 1px solid var(--blue_dark);
    font-family: "graphik_regularregular";
    font-weight: 400;
}

.sp-client-document-manager-form .plupload_container {
    background-image: none;
    padding: 0;
}

.sp-client-document-manager-form .plupload_container ul {
    margin: 0;
    padding: 0;
}

.sp-client-document-manager-form .plupload_container .plupload_droptext {
    line-height: 155px;
}

.sp-client-document-manager-form .plupload_container .plupload_buttons {
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
}

.sp-client-document-manager-form .plupload_container .plupload_buttons #cdm_pluploader_browse {
    /*border-radius: 5px;
    font-size: 13px;
    font-weight: 400;
    padding: 5px;
    width: 100px;*/
    background: var(--gray_material);
    border-radius: 10px;
    color: var(--white);
    padding: 8px 16px;
    font-size: 16px;
    line-height: 24px;
    font-family: "graphik_regularregular";
    font-weight: 700;
}

.sp-client-document-manager-form .plupload_container .plupload_buttons #cdm_pluploader_browse:hover {
    background: var(--blue_light);
    color: var(--white);
}

.sp-client-document-manager-form .plupload_container .plupload_buttons .plupload_add {
    background-color: #3d3d3d;
    background-image: none;
    /*border: 1px solid #1E1E1E;*/
    color: #FAFAFA;
    text-align: center;
    width: 115px;
}

.sp-client-document-manager-form .send-button {
    /*background-color: #ffd33c;
    background-image: none;
    box-shadow: 0.28571em 0.28571em 0.35714em rgba(0, 0, 0, .1);
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 600;
    margin-top: 5px;
    min-width: 150px;
    padding: 15px;
    text-align: center;
    width: 150px;*/
}

.sp-client-document-manager-form .send-button.plupload_disabled,
.sp-client-document-manager-form .send-button.plupload_disabled:hover {
    /* background-color: #ffd33c;
    background-image: none;
    border: none;
    color: rgb(61, 61, 61);
    opacity: 0.5;*/
}


/* Packaging List */

.packaging-list {
    background-color: rgb(239, 239, 239);
    margin: 20px auto auto;
    max-width: 1024px;
    padding: 15px 35px 40px;
}

.packaging-list #back-shipping-notifications {
    /*font-weight: 500;
    position: absolute;
    left: 0;
    top: 0;*/
}

.packaging-list #cdm_wrapper_form {
    background-color: rgb(247, 247, 247);
    clear: both;
    padding: 25px;
}

.packaging-list .package-header {
    width: 100%;
    line-height: 40px;
    margin-bottom: 20px;
}

.packaging-list .title {
    display: inline-block;
    position: relative;
}

.packaging-list .title h1 {
    font-size: 18px;
    margin: 0;
    padding-left: 30px;
}

.packaging-list .title h1::before {
    /*content: url("img/folder_icon.svg");*/
    content: url("img/MB_Folder_Icon.svg");
    left: 0;
    position: absolute;
    /*width: 25px;*/
    width: 24px;
    top: 50%;
    margin-top: -24px;
}

.packaging-list #cdm_nav_buttons,
.packaging-list .cdm_nav_buttons .sp-cdm-search-button,
.packaging-list .cdm_nav_buttons .cdm-toggle-search,
.packaging-list .sp-cdm-below-search-nav.cdm_nav_buttons,
.packaging-list .sp-cdm-search-form .cdm-advanced-search,
.packaging-list .sp-cdm-search-form .cdm_nav_buttons select,
.packaging-list #cdm-responsive-view .sp-cdm-r-head,
.packaging-list #spcdm_batch_plug_container {
    display: none;
}

.packaging-list .sp-cdm-premium-search,
.packaging-list .sp-cdm-search-form .cdm_nav_buttons {
    display: inline-block;
}

.packaging-list .sp-cdm-premium-search {
    float: right;
    margin: 0;
    padding: 0;
}

.packaging-list .sp-cdm-premium-search .cdm_nav_buttons {
    margin: 0;
}

.packaging-list .sp-cdm-premium-search #search_files {
    /*border-radius: 0;
    padding: 4px 10px;
    width: 300px;*/
    background: var(--white);
    border: 1px solid var(--gray_material);
    border-radius: 6px;
    padding: 13px 20px;
    font-size: 16px;
    line-height: 24px;
    font-family: "graphik_regularregular";
    font-weight: 400;
    color: var(--gray_material);
    width: 300px
}

.packaging-list .sp-cdm-premium-search #search_files::placeholder {
    /*font-size: 14px;*/
    color: var(--gray_medium);
}

.packaging-list .sp-cdm-premium-search #search_files:focus {
    outline: none;
    border: 1px solid var(--blue_dark);
    font-family: "graphik_regularregular";
    font-weight: 400;
}

.packaging-list .batch_function_button {
    content: url("img/download.svg");
    display: inline-block;
    max-width: 30px;
    margin-left: 10px;
}

.packaging-list .batch_function_button .dashicons-controls-play {
    display: none;
}

.packaging-list .sp-cdm-r-folder .sp-cdm-r-folder-image,
.packaging-list .sp-cdm-r-file .sp-cdm-r-file-image {
    align-self: center;
    float: none;
    line-height: 10px;
    margin-right: 10px;
    margin-top: 0;
    width: 25px;
}

.packaging-list .sp-cdm-r-file .sp-cdm-r-file-image .file-image {
    /*content: url("img/file_icon.svg");*/
    content: url("img/MB_Icon_pdf.svg");
    display: inline-block;
    margin-right: 10px;
    width: 24px;
}

.packaging-list .sp-cdm-r-file .sp-cdm-r-file-toolbox {
    margin: 0;
    padding: 0;
}

.packaging-list .sp-cdm-r-folder-image a img {
    max-width: 100%;
}

.packaging-list .sp-cdm-r-folder-title {
    color: var(--gray_material);
    font-size: 14px;
    padding-top: 0;
    width: 100%;
}

.packaging-list #spcdm_batch_plug {
    font-size: 14px;
    padding: 8px;
    max-width: 200px;
    width: auto;
}

.packaging-list #cdm-responsive-view img,
.packaging-list #cmd_file_thumbs .sp-cdm-loading img {
    margin: auto;
}

.packaging-list #cdm-responsive-view .sp-cdm-r-file-header {
    border-bottom: 1px solid var(--gray_material);
    display: grid;
    font-family: "graphik_regularregular";
    font-weight: 700;
    grid-column-gap: 10px;
    grid-template-columns: 50% 40% 8%;
    padding-bottom: 5px;
    width: 100%;
}

.packaging-list #cdm-responsive-view .sp-cdm-r-folder,
.packaging-list #cdm-responsive-view .sp-cdm-r-file {
    background-color: inherit;
    border-bottom: 1px solid #CBCBCB;
    display: grid;
    grid-column-gap: 5px;
    grid-template-columns: 3% auto;
    margin: 14px 0 0;
    max-width: 100%;
    padding: 8px 0;
}

.packaging-list #cdm-responsive-view .sp-cdm-r-file .sp-cdm-r-file-file {
    width: 100%;
}

.packaging-list #cdm-responsive-view .sp-cdm-r-file .sp-cdm-r-file-date {
    font-style: unset;
}

.packaging-list #sp_cdm_breadcrumbs,
.packaging-list #sp_cdm_breadcrumbs span {
    background-color: inherit;
    line-height: initial;
    display: inline-flex;
    align-items: center;
}

.packaging-list #sp_cdm_breadcrumbs {
    padding: 12px 0;
}

.packaging-list #sp_cdm_breadcrumbs a {
    /* font-size: 14px;*/
    font-size: 16px;
    display: inline-flex;
    align-items: center;
}

.packaging-list #cdm-responsive-view .sp-cdm-r-file .sp-cdm-r-file-file-inside,
.packaging-list #sp_cdm_breadcrumbs_subs .breadcrumb_mark,
.packaging-list #sp_cdm_breadcrumbs a {
    /*color: rgb(130, 130, 130);*/
    color: var(--gray_material);
    text-decoration: none;
}

.packaging-list #sp_cdm_breadcrumbs_subs .breadcrumb_mark {
    margin: 0 0 0 8px;
}

.packaging-list #cdm-responsive-view .sp-cdm-r-file:hover .sp-cdm-r-file-file-inside {
    color: var(--blue_light);
}

#cdm-responsive-view .sp-cdm-r-folder:hover .sp-cdm-r-folder-title {
    color: var(--blue_light);
}

.packaging-list #sp_cdm_breadcrumbs a:hover {
    color: var(--blue_light);
}

.packaging-list #cdm-responsive-view .sp-cdm-r-file .sp-cdm-r-file-file-inside,
.packaging-list #cdm-responsive-view .sp-cdm-r-folder .sp-cdm-r-folder-title {
    display: grid;
    grid-column-gap: 10px;
    grid-template-columns: 48% 42% 7%;
}

.packaging-list #cdm-responsive-view .sp-cdm-r-file .sp-cdm-r-file-size {
    margin: 0;
}

.packaging-list #sp_cdm_breadcrumbs .breadcrumb_last::before {
    /* content: url("img/folder_open_icon.svg"); 
    display: inline-block;
    vertical-align: bottom;
    width: 26px;*/
    content: url("img/MB_Folder_Icon.svg");
    margin: 0 8px;
    width: 24px;
    height: 24px;
}

.packaging-list #sp_cdm_breadcrumbs .breadcrumb::before {
    /*content: url("img/folder_icon.svg");*/
    content: url("img/MB_Folder_Icon.svg");
    display: inline-block;
    margin: 0 8px;
    vertical-align: bottom;
    width: 24px;
}

.viewFileTabs #cdm-edit #cdm-edit-file-upload,
.viewFileTabs #cdm-edit #project-upload-edit,
.viewFileTabs #cdm-edit .tagsinput,
.view-file-content .sp_cu_manage .doc-preview-item,
.view-file-content .sp_cu_manage [title="Add Revision"] {
    display: none;
}

.r-tabs .r-tabs-nav .r-tabs-anchor {
    /* color: #313131;
    background-color: #ffd33c;*/
    color: var(--gray_material);
    background-color: var(--yellow);
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    /*color: #313131;*/
    color: var(--gray_material);
}


/* Onboarding & Key documents */

.onboarding-page-header,
.assets-page-header,
.sustainability-page-header {
    padding: 45px 0 50px;
    max-width: 50%;
}

.onboarding-page-header p,
.assets-page-header p,
.sustainability-page-header p {
    /*font-size: 16px;
    font-weight: 500;*/
}

.onboarding-page-header .onboarding-title,
.assets-page-header .assets-title,
.sustainability-page-header .sustainability-title {
    /*color: #3d3d3d;
    line-height: 62px;
    */
    color: var(--gray_material);
    flex-grow: 1;
}

.onboarding-page .file-list {
    margin-right: 50px;
}

.file-list h2,
.image-list h2 {
    color: #aeafb0;
    font-size: 28px;
}

.wp-block-column {}

.wp-block-column .tip-box {
    background-color: rgb(234, 235, 236);
    border-radius: 5px;
    padding: 25px;
}

.wp-block-column .tip-box .tip-header {
    color: #3d3d3d;
    font-size: 24px;
    padding-top: 0;
    margin-bottom: 10px;
}

.wp-block-column .tip-box ol {
    color: #3d3d3d;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    padding: 0 0 0 25px
}

.wp-block-column .tip-box ol li {
    margin-bottom: 5px;
}

.hkb-article__content .disclaimer {
    font-size: 13px;
    margin-top: 22px;
}


/* Assets */


/* Newsletter */

div.wpcf7 .ajax-loader {
    display: none;
}

.wpcf7-validation-errors {
    color: red;
    position: absolute;
    font-size: 12px;
    font-weight: 400;
    padding: 0;
}

.wpcf7-mail-sent-ok {
    border: transparent;
    border: 0!important;
}

input.wpcf7-form-control.wpcf7-not-valid {
    border-color: #ff0000;
}

span.wpcf7-not-valid-tip {
    /*position: absolute;
    display: none;*/
}

.wpcf7 .wpcf7-response-output {
    margin: 3px 0 0 0;
    padding: 0;
    display: block;
    position: absolute;
    font-size: 12px;
    background: transparent;
    border: 0;
    animation: signup-response 8s 1;
    -webkit-animation: signup-response 8s 1;
    animation-fill-mode: forwards;
    animation-delay: 3s;
    -webkit-animation-delay: 1s;
    /* Safari and Chrome */
    -webkit-animation-fill-mode: forwards;
}

@keyframes signup-response {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-webkit-keyframes signup-response {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.swal2-popup.swal2-modal.swal2-show {
    background: #3d3d3d!important;
}

.swal2-confirm.swal2-styled {
    background-color: #ffd33c!important;
    color: #3d3d3d!important;
}

.swal2-confirm.swal2-styled span {
    font-size: 18px!important;
    text-transform: uppercase;
    font-weight: 600;
}

#wpcf7-f1562-p1267-o1 {
    border: 1px solid #eee;
    margin-bottom: 15px;
    border-radius: 3px;
}

#wpcf7-f1562-p1267-o1 .kb_form {
    padding: 0 20px 15px;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    background-image: url("img/mailicon.png");
    background-position: 20px 15px;
    background-repeat: no-repeat;
}

#wpcf7-f1562-p1267-o1 .kb_form h3 {
    padding: 20px 0 0 35px;
    margin: 0 0 8px 0;
    height: 46px;
}

#wpcf7-f1562-p1267-o1 .kb_form h4 {
    font-size: 14px;
    font-weight: 400;
    padding: 0 0 0 50px;
    margin: 0 0 10px 0;
}

#wpcf7-f1562-p1267-o1 p {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 0;
}

#wpcf7-f1562-p1267-o1 .wpcf7-form-control-wrap.your-email>input {
    border-radius: 3px;
    background: #fafafa;
    outline: 0;
}

#wpcf7-f1562-p1267-o1 input.wpcf7-submit {
    background: #3d3d3d;
    border-radius: 3px;
    box-shadow: 0.28571em 0.28571em 0.35714em rgba(0, 0, 0, .1);
    color: #fafafa;
    justify-content: center;
}

#wpcf7-f1562-p1267-o1 input.wpcf7-submit:hover {
    box-shadow: 0.28571em 0.28571em 0.35714em rgba(0, 0, 0, .22);
}

#wpcf7-f1562-p1267-o1 .wpcf7-form-control-wrap {
    margin-right: 5px;
    flex: 1;
}

#wpcf7-f1562-p1267-o1 input:focus::-webkit-input-placeholder {
    color: #999;
    font-weight: 600;
    font-size: 15px;
}

#wpcf7-f1562-p1267-o1 input:-moz-placeholder {
    color: #999;
    font-weight: 600;
    font-size: 15px;
}

#wpcf7-f1562-p1267-o1 input::-webkit-input-placeholder {
    color: #999;
    font-weight: 600;
    font-size: 15px;
}

.thinklab {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 20px;
}

#wpcf7-f1769-o2 {
    background-image: url(img/thinklab.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fafafa;
}

#wpcf7-f1769-o2 .wpcf7-response-output {
    position: absolute;
    color: #000;
    z-index: 9999999;
    bottom: -20px;
}

.thinklab p {
    flex-wrap: wrap;
    justify-content: center;
}

.banner_title {
    line-height: 1;
    font-weight: 700;
    font-size: 32px;
    padding-bottom: 15px;
    margin-bottom: 0 !important;
}

.banner_content {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
}


/* Slider */

body #wds_container1_0 #wds_container2_0 .wds_slideshow_dots_0 {
    font-size: 12px;
    width: 12px;
    height: 12px;
}

.fa-angle-left:before,
.fa-angle-right:before {
    font-size: 30px;
}


/* Footer */

.site-footer {
    background: transparent!important;
    padding: 0;
    text-align: center;
}

.site-footer .site-footer__copyright {
    text-align: center;
    color: #3d3d3d;
    width: 100%;
}


/* Header Search Box */

input.hkb-site-search__field {
    outline: none;
    box-shadow: none;
}

.hkb-site-search .hkb-site-search__field {
    box-shadow: none;
}

input.hkb-site-search__field[type=text] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
    cursor: pointer;
}

input.hkb-site-search__field[type=text] {
    background: #f5f5f5 url(../knowall-child/img/search-icon.png) no-repeat right center;
    border: solid 1px #3D3D3D;
    padding: 12px 40px 12px 20px;
    font-size: 16px;
    width: 180px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.hkb-site-search .hkb-site-search__loader {
    right: 70px;
}

input.hkb-site-search__field[type=text]:focus {
    width: 180px;
    background-color: #fff;
    border-color: #3D3D3D;
    font-size: 16px;
    font-weight: 400;
    -webkit-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
    -moz-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
    box-shadow: 0 0 5px rgba(109, 207, 246, .5);
}

input.hkb-site-search__field::-webkit-search-decoration,
input.hkb-site-search__field::-webkit-search-cancel-button {
    display: none;
}

.hkb-site-search::after {
    background: none;
    display: none;
}

input.hkb-site-search__field:focus::-webkit-input-placeholder {
    color: #ccc;
    font-weight: 400;
    font-size: 16px;
}

input.hkb-site-search__field:-moz-placeholder {
    color: #3D3D3D;
    font-weight: 700;
    font-size: 16px;
}

input.hkb-site-search__field::-webkit-input-placeholder {
    color: #3D3D3D;
    font-weight: 700;
    font-size: 16px;
}

#hkb.hkb-searchresults>li .hkb-searchresults__excerpt {
    font-size: 12px;
}

.ht-pagination {
    margin: 20px 0;
}


/* Banners */

.sponsors {
    margin-bottom: 25px;
}


/* Coming Soon */

ul.comingsoon {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    padding-left: 0;
}

ul.comingsoon li {
    list-style: none;
    margin: 2px 0;
    list-style-position: inside;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}


/* Featured Terms */

.featured-terms .wp-block-image {
    position: relative;
}

.featured-terms .wp-block-image .aligncenter a {
    z-index: 9;
}

.featured-terms .wp-block-image .aligncenter>figcaption {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    color: #fafafa;
    z-index: 9;
    font-weight: bold;
    font-style: normal;
    font-size: 30px;
    cursor: pointer;
    pointer-events: none;
    z-index: 0;
    word-break: keep-all;
}

.wp-block-columns.has-4-columns.featured-terms>div:not(:first-child) {
    margin-right: 0;
}

.wp-block-columns.has-4-columns.featured-terms>div {
    flex-basis: calc(25% - 8px);
    justify-content: space-evenly;
}

.ht-post__content figure.aligncenter {
    text-align: center;
    margin: 0!important;
    padding: 0!important;
}


/* Terms A-Z */

.topBlock {
    margin-bottom: 0;
}

.topBlock>div {
    margin-bottom: 20px;
    max-height: 300px;
    justify-content: inherit;
    display: flex;
    flex-flow: wrap;
    align-content: flex-start;
}

.topBlock>div:nth-child(1),
.topBlock>div:nth-child(2) {
    padding-top: 25px;
    background-color: #f5f5f5;
    margin-left: 0;
    padding-left: 32px;
    overflow: hidden;
}

ul.alphabetList {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-items: center;
    padding: 0;
    margin: 0;
}

ul.alphabetList li {
    list-style: none;
    width: 30px;
    height: 30px;
    margin: 5px;
    padding: 0!important;
    background-color: #fafafa;
    border: 1px solid #3d3d3d;
    border-radius: 3px;
    text-align: center;
}

ul.alphabetList li:hover {
    background-color: #eeeeee;
}

ul.alphabetList li:last-child {
    margin: 5px!important;
    border: 0;
    background: transparent;
    flex: 1 0 100% !important;
    /* full line */
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    text-align: left;
}

ul.alphabetList li:last-child a {
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
}

ul.alphabetList li a {
    font-size: 20px;
    font-weight: bold;
}


/* Popular Terms */

.wp-block-column:not(:first-child) {
    margin-left: 10px;
}

.has-2-columns.popular-terms {
    flex: 1;
}

.topBlock p.popular-terms {
    max-width: 455px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.topBlock>div:nth-child(2) .has-2-columns.popular-terms p {
    max-width: 185px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.topBlock p.popular-terms a {
    white-space: nowrap;
    text-decoration: underline;
    line-height: 28px;
}

.topBlock>div:nth-child(2) .has-2-columns.popular-terms a {
    white-space: nowrap;
    text-decoration: underline;
    line-height: 28px;
}

.topBlock p.popular-terms a:hover {
    text-decoration: none;
}

.topBlock>div:nth-child(2) .has-2-columns.popular-terms a:hover {
    text-decoration: none;
}

body .wp-block-cover,
.wp-block-cover-image {
    position: relative;
    background-color: transparent;
    background-size: unset;
    background-position: top left;
    min-height: 430px;
    width: 100%;
    margin: 0 0 1.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.wp-block-cover__inner-container {
    margin-bottom: 20px;
}


/* Learning Paths */

.wpcf7 p {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
}

#wpcf7-f1768-p1267-o2>form>p>label>span>input {
    flex: 1;
    border-radius: 3px;
    background: #fafafa;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .1);
    outline: 0;
}

#wpcf7-f1768-p1267-o2 .wpcf7 input::placeholder {
    color: #999!important;
    font-weight: 600!important;
}

#wpcf7-f1768-p1267-o2 input:focus::-webkit-input-placeholder {
    color: #999!important;
    font-weight: 600!important;
}

#wpcf7-f1768-p1267-o2 input:-moz-placeholder {
    color: #999!important;
    font-weight: 600!important;
}

#wpcf7-f1768-p1267-o2 input::-webkit-input-placeholder {
    color: #999!important;
    font-weight: 600!important;
}

#wpcf7-f1768-p1267-o2 .wpcf7-submit {
    background: #ffd33c;
    color: #3d3d3d;
    border: 0;
    border-radius: 3px;
    height: 45px;
    margin-left: 5px;
    box-shadow: 0.28571em 0.28571em 0.35714em rgba(0, 0, 0, .1);
}

#wpcf7-f1768-p1267-o2 .wpcf7-submit:hover {
    box-shadow: 0.28571em 0.28571em 0.35714em rgba(0, 0, 0, .22);
}

#wpcf7-f1768-p1267-o2 .wpcf7-mail-sent-ok,
#wpcf7-f1768-p1267-o2 .wpcf7-not-valid-tip {
    border: 0;
    margin-bottom: 0;
    color: #fafafa;
    font-weight: 700;
}

#wpcf7-f1768-p1267-o2 .wpcf7-not-valid-tip {
    color: red;
    font-size: 12px;
    font-weight: 400;
}

#wpcf7-f1768-p1267-o2 .wpcf7-validation-errors {
    background-color: transparent;
    border: 0;
    padding: 0;
    border-radius: 5px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
}

.call-action-block .wp-block-column {
    position: relative;
    margin-bottom: 0;
    align-self: center;
    max-height: 300px;
    overflow: hidden;
}

.call-action-block .wpcf7-form {
    position: absolute;
    z-index: 2;
    bottom: 30px;
    margin-right: 30px;
    margin-left: 0;
}

.call-action-block .wpcf7-form p {
    margin: 0;
}

.call-action-block .wpcf7 label {
    font-size: 15px;
    margin: 0;
    color: #e8e8e8;
}

.dashicons-tag.dashicons {
    display: none;
}

.uagb-post__title {
    min-height: 70px;
}


/* Find a Brand */

.brand-select {
    position: absolute;
    width: calc(100% - 70px);
    bottom: 30px;
    z-index: 2;
}

.brand-select .ays_fa_chevron_down::before {
    display: none;
}

.wp-block-cover.triple-box-cover.select-brands {
    max-height: 300px;
    background-size: contain!important;
    background-repeat: no-repeat;
    background-color: #ffd33c;
}

.select2-container {
    box-shadow: 1px 2px 6px -2px rgba(0, 0, 0, 0.3);
    border-radius: 3px!important;
    cursor: pointer;
}

.select2-container--default .select2-selection--single {
    height: 45px!important;
    min-width: 200px;
    background-color: #F5F5F5!important;
    border: 1px solid transparent!important;
    border-radius: 3px!important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: transparent!important;
    color: #3d3d3d!important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999!important;
    font-size: 15px;
    font-weight: 600;
}

.select2-container.select2-container--default.select2-container--open .select2-dropdown--below {
    animation: fadeInUp .0s;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .18);
    margin-top: 3px;
    border-radius: 3px;
    border: 0;
    padding: 5px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: 0;
    border: 0!important;
    border-radius: 3px;
    box-shadow: 0.125rem 0.125rem 1.5rem rgba(0, 0, 0, .2);
    color: #3d3d3d;
    font-weight: 500;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 10px!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px!important;
    right: 10px!important;
}

.select2-results__option.select2-results__message {
    font-size: 12px;
    color: #999!important;
}

.boldwrap,
.select2-rendered__match {
    font-weight: bold;
}

.triple-box-cover.wp-block-cover {
    max-height: 300px;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}


/* Quiz */

[id^="ays-quiz-container-"] {
    margin: 0 auto;
    z-index: 5;
    height: 300px;
    position: relative;
    text-align: left;
}

[id^="ays-quiz-container-"] input[type='button'],
[id^="ays-quiz-container-"] input[type='submit'],
[id^="ays-quiz-container-"] input#ays-submit,
[id^="ays-quiz-container-"] .action-button {
    background-color: transparent !important;
    color: #3d3d3d !important;
    width: 100%;
    padding: 0;
    margin: 0;
    outline: none;
    text-decoration: underline;
    box-shadow: none!important;
}

[id^="ays_finish_quiz_"] div.step {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    border: 0 none;
    width: 100%;
    position: relative;
    padding-top: 45px;
}

[id^="ays-quiz-container-"] .action-button {
    font-size: 15px;
    font-weight: 500;
    position: absolute;
    bottom: 30px;
    left: 15px;
}

[id^="ays-quiz-container-"] .action-button:hover,
[id^="ays-quiz-container-"] .action-button:focus {
    background: transparent;
}

[id^="ays_finish_quiz_"] .action-button.start_button {
    padding: 15px 20px;
}

[id^="ays_finish_quiz_"] div.step div.ays-abs-fs {
    margin-right: 5px;
}

[id^="ays-quiz-container-"] .ays_quiz_question p {
    font-size: 16px;
    padding-left: 5px;
    line-height: 1.1;
    font-weight: 600;
}

[id^="ays-quiz-container-"] p {
    margin: 0;
    font-size: 15px;
}

[id^="ays-quiz-container-"] .ays-progress-value {
    color: #3d3d3d!important;
}

[id^="ays-quiz-container-"] .ays-progress-bar {
    background-color: #ffd33c!important;
}

#ays-quiz-container-6 label[for^="ays-answer-"],
.ays-quiz-answers .ays-field input+label[for^="ays-answer-"] {
    font-weight: 400;
}

.ays-quiz-answers .ays-field input+label[for^="ays-answer-"] {
    line-height: 16px;
}

.ays-field input+label:before,
.ays-field input[type=checkbox]+label:before {
    content: "";
    display: inline-block;
    background: #fafafa;
    background-clip: content-box;
    width: 15px;
    height: 15px;
    border: 1px solid #999;
    padding: 0;
    box-sizing: border-box;
    transition: all .4s linear;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 0;
    box-shadow: 1px 2px 6px -2px rgba(0, 0, 0, 0.3);
}

.ays-field input+label.answered:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 5px;
    margin-bottom: 0px;
}

p.ays_restart_button_p {
    display: none!important;
}

.gallery-cell {
    width: 100%;
    height: 300px;
}

.ays-start-page p.ays-fs-title {
    text-transform: unset;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 900;
    width: auto;
    color: #3d3d3d;
    margin: 0!important;
    text-align: left!important;
    padding-top: 6%;
    padding-left: 20px;
}

.ays-start-page p.ays-fs-subtitle {
    font-size: 25px;
    line-height: 1.2;
    font-weight: 500;
}

.ays_quiz_results_page {
    width: 90%;
    padding-top: 5%;
}

.ays_quiz_form_input {
    margin-bottom: 4px;
}

.flickity-page-dots {
    display: none;
}

.flickity-button {
    position: absolute;
    background: transparent!important;
    border: none;
    color: #333;
}

.flickity-prev-next-button.next {
    right: 0!important;
}

.flickity-prev-next-button.previous {
    left: 0!important;
}


/* Categories */

.hkb-article__title {
    margin: 0 0 10px 0;
    line-height: 1;
}

strong.breadcrumb_last,
.hkb-article__title span {
    text-transform: capitalize;
}

.hkb-category.hkb-category--boxed {
    background: #f5f5f5;
    margin: 0 0 5px;
    border-radius: 5px;
}

.ht-categoryheader {
    border-bottom: 0;
    padding: 0;
    margin: 0;
}

.ht-categoryheader .ht-categoryheader__title {
    width: 100%;
    margin: 0;
    font-size: 32px;
    line-height: 1.2;
}

.hkb-category .hkb-category__link {
    border-bottom: 0!important;
}

.hkb-category.hkb-category--boxed:not(.hkb-category--witharticles) .hkb-category__link {
    padding: 15px 20px;
}

.hkb-article-related .hkb-article-list {
    list-style: unset;
    padding-left: 20px;
}


/* Term page */

.ht_kb-template-default .ht-page {
    padding: 25px 0;
}

.hkb-article__content {
    margin-bottom: 20px;
}

.hkb-article-tags h2,
.hkb-article-related h2,
.ht-post__footer h2,
.ht-post__related h2 {
    font-size: 20px;
    line-height: 1.2;
    padding: 20px 0 0;
    margin: 0 0 10px 0;
    border-top: 1px solid #e8e8e8;
}

.ht-articlelist li {
    border: 0;
    margin: 0;
    padding: 0 0 25px 0;
}

.sources {
    margin-bottom: 25px;
}

h2.sources {
    border: 0;
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 16px;
}

.sources p {
    margin: 0 0 5px 0;
}

.hkb-article-tags a:first-child,
.ht-post-tags a:first-child {
    margin-left: 0;
}

.hkb-article-related .hkb-article-list {
    list-style: unset;
    padding-left: 0;
}

.hkb-article-related .hkb-article-list li {
    list-style: none;
    padding-bottom: 5px;
}

.hkb-article-related .hkb-article-list li a {
    text-decoration: underline;
}

.hkb-article-related .hkb-article-list li a:hover {
    text-decoration: none;
}

.hkb-feedback .ht-voting-upvote,
.hkb-feedback .ht-voting-downvote {
    background: #3d3d3d;
    box-shadow: 0.28571em 0.28571em 0.35714em rgba(0, 0, 0, .1);
    background-size: 20px 20px;
}

.hkb-feedback .ht-voting-upvote:hover,
.hkb-feedback .ht-voting-downvote:hover {
    background: #3d3d3d;
    box-shadow: 0.28571em 0.28571em 0.35714em rgba(0, 0, 0, .22);
}

.hkb-feedback .ht-voting-upvote,
.hkb-feedback .ht-voting-downvote {
    text-indent: 0;
    font-size: 16px;
}

.hkb-feedback .ht-voting-comment__submit {
    border-radius: 3px;
    color: #fafafa;
    font-size: 15px;
    font-weight: 700;
    text-transform: unset;
}


/* Results Page  */

.hkb-breadcrumbs_wrap {
    padding: 0;
}

.home-top-header {
    background-color: #ebebeb;
}

.home-top-header .wp-block-group__inner-container,
.contact-block {
    padding: 0 50px;
}

.home-top-header .contact-button {
    position: absolute;
    top: 120px;
    right: 10px;
}

.home-top-header .contact-button>.wp-block-button {
    margin: 0;
}

.home-top-header .contact-button .wp-block-button__link {
    color: #ffffff;
    font-size: 16px;
    line-height: 18px;
    min-width: 120px;
    padding-right: 20px;
    text-align: center;
    width: 120px;
}

.home-top-header .contact-button strong {
    color: #ffd33c;
}

.home-top-header .contact-button strong .arrow {
    font-size: 12px;
    vertical-align: text-bottom;
}

.home-top-header,
.hkb-article__header {
    padding: 70px 0 50px;
}

.ht-categoryheader__content {
    position: relative;
    display: flex;
    flex-wrap: nowrap!important;
    align-items: center;
}

.home-top-header h1.hkb-home__title,
.hkb-article__header h1.hkb-article__title,
.ht-categoryheader__content h1.ht-categoryheader__title {
    flex-grow: 1;
    /*line-height: 52px;*/
    margin: 0 0 10px 0;
}

.home-top-header h2.hkb-home__subtitle {
    flex-grow: 1;
    /*font-size: 28px;*/
    margin: 0 0 10px 0;
    padding: 0;
}

.archive h1.hkb-article__title {
    /*font-size: 30px;*/
    padding-bottom: 10px;
    margin: 0;
}

.found-results {
    padding-bottom: 10px;
}

.found-results span {
    font-weight: 600;
    text-transform: capitalize;
}

.paged {
    border-top: 1px solid #e8e8e8;
    padding-top: 20px;
}


/* Post Article Listing */

article.ht-postmini {
    padding: 20px 0 0 0;
}

article.ht-postmini.post {
    padding: 20px 0 0 0;
    min-height: 220px;
}

.found-results:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    margin: 5px 0 0 0;
    background: #e8e8e8;
}

article.ht-postmini:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    margin: 20px 0 0 0;
    background: #e8e8e8;
}

.article-post {
    display: flex;
    flex-flow: row nowrap;
    padding: 0!important;
}

.article-content {
    margin-left: 15px;
}

.ht-postmini h2 {
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 20px;
    line-height: 1.2;
    padding: 0;
    margin: 0 0 10px 0;
}

.ht-postmini h2 a {
    text-decoration: none;
}

.ht-postmini p {
    margin: 0;
}

.ht-postmini .action {
    margin: 10px 0 0 0;
}

.ht-postlist {
    margin: 0;
}

.ht-postlist>li {
    margin: 0;
    padding: 0;
    border: 0;
}

.hkb-article__content img {
    display: block;
    /*max-width: unset;
    height: unset;*/
    max-width: 100%;
    height: inherit;
}


/* Post Page */

.term-post {
    padding: 0 0 25px 0;
}

.term-post a {
    text-decoration: none;
}

.ht-post__meta {
    margin-bottom: 0;
}

.hkb-article__link {
    margin-bottom: 20px;
}

.hkb-article-tags,
.ht-post-tags {
    color: #3d3d3d;
    text-transform: capitalize;
    margin: 20px 0;
}

.hkb-article-tags a {
    padding: 8px 16px;
    background: #e8e8e8;
    color: #3d3d3d;
    font-size: 15px;
    border-radius: 3px;
}

.hkb-feedback {
    margin-top: 30px;
}


/* More to Learn - Overide Plugin CSS */

body .relpost-block-container {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
}

body .relpost-block-single {
    padding: 0 10px;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    float: unset;
    width: 25%;
}

body .relpost-block-single:first-child {
    padding: 0!important;
}

body .relpost-block-single-text {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    padding-top: 10px;
    letter-spacing: 0px;
    text-transform: none;
    color: #3d3d3d;
    text-align: left;
    word-break: keep-all;
}

body .relpost-block-single div {
    max-width: 100%;
}


/* Sponsors Page */

.single .ht-top-image {
    width: 100%;
}

.single .ht-top-image img {
    width: 100%;
    margin-bottom: 25px;
    display: block;
}

.pageNav {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 20px;
}

.pageNav .next {
    flex: 1;
    text-align: right;
    text-decoration: none;
}

.pageNav .prev {
    text-decoration: none;
}

.pageNav .prev span,
.pageNav .next span {
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    padding: 3px 10px;
    background: white;
    text-decoration: none;
}


/* BTN */

.pages {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 25px;
}

.view-coming-soon {
    align-items: center;
    font-weight: 600;
    padding: 5px 10px;
    white-space: nowrap;
    background-color: #ffd33c;
    color: #3d3d3d;
    border-radius: 3px;
    word-break: break-all;
    white-space: normal;
    box-shadow: 0.28571em 0.28571em 0.35714em rgba(0, 0, 0, .1);
}

.view-coming-soon a {
    text-decoration: none;
    white-space: nowrap;
}

a.view_cs {
    font-weight: 600;
    line-height: 20px;
}

.back_btn {
    margin-right: 5px;
}

.back_btn,
.next_btn {
    display: flex;
    flex-flow: row nowrap;
    align-content: center;
    justify-content: center;
}

.back_btn a::before {
    color: #fafafa;
    font-weight: 600;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAACjElEQVR4nO3Zz4tOURzH8TuT0YwwRU2hJiERWZBk4cdCSqwkkd0kFnZ+/QP4D4x/wI+1qbGjNKVIscBCydQkFn4VZu79vr/XfGyep6bj7jj3TDPnVbN9nvf3zPPMuWdOUWRZlmVZlmVZNl9J6on12r2xXvh/cfd97v5kZmZmXeqW1tV1fQQoAQGTVVVtSt3UGjM7CXhneAFy97HUXa0AzgKzc4cHHklanrotOne/HAwudx+T1J+6LSpJPWZ2PRweuCOpL3VfVJJ6gZsNw49Kmvc71T+RtAS4HQ5vZjdi7v/zgqR+d7/f8J2/mrotOknLgUfB8LPA+dRt0UlaBTwNhnczO526LTpJa4BXwfBlXdfHUrdFV5bleuBdMPxPdz+Yui06M9vq7h+C4b8Cu1O3RQfsAr4E29xHM9uWui06d98P/Ah+8++rqtqQui26uq6PzjnOdn/eTE9Pr03dFp2ZnQqPs8BzSatTt0UHnGs4zj6WtDJ1W3TufqXhuX5c0kDqtiYxTlpL/3qT3l6KolCE95qfgAsNR9uHklakbmuNmZ0B6mARni2KP4JddV0fa9gGXy+KbbDL3Q80PAhNVlW1MXVba4CdwOdgZ/hkZjtSt7XGzLYAU8En4bu7703d1pqyLIeBt8EiTLv74dRtrZE0BLwIFgEzO5G6rTWSBoGJYBF+AyOp21ojacDMxhv+I3wpdVtrJPUBdxflnUBX51ZotOHR+daCvxXq6twLXmtYhHsL/l5wLne/2PB1eCBpWeq21gAjnR1h7kJMSBpM3dYaMzsOWLAILyUNpW5rjbsfAn41fBIWx+5QFEUB7AG+dYafqqpqc+qm1pnZduBxWZbDqVuyLMuyLMuyLFs4/gCBws9BWX3yawAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 100%;
    content: '';
    height: 18px;
    width: 18px;
    align-self: center;
}

.next_btn a::after {
    color: #fafafa;
    font-weight: 600;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAACF0lEQVR4nO3az6uMURzH8ZlLXXUpF2VBWYgoVhIrJXZKLJXYKmSrkH8A+QOQPW5Z+hEL3RIbFlZKRFkoC/TM+b6/w8fmsTmd5cw5mXNeNduZz/k+5zxzfg0GTdM0TdM0TdM0E9J13WbgBbC3dJbsQgjbgI+AgJ/ufrB0pqyAJ33j/31CCOFo6VzZSFoHvIyKMDazk6WzZSNpNfA0KoKAc6WzZSNp3t2X4iK4+2VJw9L5spC0Erib6AnXayrCHHAzUYTbklaUzpeFpKG7X00Mh/uS5kvnywa4EBfBzB5JWiidLRvgNPA7KsSypMXS2bIxs+OARUV4K2lj6WzZuPth4FdUhPej0WhL6WzZAPuB79GL8YuZ7SydLRsz221mX6Oe8A3YUzpbNiGErcCHqAg/3P1A6WzZdF23CXgXFWE0Ho+PlM6WjaT1wKuoCG5mJ0pny0bSGuBZVIQ/wJnS2bKRtMrdHyamzhcn/Vtzk/7CCapjtRjrh8DzKoeApA3A6ypfglX/DVY9ETKzXdVOhYF9icXQZzPbUTrb1Ln7oWqXw2Z2LLEh8qaKDRHgFDBObImtLZ1t6oDzVW6K9tviVxJz+3szvy0uaQjcSByM3Jr5g5H+aOxOovHXZv5orD8cfZDo9pdqaPwC8Djx5M+WzjZ1khaB5ajh9VyQSDz5uq7IhBC2A5+o9ZLUYFD5NbmmaZqmaZqmaf4LfwFxhc1rrmQw5gAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-size: 100%;
    content: '';
    height: 18px;
    width: 18px;
    align-self: center;
}

.back_btn a,
.next_btn a {
    color: #fafafa;
    background-color: #3d3d3d;
    border: 1px solid #3d3d3d;
    border-radius: 3px;
    text-decoration: none;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 500;
    min-width: 125px;
    display: flex;
    justify-content: center;
    box-shadow: 0.28571em 0.28571em 0.35714em rgba(0, 0, 0, .1);
}

.back_btn a:hover,
.next_btn a:hover {
    color: #fafafa;
    box-shadow: 0.28571em 0.28571em 0.35714em rgba(0, 0, 0, .22);
}

.also_btn {
    padding: 15px 0 15px 0;
}

.also_btn ul {
    display: flex;
    list-style: none;
    padding-left: 0;
}

.also_btn ul li {
    margin-right: 5px;
}

.also_btn a {
    font-weight: 600;
    font-style: normal;
}

.learn-more_btn,
input[type="submit"].search-filter-reset {
    background: #3d3d3d;
    border: 1px solid #3d3d3d;
    color: #fafafa;
    display: inline-flex;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 3px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0.28571em 0.28571em 0.35714em rgba(0, 0, 0, .1);
}

.learn-more_btn:hover,
input[type="submit"].search-filter-reset:hover {
    color: #fafafa;
    box-shadow: 0.28571em 0.28571em 0.35714em rgba(0, 0, 0, .22);
}

.type_btn {
    color: #999;
    background-color: transparent;
    border: 0;
    display: inline-flex;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    box-shadow: none;
    border-radius: 0;
    text-decoration: none;
}

.type_btn:hover {
    text-decoration: none;
}


/* Slick Slider Laziloading issue in iFrame */

.slick-list .wprpsp-post-image-wrap img.lazyloading {
    opacity: 1;
    !important;
}


/* Recent Post Slider */

.wprpsp-recent-post-carousel button.slick-prev {
    background: rgba(0, 0, 0, 0) url("img/slide-left-arrow.png") center center no-repeat!important;
}

.wprpsp-recent-post-carousel button.slick-next {
    background: rgba(0, 0, 0, 0) url("img/slide-right-arrow.png") center center no-repeat!important;
}

.wprpsp-carousel-pro-slider-wrp {
    overflow: hidden;
}

.wprpsp-recent-post-carousel {
    padding-bottom: 15px;
}

.wprpsp-recent-post-carousel .wprpsp-post-slides {
    padding: 0 0 0 10px!important;
}

.wprpsp-post-title {
    padding: 0 15px 0 5px!important;
    font-size: 18px!important;
}

.wprpsp-post-title,
.wprpsp-post-cats-wrap {
    text-align: left;
}

.wprpsp-recent-post-carousel h2,
.wprpsp-recent-post-slider h2 {
    margin: 0!important;
}

.wprpsp-post-slides .wprpsp-post-cats-wrap ul.post-categories li:nth-child(4n+3) a,
.wprpsp-post-slides .wprpsp-post-cats-wrap ul.post-categories li:nth-child(4n+2) a,
.wprpsp-post-slides .wprpsp-post-cats-wrap ul.post-categories li:nth-child(4n+1) a {
    background: transparent;
    color: #828282!important;
    text-transform: none;
    font-weight: 500;
    padding: 3px 8px 0 0;
    font-size: 13px;
}

.wprpsp-post-slides .wprpsp-post-cats-wrap ul.post-categories li a {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.wprpsp-post-slides .post-categories a:hover,
.wprpsp-post-slides .post-categories a:focus {
    background: transparent;
    border-color: transparent;
    color: #828282!important;
}

.wprpsp-post-slides .wprpsp-post-cats-wrap ul.post-categories li a:before {
    content: '\2022';
    font-size: 20px;
    margin-right: 3px;
    line-height: 15px;
}

.wprpsp-post-slides .wprpsp-post-cats-wrap ul.post-categories {
    margin: 0!important;
}

.wprpsp-recent-post-carousel .wprpsp-post-image-wrap {
    margin-bottom: 5px !important;
}


/* Sidebar SF */

.searchandfilter ul li {
    padding: 0 0 10px 0;
}

.searchandfilter ul li li {
    padding: 1px 0;
}

input[type=checkbox] {
    display: none;
}

input[type=checkbox]+label {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    cursor: pointer;
}

input[type=checkbox]+label:before {
    content: "\2713";
    border: 0.1em solid #000;
    border-radius: 0.2em;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    width: 1em;
    height: 1em;
    margin-right: 10px;
    margin-bottom: 3px;
    vertical-align: bottom;
    color: transparent;
    transition: .2s;
}

input[type=checkbox]+label:active:before {
    transform: scale(0);
}

input[type=checkbox]:checked+label:before {
    background-color: #3d3d3d;
    border-color: #3d3d3d;
    color: #fafafa;
}

input[type=checkbox]:disabled+label:before {
    transform: scale(1);
    border-color: #aaa;
}

input[type=checkbox]:checked:disabled+label:before {
    transform: scale(1);
    background-color: #3d3d3d;
    border-color: #3d3d3d;
}

.widget_text.accordion {
    display: none;
}


/* Sidebar Widget */

body.home .widget-title {
    display: none;
}

.widget {
    background: transparent;
    padding: 0;
}

.sidebar--sticky {
    align-self: baseline;
}

.sidebar .widget {
    background: transparent;
}

.sidebar .widget .widget__title {
    border-bottom: 1px solid #afb0b0;
    padding-bottom: 8px;
}

.cant_find_term p {
    flex-wrap: wrap;
    justify-content: center;
}

.cant_find_term {
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #e8e8e8;
    padding: 15px 25px;
    text-align: center;
}

.cant_find_term h3 {
    font-size: 32px;
    margin: 0;
    padding: 0;
    line-height: 38px;
}

.cant_find_term h4 {
    font-weight: 400;
    margin: 10px 0 20px 0;
    font-size: 15px;
}

.cant_find_term input {
    margin-bottom: 10px;
}

.wpcf7-form .wpcf7-text.wpcf7-not-valid,
.wpcf7-form .wpcf7-textarea.wpcf7-not-valid {
    border-color: #ff0000;
}

p>input.wpcf7-submit[type="submit"] {
    background-color: #4A4A4B;
    border-radius: 3px;
    /*box-shadow: 0.28571em 0.28571em 0.35714em rgba(0, 0, 0, .1);*/
    color: #ffffff;
    font-size: 16px;
    margin-top: 20px;
    padding: 10px 28px;
    white-space: normal;
    width: 150px;
    word-break: break-all;
}

p>input.wpcf7-submit[type="submit"]:hover {
    /*box-shadow: 0.28571em 0.28571em 0.35714em rgba(0, 0, 0, .22);*/
}


/* CMS */

.onboarding-top-block,
.co-branding-top-block {
    margin-top: 25px;
}

.onboarding-top-block p,
.co-branding-top-block p {
    font-size: 15px;
}

.onboarding-top-block .wp-block-image,
.co-branding-top-block .wp-block-image {
    margin: auto;
}

.ht-container .onboarding-top-block h2,
.ht-container .co-branding-top-block h2 {
    font-size: 24px;
}

.ht-container .onboarding-left-block,
.ht-container .co-branding-left-block {
    margin-left: 20px;
}


/* PRE FOOTER */

.hkb-article__content .file-list .wp-block-file {
    margin-bottom: 15px;
    padding-bottom: 25px;
    position: relative;
}

.hkb-article__content .file-list .wp-block-file a:first-line {
    font-size: 18px;
    font-weight: 600;
}

.hkb-article__content .file-list .wp-block-file a {
    display: block;
    /*font-size: 15px;
    font-weight: 500;
    line-height: 21px;*/
    padding-left: 76px;
}

.hkb-article__content .file-list a:hover {
    /*text-decoration: underline;*/
}

.hkb-article__content .file-list .wp-block-file:before {
    /*content: url("img/file_download_icon.svg"); */
    content: url("img/KB_New_DOwnload_Icon.svg");
    display: inline-block;
    height: auto;
    position: absolute;
    width: 49px;
}

.hkb-article__content .image-list .wp-block-file:before {
    content: url("img/image_icon.svg");
    display: inline-block;
    height: auto;
    position: absolute;
    width: 28px;
    top: 8px;
}

.hkb-article__content .image-list p,
.hkb-article__content .file-list p {
    margin-bottom: 8px;
}

.hkb-article__content .file-list{
    font-size: 16px;
    line-height: 24px;
}

.image-list span,
.file-list span {
    font-size: 20px;
    line-height: 24px;
    font-family: 'graphiksemibold';
    display: block;
    padding: 12px 0 10px;
}

.image-list .wp-block-file,
.file-list .wp-block-file {
    margin: 0;
}


/* MEDIA QUERIES */

@media screen and (min-width: 1440px) {
    ul.alphabetList li {
        width: 35px;
        height: 35px;
    }
    ul.alphabetList li a {
        font-size: 22px;
    }
    .triple-box-cover h2 {
        font-size: 34px;
    }
}

@media screen and (min-width: 768px) {
    .hide-desktop {
        display: none !important;
    }
    .ht-page {
        padding: 25px 0;
    }
    .ht-page.ht-page--sidebarleft .ht-page__content,
    .ht-page.ht-page--sidebarright .ht-page__content {
        width: 100%;
    }
    .ht-page.ht-page--sidebaroff .ht-page__content {
        max-width: 100%;
    }
    .ht-page.ht-page--sidebarleft .ht-page__content {
        padding-left: 0;
    }
    .ht-post__content,
    .ht-post__header,
    .ht-post__footer {
        margin: 0 auto!important;
    }
    .ht-post .ht-post__title {
        margin-top: 0;
        line-height: 1;
    }
    .ht-page__content h4 {
        margin-left: 10px;
        margin-bottom: 10px;
    }
    .multi-column {
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -moz-column-fill: auto;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        -webkit-column-fill: auto;
        column-count: 2;
        column-gap: 20px;
        column-fill: auto;
        width: 70%;
    }
}

@media screen and (max-width: 1280px) {
    .home .ht-post__content>.wp-block-group .wp-block-group__inner-container,
    .page-template-default .hkb-article>.hkb-article__content .wp-block-group__inner-container {
        max-width: 1024px;
        margin: auto;
    }
    .ht-post__content h1,
    .hkb-article__content h1,
    .faq .faq-title {
        font-size: 56px;
    }
    .onboarding-page-header .onboarding-title,
    .assets-page-header .assets-title,
    .sustainability-page-header .sustainability-title {
        line-height: 56px;
    }
    .contact-left .title {
        /*font-size: 52px;*/
    }
    .faq .wp-block-hb-toggle .wp-block-hb-toggle__title span {
        font-size: 16px;
    }
    .hkb-article__content .form-title {
        font-size: 18px;
    }
    .onboarding-page-header,
    .assets-page-header,
    .sustainability-page-header {
        padding: 30px 0;
        width: 54%;
    }
}

@media screen and (max-width: 1024px) {
    /* iPad */
    .wp-block-columns.firstRow>div,
    .wp-block-columns.topBlock>div:nth-child(1) {
        flex-basis: 100%!important;
    }
    .wp-block-columns.topBlock>div:nth-child(2),
    .wp-block-columns.topBlock>div:nth-child(3) {
        flex-basis: 49.2%!important;
    }
    .wp-block-columns.topBlock>div:nth-child(1),
    .wp-block-columns.topBlock>div:nth-child(2) {
        padding: 10px 10px 10px 32px;
    }
    .wp-block-columns.topBlock>div {
        align-content: stretch;
    }
    .wp-block-columns.call-action-block>div:nth-child(1) {
        flex-basis: 100%!important;
    }
    .wp-block-columns.call-action-block>div:nth-child(2),
    .wp-block-columns.call-action-block>div:nth-child(3) {
        flex-basis: 49%!important;
        margin-left: 0;
        margin-right: 0;
        margin-top: 15px;
    }
    .wp-block-columns.call-action-block>div:nth-child(3) {
        margin-left: 14px!important;
    }
    .wp-block-columns,
    .wp-block-columns.call-action-block {
        flex-wrap: wrap;
        flex: 1 1 auto;
    }
    .wp-block-columns.has-3-columns.call-action-block>div:nth-child(3) {
        padding-left: 0;
        margin-left: 0;
        margin-top: 32px;
    }
    .wp-block-columns.firstRow>div.wp-block-column.kb_general_form {
        margin-left: 0!important;
    }
    .wp-block-column:not(:first-child) {
        margin-left: 0;
    }
    .home-top-header .contact-button {
        top: inherit;
    }
    .main-content .wp-block-group__inner-container>.wp-block-columns {
        padding-bottom: 0;
    }
    .main-content>.wp-block-group__inner-container .wp-block-column {
        margin-bottom: 60px;
    }
    .contact-us .title {
        /*font-size: 34px;
        line-height: normal;*/
    }
    .contact-us p {
        font-size: 16px;
    }
}

@media screen and (max-width: 834px) {
    /* iPad */
    .site-header .site-header__banner .ht-container {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .site-tagline {
        margin: 5px 0 20px 0;
    }
    .ht-post__content,
    .ht-post__header,
    .ht-post__footer,
    .ht-page__content {
        max-width: 100%;
        width: 100%;
    }
    .wp-block-columns.has-4-columns.featured-terms>div {
        flex-basis: calc(50% - 5px);
        margin-right: 10px;
        margin-left: 0px;
    }
    .wp-block-columns.has-4-columns.featured-terms>div:last-child {
        margin-left: 10px
    }
    .featured-terms .wp-block-image .aligncenter>figcaption {
        font-size: 30px;
        word-break: keep-all;
    }
    .ht_kb-template-default .ht-page {
        padding: 20px 0;
    }
    body .relpost-block-single {
        width: 50%;
    }
    .ht-post__content h1,
    .hkb-article__content h1,
    .faq .faq-title {
        font-size: 50px;
    }
    .contact-left .title {
        /*font-size: 50px;*/
    }
    .onboarding-page-header .onboarding-title,
    .assets-page-header .assets-title,
    .sustainability-page-header .sustainability-title {
        line-height: 50px;
    }
}

@media (max-width: 767px) {
    ul.comingsoon {
        padding-left: 0;
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }
    .hide-mobile {
        display: none !important;
    }
    .nav-header {
        justify-content: stretch;
    }
    .wp-block-columns.topBlock>div:nth-child(1),
    .wp-block-columns.topBlock>div:nth-child(2),
    .wp-block-columns.topBlock>div:nth-child(3) {
        flex-basis: 100%!important;
    }
    .wp-block-column:not(:first-child) {
        margin-left: 0;
    }
    .wp-block-columns.call-action-block>div:nth-child(1),
    .wp-block-columns.call-action-block>div:nth-child(2),
    .wp-block-columns.call-action-block>div:nth-child(3) {
        flex-basis: 100%!important;
        margin-top: 15px;
    }
    .wp-block-columns.call-action-block>div:nth-child(3) {
        margin-left: 0!important;
    }
    .widget_text.accordion {
        display: block;
    }
    .accordion {
        max-width: 100%;
        margin: 0 auto;
        box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.3), 0 35px 50px -25px rgba(0, 0, 0, 0.3), 0 85px 60px -25px rgba(0, 0, 0, 0.1);
        margin-bottom: 30px;
    }
    .accordion-header {
        border-bottom: 1px solid #e8e8e8;
        cursor: pointer;
        font-weight: 700;
        padding: 0.5rem 1.5rem;
    }
    .accordion-content {
        display: none;
        border-bottom: 1px solid #e8e8e8;
        padding: 1.5rem;
    }
    .article-post {
        display: flex;
        flex-flow: column wrap;
        padding: 0!important;
    }
    .article-content {
        margin-left: 0;
    }
}

@media screen and (max-width: 414px) {
    /* iPhone Plus */
    .searchandfilter ul {
        padding: 0;
    }
    .searchandfilter ul li ul {
        padding: 0;
    }
    .wp-block-columns.has-3-columns.call-action-block>div {
        padding-left: 0;
        margin-left: 0;
        margin-top: 32px;
    }
    .topBlock>div {
        max-height: unset;
    }
    .wp-block-columns.topBlock>div:nth-child(1),
    .wp-block-columns.topBlock>div:nth-child(2) {
        padding: 20px 10px 10px 32px;
    }
    .topBlock>div:nth-child(2) .has-2-columns.popular-terms {
        margin-bottom: 0;
    }
    .topBlock>div:nth-child(2) .has-2-columns.popular-terms p {
        max-width: 100%;
        margin-bottom: 0;
    }
    .wp-block-columns.has-4-columns.featured-terms>div {
        flex-basis: 100%;
        margin-right: 0;
    }
    .wp-block-columns.has-4-columns.featured-terms>div:not(:first-child) {
        margin-left: 0;
    }
    .featured-terms .wp-block-image .aligncenter>figcaption {
        font-size: 30px;
        word-break: keep-all;
    }
    body .relpost-block-single {
        width: 100%;
    }
    #wds_container1_0 #wds_container2_0,
    .wds_slideshow_image_wrap_0 {
        height: unset!important;
    }
    .select2-container--below,
    .select2-container--default {
        min-width: 150px!important;
        max-width: 300px;
    }
    .ht-categoryheader .ht-categoryheader__content {
        flex-direction: column;
        width: 200px;
    }
    .hkb-article__header {
        flex-direction: column;
        align-items: flex-start;
    }
    .contact-block .contact-left {
        padding-right: 0;
    }
    .faq-tip-content .faq-tip-right {
        padding-left: 0;
    }
    #wpcf7-f114-p45-o1 {
        padding-left: 0;
    }
    .top-content {
        background-color: rgb(61, 61, 61);
    }
    .ht-page__content .left-image {
        margin: 0 auto 10px;
    }
    .faq-tip-content .faq-tip-left {
        border: none;
        padding: 0;
    }
    .contact-us .subtitle,
    .contact-us .title {
        text-align: center;
        padding: 0;
    }
    .main-content {
        text-align: center;
    }
    .main-content .wp-block-image {
        margin: auto;
    }
    .main-content .wp-block-image img {
        height: 80px;
        max-width: 85px;
    }
    .contact-us .contact-block {
        padding: 0 10px;
    }
    .home-top-header>.wp-block-group__inner-container {
        padding: 0 30px;
    }
    .faq .faq-title,
    .home-top-header h1.hkb-home__title {
        font-size: 55px;
    }
    .faq .faq-title,
    .faq .faq-left,
    .faq .faq-right {
        padding: 0 30px;
    }
    .ht-post__content {
        margin-bottom: 0;
    }
    .onboarding-page-header .onboarding-title,
    .assets-page-header .assets-title,
    .sustainability-page-header .sustainability-title {
        font-size: 55px;
    }
    .advanced-shipping-page {
        padding-top: 0;
    }
    .sp-client-document-manager-form {
        padding: 40px 20px;
    }
}