/*
Theme Name: IEWEB(Child)
Template: blockette
Description: WordPress Block theme, created for Full Site Editing, adapted to WooCommerce plugin. Features additional global style variations, custom templates for WooCommerce pages, and patterns.
Tags: site-editor,full-site-editing,editor-style,block-patterns,patterns,templates,template-parts,wide-blocks,block-styles,full-width-template,template-editing,translation-ready,blog,e-commerce
Version: 1.0.4.1675219017
Updated: 2023-02-01 02:36:57

*/

/* style from cse.cuhk.edu.hk*/

/*@import url('https://webarchive.lib.cuhk.edu.hk/20240123161147cs_/https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Poppins:wght@300;700&display=swap')*/

html {
	font-size: 10px;
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-ms-text-size-adjust: 100%;
}
body {	
	font-size: 16px;
    font-weight: 400;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    color: #444;
    background-color: #fff;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 700;  
	line-height: 1.15em;
	color: #312B92;
}
body,p,ol li,ul li,th,td {

}
h1 { /* page header on top of the image background */
	color: #fff;
	font-size: 3.5em;
	font-weight: 700;
	line-height: 1.15em;
	margin-bottom: 1.5em;
	letter-spacing:0.03em;
	/*text-shadow: -2px -2px 0 #ADD8E6, 2px -2px 0 #6495ED, -2px 2px 0 #ADD8E6, 2px 2px 0 #6495ED;*/
}
h2 {
	font-size: 3em;
    font-weight: 400;
    /*text-shadow: 3px 3px #E6E6FA;*/
}
h3 {
    font-size: 1.7em;
    font-weight: 600;
    color: #312B92;
}
p {
    line-height: 1.6em;
    margin-bottom: 1.3em;
}
strong {
    font-weight: 500;
}
td strong {
	color: #343B3F;
}
a {
    text-decoration: none;
    color: #000000;
    font-weight: 500;
}
a:hover {
    color: #4169E1;  /*#312B92;*/
    border-bottom: 1px solid #4169E1; /*#B0C4DE*/
    transition: color 0.3s;
}
		
ul li,
ul li ul li,
ol li,
ol li ol li {
	line-height:1.6;
	/* margin-bottom:0.3em; */
}
		
ul li:last-child,
ol li:last-child {
	/*margin-bottom:0.8em;*/
}


/* style from cse.cuhk.edu.hk END*/

/***********	Custom Theme Body	*******************************/
body {
	--wp--preset--color--primary: #343B3F;
	--wp--preset--color--secondary: #0077B6;
	--wp--preset--color--foreground: #000;
	--wp--preset--color--background: #fff;
	--wp--custom--shadow-soft: 0 10px 4vw 0 rgb(255 255 255 / 8%);
	--wp--custom--layout--wide-size: min( calc(100vw - 40px), 1280px);
	--wp--custom--layout--content-size: min( calc(100vw - 40px), 1280px);
	--wp--custom--v-spacing: clamp(1rem,1vw,1rem);
	--wp--custom--shadow-button-input: 0px 0px 0px 0 rgba(0, 0, 0, 1);
	--wp--custom--global-border-radius: 0px;
}
/*a:hover {     color: var(--wp--preset--color--secondary);    font-weight: inherit;    	transition: .5s; }*/
a:where(:not(.wp-element-button)) {   transition: .5s;  /*text-decoration: none; */ color:#2e3e6e;}
.pt-cv-title a { font-weight: inherit;  }
a.wp-block-button__link.wp-element-button:hover {     color: var(--wp--preset--color--cyan-bluish-gray)!important;     font-weight: bold;     transition: .5s; }
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color), .wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color) { transition: .5s; }

.wp-block-themeisle-blocks-flip { --padding: 10px 10px; }

@media screen and (min-width: 782px){
.o-flip-content>h3>a {     font-size: 2vw; }
}

