/*
CTC Separate Stylesheet
Updated: 2025-02-26 22:18:56
Theme Name: TDK Ventures Child
Template: tdk-ventures
Version: 1.0.1740608336
*/

* {
    font-family: "Noto Sans";
}
.main_content ul {
    padding-left: 28px;
}
img {
    user-select: none;    
    pointer-events: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.std_btn{
	color: #FFF !important;
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize;
	padding: 15px 30px;
	background: #0046ad;
	max-width: max-content;
	margin: 10px auto !important;
	display: block;
	text-decoration: none;
}
ul {
    margin: 0px;
}
.important_alert{
    min-width: 108px;
    max-width: 108px;
    height: auto;
}
.w-100{
    width: 100% !important;
}
.g-24{
    gap:24px;
}
.d-flex {
    display:flex;
}
.flex-column{
    flex-direction: column;
}
.tdk-corporate-video video {
    width: 100%;
}

.align-flex-start{
    align-content: flex-start;
}
.justify-content-between{
    justify-content: space-between;
}
.flex-wrap{
    flex-wrap: wrap;
}
.container {
    margin: 0 auto;
}
.description-block {
    margin: 0px;
	color: var(--Text, #000);
    font-family: "Noto Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

div#search-results {
    position:absolute;
    border:1px solid #00000033;
    z-index: 999;
    max-width: 475px;
    max-height: 304px;
    overflow: overlay;
    > div:hover {
        background:#f5f5f5;
    }
    > div {
        background: #fff;
        max-width: 480px;
        padding: 8px 12px;
        border-bottom:1px solid #00000033;
        cursor:pointer;
        & strong{
            text-transform:capitalize;
            color:#0046ad;
            font-size:14px;
            min-width: max-content;
        }
        & small{
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 5;
            -webkit-box-orient: vertical;
            max-height: 35px;
            & p{
                margin:0;
            }
        }
		& div{
			display:flex;
			align-items: center;
			margin-bottom: 2px;
			& small{
				color: #0046ad;
				font-size: 12px;
				font-style: italic;
				padding: 0px 8px;
				font-weight: 600;
				
				
				& span{
					font-size: 14px;
					margin-right: 8px;
					font-weight: 600;
				}
			}
		}
    }
}
.secondary-palette-block, .primary-palette-block {
    gap: 24px;
    display: flex;
    flex-direction: column;
}
.secondary-palette-block{
    padding-bottom:40px;
}
.page-title{
    margin-bottom: 24px;
}
.page-title {
    position:relative;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    padding:10px;
    background: var(--Main-Blue, #0046AD);
    max-width:max-content;
    background: #0046ad;
    
    
    &::before{
        content:'';
        width: 523px;
        height: 3px;
        background: var(--Main-Blue, #0046AD);
        position:absolute;
        bottom:0px;
    }
}
.secondary-heading {
    position:relative;
    color: var(--Main-Blue, #0046AD);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px;
    text-transform: capitalize;
    padding: 8px 0px;
    margin: 0px;
    &::before{
        content:'';
        width: 523px;
        height: 3px;
        background: var(--Main-Blue, #0046AD);
        position:absolute;
        bottom:8px;
    }
}
label[for="search_bar"] {
    min-width: 100%;
    min-height: 100%;
    display: flex;
    justify-content: center;
}
.page-description {
    color: var(--Text, #000);
    font-family: "Noto Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
div:has(> .page-description) > * {
    color: var(--Text, #000);
    font-family: "Noto Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.card-inner-spacing {
    padding: 20px;
}

/* Header CSS */
header.main-header {
    background: var(--Main-Blue, #0046AD);
    padding: 9.6px 0px;
    & .container {
        padding: 28.8px 13px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    & .brand_logo {
        width: 118px !important;
        display: flex;
    }
    
    & .logo_block {
        display: flex;
        align-items: center;
        gap: 40px;
    }
    
    & input[type="text"] {
        display: flex;
        width: 480px;
        align-items: center;
        gap: 19.2px;
        border: 1.2px solid rgba(255, 255, 255, 0.20);
        border-radius: 0px;
        background: #0000;
        height: 55px;
        color: var(--White, #FFF) !important;
        font-family: Poppins;
        font-size: 16.8px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        outline: none !important;
        padding: 15px 19px;
    }
    & .brand_tag_line {
        color: var(--White, #FFF);
        font-size: 16.8px;
        font-style: normal;
        font-weight: 600;
        line-height: 25.2px; /* 150% */
    }
    & .search_icon {
        min-width: 55px;
        background: #336bbd;
    }
    & .search_box {
        display: flex;
    }
}

/* Hero Section CSS */
section.hero_sec {
    & .hero_title_box{
        color: #FFF;
        font-size: 28.8px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 1.584px;
        width: 100%;
        background-image: url('/wp-content/uploads/2025/02/2f1fa3a48c684a1a383d15f238c69264.png');
        background-size: cover;
        background-position: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    & img.image_1 {
        display: flex;
        width: 85.2px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 9.6px;
        align-self: stretch;
        height: auto;
        object-fit: cover;
    }
    & img.image_2 {
        display: flex;
        width: 85.2px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 9.6px;
        align-self: stretch;
        object-fit: cover;
    }
    & img.image_3 {
        display: flex;
        width: 240px;
        height: 94.8px;
        justify-content: center;
        align-items: center;
        gap: 9.6px;
        object-fit: cover;
    }
    & .banner_block {
        display: flex;
        padding: 60px 0px;
        justify-content: center;
        gap: 9.6px;
    }
}
.brand-guide-section {
    & .container {
     display: flex;
     gap: 0px;
     margin:0 auto;
     gap: 10px;
    }
    & .sidebar {
	display: flex;
	width: 29.4%;
	padding: 22px 16px;
     flex-direction: column;
     align-items: center;
     gap: 12px;
     background: #0046AD;
    }
    & .main_content {
        padding: 28px 20px 28px 20px;
        flex: 1 0 0;
        width: 70.6%;
        background-color: #f5f5f5;
        > div{
            opacity:0;
            max-height:0px;
            overflow:hidden;
            transition: .3s;
        }
        > div.active{
            opacity: 1 !important;
            height: 500px !important;
            max-height:max-content !important;
            min-height:max-content !important;
        }
    }
    & ul#corporate-posts {
        margin:0;
        padding:0;
        min-width: 100%;
        & span{
            cursor:pointer;
            padding: 0px 20px;
        }
        & li:has( > ul > li.active) {
            & > span{
                background:#023074;
                width: 100%;
                padding: 20px;
            }
        }
        > li.active {
            > span{
                background:#023074;
                width: 100%;
                padding: 18px 20px;
            }
        }
        & li {
            color: #FFF;
            font-family: "Noto Sans";
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.88px;
            display: flex;
            padding: 12px 0px;
            align-items: flex-start;
            gap: 8px;
            align-self: stretch;
            flex-direction: column;
                > ul {
                    opacity:0;
                    height:0;
                    transition: .3s;
                    overflow: hidden;
                    li.active{
                        position:relative;
                        padding-right: 40px;
                        &:after{
                            content: "";
                            position: absolute;
                            right: 0px;
                            top: 50%;
                            transform: translateY(-50%);
                            width: 30px;
                            height: 30px;
                            background-image: url(/wp-content/uploads/2025/03/arrowsmallright.png);
                            background-size: contain;
                            background-repeat: no-repeat;
                        }
                    }
                }
                & ul:has(> li.active) {
                    opacity: 1 !important;
                    height: 500px !important;
                    max-height:max-content !important;
                    min-height:max-content !important;
                    margin: 0;
                    padding: 0;
                    margin-left: 15px;
                }
            }
        }
    }
    
}

/* Home Template CSS */


/* Typography Template CSS */
.typographies_block {
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
}
.print-typography-block, .online-media-typography-block, .website-typography-block, .ms_office-typography-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    & .typo-block {
        display: flex;
        min-width: 100%;
        & img {
            min-width: 100%;
        }
        > div{
            min-width: 33.3333%;
            max-width: 33.3333%;
            padding: 0px 40px 0px 0px;
            word-break: break-word;
            font-size:13px;
        }
    }
}


/* Color Gradation TDK Blue */
.gradiations-block {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

/* Color Gradation Brand Mark Usage */
.light-gradient-brand-mark-block, .dark-gradient-brand-mark-block {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}


/* Basic Color */
.colors-block {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    & .color_card {
        display: flex;
        height: 125px;
        padding: 8px;
        justify-content: flex-end;
        align-items: center;
        flex: 1 0 0;
        max-width: calc(33% - 16px);
        min-width: calc(33% - 16px);
        flex-direction: column;
        border-radius: 4px;
        box-shadow: 0px 16px 24px 2px rgba(0, 0, 0, 0.14);
        & span{
            color: #FFF;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            letter-spacing: 0.66px;
        }
    }
}

div#home.active {
    background: #fff;
    margin: -28px -20px;
    padding: 12px 20px;
    min-height: 710px !important;
}
.secondary-palette-block {
    padding-bottom: 35px !important;
}
p.page-description {
    margin: 0px !important;
}
span.black {
    color: #000 !important;
}
#font-color .colors-block * {
    font-size: 18px !important;
    font-weight: 700 !important;
}

/* Logo Mark */
.mark-logos-page-section .logo {
    min-width: 62%;
    margin: 0px 19%;
    max-height: 97px;
}

/* Logo Measurements */
.logos-measurements-page-section .logo-measurement {
    object-fit: contain;
}

/* Print Pages Global Style */
.print-tab-sections .card-inner-spacing {
    align-items: center;
    & .page-description{
        min-width:400px;
    }
}


/* hero section layoout */
 .tdk-event-hero-wrap {
	 position: relative;
	 background-size: contain !important;
	 background-position: right center !important;
	 background-repeat: no-repeat !important;
	 border-radius: 15px;
	 padding: 40px 30px;
	 color: #fff;
	 display: flex;
	 align-items: center;
	 overflow: hidden;
}

.tdk-event-hero-wrap::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/* 	background-color: #0046ad; */
	opacity: 0.8;
	z-index: 0;
	border-radius: 8px;
/* 	background-image: linear-gradient(271deg, #003AC1 0%, #0c76bb 100%); */
	background-image: linear-gradient(77deg, #0046AD 16%, #0046adc4 27%);
}

.event-img-wrap.img-left {
	width: 67%;
	margin: 0 auto;
	text-align: center;
}

.tdk-event-logo-head img {
	max-height: 71px;
	position: relative;
	z-index: 1;
}

.tdk-event-hero-content {
	width: 72%;
	text-align: center;
}

.tdk-event-logo-head {
	width: 14%;
}

.tdk-event-hero-content h4 {
	font-size: 43px;
	font-weight: 600;
	margin: 0;
	position: relative;
	z-index: 1;
}
.tdk-event-hero-section {
    padding: 60px 0px ;
}

/* ================ RESPONSIVE IPHONE ==================== */
    @media only screen and (max-width: 991px) {
		.tdk-events-content .page-title {
    &::before {
        width: 493px !important;
    }
		}
.tdk-events-guide .tdk-events-content h4 {
    &:before {
        width: 390px !important;
    }
		}
header.main-header {
    & input[type="text"] {
            width: 400px !important;
        }
		}
		header.main-header {
    & .container {
        gap: 22px !important;
    }
}
        div#search-results {
            max-width: 456px !important;
            left: 0 !important;
        }
    }
@media only screen and (max-width: 767px) {
	header.main-header {
    & input[type="text"] {
            width: 250px !important;
        }
		}
	.brand-guide-section {
    & ul#corporate-posts {
        & > li.active {
            > span {
                padding: 13px 13px !important;
            }
        }
    }
}
	
	.brand-guide-section {
    & ul#corporate-posts {
        & li {
            width: 93%;
            margin: 0 auto;
        }
    }
}
	.brand-guide-section {
    & .main_content {
        padding: 20px !important;
    }
}
	ul#corporate-posts li ul {
   		margin: 0 !important;
}
	ul#corporate-posts li ul li {
    	width: 100% !important;
}
	ul#corporate-posts li ul li span {
    	font-size: 13px !important;
} 
	.brand-guide-section {
    & ul#corporate-posts {
        & li:has(> ul > li.active) {
            & > span {
                padding: 13px 13px !important;
            }
        }
    }
}
	.brand-guide-section {
    & .sidebar {
        padding: 24px 3px !important;
    }
}
	.brand-guide-section {
    & ul#corporate-posts {
        & span {
            padding: 0px 9px 0 10px;
        }
    }
}
	.main_content .card-inner-spacing {
		padding: 20px 14px !important;
		flex-wrap: wrap !important;
}
	body.page.page-id-141 {
    overflow: hidden;
    overflow-y: scroll;
}
}
@media only screen and (max-width: 639px) {
	    header.main-header {
        & .container {
            gap: 22px !important;
            flex-wrap: wrap;
            flex-direction: column-reverse;
        }
    }
	    header.main-header {
        & input[type="text"] {
            width: 320px !important;
        }
    }
	.tdk-event-hero-wrap {
    	padding: 19px 30px !important;
}
	.brand-guide-section {
    & ul#corporate-posts {
        & li {
            padding: 6px 0px !important;
        }
    }
}
	    .brand-guide-section {
        & ul#corporate-posts {
            & span {
                font-size: 13px !important;
            }
        }
    }
	ul#corporate-posts{
    	width: 100%;
    	padding: 0;
}
	.tdk-event-logo-head {
    	width: 22%;
}
	.tdk-event-logo-head {
        width: 22% !important;
    }
	    .tdk-event-hero-content h4 {
        font-size: 26px !important;
    }
	.brand-guide-section {
    & .sidebar {
        width: 32.4%;
    }
}
	.brand-guide-section {
    & .main_content {
        width: 67%;
    }
}
	    .brand-guide-section {
        & ul#corporate-posts {
            & span {
                padding: 0px 15px 0 10px;
            }
        }
    }
	    .brand-guide-section {
        & .main_content {
            padding: 8px !important;
        }
    }
}
@media only screen and (max-width: 479px) {
	    header.main-header {
        & input[type="text"] {
            width: 260px !important;
        }
    }
		ul#corporate-posts li ul li {
    	    font-size: 12px !important;
}
	    .tdk-event-hero-wrap {
        background-size: cover !important;
    }
}
@media only screen and (max-width: 350px) {
	    .brand-guide-section {
        & ul#corporate-posts {
            & li:has(> ul > li.active) {
                & > span {
                    padding: 13px 13px !important;
                    font-size: 10px !important;
                }
            }
        }
    }
	    header.main-header {
        & input[type="text"] {
            width: 210px !important;
        }
    }
	header.main-header {
    & .logo_block {
        gap: 0 !important;
    }
}
	    .brand-guide-section {
        & ul#corporate-posts {
            & span {
                padding: 0px 0px 0 2px;
				font-size: 10px !important;
            }
        }
    }
	.brand-guide-section {
    & ul#corporate-posts {
        & li {
            & > ul {
                & li.active {
                    &:after {
                        right: -4px !important;
						width: 23px !important;
                        height: 23px !important;
                    }
                }
            }
        }
    }
}
	.main_content p {
    	font-size: 13px !important;
}
	.main_content li {
    	font-size: 13px !important;
}
	    .main_content .card-inner-spacing {
        padding: 0 14px 20px 14px !important;
        flex-wrap: wrap !important;
    }
	.brand-guide-section {
        & .sidebar {
            width: 34.5%;
        }
    }
	    .brand-guide-section {
        & .main_content {
            width: 63%;
        }
    }
	    ul#corporate-posts li ul li {
        width: 96% !important;
    }
}

@media only screen and (max-width: 767px){
	.color_card {
		display: flex;
		justify-content: center !important;
		text-align: center;
	}
}