:root{
	--kk-kite-yellow: #FCB017;
	--kk-kite-yellow-rgb: 252, 176, 23;
	--kk-key-gold: #F99D1C;
	--kk-key-gold-rgb: 248, 157, 28;
	--kk-lightning: #FFFFFF;
	--kk-lightning-rgb: 255, 255, 255;
	--kk-storm: #28282D;
	--kk-storm-rgb: 40, 40, 45;
	--kk-night: #073050;
	--kk-night-rgb: 7, 48, 50;
	--kk-sky: #004D8A;
	--kk-sky-rgb: 2, 117, 206;
	--kk-sand: #EFE9E2;
	--kk-clay: #97A5A6;
	--kk-clay-rgb: 151, 165, 166;
	--kk-cloud: #EAEDED;
	--kk-cloud-rgb: 234, 237, 237;
	--kk-primary-black: #1A0E0D;
	--kk-primary-black-rgb: 0, 0, 0;
	--kk-red-alert: #EB3C3C;
	--kk-red-alert-rgb: 235, 60, 60;
	--kk-green-good: #4CF35C;
	--kk-green-good-rgb: 76, 243, 92;
  	--kk-border-radius: 4px;
  	--kk-border-width: 1px;
  	--kk-p-xsmall: 13px;
  	--kk-p-small: 14px;
  	--kk-p-medium: 15px;
  	--kk-p-large: 16px;
  	--kk-p-xlarge: 18px;
  	--kk-box-padding: 30px;
  	--kk-box-padding-medium: 24px;
  	--kk-transition-func-bounce: cubic-bezier(0.34, 1.56, 0.64, 1.5);
  	--kk-transition-func-ease-out: ease-out;
  	--kk-transition-func-ease-in: ease-in;
  	--kk-transition-func-ease-in-out: ease-in-out;
  	--kk-transition-func-linear: linear;
  	--kk-transition-func-ease: ease;
  	--kk-transition-prop-all: all;
  	--kk-transition-prop-background: background;
  	--kk-transition-prop-height: height;
  	--kk-transition-prop-width: width;
  	--kk-transition-prop-outline: outline;
	--kk-transition: var(--kk-transition-prop-all) 0.4s var(--kk-transition-func-bounce);
	--kk-transition-secondary: var(--kk-transition-prop-all) 0.4s var(--kk-transition-func-ease-out);
	--kk-transition-all-ease-out: var(--kk-transition-prop-all) 200ms var(--kk-transition-func-ease-out);
	--kk-font-stack: 'Lexend', sans-serif;
	--kk-btn-font-size: 13px;
	--kk-fluid-calc-one: min(max(38px, calc(2.375rem + ((1vw - 3.2px) * 2.5))), 78px);
	--kk-fluid-calc-two: min(max(32px, calc(2rem + ((1vw - 3.2px) * 2.25))), 68px);
	--kk-fluid-calc-two-small: min(max(32px, calc(2rem + ((1vw - 3.2px) * 1.75))), 60px);
	--kk-fluid-calc-three: min(max(26px, calc(1.625rem + ((1vw - 3.2px) * 1.375))), 48px);
	--kk-fluid-calc-four: min(max(23px, calc(1.4375rem + ((1vw - 3.2px) * 0.8125))), 36px);
	--kk-fluid-calc-five:  min(max(18px, calc(1.125rem + ((1vw - 3.2px) * 0.375))), 24px);
	--kk-fluid-calc-six: min(max(20px, calc(1.25rem + ((1vw - 3.2px) * 0.5))), 28px);
	--kk-fluid-calc-one-large: min(max(38px, calc(2.375rem + ((1vw - 3.2px) * 2.5))), 78px);
	--kk-fluid-calc-fourty-two: min(max(24px, calc(1.5rem + ((1vw - 3.2px) * 1.125))), 42px);
	--kk-fluid-calc-thirty-two: min(max(22px, calc(1.375rem + ((1vw - 3.2px) * 0.625))), 32px);
	--kk-btn-color: var(--kk-storm);
    --kk-btn-bg: var(--kk-kite-yellow);
    --kk-btn-border-color: var(--kk-kite-yellow);
    --kk-btn-hover-color: var(--kk-storm);
    --kk-btn-hover-bg: var(--kk-key-gold);
    --kk-btn-hover-border-color: var(--kk-key-gold);
    --kk-btn-focus-shadow-rgb: 49, 132, 253;
    --kk-btn-active-color: var(--kk-storm);
    --kk-btn-active-bg: var(--kk-key-gold);
    --kk-btn-active-border-color: var(--kk-key-gold);
    --kk-btn-active-shadow: 0px 4px 0px 0px rgba(255, 255, 255, 0.15);
    --kk-btn-disabled-color: var(--kk-storm);
    --kk-btn-disabled-bg: var(--kk-kite-yellow);
    --kk-btn-disabled-border-color: var(--kk-kite-yellow);
	--kk-link-color: var(--kk-storm);
    --kk-link-hover-color: var(--kk-primary-black);

	@media screen and (min-width: 576px) {
		--kk-box-padding-medium: 30px;
		--kk-box-padding: 40px;
		--kk-btn-font-size: 15px;
	}
	@media screen and (min-width: 768px) {
		--kk-p-xsmall: 14px;
		--kk-p-small: 15px;
		--kk-p-medium: 17px;
		--kk-p-large: 18px;
		--kk-p-xlarge: 20px;
	}
	@media screen and (min-width: 960px) {
		--kk-box-padding-medium: 40px;
		--kk-box-padding: 60px;
	}
	@media screen and (min-width: 1200px) {
		--kk-p-xsmall: 15px;
		--kk-p-small: 16px;
		--kk-p-medium: 18px;
		--kk-p-large: 20px;
		--kk-p-xlarge: 25px;
		--kk-btn-font-size: 17px;
	}
}