.wp-heading-h2{text-shadow: 3px 3px #e6e6fa00;}

@media screen and (max-width: 781px){
.wp-heading-h2{font-size: 5vw;}
}

/***********END	Custom Theme Body	*******************************/

/***********	Custom Header	*******************************/
/* Custom header*/
.admin-bar .is-style-blockette-sticky, .admin-bar .is-style-blockette-sticky-no-shadow { background-color: var(--wp--preset--color--background); }
.is-style-blockette-sticky, .is-style-blockette-sticky-no-shadow {     top: 0;     z-index: 999;     background: var(--wp--preset--color--background); }

/*20230419*/
@media screen and (min-width: 782px){
	.is-style-blockette-sticky, .is-style-blockette-sticky-no-shadow { 	/*position: fixed;*/ width: 100vw;	}
	.is-hidden { 	opacity: 0; 	-webkit-transform: translate(0,-60px); 	-webkit-transition: -webkit-transform .1s,background .1s,color .1s,opacity 0 .1s; 	}
	.is-visible { 	opacity: 1; 	-webkit-transform: translate(0,0); 	-webkit-transition: -webkit-transform .5s,background .5s,color .5s; 	}
}

@media screen and (max-width: 781px){
	.is-style-blockette-sticky, .is-style-blockette-sticky-no-shadow { 	position: relative; 	}
}

header.is-style-blockette-sticky.wp-block-template-part { box-shadow: rgba(50, 50, 93, 0.25) 1px 0px 4px 0px, rgba(0, 0, 0, 0.3) 0px 1px 5px 0px; }
.wp-main-header{ background-color: var(--wp--preset--color--white)!important; }

/***********	top nav	*******************************/

.wp-top-nav{ background: var(--wp--preset--color--secondary); padding-left: 20px; padding-right: 20px; }

@media screen and (max-width: 599px){
	.wp-top-nav div{ justify-content: space-between!important; }
}

@media screen and (min-width: 600px){
	.wp-top-nav div{ justify-content: flex-end!important; }
	.wp-top-nav-inside{ padding-right:10px; }
}

/*top nav searching*/
.wp-nav-search_1{}
.wp-nav-search_1 div { border: 0px solid #949494 !important; }
.wp-nav-search_2{}
.wp-block-search__input {
     flex-grow: 0; 
    background-color: transparent;
    background-image: url(https://webarchive.lib.cuhk.edu.hk/20240123161147oe_/https://www.ie.cuhk.edu.hk/wp-content/uploads/2023/04/search_icon_white_50x50.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    cursor: pointer;
    height: 37px;
    margin: 3px 0;
    border: none!important;
    padding: 0 0 0 42px;
    position: relative;
    -webkit-transition: width 400ms ease, background 400ms ease;
    transition: width 400ms ease, background 400ms ease;
    width: 0;
    margin-left: auto;
}
.wp-block-search__input:focus {     background-color: #fff;    /* border: 2px solid #c3c0ab !important;*/     cursor: text;     outline: 0;     width: 230px; }
.wp-block-search button.wp-block-search__button { display: none; }
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {/*240103*/
    border: 0px solid #949494;
}
.wp-top-nav-text{     color: var(--wp--preset--color--background);     font-family: inherit;     font-size: 14px;     font-weight: normal;     outline: none; }
.wp-top-nav-text a:hover{ color: var(--wp--preset--color--cyan-bluish-gray); text-decoration: none!important; }
/*remove hover background*/
li.has-text-color.has-white-color.wp-block-navigation-item.wp-top-nav-text.wp-block-navigation-link:hover { background: none !important; }

@media screen and (max-width: 781px){
.wp-top-nav div { flex-direction: inherit!important; }
}


@media (max-width: 600px) {
.wp-top-nav-text a.wp-block-navigation-item__content span.wp-block-navigation-item__label { color: black; }
}


/***********END	top nav	*******************************/

/***********	Header Logo and Title	*******************************/
.wp-nav-logo img{ box-shadow: 0px 0px 0px rgb(0 0 0 / 0%)!important; }
.wp-nav-title img{ padding-left: 10px; }
.wp-nav-logo-w{  padding-right: 10px; }

@media screen and (min-width: 1279px){ /*1180px*/
	.wp-header-mid { height: 50px; }
	.wp-nav-logo-w img, .wp-nav-title img { position: absolute; z-index: 999; top: 20px; 	}
	.wp-nav-logo_1 img{ width: 70px;}
	.wp-nav-logo_2 img{ width: 58px;left: 93px;}
	.wp-nav-title img{ top: 30px; }
	.wp-header-mid{ margin-bottom: 0.85em; }
	.wp-nav-title img{  left: 153px;  }
}

@media screen and (max-width: 1280px){ /*1179px*/
	.wp-header-mid{ margin-bottom: 0.3em; }
}

@media screen and (min-width: 782px){
	.wp-nav-title img{ max-width: 350px; }
	.wp-nav-logo_1 img{ width: 70px;left: 20px;}
	.wp-nav-logo_2 img{ width: 58px;left: 93px;}
}

@media screen and (max-width: 781px){
	.wp-nav-logo_1 img,.wp-nav-logo_2 img,.wp-nav-title img{  position: absolute; z-index: 999; top: 20px; }
	.wp-nav-logo_1 img{ width: 60px;left: 10px; }
	.wp-nav-logo_2 img{ width: 47px;left: 73px;}
	.wp-nav-title img{  left: 111px; top: 20px; max-width: 275px;}
	.wp-header-mid { height: 50px; }
}

@media screen and (max-width: 750px){
	.wp-nav-title img {
		left: 123px;
		top: 30px;
		max-width: 220px;
  }
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner {
		display: block;
		top: 50%;
		margin-top: -35px;
	}
	h2 {
		font-size: 2.5em;
	}
}

/***********END	Header Logo and Title	*******************************/

/***********	mega menu	*******************************/

@media only screen and (min-width: 782px){
	#mega-menu-wrap-max_mega_menu_1 { background: #00000000; 	}
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link { color: var(--wp--preset--color--black)!important;	}
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu { width: 98%; /*background: #fffffff0;	*/ box-shadow: 0px 5px 10px 2px #00000085;}
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu {     width: 200px!important;right: -55px; }
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu { transform: translate(0, 2px); margin: 5px; }
	#mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {    padding: 7px 0px 7px 0px!important; line-height: 1.3!important;}
	/*max menu sub-menu position*/
	#mega-menu-item-4703 > ul.mega-sub-menu{left: -100%!important;}
	
}

/*mobile submenu*/
@media only screen and (max-width: 781px){
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu { /*overflow: auto; height: 50vh; */	}
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { padding-left: 45px; }
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { border-color: #b80ddb00; 	}
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box { 	padding-left: 100px; }
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box span.mega-toggle-animated-inner,
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box span.mega-toggle-animated-inner::before, #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box span.mega-toggle-animated-inner::after{ 	width: 30px; }
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {     padding: 5px 21px 5px 20px; }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link { border-bottom: 5px solid #fff0; }
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle { background: #fff0; }
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner{ background-color: var(--myVar)!important;--myVar: var(--wp--preset--color--foreground); }
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{ 	background-color: var(--myVar)!important; }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {     text-align: right;padding: 0px 18px 0px 0px; }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link:hover{ transition: .5s; }
li#mega-menu-4688-0-0 ul.mega-sub-menu li#mega-menu-item-4922 a.mega-menu-link, li#mega-menu-4688-0-0 ul.mega-sub-menu li#mega-menu-item-4922 a.mega-menu-link:focus, li#mega-menu-4688-0-1 ul.mega-sub-menu li#mega-menu-item-4923 a.mega-menu-link, li#mega-menu-4688-0-1 ul.mega-sub-menu li#mega-menu-item-4923 a.mega-menu-link:focus { 	background: var(--wp--preset--color--secondary)!important; 	text-align: center!important; 	color: var(--wp--preset--color--background)!important; }

@media screen and (max-width: 781px){
	#mega-menu-4688-0-0 {   width: 100% !important; }
}

li#mega-menu-4688-1-3 ul.mega-sub-menu li#mega-menu-item-6911 a.mega-menu-link,li#mega-menu-4688-1-3 ul.mega-sub-menu li#mega-menu-item-6911 a.mega-menu-link:focus{    background: var(--wp--preset--color--secondary) !important;   text-align: center !important;   color: var(--wp--preset--color--background) !important;  }
li#mega-menu-4688-1-4 ul.mega-sub-menu li#mega-menu-item-6912 a.mega-menu-link,li#mega-menu-4688-1-4 ul.mega-sub-menu li#mega-menu-item-6912 a.mega-menu-link:focus{    background: var(--wp--preset--color--secondary) !important;   text-align: center !important;   color: var(--wp--preset--color--background) !important;  }
li#mega-menu-4688-1-3 ul.mega-sub-menu li#mega-menu-item-7799 a.mega-menu-link,li#mega-menu-4688-1-3 ul.mega-sub-menu li#mega-menu-item-7799 a.mega-menu-link:focus{    background: var(--wp--preset--color--secondary) !important;   text-align: center !important;   color: var(--wp--preset--color--background) !important;  }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li#mega-menu-item-4702 > ul.mega-sub-menu {    /* opacity: 1!important;     visibility: visible;*/     left: -41px; }
/*submenu text-align*/
/*Check Max Mega Menu Custom CSS */
/*submenu line-height*/
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { line-height: 1.3; padding-bottom:7px; padding-top:7px; }

/*submenu collapse*/
@media only screen and (min-width: 1135px){
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout#mega-menu-item-4688 ul.mega-sub-menu {
    height: 128px;
}
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    /*background-color: white;*/
}
	div#wp-sidebar {
    margin-left: 40px;
}

	
}

@media only screen and (min-width: 782px) and (max-width: 1136px){
	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout#mega-menu-item-4688 ul.mega-sub-menu {
    height: 192px;
}	
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    /*background-color: white;*/
}
	
}



#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-collapse-children.mega-toggle-on > ul.mega-sub-menu{
	 opacity: .1;
    background-color: #fff;
	 padding: 9px;
	 box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.12), 0 8px 8px rgba(0,0,0,0.12), 0 16px 16px rgba(0,0,0,0.12);
	
	
}


/***********	END mega menu	*******************************/

/***********	Custom General	*******************************/

/*Header NAV bug fixing*/
li.has-text-color.has-white-color.wp-block-navigation-item.wp-top-nav-text.wp-block-navigation-link {
    margin: 0;
}
/*front page slideshow position*/
.wp-block-group.wp-landing-slideshow.is-layout-constrained.wp-block-group-is-layout-constrained {
    top: auto;
}

.wp-d-none{
	display:none;
}


/*social icons links bugs fixing*/
li.wp-social-link.wp-social-link-spotify.wp-block-social-link {
    margin: 0;
}

/*accordian-item*/

summary.wp-block-themeisle-blocks-accordion-item__title{padding-left: 10px;font-weight: 600;padding-right: 10px;background: #f0f0f1;}
summary.wp-block-themeisle-blocks-accordion-item__title:hover { 
    background: var(--wp--preset--color--secondary);
    border-radius: 20px 5px 20px 5px;
    padding-left: 20px;
    padding-right: 20px;
    transition: 1s;
 }

summary.wp-block-themeisle-blocks-accordion-item__title div:hover { color: var(--wp--preset--color--background);     transition: .5s; }


.wp-display-none{display:none;}
.wp-d-none-mobile{display:none;}
.wp-d-only-mobile{display:block;}
.wp-hidden{opacity:0;transition: all 1s;}
.wp-show{opacity:1;}

/*Page Cover style*/

@media only screen and (min-width: 782px){.wp-cover-top-2{top: 0px;min-height: 35vh!important;transition: .5s;}


.wp-block-cover-image.is-position-bottom-center, .wp-block-cover.is-position-bottom-center {
    align-items: center;
}

}
@media only screen and (max-width: 781px){.wp-cover-top-2{top: -85px;min-height: 27vh!important;}}

/*Page body group position*/
.wp-body-group {position: relative;transition: .5s;}
@media screen and (min-width: 781px) {
  .wp-body-group { top: 51px; }
}
@media screen and (max-width: 782px) {
  .wp-body-group { top: -77px; }
  .wp-sub-menu-mobile-reverse{flex-direction: column-reverse;}
  .wp-sub-menu{display: flex;     flex-direction: column-reverse;     align-items: center;}

}





.wp-background-scrolled-250{ background-color: var(--wp--preset--color--white)!important; transition: all 1s; }
.wp-text-scrolled-250{ color: var(--wp--preset--color--black)!important; transition: all 1s; }

@media screen and (min-width: 782px) {
.wp-d-none-mobile{display:block;}
.wp-d-only-mobile{display:none;}
.wp-sub-menu{ position: sticky;     top: 200px; }
.wp-sub-menu_2{ position: sticky;     top: 200px; }
}

/* remove pointer event for seminar-archive*/
.broken_link, a.broken_link {     text-decoration: line-through;     pointer-events: none; }


/*BS*/
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}
.badge-secondary {
  color: var(--wp--preset--color--background);
  background-color: var(--wp--preset--color--cyan-bluish-gray);
}
.badge-secondary[href]:hover, .badge-secondary[href]:focus {
  color: var(--wp--preset--color--background);
  text-decoration: none;
  background-color: var(--wp--preset--color--foreground);
}

table {
  border-collapse: collapse;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  
}


.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table .table {
  background-color: #fff;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #212529;
  border-color: #32383e;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #212529;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #32383e;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive > .table-bordered {
  border: 0;
}

.lower-alpha {
	list-style-type: lower-alpha;
}

table.keynote {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

table.keynote td, table.keynote th {
  border: 1px solid #ddd;
  padding: 8px;
}

table.keynote tr:nth-child(even){background-color: #f2f2f2;}

table.keynote tr:hover {background-color: #ddd;}

table.keynote th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: var(--wp--preset--color--secondary);
  color: white;
}

/*sidebar padding hover and line height
#wp-sidebar>ul>li { padding-bottom: 0.3em;line-height: 1.3!important; }
#wp-sidebar>ul>li:hover { background-color: var(--wp--preset--color--background)!important; box-shadow: 0 0 11px rgba(33,33,33,.2); border-radius: 10px; padding: 5px; transition: 1s; }
#wp-sidebar>ul>li>a:hover { border-bottom:0px!important;color: var(--wp--preset--color--secondary);  }*/

#wp-sidebar>p {margin:0em 0em 0em 0em; padding-bottom:0.3em; line-height: 1.3!important; margin-bottom:0.5em;}
#wp-sidebar>p a {font-weight:500;}
#wp-sidebar>p:hover { background-color: var(--wp--preset--color--background)!important; box-shadow: 0 0 11px rgba(33,33,33,.2); border-radius: 10px; padding-left:8px; transition: .5s; }
#wp-sidebar>p>a:hover { border-bottom:0px!important;color: var(--wp--preset--color--secondary);  }

@media screen and (max-width: 781px){
.wp-mobile-reverse{flex-direction: column-reverse;}
.wp-body-group {top: 0px; }
}


span.label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}

span.label-primary {
    background-color: var(--wp--preset--color--secondary);
}



.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 8rem;
  }
}

.display-2 {
  font-size: calc(1.625rem + 4.5vw);
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 6rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.link-underline-success {
	text-decoration: underline;
	--bs-success-rgb: 25,135,84;
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important;
}

/*ENDBS*/



/******* The following edited by winnie *******/
summary.wp-block-themeisle-blocks-accordion-item__title {
	background: rgb(173, 216, 230, 0.4);
}
	
ul.recommend li a {
	font-weight: 600;
	text-decoration: none !important;
}

.wp-block-themeisle-blocks-flip .o-flip-content h3 a:hover {
	border-bottom:none;
}

/* People > Staff table setting */

figure.wp-block-table.staff table {
	border-collapse: collapse;
}

figure.wp-block-table.staff table tr td:nth-child(1) {
    width: 40%;
}
figure.wp-block-table.staff table tr td:nth-child(2) {
    width: 10%;
}
figure.wp-block-table.staff table tr td {
    border: 0;
    border-bottom: 1px solid #ADD8E6;
}

/* table without borders */

.wp-block-table.no-border table td {
	border:none;
	padding:0.3em;
}
.wp-block-table.no-border table td:last-child {
	width:60%;
}

.wp-block-gallery {
	margin-top: 30px;
	margin-bottom: 30px;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	background: rgb(0,119,182,0.8);
}

.data-target-div1 .caf-post-layout4 .caf-post-title h2, .data-target-div1 .caf-post-layout4 .caf-post-title h2 a,
.data-target-div2 .caf-post-layout4 .caf-post-title h2, .data-target-div2 .caf-post-layout4 .caf-post-title h2 a,
.data-target-div3 .caf-post-layout4 .caf-post-title h2, .data-target-div3 .caf-post-layout4 .caf-post-title h2 a,
.data-target-div4 .caf-post-layout4 .caf-post-title h2, .data-target-div4 .caf-post-layout4 .caf-post-title h2 a {
    color: #312B92;
    font-family: inherit;
    text-transform: capitalize;
    font-size: 15px;
}

#mega-menu-wrap-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-row, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 span.mega-menu-badge {
	line-height: 1.3;
}
.wp-nav-logo .wp-nav-title a:hover {
	border-bottom: 0px;
}
/* end winnie */


/***********	END Custom General	*******************************/