/*
CTC Separate Stylesheet
Updated: 2024-04-20 22:43:02
*/

/*.content-area {margin: 0; padding:0;} */

/* General unordered list bullet style */ 
ul {
    list-style-type: square;
}

.site-branding {
    margin-left: -1rem;
}

/* Not sure these do anything */
.menu-item-1305 ul.sub-menu li:first-child {
	border-top:1px solid var(--global-palette9);
	padding-top:.5em;
}
.menu-item-1305 ul.sub-menu li {
	padding-bottom:.5em;
	margin-top:.5em;
	margin-bottom:0;
}

.aw-section{
	width: 100%;
}

/* Front page banner with Corporate Partners - Merchant Banking */
.aw-banner {
	min-width:300px;
}

/* Disclaimer on About page */
.aw-disclaimer {
    width: 80%;
    margin-left: 2em;
    text-align: justify;
    border-top: 2px solid gray;
}


li {
    margin-bottom: 1em;
}
/*
li span.smallcap {
    font-family: small-caps bold 1.5em serif;
}
*/
ul ul li {
    margin-top: .8em;
    font-size: .9em;
    font-weight: inherit;
    font-family: sans-serif;
}
ul ul {
    list-style-type: '\2013   ';
}

/* The industry table on the Partnership page */
figure.wp-block-table {
    margin-top: -1em !important;
}
figure.wp-block-table table {
    width: 70% !important;
}
td {
    line-height: 1em;
    font-family: serif;
}

/* Corporate Partners on the Contact page */
.smallcap {
	font-size: 1.3em;
	font-family: serif;
	font-variant: small-caps;
	font-weight: bolder;
}

/* The footnote on the Contact page */
#footnote {
    font-family: serif;
    padding-left: 2rem;
}
.footnote-body {
    line-height: 1em;
    margin-top: -1.4rem !important;
	padding-left: .6em;
	text-indent: -.7em;
}

/* This is on the For Investors page. Changes for the small screen, below */
#InvInSol {
    font: italic 1.1em serif;
}
/*
bold 1.2em 
    font-style: italic;
*/

@media (max-width: 850px) {
	figure.wp-block-table {
		margin-left: 2rem !important;
		margin-top: -1.5rem !important;
		padding: 0 !important;
	}
	figure.wp-block-table table {
		width: 100% !important;
	}
	figure.wp-block-table table, thead, tbody, th, td, tr {
		display: block;
		width: auto;
		padding: 0;
		margin: 0;
	}
	figure.wp-block-table table td {
		line-height: 1.1em;
	}
	#InvInSol {
    	font: italic bold 1em serif;
	}
}

/*	These are the styles for the Information/Login page */

body.page-id-2221 #wrapper {
	background-color:#718096 !important;
}

#post-2221 {
	margin-top:7vh;
}

#modal-1 {
	padding-top:1em;
}

.wp-image-2734, .wp-image-2739 {
	opacity: .7;
}

/*	These are the styles for the Information/Login page small-screen hamburger */

.wp-block-navigation__responsive-container.is-menu-open {
	background-color:black;
	margin-left:5vw;
	padding-top:15vh;
}

.wp-block-navigation__responsive-container.is-menu-open ul li{
	padding-right:10em;
}

.wp-block-navigation__responsive-container.is-menu-open button{
	padding-right:5em;
}


/* These are the styles for the Logout button */

li.aw-logout a:link,a:visited {
	border:solid 2px rgba(33,83,135,.3);
	border-radius: 25px;
	margin-left: .2rem;
	text-align: center;
}

li.aw-logout a:hover, a:active {
	background-color: #215387;
	color: white;
	margin-left: .2rem;
	text-align: center;
}

/* These are the styles for the Partnership button transition */

#menu-item-2916 ul {
	transition-property: transform;
	transition-duration: 400ms;
	transition-timing-function: ease-in;
	transition-delay: 50ms;
	transform: scale(1,0);
	transform-origin: top center;
}
#menu-item-2916:is(:hover, :focus) ul {
	transform: scale(1,1);
}

/* These are (pretty ineffective) styles for the Partnership dropdown list items */
.header-navigation .header-menu-container ul ul li.menu-item > a {
	padding-bottom: .4em !important;
	padding-top: 0 !important;
	margin-top: 0 !important;
}

/* This gets rid of the Login button at the top of the Guest Login page 
 * for both the normal and the mobile headers
 * No longer needed because moved it to footer
*/
.page-id-3058 #main-header .header-button {
	display:none;
}
.page-id-3058 #mobile-header .mobile-header-button {
	display:none;
}

/* Login button in footer */
#menu-item-3272 {
	border-left: 1px whitesmoke solid;
}

/* Guest login form */
#magic-login-shortcode {
	width:90% !important;
}
#magicloginform {
	min-width:46%;
}

/* Animation of the Home page image load */
@keyframes fade-in{
	0% {
  	opacity: 0;
	}
	100% {
  	opacity: 1;
  }	
}
.page-id-1825 img {
	animation: fade-in ease 5s;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: backwards;
}
.page-id-1825 .kb-svg-icon-wrap.kb-svg-icon-fe_logIn.kt-btn-icon-side-right{
	opacity: .8;
}
.page-id-1825 .button {
	animation: fade-in;
	animation-duration: 2s;
	animation-fill-mode: backwards;
}
/*	animation-delay: 2.5s; */
/*	animation-fill-mode: both; */ 

/*	image-link bounce problem in Firefox */
a:active:has(img) {
	margin:0;
	padding:0;
}

/*	Adjusts line height on Partnership page for 21st span */
#post-1223 h2 {
	line-height:1.25em;
}


/*	These are Kommunity changes. The first one overlaps the Additional Styles */
/*
@media (max-width: 1024px) {
    .kb-btn1825_cdeba1-a7.kb-button .kb-svg-icon-wrap {
        font-size: 24px; !important
    }
}
*/
/*  This is the History navigation button */
#menu-item-2912{
	transform: none;
	transition: none;
}