.kk-docs-search-wrapper {
    max-width: 800px;
    margin: 20px auto;
}

#kk-docs-search,
#kk-docs-category {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
}

#kk-docs-results {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: stretch;
    padding: 10px;
    background: white;
    border-radius: 10px;
    gap: 10px;
}
ul#kk-docs-results:empty {
  /* CSS rules to apply when the ul is empty */
  display: none; /* Example: hide the empty ul */
}
#kk-docs-results li {
	margin-bottom: 0;
	padding: 16px;
	background: #f8f8f8;
	border: 1px solid #ddd;
	border-radius: 8px;
}

#kk-docs-pagination {
    margin-top: 10px;
}

.kk-docs-page-btn {
    margin: 2px;
    padding: 5px 10px;
    cursor: pointer;
}

mark {
    background-color: yellow;
}

article.kk-doc{
	color: var(--body-text-color);

	.container,
	.work_tiles_frame{
		max-width: 700px !important;
		p:last-child{
			margin-bottom: 0;
		}
		ul:last-child {
			margin-bottom: 0;
			li:last-child{
				margin-bottom: 0;
				p:last-child{
					margin-bottom: 0;
				}
			}
		}
	}
	.entry-header{
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		gap: 24px;
		align-items: flex-start;
		padding: 60px 0 20px;
		@media screen and (min-width: 992px){
			padding: 40px 0;
		}

		.flag_wrap{
			display: flex;
			flex-wrap: wrap;
			gap: 0;
			align-items: flex-start;
			justify-content: flex-start;
			padding-bottom: 8px;
		}
		.entry-title{
			margin: 0 0 16px;
			text-align: left;
			color: var(--body-text-color);
			font-family: var(--kk-font-stack);
			font-size: var(--kk-fluid-calc-two);
			font-style: normal;
			font-weight: 600;
			line-height: 100%; /* 68px */
			letter-spacing: -1.02px;
			span{
				background: var(--kk-kite-yellow);
				border-left: solid 4px var(--kk-kite-yellow);
				border-right: solid 4px var(--kk-kite-yellow);
				margin-left: -4px;
				margin-right: -4px;
			}
		}
		.post-subheading{
			margin: 0 0 24px;
			color: var(--body-text-color);
			font-family: var(--kk-font-stack);
			font-size: var(--kk-fluid-calc-five);
			font-style: normal;
			font-weight: 500;
			line-height: 130%; /* 36.4px */
			letter-spacing: -0.28px;
		}
		.entry-meta{
			display: flex;
			justify-content: space-between;
			align-items: center;
			align-self: stretch;
			flex-wrap: wrap;
			padding: 0;
			gap: 20px;
			@media screen and (min-width: 768px){
				gap: 40px;
			}
			.meta_frame{
				display: flex;
				align-items: center;
				gap: 18px;
				flex-wrap: wrap;
				.author_image{
					max-width: 60px;
					img{
						border-radius: 50%;
						border: 1px solid var(--kk-clay);
					}
				}
				.info_frame{
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: flex-start;
					.author_info{
						display: flex;
						flex-direction: row;
						justify-content: center;
						align-items: flex-start;
						flex-wrap: nowrap;
						gap: 10px;
						.author_name{
							color: var(--body-text-color);
							font-family: var(--kk-font-stack);
							font-size: var(--kk-p-xsmall) !important;
							font-style: normal;
							font-weight: 500;
							line-height: 160%; /* 24px */
							text-decoration: none;
							text-wrap: nowrap;
							a{
								color: var(--kk-storm);
								font-family: var(--kk-font-stack);
								font-size: var(--kk-p-xsmall) !important;
								font-style: normal;
								font-weight: 500;
								line-height: 160%; /* 24px */
								text-decoration: underline;
								&:hover{
									text-decoration: none;
								}
							}
						}
						.author_job_title{
							color: var(--body-text-color);
							font-family: var(--kk-font-stack);
							font-size: var(--kk-p-xsmall) !important;
							font-style: normal;
							font-weight: 400;
							line-height: 160%; /* 24px */
							text-wrap: nowrap;
						}
					}
					.post_info{
						display: flex;
						flex-direction: row;
						justify-content: center;
						align-items: flex-start;
						gap: 10px;
						flex-wrap: nowrap;
						.post_date{
							color: var(--body-text-color);
							font-family: var(--kk-font-stack);
							font-size: var(--kk-p-xsmall) !important;
							font-style: normal;
							font-weight: 400;
							line-height: 160%; /* 24px */
							text-wrap: nowrap;
						}
						.post_reading_time{
							color: var(--body-text-color);
							font-family: var(--kk-font-stack);
							font-size: var(--kk-p-xsmall) !important;
							font-style: normal;
							font-weight: 400;
							line-height: 160%; /* 24px */
							text-wrap: nowrap;
							// display: none;
							// @media screen and (min-width: 480px){
							// 	display: block;
							// }
						}
					}
					.bullet{
						color: var(--kk-clay);
						font-family: var(--kk-font-stack);
						font-size: var(--kk-p-xsmall) !important;
						font-style: normal;
						font-weight: 400;
						line-height: 160%;
						// display: none;
						// @media screen and (min-width: 480px){
						// 	display: block;
						// }
					}
				}
			}
			.social_share_icon{
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='41' viewBox='0 0 40 41' fill='none'%3E%3Cpath d='M19.9285 33.4122C19.9285 32.9966 20.266 32.6576 20.6832 32.6576C21.0988 32.6576 21.4379 32.9951 21.4379 33.4122C21.4379 35.0091 20.7847 36.4622 19.7332 37.5122C18.6801 38.5654 17.2301 39.2169 15.6332 39.2169H7.44238C5.8455 39.2169 4.39238 38.5638 3.34238 37.5122C2.29082 36.4607 1.6377 35.0091 1.6377 33.4122V8.16064C1.6377 6.56376 2.29082 5.11064 3.34238 4.06064C4.39394 3.00908 5.8455 2.35596 7.44238 2.35596H15.6332C17.2301 2.35596 18.6816 3.00908 19.7332 4.06064C20.7847 5.1122 21.4379 6.56376 21.4379 8.16064C21.4379 8.57628 21.1004 8.91532 20.6832 8.91532C20.266 8.91532 19.9285 8.57782 19.9285 8.16064C19.9285 6.9794 19.4441 5.90596 18.666 5.12628C17.8879 4.34816 16.8129 3.8638 15.6317 3.8638H7.44086C6.25962 3.8638 5.18618 4.34816 4.4065 5.12628C3.62838 5.9044 3.14402 6.9794 3.14402 8.16064V33.4122C3.14402 34.5935 3.62838 35.6669 4.4065 36.4466C5.18462 37.2247 6.25962 37.7091 7.44086 37.7091H15.6317C16.8113 37.7091 17.8863 37.2247 18.666 36.4466C19.4441 35.6685 19.9285 34.5935 19.9285 33.4122ZM24.1021 15.0886C22.013 15.598 18.8129 16.773 15.9773 19.4574C13.4007 21.8965 11.1181 25.5918 10.2209 31.187C12.5975 29.2027 17.5473 25.851 23.9789 25.7246C24.3945 25.7168 24.7367 26.0465 24.7461 26.4622V26.4778H24.7492V31.6858L36.5024 20.7858L24.7492 9.88578V14.3422C24.7492 14.7219 24.468 15.0359 24.1039 15.0891L24.1021 15.0886ZM14.9441 18.3652C17.8003 15.6621 20.9877 14.3699 23.2377 13.7588V8.1588H23.2408C23.2408 7.97442 23.308 7.79161 23.4424 7.64632C23.7252 7.34163 24.2017 7.32444 24.5065 7.60725C28.9673 11.7433 33.8957 16.0057 38.1597 20.2713C38.4425 20.5759 38.4253 21.0525 38.1206 21.3353L24.5394 33.9273C24.4019 34.0726 24.2066 34.1633 23.991 34.1633C23.5738 34.1633 23.2363 33.8242 23.2363 33.4086V27.257C15.1627 27.7664 9.78308 33.6306 9.76748 33.6478L9.76592 33.6462C9.61279 33.8103 9.38779 33.9056 9.14716 33.8822C8.73468 33.8447 8.42996 33.479 8.46748 33.0665C9.13468 25.8929 11.8409 21.2993 14.9439 18.3633L14.9441 18.3652Z' fill='black'/%3E%3C/svg%3E");
				width: 40px;
				height: 40px;
				background-size: 100% 100%;
				background-position: center;
				background-repeat: no-repeat;
				opacity: 1;
				&:hover{
					opacity: 0.9;
				}
			}
			.share_trigger {
				transition: var(--kk-transition-secondary);
				i{
					font-size: 36px;
					color: var(--body-text-color);
					transition: var(--kk-transition-secondary);
				}
				&:hover{
					transition: var(--kk-transition-secondary);
					i{
						opacity: 0.6;
						transition: var(--kk-transition-secondary);
					}	
				}
			}
		}
		.social_share_panel{
			padding: 0;
			&.collapsing {
				transition: height 0.4s cubic-bezier(0.34, 1.56, 0.64, 1.5) !important;  //Open - default
			}
			.social_share_frame{

			}
		}
	}
	.post_featured_media{
		
		margin: 24px auto 40px;
		position: relative;
		img{
			border-radius: var(--kk-border-radius);
		}
		.video_trigger{
			&:before{
				content: '';
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				z-index: 4;
				width: 52px; 
				height: 50px;
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='50' viewBox='0 0 52 50' fill='none'%3E%3Cpath d='M18.1626 43.9065L45.6681 27.7156C47.7376 26.4974 47.7376 23.5045 45.6681 22.2864L18.1626 6.09541C16.0627 4.85933 13.4147 6.37333 13.4146 8.81002L13.4146 41.1919C13.4146 43.6286 16.0627 45.1426 18.1626 43.9065Z' fill='%2306223B'/%3E%3C/svg%3E");
			}
			&:after{
				content: '';
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				border-radius: 172.266px;
				display: flex;
				width: 88.2px;
				height: 88.2px;
				padding: 17.227px;
				justify-content: center;
				align-items: center;
				gap: 17.227px;
				z-index: 3;
				background: radial-gradient(71.87% 71.87% at 50% 0%, rgba(255, 235, 60, 0.80) 0%, rgba(252, 218, 39, 0.80) 100%);
			}
			.video_poster{
				width: 100%;
				
			}
		}
		.wp-post-image{
		    width: 100%;
		}
	}
	.entry-content{
		margin: 0 auto;
		color: var(--body-text-color);
		section {
			margin-bottom: 2rem;
		}
		p{
			font-size: var(--kk-p-large);
			font-style: normal;
			font-weight: 400;
			line-height: 170%; /* 32px */
			letter-spacing: -0.2px;
		}
		ul{
			list-style-type: disc;
			li{
/*				color: var(--body-text-color);*/
				font-family: var(--kk-font-stack);
				font-style: normal;
				font-weight: 400;
				line-height: 170%;
				font-size: var(--kk-p-large);
				letter-spacing: -0.2px;
				margin-bottom: 0.5em;
			}
			li::marker {
/*				color: var(--kk-key-gold) !important;*/
			}
		}
		ol{
			
			li{
/*				color: var(--body-text-color);*/
				font-family: var(--kk-font-stack);
				font-style: normal;
				font-weight: 400;
				line-height: 170%;
				font-size: var(--kk-p-large);
				letter-spacing: -0.2px;
				margin-bottom: 0.5em;
			}
			li::marker {
				
			}
		}

		.postcontent_section{
			.container{
				
			}
		}
		
		.postblockquote_section{
			display: flex;
			padding: 30px 0;
			flex-direction: column;
			align-items: flex-start;
			gap: 24px;
			flex: 1 0 0;
			border-radius: 0;
			position: relative;
			border-top: solid 1px var(--kk-storm);
			border-bottom: solid 1px var(--kk-storm);
			@media screen and (min-width: 1200px){
				padding: 60px 0;
			}


			.quote_wrap{
				color: var(--kk-primary-black);
				font-family: var(--kk-font-stack);
				font-size: var(--kk-fluid-calc-fourty-two);
				font-style: normal;
				font-weight: 400;
				margin: 0;
				position: relative;
				display: flex;
				flex-direction: column;
				align-items: center;
				gap: 18px;
				flex: 1 0 0;
				text-align: center;
				line-height: 120%; /* 50.4px */
				letter-spacing: -0.42px;
				.quote_text{
					color: var(--kk-primary-black);
					font-family: var(--kk-font-stack);
					font-size: var(--kk-fluid-calc-fourty-two);
					font-style: normal;
					font-weight: 350;
					margin: 0;
					text-align: center;
					line-height: 120%; /* 50.4px */
					letter-spacing: -0.42px;
				}
				span{
					color: var(--kk-key-gold);
					font-weight: 700;
				}
				.double-quotes-img{
					width: 90px;
					margin: 0 auto;
				}
				
			}
			.attr_wrap{
				color: var(--kk-storm);
				font-family: var(--kk-font-stack);
				font-size: var(--kk-p-large);
				font-style: normal;
				font-weight: 400;
				line-height: 130%;
				margin: 0;
				display: flex;
				align-items: center;
				gap: 8px;
				align-self: stretch;
				flex-direction: column;
				.author_image_wrap{
					background-color: transparent;
					img{
						width: 100%;
						max-width: 70px;
						aspect-ratio: 1;
						border-radius: 50%;
					}
				}
				.author_frame{
					display: flex;
					flex-direction: column;
					align-items: center;
					align-self: stretch;
					justify-content: center;
					.author_name{
						font-weight: 600;
						font-size: 15px;
					}
					.author_title{
						font-size: 13px;
					}
				}
			}
		}
		
	}
}

.page_footnote{
	.container{
		border-top: 1px solid var(--kk-clay);
		padding-top: 12px;
		p{
			color: var(--kk-storm);
			font-family: var(--kk-font-stack);
			font-size: 15px !important;
			font-style: normal;
			font-weight: 400;
			line-height: 160%;
			@media screen and (min-width: 992px){
				font-size: 16px !important;
			}
		}
	}
}
.featured_posts{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 50px;
	h3{
		margin: 0;
	}
	a{
		&.card-img-link{
			overflow: hidden;
	    	max-height: 280px;
	    }
	}
}



article.kk-doc{
	.author-image{
	    width: 70px;
		height: 70px;
	    border-radius: 50%;
	    padding: 0;
	    background: transparent;
	    overflow: hidden;
	    img{
	    	
		}
	}
}