@charset "utf-8";
/* CSS Document */
:root {
	--primary-color: #000000; /* Example: A shade of blue */
	--secondary-color: #f3eae8; /* Example: A shade of gray */
	--accent-color: #ffffff; /* Optional: For accents or call-to-action elements */
	--accent-color-2: #e0e2e4;
	--base-font-size: 18px;
	--component-font-size: 20px;
	--line-height-multiplier: 27px;
	--h1-font-size: 50px;
	--h2-font-size: 32px;
	--h3-font-size: 32px; /* Example values based on common defaults */
	--h1-line-height: 70px; /* Unitless line heights are best practice */
	--h2-line-height: normal;
	--h3-line-height: normal;
	--global-padding:40px;
}

*{outline: none!important;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	list-style-type:none;
}
.clr{ clear:both;}
body{ font-family: "Poppins", sans-serif; font-size: var(--base-font-size); line-height:var(--line-height-multiplier); font-weight: 400; font-style: normal; background: var(--secondary-color); padding:0;}
body p{ font-size: var(--base-font-size); line-height:var(--line-height-multiplier); font-weight: 400;}
body ul li{ font-size: var(--base-font-size); line-height:var(--line-height-multiplier); font-weight: 400;}
body p strong, body ul li strong{ font-weight: 600;}
p.small{ font-size:15px;}
body a{ text-decoration:none; color: var(--primary-color); outline:none; transition: all 0.4s ease;}
h1, h3{ font-family: "Original Surfer", sans-serif; line-height:normal; font-weight:600;}
h1{ 
	font-size: var(--h1-font-size);
	line-height: var(--h1-line-height);
}
h2{ 
	font-size: var(--h2-font-size);
	line-height: var(--h2-line-height);
	font-weight:400;
}
h3{ 
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height);
}
.btn{ font-weight:600; padding:5px 55px 5px 0; display:inline-block; align-items:center; justify-content:center; background: url(images/right-arrow.svg) no-repeat; background-size:26px auto; background-position-x: right 17px; background-position-y: 6px;}
.btn:hover{ padding-right:65px;}
.btn_blk{ color: var(--accent-color); background-color: var(--primary-color); background-image: url(images/right-arrow-wht.svg); border-radius:80px; padding:12px 60px 12px 25px; background-position-x: right 18px;background-position-y: 15px;}
.btn_orange{ color: var(--accent-color); background-color: #f7931e; background-image: url(images/right-arrow-wht.svg); border-radius:80px; padding:12px 60px 12px 25px; background-position-x: right 18px;background-position-y: 15px;}

header{ display:flex; align-items:center; justify-content:flex-start; flex-direction:row; padding:var(--global-padding);}
.social li{ display:inline-block; margin-right:5px;}
.social li a{ display:inline-flex; align-items:center; justify-content:center; width:35px; height:35px; border-radius:100%; border:1px solid #000;}
.social li a img{ width:20px; height:auto;}
.main_nav{ flex:1;}
.main_nav ul{ display:block; text-align:center;}
.main_nav li{ display:inline-flex; margin:0 10px;}
.main_nav li a{ display:inline-flex; align-items:center; justify-content:center; background:var(--accent-color); padding:10px 30px; font-weight:500; border-radius:100px; font-size: var(--component-font-size); -webkit-box-shadow: 0px 0px 20px 10px rgba(128,23,0,0.1); box-shadow: 0px 0px 20px 10px rgba(128,23,0,0.1); border:2px solid var(--accent-color);}

/*
.main_nav li:last-child a{ color:var(--accent-color); background:var(--primary-color); border:2px solid var(--primary-color);}
*/

.main_nav li a:hover{  color:var(--primary-color); background:transparent; border:2px solid var(--primary-color);}
.main_nav li.active a{  color:var(--primary-color); background:transparent; border:2px solid var(--primary-color);}
.search{ font-family: "Poppins", sans-serif; font-size: var(--base-font-size); border:none; background: url(images/search_icon.png) left center no-repeat var(--secondary-color); background-size:32px 22px; padding:12px 12px 12px 37px; transition:all 0.4s ease; border-radius:30px; width:150px;}
input::placeholder { color:var(--primary-color);}
.search:focus{ border:none; background: url(images/search_icon.png) left center no-repeat var(--accent-color); -webkit-box-shadow: 0px 0px 20px 10px rgba(128,23,0,0.1); box-shadow: 0px 0px 20px 10px rgba(128,23,0,0.1);}
.main_banner{ background-position:center 30px; background-repeat:no-repeat; background-color:transparent; background-size:100% auto; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:40px 0 0 0;}
.main_logo{ width:255px; height:auto;}
.soundbar{ width:323px; height:auto;}
.media_icon{ display:flex; align-items:center; justify-content:center; flex-direction:row; column-gap:30px;}
.media_icon div{ flex:1;}
.media_icon img{ width:100%; height:auto; mix-blend-mode: multiply;}
section{ padding:100px 0 0 0;}
.bot10{ margin-bottom:10px;}
.bot15{ margin-bottom:15px;}
.bot20{ margin-bottom:20px;}
.bot30{ margin-bottom:30px;}
.bot40{ margin-bottom:40px;}
.bot50{ margin-bottom:50px;}
.bot60{ margin-bottom:60px;}
.container{ width:1200px; margin:0 auto;}
.wht_bg_full{background: var(--accent-color); border-radius:30px; padding:60px; overflow:hidden; -webkit-box-shadow: 0px 0px 50px 20px rgba(128,23,0,0.1); box-shadow: 0px 0px 50px 20px rgba(128,23,0,0.1);}
.post_column{ display:flex; align-items:flex-start; justify-content:flex-start; column-gap:80px;}
.post_column div{ flex:1;}
.post_column div.wht_bg_post:nth-child(even){ margin-top:80px;}
.wht_bg_post{background: var(--accent-color); border-radius:30px; overflow:hidden; -webkit-box-shadow: 0px 0px 50px 20px rgba(128,23,0,0.1); box-shadow: 0px 0px 50px 20px rgba(128,23,0,0.1);}
.wht_bg_post .thumb{ width:100%; position:relative; line-height:0;}
.podcast_icon{ position:absolute; right:15px; top:15px; width:45px; height:45px; z-index:1;}
.img_res{ width:100%; height:auto;}
.wht_bg_post span{ padding:40px; display:block;}
.gray_bg_full{background: var(--accent-color-2); border-radius:30px; padding:60px; overflow:hidden;}
.flex_div_full{display:flex; flex-direction:row; align-items:center; justify-content:flex-start; column-gap:60px;}
.flex_div_full div{ flex:1;}
.video_div{background: var(--accent-color-2); padding:10px; border-radius:20px; overflow:hidden; width:45%; float:right; margin:0 0 30px 60px;}
.video_div_gray{background: var(--accent-color); padding:10px; border-radius:20px; overflow:hidden; line-height:0;}
footer{ background: var(--primary-color); margin:100px 0 0 0; padding:60px 0; position:relative;}
footer h3, footer p, footer a{ color: var(--accent-color);}
footer p strong{ color: var(--secondary-color);}
footer a.underline{ text-decoration:underline;}
.knlc_logo{ width: 230px; position:absolute; right:30px; bottom:30px; line-height:0;}
.footer_content{ display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start; column-gap:100px;}
.footer_contact{display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start; column-gap:80px;}
.footer_left{ text-align:center;}
.footer_left .nic_logo{ text-align:center; width:220px; background: var(--secondary-color); padding:10px;}
footer .social li a{ border:1px solid #ffffff;}
.btn-toggle {
	position:absolute;
	right:10px;
	top:15px;
	z-index:2;
	background: transparent;
	width: 40px;
	padding: 5px;
	border: none;
	outline: none;
	transition: all .5s ease;
	display: none;
}

.btn-toggle:hover {
	background: transparent;
}

.btn-toggle span:nth-child(1) {
	margin-top: 0px;
}

.btn-toggle span {
	background: #000;
	display: block;
	margin-top: 6px;
	padding: 2px;
	border-radius: 5px;
	transition: all .5s ease;
	transform: scale(1);
}
.text_center{ text-align:center;}

.meet_crew_single_post{background: var(--accent-color); border-radius:30px; overflow:hidden; -webkit-box-shadow: 0px 0px 50px 20px rgba(128,23,0,0.1); box-shadow: 0px 0px 50px 20px rgba(128,23,0,0.1); display:flex; align-items: center; justify-content:flex-start; column-gap:50px; padding:40px;}
.meet_crew_single_post div{flex:1;}
.meet_crew_single_post .thumb{ flex: 0 0 28%; position:relative; line-height:0; border-radius:20px; overflow:hidden; margin-left: auto;}
.meet_crew_single_post .thumb .podcast_icon{ position:absolute; right:15px; top:15px; width:45px; height:45px; z-index:1;}
.meet_crew_single_post p.small{ display:inline-block; background: var(--secondary-color); padding:5px 15px; border-radius:5px;}
.single_post_wrap .meet_crew_single_post:nth-child(even) .thumb{ order:2;}
.with_icon{ display:flex; align-items:center;}
.with_icon img{ width:24px; margin-right:10px;}
.get_in_touch{border:2px solid var(--accent-color-2); padding:30px; border-radius:20px; overflow:hidden; display:flex; flex-wrap: wrap; flex-direction:column;}
.get_in_touch div{flex: 0 1 47%;}
.text_fld{font-size: var(--base-font-size); line-height:var(--line-height-multiplier); font-weight: 400; border:1px solid var(--primary-color); padding:0 2%; height:42px; width:96%; border-radius:10px; margin-bottom:20px;}
.text_area{font-size: var(--base-font-size); line-height:var(--line-height-multiplier); font-weight: 400; border:1px solid var(--primary-color); padding:2%; height:102px; width:96%; border-radius:10px; margin-bottom:20px;}
label{ display:block; font-size: var(--base-font-size); line-height:var(--line-height-multiplier); font-weight: 400; margin-bottom:5px;}
.get_in_touch .btn{ font-family: "Poppins", sans-serif; font-size: var(--base-font-size); line-height:var(--line-height-multiplier); cursor:pointer; transition: all 0.4s ease;}


@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 1439px){
.container{ width:992px;}	
:root {
	--base-font-size: 16px;
	--component-font-size: 18px;
	--h1-font-size: 42px;
	--h2-font-size: 30px;
	--h3-font-size: 30px; /* Example values based on common defaults */
	--h1-line-height: 60px; /* Unitless line heights are best practice */
	--h2-line-height: normal;
	--h3-line-height: normal;
	--line-height-multiplier: 25px;
	--global-padding:30px;
}
.footer_left .nic_logo {
  width: 180px;
}
.footer_content {
  column-gap: 60px;
}
p.small{ font-size:13px;}
}
/* md */
@media (max-width: 1199px){
.container{ width:95%;}
body br{ display:none;}	
:root {
	--base-font-size: 16px;
	--component-font-size: 17px;
	--h1-font-size: 36px;
	--h2-font-size: 26px;
	--h3-font-size: 26px; /* Example values based on common defaults */
	--h1-line-height: 50px; /* Unitless line heights are best practice */
	--h2-line-height: normal;
	--h3-line-height: normal;
	--line-height-multiplier: 25px;
	--global-padding:30px 20px;
}
.main_nav li {  margin: 0 5px;}
.main_nav li a {padding: 8px 20px;}
section {padding: 80px 0 0 0;}
.post_column {
  column-gap: 40px;
}
footer {
  margin: 80px 0 0 0;
  padding:60px 0 80px 0;
}
.knlc_logo {
  width: 200px;
  right: 20px;
  bottom: 20px;
}
.bot60 {
  margin-bottom: 40px;
}
.wht_bg_full {padding: 40px;}
.wht_bg_post span {padding: 30px 20px;}
.search { width: 100px;}
.main_logo {
  width: 250px;
}
.meet_crew_single_post{column-gap:40px; padding:30px;}
.meet_crew_single_post .thumb{ flex: 0 0 35%;}
} 
/* sm */
@media (max-width: 991px){
:root {
	--h1-font-size: 30px;
	--h2-font-size: 20px;
	--h3-font-size: 22px; /* Example values based on common defaults */
	--h1-line-height: 40px; /* Unitless line heights are best practice */
	--global-padding:15px;
}
header {
  display: block;
  position:relative;
}
.main_nav ul {
  margin:20px 0 30px 0;
}
.main_banner {
  padding: 0;
}
.search { width: 150px; position:absolute; right:15px; top:12px; padding: 8px 8px 8px 37px;}
.main_logo { width: 200px;}
.bot40 {margin-bottom: 30px;}
.bot30 {margin-bottom: 15px;}
.post_column {column-gap: 30px;}
.wht_bg_full {padding: 40px 30px;}
footer { padding: 60px 0 0 0;}
.footer_left .nic_logo {width: 160px;}
.footer_contact {display: block;}
.footer_contact div:first-child{margin-bottom:20px;}
.footer_contact .bot40{margin-bottom:10px;}
.knlc_logo {
	width: 100%;
	right: 0;
	bottom: 0;
	text-align: right;
	position: relative;
}
.knlc_logo img{ width:200px;}
.gray_bg_full {padding: 30px; column-gap: 40px;}
.flex_div_full {column-gap: 40px;}
.media_icon {flex-wrap: wrap; column-gap: 0;}
.media_icon div { flex-basis: 50%; margin:10px 0;}
.media_icon img { width:250px;}
section {padding: 60px 0 0 0;}
.main_nav li a {padding: 5px 15px; margin-bottom: 10px;}
.video_div {
    width: 40%;
    margin: 0 0 30px 50px;
}
.meet_crew_single_post .thumb{ flex: 0 0 40%;}
}
/* xs */
@media (max-width: 767px) {
.container{ width:92%;}
.soundbar{ width:280px; height:auto;}
.wht_bg_full {padding: 30px 20px;}
.media_icon img { width:160px;}
.post_column {display: block;}
.post_column div.wht_bg_post:nth-child(2n) {margin-top: 50px;}
.gray_bg_full { padding: 30px 20px; display: block;}
.flex_div_full { display: block;}
.video_div{ margin-bottom:30px;}
.footer_content{ flex-direction:column; text-align:center;}
.footer_left{ order:2; margin:30px 0; width:100%;}
.footer_left .social{ margin-top:30px;}
.footer_left .nic_logo { margin:0 auto;}
.knlc_logo {
    width: 100%;
    text-align: center;
    position: relative;
 }
footer {padding: 60px 0 30px 0;}
.btn-toggle {display: block;}
.main_nav ul {text-align:left;}
.main_nav li {display: flex; flex-direction:row;}
.main_nav li a{ display: block; color:var(--accent-color); background:transparent; padding:20px 0 0 20px; margin-bottom:0; font-weight:500; border-radius:100px; font-size: var(--component-font-size); -webkit-box-shadow: none; box-shadow: none; border:none;}

/*
.main_nav li:last-child a{ color:var(--accent-color); background:none; border:none; padding-bottom:20px;}
*/

.main_nav li a:hover{  color:var(--secondary-color); background:transparent; border:none;}
.main_nav li.active a {color: var(--secondary-color);background: transparent; border: none;}
.nav_mob {
		background: #000;
		padding:0;
		border-radius: 20px;
		transition: max-height 0.2s ease-out;
		max-height: 0;
		overflow: hidden;
}
.search {
    right: 60px;
}
.video_div {
    width: auto;
    float: none;
    margin: 0 0 30px 0;
}
.meet_crew_single_post{column-gap:0; padding:20px; display:block;}
.meet_crew_single_post .thumb{ flex: 0; margin-bottom:30px;}
.video_div_gray{ margin-bottom:30px;}
.get_in_touch{padding:20px; margin-top:30px;}
}
@media (max-width: 423px) {
.search {
    width: 100px;
}
}

.media_icon2{ background:var(--accent-color); border-radius:30px; padding:20px; -webkit-box-shadow: 0px 0px 50px 20px rgba(128,23,0,0.1); box-shadow: 0px 0px 50px 20px rgba(128,23,0,0.1);}
.media_icon2 img{ mix-blend-mode: none; }
.wht_bg_full2{background: transparent !important; border:2px solid var(--primary-color); -webkit-box-shadow: none; box-shadow: none;}

@media (max-width: 767px) {
.media_icon2{
	padding:10px;
}
}