/*
* Theme Name: Twenty Twenty One Child
* Template:   twentytwentyone
*/

@import url("/wp-content/plugins/elementor-pro/assets/css/widget-nav-menu.min.css");

/* Global override */
body{
	font-family: Lato;
	background-color: #FFFBF4;
}

.cursor_default a{
	cursor: default;
}

div#page{
	background-color: #FFFBF4;
}

body.custom-background {
    background-color: #FFFBF4 !important;
}

.justify_text{
	text-align: justify;
}

.empty_header{
	display: none;
}

.padding_bottom_10{
	padding-bottom: 10px;
}

.height_60{
	height: 60px;
}

*::-webkit-scrollbar { width: 10px; height: 5px; }
::-webkit-scrollbar-track { background: #F1F1F1; }
::-webkit-scrollbar-width { thin }
::-webkit-scrollbar-thumb { background: #B2B2B2; border-radius: 20px; }
::-webkit-scrollbar-thumb:hover { background: #B2B2B2; }

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img{
	outline: none !important;
}

.e-con > .e-con-inner {
    max-width: 1200px !important;
}

header.first_section, div.first_section{
	margin-top: 86px;
	background: #FFFBF4;
	padding: 0;
}

header.pt_4, div.pt_4{
	/* padding-top: 2%; */
}

body div ul, body div ol{
	font-family: "Lato", Roboto;
    font-size: 17px;
	color: #000000;
}

body div ol {
    list-style-type: revert-layer;
}

.btn_white_text_redbg a.elementor-button{
	color: white;
	background: #F44F44;
}
.btn_white_text_darkbg a.elementor-button{
	color: white;
	background: #1E3749;
}

.bullet_white ol,
.bullet_white ul{
	color: white !important;
}

.bullet_dark ol,
.bullet_dark ul{
	color: black !important;
}

.tag_cloud{
	position: absolute;
    padding: 5px 10px;
    border-radius: 5px;
    color: white;
    margin: 20px;
	right: 0;
}

.tag_cloud_purple{
	background: #7e61b2;
}

.tag_cloud_green{
	background: #1f7c74;
}

.tag_cloud_orange{
	background: #f57410;
}

.tag_cloud_blue{
	background: #0f76bb;
}

.tag_cloud_deepblue{
	background: #1e3749;
}

.tag_cloud_yellow{
	background: #f3cc6d;
}

.tag_cloud_blazing_red{
	background: #f44f44;
}

/* Custom made popup modal */
.modal-popup {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* overflow: auto; */
    background-color: rgba(0,0,0,0.4);

}

.modal-popup.show {
    display: block;
    animation: fadeIn 0.3s ease-in-out;
}


.modal-popup-content {
    background-color: #fefefe;
    margin: 8% auto;
    padding: 20px 20px 40px 20px;
    border: 1px solid #888;
    width: 80%;
	border-radius: 20px;
	max-height: 80%;
	animation: fadeInUp 0.3s ease-in-out;

}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);

    }
}


.close-popup {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close-popup:hover, .close-popup:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

a.popup-link{
	color: black;
}

hr.hr-modal-popup{
	/* margin: 10px 0 10px 55px; */
	margin: 1% 0 1% 4%;
    border: 1px solid #e1e1e1;
    width: 93%;
}

h3#modalHeader{
	padding: 0 4%;
	font-weight: 600;
}

div#modalSubHeader {
    padding: 0 4%;
}

#modalContent{
	overflow-y: auto;
    /* height: 500px; */
    height: 40vh;
	padding: 0 4%;
}

#modalContent p {
    padding: 15px 0;
}
/* End Custom made popup modal */


/* For those coming soon pages */
DIV[data-elementor-type="wp-page"] { min-height:50vh; }

body.has-background-white div.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button){
	background: unset;
	color: unset;
}

/* Header Menu */
.opacity_08{
	opacity: 0.8;
}

div.custom-menu-container ul#menu-main-menu{
	display: none;
}

/* Font heading override, because elementor overriding when header tag wrap a tag */

div.elementor-widget-container h4 a{
	font-size: 20px;
}

/* Specific page menu color */
.page-id-5113 #masthead, 
.page-id-5113 div.elementor-1319 .elementor-top-section.elementor-element,
.page-id-914 #masthead, 
.page-id-914 div.elementor-1319 .elementor-top-section.elementor-element{
	background: #fffbf4;
}

.main_menu_red li.menu-item a.elementor-item{
	font-size: 18px;
	font-weight: 500;
	line-height: 28.8px;
}

.main_menu_red .sub-menu-toggle{
	display: none;
}

.main_menu_red .sub-menu .menu-item{
	font-size: 16px;
	font-weight: 500;
	line-height: 28.8px;
	font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
}

.header_logo img {
    width: 110px !important;
}

.btn_header_apply_now .elementor-button-text{
	font-weight: 700;
	font-size: 17px;
}

.btn_header_apply_now .elementor-button{
	width: auto;
}

.ehf-header #masthead{
	z-index: 999;
}

.burger_menu_white .hfe-nav-menu-icon svg, 
.burger_menu_blue .hfe-nav-menu-icon svg{
	width: 50px;
}

.burger_menu_white nav,
.burger_menu_blue nav {
    border-radius: 20px;
	font-size: 16px;
	line-height: 28.8px;
	font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
}

.burger_menu_white nav .elementor-nav-menu--dropdown a.elementor-sub-item,
.burger_menu_blue nav .elementor-nav-menu--dropdown a.elementor-sub-item{
	font-size: 14px;
}

.burger_menu_white .sub-menu-toggle, 
.burger_menu_blue .sub-menu-toggle{
	display: none;
}

.burger_menu_blue .elementor-menu-toggle{
	background-color: unset;
}

.burger_menu_blue .elementor-menu-toggle svg{
	width: 2em;
}

#menu_red_placeholder{
	padding: 0;
}

#menu_red_placeholder ul.elementor-nav-menu a, 
#menu_white_placeholder ul.elementor-nav-menu a,
#menu_blue_placeholder ul.elementor-nav-menu a{
	text-decoration: none !important;
	padding: 0.5vw 0.8vw 0.5vw 0.8vw;
	font-size: 17px;
}

#menu_red_placeholder .burger_menu_white nav, 
#menu_white_placeholder .burger_menu_blue nav,
#menu_blue_placeholder .burger_menu_blue nav{
	width: 210px;
}

#menu_red_placeholder ul.hfe-nav-menu a span,
#menu_white_placeholder ul.hfe-nav-menu a span,
#menu_blue_placeholder ul.hfe-nav-menu a span{
	border: none;
}

/* search results page */
.search-no-results .page-content, 
body.error404 div.not-found div.page-content{
	max-width: 1200px; /*1400*/
	padding: 2% 0 6% 0;
    margin: 0 auto !important;
	min-height:50vh;
}

.no-results.not-found > *:first-child{
	margin: 0 auto !important;
}

body.search-results #page{
	padding: 0 10px;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px; /* Adjust margin as needed */
}

.pagination a,
.pagination span {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  margin: 0 5px;
  border: 1px solid #ccc; /* Light gray border */
}

.pagination a {
  color: #333; /* Dark gray text color */
  text-decoration: none;
}

.pagination span.current {
  background-color: #333; /* Dark gray background for current page */
  color: #fff; /* White text color for current page */
  display: block;
}

.pagination .prev,
.pagination .next {
  /* Style for previous and next buttons */
  font-weight: bold;
}

.pagination .prev:before {
  content: "«"; /* Previous button symbol */
}

.pagination .next:after {
  content: "»"; /* Next button symbol */
}

.pagination .prev,
.pagination .next {
  line-height: 25px;
}

/* Breadcrumb */
.breadcrumb{
	list-style: none;
	padding-left: 0;
	/* padding-bottom: 20px; */
    /* padding-top: 10px; */
}
.breadcrumb_home{
	padding: 0 10px 0 0;
}
.breadcrumb_parent{
	padding: 0 10px;
    vertical-align: middle;
}
.breadcrumb_home a,
.breadcrumb_parent a{
	color: black;
    font-weight: bold;
}
.breadcrumb_active{
	padding: 0 10px;
	vertical-align: middle;
}

/* Burger Side menu */
.custom-menu-with-search-and-burger {
    position: relative;
	bottom: 10px;
}

.burger-menu-icon {
    font-size: 2em;
    color: white;
    cursor: pointer;
    display: block;
    text-align: right;

	padding-left: 0;}

.burger-menu-icon img{
	height: 27px;
}

#white_header_placeholder .burger-menu-icon,
#red_header_placeholder .burger-menu-icon
{
	width: 55px;
}

#white_header_placeholder .sub-menu-toggle,
#red_header_placeholder .sub-menu-toggle
{
	display: none;
}

#white_header_placeholder li a,
#red_header_placeholder li a,
{
	text-decoration: unset !important;
	font-size: 16px;
}

#white_header_placeholder form.search-form label,
#red_header_placeholder form.search-form label
{
	display: none;
}

#white_header_placeholder form input#search-form-1,
#red_header_placeholder form input#search-form-1
{
	border-radius: 10px;
	height: 50px;
	margin: 0;
	width: 300px;
	font-size: 16px;
}

/* page_id 325 is alumni, is to overwrite red header but using white header styling */

.page-id-325 #red_header_placeholder form input#search-form-1,
#white_header_placeholder form input#search-form-1{
	border: 1px solid #1E3749;
	background: url(/wp-content/uploads/2024/06/search_icon_blue.png) no-repeat;
	background-position: 255px 10px;
    background-size: 25px;
	color: #1E3749;
}

.page-id-325 #red_header_placeholder form input#search-form-1::placeholder {
  color: #1E3749;
  opacity: 1; /* Firefox */
}

.page-id-325 #red_header_placeholder form input#search-form-1::-ms-input-placeholder { /* Edge 12 -18 */
  color: #1E3749;
}
/* end page_id 325 is alumni, is to overwrite red header but using white header styling */

#red_header_placeholder form input#search-form-1{
	border: 1px solid white;
	background: url(/wp-content/uploads/2024/06/search_icon_white.png) no-repeat;
	background-position: 255px 10px;
    background-size: 25px;
	color: white;
}

#red_header_placeholder ::placeholder {
  color: #FFFFFF8C;
}

#red_header_placeholder ::-ms-input-placeholder { /* Edge 12 -18 */
  color: #FFFFFF8C;
}

#white_header_placeholder form input#search-form-1:focus,
#red_header_placeholder form input#search-form-1:focus
{
	outline: unset;
}

#white_header_placeholder form input.search-submit,
#red_header_placeholder form input.search-submit
{
	display: none;
}

#white_header_placeholder .search-form,
#red_header_placeholder .search-form
{
	margin: unset;
}

#white_header_placeholder .side_menu_logo,
#red_header_placeholder .side_menu_logo
{
	padding: 60px 10px 10px 10px;
}

#white_header_placeholder .side_menu_social_media,
#red_header_placeholder .side_menu_social_media
{
	padding: 20px 10px 10px 10px;
}

#white_header_placeholder .side_menu_social_media img,
#red_header_placeholder .side_menu_social_media img
{
	padding-right: 20px;
	width: 52px;
}

/* Link in bio */
div.elementor-5400{
	background-image: linear-gradient(0deg, #F8CDDA 0%, #1D2B64 100%);
	min-height: 100vh;
}

/* page_id 325 is alumni, is to overwrite red header but using white header styling */
.page-id-325 #red_header_placeholder .menu-container,
#white_header_placeholder .menu-container{
	background-color: white;
}

#red_header_placeholder .menu-container{
	background-color: #F44F44;
	overflow: auto;
    height: 90vh;
}

.menu-overlay {
    display: none; /* Hide overlay by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(30,55,73,0.7);
    z-index: 10; /* Below menu container */
}

.menu-container {
     /* Hide menu container by default */
    position: absolute;
    top: 30%; /* Position below the burger icon */
    right: -87%;
    width: 400px;
    box-sizing: border-box;
    z-index: 999; /* Ensure it's above other content */
	border-radius: 20px;
    /* padding: 20px; */
	transition:all 0.3s ease-in;
	transform:scale(0) translateX(0); 
	transform-origin:right top;
}

/* .menu-container { display:block; max-height:0px; padding:0px 20px; overflow:hidden; transition:all 0.5s ease-in; } */

.menu-open.menu-container { padding:20px; transform:scale(1) translateX(1em);}

.search-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

.search-container input[type="search"] {
    width: calc(100% - 40px);
    padding: 10px;
    border: none;
    border-radius: 5px;
}

.search-container input[type="submit"] {
    background: none;
    border: none;
    font-size: 1.5em;
    cursor: pointer;
    margin-left: 10px;
    color: white;
}

.close-menu-icon {
    cursor: pointer;
    margin-left: 10px;
	width: 26px;
}

.menu-content {
    padding: 10px;
}

.custom-menu-container ul {
    list-style: none;
    padding: 0;
}

.custom-menu-container li {
    margin-bottom: 10px;
}

#red_header_placeholder .custom-menu-container a{
	color: white;
	text-decoration: none !important;
}

#red_header_placeholder .custom-menu-container a:focus{
	color: white !important;
	text-decoration: none;
}

/* page_id 325 is alumni, is to overwrite red header but using white header styling */
.page-id-325 #red_header_placeholder .custom-menu-container a,
#white_header_placeholder .custom-menu-container a{
    color: #1E3749;
	text-decoration: none !important;
}

.page-id-325 #red_header_placeholder .custom-menu-container a:focus{
	color: #1E3749 !important;
}

.custom-menu-container a {
    font-size: 16px;
    display: block;
	position: relative;
}

.custom-menu-container a .fa {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}


.custom-menu-container .sub-menu {
    margin-left: 20px;
	display: none;
}

.custom-menu-container .menu-item-has-children > a:after {
    content: none;
}

.custom-menu-container .menu-item-has-children > .sub-menu {
    display: none;
}

.custom-menu-container .menu-item-has-children:hover > .sub-menu {
    display: none;
}


/* End Burger Side menu */

/* Custom Side Menu (small menu on right of the page) */
.side-menu {
  padding: 20px;
}

.side-menu p {
  font-size: 17px;
	
}

.side-menu ul {
  list-style-type: none;
  padding: 0;
}

.arrow_white.side-menu ul li:after {
	background: url(/wp-content/uploads/2024/06/arrow_white.png) top left no-repeat;
}

.arrow_black.side-menu ul li:after {
	background: url(/wp-content/uploads/2024/06/arrow_black.png) top left no-repeat;
}

.side-menu ul li {
	margin: 10px 0 20px 0;
    line-height: 20px;
	position:relative; 
	padding-left:25px;
}

.side-menu ul li:after {
	content:'';
	position:absolute; 
	top:3px; 
	left:-7px;
	width:21px;
	height:100%;
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
}

.side-menu ul li:hover:after {
	opacity: 1;
}

.side-menu ul li a {
  text-decoration: underline;
  font-weight: bold;
  font-size: 18px;
  font-style: italic;
}

.side-menu ul li a.active {
  font-weight: bold;
}

.side-menu.text_red ul li a {
	color: #F54F44;
}

.side-menu.text_white ul li a {
	color: white;
}

.side-menu.text_dark ul li a {
	color: #1E3749;
}

.side-menu.title_black p {
	color: #1E3749;
}

.side-menu.title_white p {
	color: white;
}



/* Page sidemenu custom css */
/* #about_us_sidemenu .side-menu ul { */
	/* width: 60%; */
/* } */

/* #about_us_sidemenu .side-menu ul li a { */
	/* color: white; */
/* } */

/* #about_us_sidemenu .side-menu p { */
  /* color: white; */
/* } */

/* #las_sidemenu .side-menu ul { */
	/* width: 80%; */
/* } */

/* #las_sidemenu .side-menu ul li a { */
	/* color: #F54F44; */
/* } */

/* #las_sidemenu .side-menu p { */
  /* color: #1E3749; */
/* } */

/* #perform_art_venue_sidemenu .side-menu ul { */
	/* width: 80%; */
/* } */

/* Venue and retails sub pages */
.art_img_carousel .swiper-slide-image{
	height: 487px;
}



 
/* End Custom Side Menu (small menu on right of the page) */

/* Footer contact and menu */
/* div.footer_contact div.footer_contact_left{ */
	/* width: 20% !important; */
/* } */

/* div.footer_contact .footer_contact_right{ */
	/* width: 60% !important; */
/* } */

.footer_social_icon img{
	width: 34px !important;
    max-width: unset !important;
}

div.footer_contact .footer_contact_right .elementor-widget-container img{
	margin-right: 20px
}

.footer_contact .footer_title{
	
}

div.sota_footer_logo{
	padding-bottom: 30px;
	text-align: left;
}

.sota_footer_logo img{
	width: unset !important;
    height: unset !important;
	max-width: 110px !important;
}

.footer_contact .footer_body, 
.footer_menu .footer_body li span{
	font-size: 16px;
}

.footer-menu-container ul {
    list-style: none;
	padding: 0;
	font-size: 18px;
}

.footer-menu-container ul li {
    padding: 0 0 20px 0;
    line-height: 20px;
}

.footer-menu-container ul li a {
    color: white;
    text-decoration: none;
}

.footer-menu-container ul li a:hover,
.footer-menu-container ul li a:focus,
.footer_email_link a:hover,
.footer_email_link a:focus{
	color: #FFFBF4;
	text-decoration: underline;
}

/* All standard title and description */
.section_big_title, .section_big_title div.elementor-heading-title{
	font-weight: 500;
	font-size: 56px;
	line-height: 35px;
}
.section_title, .section_title div.elementor-heading-title{
	/* font-weight: 500; */
	/* font-size: 33px; */
	/* line-height: 35px; */
}

.section_subtitle, span.section_subtitle, .section_subtitle div.elementor-heading-title{
	font-weight: 500;
	font-size: 23px;
	line-height: 35px;
}

.section_body, span.section_body, 
.section_body p, .section_body .e-n-accordion-item-title-text{
	font-weight: 400;
	font-size: 17px;
	line-height: 25px;
	letter-spacing: 0.01em;
}

.section_body_mid, span.section_body_mid, 
.section_body_mid p, .section_body_mid .e-n-accordion-item-title-text{
	font-weight: 400;
	font-size: 19px;
	line-height: 28px;
	letter-spacing: 0.01em;
}

/* Accordion expand or collapse have a black dot or white dot */
.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon span>svg,
.elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon span>svg,
.elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover .e-n-accordion-item-title-icon span>svg {
    fill: none;
}

.elementor-widget-n-accordion .e-n-accordion-item-title, :where(.elementor-widget-n-accordion .e-n-accordion-item>.e-con){
	border: none;
}

/* Dark Accordion */
div.accordion_dark div.elementor-widget-container details.e-n-accordion-item,
div.accordion_dark div.elementor-widget-container details > div.e-child{
	background: #1E3749 !important;
}

div.accordion_dark div.elementor-widget-container details.e-n-accordion-item div.e-n-accordion-item-title-text,
div.accordion_dark div.elementor-widget-container details > div.e-child div.elementor-widget-container,
div.accordion_dark div.elementor-widget-container details > div.e-child div.elementor-widget-container ol, 
div.accordion_dark div.elementor-widget-container details > div.e-child div.elementor-widget-container ul{
	color: white !important;
}
/* End Dark Accordion */

/* Purple Accordion */
div.accordion_purple div.elementor-widget-container details.e-n-accordion-item,
div.accordion_purple div.elementor-widget-container details > div.e-child{
	background: #7E61B2 !important;
}

div.accordion_purple div.elementor-widget-container details.e-n-accordion-item div.e-n-accordion-item-title-text,
div.accordion_purple div.elementor-widget-container details > div.e-child div.elementor-widget-container,
div.accordion_purple div.elementor-widget-container details > div.e-child div.elementor-widget-container ol, 
div.accordion_purple div.elementor-widget-container details > div.e-child div.elementor-widget-container ul{
	color: white !important;
}
/* End Purple Accordion */

/* Orange Accordion */
div.accordion_orange div.elementor-widget-container details.e-n-accordion-item,
div.accordion_orange div.elementor-widget-container details > div.e-child{
	background: #F57410 !important;
}

div.accordion_orange div.elementor-widget-container details.e-n-accordion-item div.e-n-accordion-item-title-text,
div.accordion_orange div.elementor-widget-container details > div.e-child div.elementor-widget-container, 
div.accordion_orange div.elementor-widget-container details > div.e-child div.elementor-widget-container ol, 
div.accordion_orange div.elementor-widget-container details > div.e-child div.elementor-widget-container ul{
	color: white !important;
}
/* End Orange Accordion */

/* Blue Accordion */
div.accordion_blue div.elementor-widget-container details.e-n-accordion-item,
div.accordion_blue div.elementor-widget-container details > div.e-child{
	background: #0F76BB !important;
}

div.accordion_blue div.elementor-widget-container details.e-n-accordion-item div.e-n-accordion-item-title-text,
div.accordion_blue div.elementor-widget-container details > div.e-child div.elementor-widget-container, 
div.accordion_blue div.elementor-widget-container details > div.e-child div.elementor-widget-container ol,
div.accordion_blue div.elementor-widget-container details > div.e-child div.elementor-widget-container ul{
	color: white !important;
}
/* End Blue Accordion */

/* Red Accordion */
div.accordion_red div.elementor-widget-container details.e-n-accordion-item,
div.accordion_red div.elementor-widget-container details > div.e-child{
	background: #F44F44 !important;
}

div.accordion_red div.elementor-widget-container details.e-n-accordion-item div.e-n-accordion-item-title-text,
div.accordion_red div.elementor-widget-container details > div.e-child div.elementor-widget-container, 
div.accordion_red div.elementor-widget-container details > div.e-child div.elementor-widget-container ol,
div.accordion_red div.elementor-widget-container details > div.e-child div.elementor-widget-container ul{
	color: white !important;
}
/* End Red Accordion */

/* .elementor-widget-container a, */
/* .elementor-widget-container span a, */
/* .elementor-widget-container p a, */
/* .elementor-widget-container div a{ */
	/* color: #F44F44; */
/* } */

.full_size_img img{
	width: 100% !important;
	height: 100% !important;
	max-width: unset !important;
}

.w300{
	width: 300px;
}

.img_blog_obj_fit img{
	object-fit: contain;
    height: 140px !important;
}

.italic_text{
	font-style: italic;
}

.white_text{
	color: white !important;
}

.dark_text{
	color: #1E3749;
}

.red_text, .red_text a{
	color: #F44F44;
	text-decoration: underline !important;
}

.red_text a:hover, 
a.red_text:hover{
	font-size: 120%;
}

.bolded_text{
	font-weight: bold;
}

.border_radius_slide .elementor-slides-wrapper.elementor-main-swiper{
	border-radius: 10px;
}

/* Accordion general style */
.e-n-accordion-item-title .e-n-accordion-item-title-header .e-n-accordion-item-title-text{
	font-size: 23px;
}

.elementor-widget-n-accordion .e-n-accordion-item:not(:last-child){
	margin-block-end: 40px;
}

.accordion_style .e-n-accordion-item-title .e-n-accordion-item-title-header .e-n-accordion-item-title-text{
	font-size: 21px;
	padding-right: 50px;
}

/* Home page different slide and with different color */
body.home .header_wrapper { background-color:transparent !important; }
body.home #menu_red_placeholder { background-color:transparent !important; }
body.home .elementor-shortcode DIV[data-title='home-banner_large'] { padding-top:107px; padding-bottom: 45px; height: auto !important; }
body.home header#masthead { height:0px; overflow:visible; }
body.home div.first_section { margin-top:0px; }

body.home.reduceHeader .header_wrapper { background-color:#F44F44 !important; }

.ct_quick_link{
	font-style: italic;
	font-size: 20px;
	color: #1E3749;
}
.ct_quick_link a{
	font-weight: bold;
	/* text-decoration: underline; */
	border-bottom: 1px solid black;
	color: black;
}

.ct_quick_link a:hover{
	font-size: 120%;
}

ul.ct_quick_link{
	list-style-type: none;
	padding: 1%;
	margin: 0 16%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid black;
	border-radius: 10px;
}
.ct_quick_link li{
	margin: 0 10px;
}

.ct_filter_link{
	font-size: 24px;
	color: #1E3749;
}
.ct_filter_link a.active{
	color: #F44F44;
}
ul.ct_filter_link{
	list-style-type: none;
	padding: 1%;
	margin: 0 16%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid black;
	border-radius: 10px;
}
.ct_filter_link li{
	margin: 0 10px;
}
.ct-right-col .elementor-widget-wrap.elementor-element-populated{
	padding-right: 0;
}
.alumni_listing .elementor-post__card .elementor-post__badge{
	left: 0;
	right: unset !important;
	top: 160px !important;
}

.row:after {
	content: "";
	display: table;
	clear: both;
}

.elementor-element-eacd2f8{
	height: 100%;
}

.event_post_cat{
	text-align: center;
}

.event_list{
	list-style-type: none;
	padding: 0;
	color: white;
}

.event_list .grid_card {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	/* justify-items: center; */
}

.event_list .grid_card .event_col_1 {
	grid-column: span 1;
	padding: 7% 10% 0 35%;
}

.event_list .grid_card .event_col_2 {
	grid-column: span 4;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.event_list .grid_card .event_col_3 {
	grid-column: span 1;
	padding: 20% 0;
}

.event_list .grid_card .event_col_4 {
	grid-column: none;
}

.event_list .grid_card>* {
	/* height: 200px; */
}


.event_title{
	font-size: 23px;
	font-weight: 500;
	line-height: 43.2px;
	text-align: left;

}

.event_desc{
	font-size: 16px;
	font-weight: 400;
	line-height: 28.8px;
	text-align: left;

}

.event_cat{
	text-align: center;
	font-size: 23px;
	font-weight: 400;
	line-height: 43.2px;
}

.event_ticket{
	background: url(/wp-content/uploads/2024/05/ticket-graphic.png);
    height: 170px;
    text-align: center;
    color: black;
    width: 230px;
    background-size: contain;
    background-repeat: no-repeat;
	margin-top: 10px;
	padding: 15%;
}

.event_ticket_free_admission{
	font-size: 19px;
	font-weight: 400;
	line-height: 40px;
	color: #1E3749;
}

.event_ticket_ticket_more{
	font-size: 20px;
	font-weight: 900;
	line-height: 40px;
	text-decoration: underline !important;
}

a.event_ticket_ticket_more{
	color: #1E3749;
}

.event_list_blue{
	background: #1D3AAE;
}

.event_list_green{
	background: #42674E;
}

.event_list_red{
	background: #F44F44;
}

.event_thumb {
    
}

.more_event span{
	font-size: 22px;
	font-weight: 900;
	line-height: 31.2px;
	text-align: center;
	color: #F44F44;
	text-decoration: underline;
	padding: 5%;

}

.homepage_slide a{
	color: white !important;
	text-decoration: underline !important;
}

.home_slides div.elementor-slide-button.elementor-slide-button{
	border: 0;
    text-decoration: underline;
	font-size: 26px;
    font-weight: 900;
}

.home_slides .elementor-slides-wrapper div.elementor-slide-heading{
	font-size: 52px;
    font-weight: 500;
}

.home_slides .elementor-slides-wrapper .swiper-slide-inner .elementor-slide-description{
	font-size: 24px;
    font-weight: 500;
}

/* .n2-ss-item-image-content { position:relative; } */
/* .n2-ss-item-image-content:after { content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/wp-content/uploads/2024/07/inverted-sota.png') center no-repeat; background-size:100% auto; display:block; } */

/* SOTA placeholder masking */

/* Home page slider */
#desktop_slide .n2-ss-item-image-content { 
	mask-image: url('/wp-content/uploads/2024/07/sota-solid-bg.png');
	mask-size:cover;
}

#mobile_slide .n2-ss-slide:nth-child(odd) .n2-ss-item-image-content{
	mask-image: url('/wp-content/uploads/2024/07/ta_placeholder.png');
	mask-size:cover;
}

#mobile_slide .n2-ss-slide:nth-child(even) .n2-ss-item-image-content{
	mask-image: url('/wp-content/uploads/2024/07/so_placeholder.png');
	mask-size:cover;
}

/* Home page section */
.homebanner_wrapper img{
	max-width: unset !important;
    width: 110% !important;
    height: unset !important;
}


.home_banner_section:nth-child(odd) .homebanner_wrapper img{
	mask-size: cover;
    /* border-radius: 60px; */
	mask-image: url('/wp-content/uploads/2024/07/so_placeholder.png');
}

.home_banner_section:nth-child(even) .homebanner_wrapper img{
	mask-size: cover;
    border-radius: 60px;
	mask-image: url('/wp-content/uploads/2024/07/ta_placeholder.png');
}

/* Talent Academy page */
/* Venues and Retail page banner */
.venue_retail_banner, 
.contact_us_banner, 
.talent_acad_img{
	mask-image: url('/wp-content/uploads/2024/07/sota-solid-bg.png');
	mask-size:cover;
}

.looking_for_venues img,
.leasing_placeholder img{
    mask-size: cover;
    mask-image: url('/wp-content/uploads/2024/07/so_placeholder.png');
	/* border-radius: 60px; */
	height: 100% !important;
    width: 100% !important;
}

#retail_spaces .location_list:nth-child(odd) .retail_spaces_placeholder img {
    mask-size: cover;
    /* border-radius: 60px; */
    mask-image: url('/wp-content/uploads/2024/07/ta_placeholder.png');
}

#retail_spaces .location_list:nth-child(even) .retail_spaces_placeholder img {
    mask-size: cover;
    /* border-radius: 60px; */
    mask-image: url('/wp-content/uploads/2024/07/so_placeholder.png');
}
/* END SOTA placeholder masking */

/* Alumni page */

/* #alumni_head{ */
	/* padding: 0 0 4% 0; */
/* } */

/* #alumni_stories{ */
	/* padding: 3% 0; */
/* } */

.video_slider{
	
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

.video_styling{
	position: relative;
	padding-bottom:70vh;
}

.video_styling_two_cols{
    padding-bottom: 35vh;
}

#alumni-categories{
	margin: 5% 0 0 0;
	position: relative;
}

#alumni-item-list{
	padding-top: 4%;
}

#alumni-pagination, 
#alumni-pagination-concluded{
	text-align:center;
	margin: 5% 0;
}

#alumni-pagination .paging-item, 
#alumni-pagination-concluded .paging-item{
	border: 1px solid #1E3749;
    border-radius: 50%;
    margin: 10px 5px;
    padding: 5px 7px 0 7px;
    text-decoration: none !important;
    font-size: 14px;
	background: white;
	color: #1E3749;
	display: inline-block;
    width: 35px;
    height: 35px;
}

#alumni-pagination .paging-item.active, 
#alumni-pagination-concluded .paging-item.active{
	color: white;
	background: #1E3749;
}

.grid_item_list{
	background: unset !important;
}

.listing_title_wrap{
	position: relative;
	padding: 20px 0 0 0;
}

.listing_left_wrap{
	position: absolute;
}

.listing_right_wrap{
	position: absolute;
    right: 0;
    color: white;
    background: #1E3749;
    border-radius: 0 10px 10px 0;
}

.starting_price{
	padding: 8px 25px;
	line-height: 22px;
}


/* Art for a cause */
.afc_banner img{
	max-width: unset !important;
}

#alumni-item-list .grid_top img{
	object-fit: contain;
    height: 368px;
    width: 368px;
	/* background: white; */
	border-radius: 20px;
}

a.sold_out {
    top: 18px;
    left: -63px;
    color: #fff;
    display: block;
    position: absolute;
    text-align: center;
    text-decoration: none;
    letter-spacing: .06em;
    background-color: #A00;
    padding: 0.5em 1em 0.4em 1em;
    text-shadow: 0 0 0.75em #444;
    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
    font: bold 16px / 1.2em Arial, Sans-Serif;
    -webkit-text-shadow: 0 0 0.75em #444;
    -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
    -webkit-transform: rotate(-38deg) scale(0.65, 0.75);
    z-index: 10;
    font-size: 19px;
    width: 220px;
}

a.sold_out::before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: -0.3em -5em;
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    border: 2px rgba(255, 255, 255, 0.7) dashed;
}


/* .first_section .e-con-inner:first-child { */
    /* padding: 0; */
/* } */

.whatson_filter_style{
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
	outline:0;
	box-shadow:none;
	border:1px solid #1E3749;
	/* background: #FFFBF4; */
	/* background-image: none; */
	flex: 1;
	padding: 0 .5em;
	color:black;
	cursor:pointer;
	position: absolute;
	/* display: flex; */
	width: 8em;
	height: 3em;
	line-height: 3;
	overflow: hidden;
	border-radius: 10px;
	right: 0;
}

.whatson_filter_style:focus{
	outline-offset: 0;
    outline: none;
}

.select_filter_style{
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
	outline:0;
	box-shadow:none;
	border:1px solid #1E3749;
	/* background: #FFFBF4; */
	/* background-image: none; */
	flex: 1;
	padding: 0 .5em;
	color:black;
	cursor:pointer;
	/* position: absolute; */
	/* display: flex; */
	width: 8em;
	height: 3em;
	line-height: 3;
	overflow: hidden;
	border-radius: 10px;
	/* right: 0; */
}

.select_filter_style:focus{
	outline-offset: 0;
    outline: none;
}

.auction_sorting{
	/* right: 12%; */
}

.dropdown_style{
	padding-right: 20px;
}

.category_heading{
	position: absolute;
}

.inquire_link{
	padding: 10px 0;
}

.inquire_link a{
	font-style: italic;
}

div.artcause_info a h4.listing_title_grid, 
h4.listing_title_grid{
	color: black;
}

div.grid_item_list h4.listing_title_grid, 
h4.listing_title_grid{
	text-align: left;
	font-weight: 700;
}

div.grid_item_list p.listing_body_item{
	padding: 10px 0 0 0;
}
p.small_title{
	font-style: italic;
	text-align: left;
	font-size: 13px;
}

.artcause_info{
	height: 140px;
}

#art-cause-wrapper{
	margin: 5% 0 0 0;
}

#art-cause-categories{
	display: flex;
    flex-direction: row;
}

.art-cause-left{
	width: 70%;
}

.art-cause-right{
	width: 30%;
    display: flex;
    justify-content: flex-end;
}

/* End Art for a cause */

/* Newsroom items Press Release, Speeches and blogs */
.newsroom_group_item{
	padding: 3% 0 1% 0;
    border-bottom: 1px solid #cbcbcb;
    width: 98%;
}

.newsroom_list_item{
	padding: 2% 5% 2% 0;
}

#blogpost-pagination,
#press-release-pagination, 
#speeches-pagination{
	text-align: center;
    width: 100%;
}
#blogpost-pagination .paging-item, 
#press-release-pagination .paging-item, 
#speeches-pagination .paging-item{
	border: 1px solid #1E3749;
    border-radius: 50%;
    margin: 10px 5px;
    padding: 5px 7px 0 7px;
    text-decoration: none !important;
    font-size: 14px;
	background: white;
	color: #1E3749;
	display: inline-block;
    width: 35px;
    height: 35px;
}

#blogpost-pagination .paging-item.active, 
#press-release-pagination .paging-item.active, 
#speeches-pagination .paging-item.active{
	color: white;
	background: #1E3749;

}

#press-release-shortcode, #speech-shortcode{
	/* height: 800px; */
}

#press-release-item-list{
	height: 500px;
    overflow: auto;
}

#press-release-item-list::-webkit-scrollbar { width: 5px; height: 5px; }

#press_release_wrapper{
	padding-right: 2%;
}

#speech_wrapper{
	/* padding-left: 2%; */
}

#speeches-item-list{
	height: 500px;
    overflow: auto;
}

#speeches-item-list::-webkit-scrollbar { width: 5px; height: 5px; }

/* blog */
#blog_section_1:after 
{ 
	content: '';
    display: block;
    background: #1E3749;
    width: 100%;
    height: 65%;
    position: absolute;
    top: 290px;
    left: 0px;
}

#blogpost-wrapper{
	padding-bottom: 4%;
}

.blogpost-item-list{
	display: flex;
    flex-direction: column;
    gap: 20px;

}

.blog-post-item{
	border-radius: 10px;
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
    display: flex;
    padding: 20px;
    align-items: flex-start;
    gap: 20px;
	margin: 0 0 20px 0;
}

.bp-img-wrapper{
	height: 120px;
    width: 368px;
}

.bp-img-wrapper img{
	border-radius: 10px;
    object-fit: cover;
    height: 120px;
    width: 368px;
}

.bp-item-img{
	max-width: 260px !important;
    border-radius: 10px;
    flex-shrink: 0;
}

.bp-content{
	display: flex;
    flex-direction: column;
    justify-content: center;
	width: calc(100% - 60px);
}

.bp-content a h3{
	color: black;
}

.filter_wrapper{
	text-align: right;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.blog_filter_style{
	outline: none;
	appearance:none;
	box-shadow:none;
	border:0;
	padding: 0 .5em;
	color:black;
	cursor:pointer;
	width: 8em;
	height: 3em;
	line-height: 3;
	overflow: hidden;
	border-radius: .25em;
	margin: 10px;
	border: 1px solid black;
    border-radius: 10px;
	background: #FFFBF4;
}

.blog_filter_style:focus{
	outline: none;
}

.blog_content_module{
	width: 100%;
}

.tab-bar-filter, 
.tab-bar-filter-tag{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0;
	border: 1px solid #ccc;
	border-radius: 20px;
	margin: 0 auto;
    width: 70%;
}

a.tab-filter-item,
a.tab-filter-tag{
	text-decoration: none;
	padding: 10px;
	margin: 10px;
	color: #333;
	border: 1px solid transparent;
	transition: all 0.3s ease;
}

.tab-filter-item:hover,
.tab-filter-tag:hover{
  /* border-color: #333; */
}

a.tab-filter-item.active,
a.tab-filter-tag.active {
  color: #F44F44;
  font-weight: bold;
}

.dropdown_style_newsroom::after{
	/* content: '▼'; */
    font-size: 12px;
    color: #1E3749;
    position: absolute;
    right: 20px;
    top: 37px;
    transform: translateY(-50%);
    pointer-events: none;
}

.dropdown-filter{
	display: none; // do not show in desktop view
}


/* End Newsroom items */


/* CSS for the grid container */
.grid-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 0% 2%;
}

/* CSS for each grid item */
.grid-item {
	padding: 0;
    text-align: center;
    position: relative;
    border-radius: 10px 10px 0 0;
    background: white;
	margin: 15% 0 0 0;
}

.grid_top{
	position: relative;
}

/* CSS for the image thumb */
.grid-item img {
	width: 100%;
	/* height: 320px; */
}

/* CSS for the small tag */
.grid-item .tag {
	position: absolute;
	bottom: 10%;
	left: 8%;
	color: #fff;
	padding: 1% 6%;
	font-size: 18px;
	border-radius: 5px;
}

/* CSS for the title */
.grid-item .listing_title {
	font-weight: 500;
    margin: 30px 0;
    font-size: 25px;
    padding: 0 50px;
	line-height: 33px;
	text-align: left;
}

/* CSS for the description */
.grid-item .listing_body {
	font-weight: 400;
    text-align: justify;
    font-size: 17px;
    padding: 0 50px;
    line-height: 20px;
}

/* CSS for the date post */
.grid-item .listing_date {
	margin: 30px 0 80px 0;
	padding: 0 50px;
	font-size: 12px;
	text-align: left;
}

.timeline_title{
	padding-left: 10%;
}

.alumni_cat_purple{
	background: #7E61B2;
}

.alumni_cat_green{
	background: #42674E;
}

.alumni_cat_orange{
	background: #F57410;
}

.alumni_cat_blue{
	background: #1D3AAE;
}

.alumni_cat_light_green{
	background: #1F7C74;
}

/* Talent Academy */
/* .talent_banner img{ */
	/* height: auto !important; */
    /* max-width: unset !important; */
/* } */

div.admission-item .elementor-widget-text-editor .elementor-widget-container h4 a{
   color: #1E3749;
}

div.admission-item .elementor-widget-text-editor .elementor-widget-container h4 a:hover{
	color: #F44F44;
	text-decoration: underline;
	font-weight: bold;
}

.retail_text .elementor-widget-container a{
	color: white;
	text-decoration: underline;
}

.retail_text .elementor-widget-container a:hover{
	color: #F44F44;
	text-decoration: underline;
	font-weight: bold;
}

.academy_capsule_left_red{
	background: #FDDCDA;
    border-radius: 20px 0 0 20px;
    width: 100%;
    height: 100%;
	padding: 5% 10%;
	display: flex;
    flex-direction: column;
	justify-content: center;
}

.academy_capsule_left_lightred{
	background: #FEF6F6;
    border-radius: 20px 0 0 20px;
    width: 100%;
    height: 100%;
	padding: 5% 10%;
	display: flex;
    flex-direction: column;
	justify-content: center;
}

.academy_capsule_left_blue{
	background: #D2EEF9;
    border-radius: 20px 0 0 20px;
    width: 100%;
    height: 100%;
	padding: 5% 10%;
	display: flex;
    flex-direction: column;
	justify-content: center;
}

.academy_capsule_left_lightblue{
	background: #F4FBFE;
    border-radius: 20px 0 0 20px;
	width: 100%;
    height: 100%;
    padding: 5% 10%;
	display: flex;
    flex-direction: column;
	justify-content: center;
}

.academy_capsule_centre{
	background: #FFFBF4;
	width: 100%;
    height: 100%;
	padding: 5% 10%;
	display: flex;
    flex-direction: column;
	justify-content: center;
}

.academy_capsule_right{
	background: #FFFBF4;
    border-radius: 0 20px 20px 0;
    width: 100%;
    height: 100%;
	padding: 5% 10%;
	text-align: center;
	display: flex;
    flex-direction: column;
	justify-content: center;
}

/* Academy subpages */
.e-n-accordion-item-title-text{
	color: #1E3749;
}

.accordion_style .e-n-accordion-item{
	border-radius: 10px;
}

.dsa_details_tab .e-n-accordion .elementor-element.e-con-full{
	padding: 0 4% 4% 4%;
}

.dsa_details_tab .accordion_style span.e-n-accordion-item-title-icon {
    position: absolute;
    right: 0;
	top: 10px;
}

.dsa_details_tab .summary.e-n-accordion-item-title {
    position: relative
}

.dsa_details_tab #how_to_apply.e-n-tab-title[aria-selected="false"] span.e-n-tab-title-text,
.dsa_details_tab #criteria.e-n-tab-title[aria-selected="false"] span.e-n-tab-title-text{
	color: #1E3749;
}

.dsa_details_tab .e-n-tab-title-text{
	font-weight: 400;
	font-size: 20px;
	line-height: 25px;
	letter-spacing: 0.01em;
}

.dsa_details_tab div[aria-labelledby="how_to_apply"] div ul, 
.dsa_details_tab div[aria-labelledby="how_to_apply"] div ol {
    color: black;
}

.accordion_style.elementor-widget-n-accordion summary.e-n-accordion-item-title{
	padding: 2% 0 2% 4%;
}

.accordion_style.elementor-widget-n-accordion .e-n-accordion-item-title-icon span>svg { 
	height: 40px;
    margin: 0 20px 0 0;
}

.accordion_style details.e-n-accordion-item{
	background: white;
	border-radius: 20px;
	padding:0px 20px;
}

.dsa_faq_tab span.e-n-tab-title-text{
   color: white;
}

.dsa_faq_tab button.e-n-tab-title[aria-selected="true"]{
   background: #79b7e3;
}

.dsa_faq_tab button.e-n-tab-title[aria-selected="false"]{
   background: #22445C;
}

.dsa_details_tab div[aria-labelledby="how_to_apply"] details summary div.e-n-accordion-item-title-text {
    line-height: 25px;
}

.dsa_details_tab div[aria-labelledby="criteria"] details summary div.e-n-accordion-item-title-text{
	line-height: 25px;
}

/* Performing Arts Venue */
#venue_slides .elementor-swiper-button-prev, 
#venue_slides .elementor-swiper-button-next
{
	background: #F44F44;
    border-radius: 100px;
    padding: 6px;
	color: white;
}

#venue_slides .elementor-slides-wrapper.elementor-main-swiper{
	padding-bottom: 60px;
}

span.retail_contact_icon {
    margin-right: 15px;
}

span.retail_contact_info a{
	color: #F44F44;
	text-decoration: none;
}

/* Small note */
.sticky-smallnote{
    position: fixed;
    right: 0;
    top: 55%;
    width: 37px;
    height: 246px;
    padding: 30px 0 0 0;
    border-radius: 15px 0 0 18px;
    cursor: pointer;
    transition: width 0.5s, height 0.5s, padding 0.5s, border-radius 0.5s;
    z-index: 1;
}

.sticky-smallnote-heading{
	float: left;
    width: 15%;
}

.sticky-smallnote-title{
	writing-mode: vertical-rl;
    text-orientation: mixed;
    color: white;
	display: flex;
    justify-content: center;
    min-height: 10.8em;
    line-height: 2.3em;
}

.sticky-smallnote-content {
	display: none;
	transition: display 0.5s;
	float: left;
    width: 80%;
}

.sticky-smallnote.show {
    width: 510px;
    height: 246px;
    border-radius: 15px 0 0 18px;
}

.sticky-smallnote.show .sticky-smallnote-content {
	display: block;
	color: white;
}

.sticky_smallnote_category{
	text-decoration: underline;
    font-style: italic;
    font-size: 14px;
}

.sticky_smallnote_title{
	font-size: 22px;
}

.sticky_smallnote_date{
	font-size: 16px;
    line-height: 0;
    margin: 0 0 10px 0;
}

.sticky_smallnote_description{
	line-height: 18px;
    font-size: 15px;
    padding: 20px 10px 20px 0;
}

.sticky_smallnote_description a{
	color: white;
	font-weight: bold;
	text-decoration: underline;
}

#sticky-smallnote button.sticky_smallnote_btn{
	border-radius: 15px;
    background: white;
    color: #F44F44;
    padding: 4px 10px 4px 10px;
    font-size: 17px;
}

#sticky-smallnote button.sticky_smallnote_btn:hover{
	border: none;
	padding: 9px 13px 9px 13px;
}

.blog-sticky-wrapper{
	position: absolute;
    right: 0;
    padding: 0;
}

.blog-sticky-right{
	border-radius: 20px 0 0 20px;
	padding: 40px;
}

/* Sticky Notes */
.sticky-note {
	/* background: url(/wp-content/uploads/2024/09/Impact-2024_Drawer-Tab.jpg) no-repeat; */
	position: fixed;
	right: 0;
	top: 55%;
	width: 37px;
	height: 246px;
	padding: 5px;
	border-radius: 15px 0px 0px 15px;
	cursor: pointer;
	transition: width 0.5s, height 0.5s, padding 0.5s, border-radius 0.5s;
	z-index: 1;
}

.sticky-note-header {     
	position: absolute;
    left: 37px;
    color: #FFFFFF;
    width: 246px;
    height: 37px;
    line-height: 37px;
    transform: rotate(90deg);
    transform-origin: 0% 0%;
    top: 20px; 
}

.sticky-note-content {
	display: none;
	transition: display 0.5s;
}

.sticky-note.show {
	/* background: url(/wp-content/uploads/2024/09/Impact-2024_Drawer-Tab.jpg) no-repeat; */
	background-size: contain !important;
	width: 510px;
	height: 246px;
	padding: 15px 0 0 90px;
}

.sticky-note.show .sticky-note-content {
	display: block;
	color: white;
}

.sticky_note_category{
	text-decoration: underline;
    font-style: italic;
    font-size: 14px;
}

.sticky_note_title{
	font-size: 22px;
}

.sticky_note_date{
	font-size: 16px;
    line-height: 0;
    margin: 0 0 10px 0;
}

.sticky_note_description p{
	line-height: 18px;
    font-size: 15px;
    padding: 10px 30px 13px 0;
}

#sticky-note a.sticky_note_btn{
	border-radius: 15px;
    background: white;
    color: #F44F44;
    padding: 9px 14px;
    font-size: 17px;
}

#sticky-note a.sticky_note_btn:hover{
	border: none;
	padding: 12px 16px;
}

.footer-width-fixer .elementor-935 .elementor-column-gap-default>.elementor-column>.elementor-element-populated{
	padding: 0;
}

.footer-width-fixer .elementor-935 .elementor-column{
	min-height: 0;
}

div.footer_ib_logo{
	text-align: left;
}

.footer_ib_logo img{
	max-width: 70px;
}

.panel{
    transition: none;
    min-width: 100vw;
}       


/* Contact page */
.contact_label{
	font-size: 23px;
	margin-bottom: 30px;
}

.contact_details{
	margin-bottom: 30px;
	line-height: 25px;
}

.contact_ques_banner img{
	width: 100% !important;
	height: 100% !important;
}

.contact_link{
	
}

#contact_us_details .contact_icon img{
	height: auto !important;
    width: auto !important;
	max-width: 70px !important;
}


#contact_us_accordion .e-n-accordion .elementor-element.e-con-full{
	padding: 0 0% 4% 0%;
}

#contact_us_accordion span.e-n-accordion-item-title-icon {
    position: absolute;
    right: 0;
	top: 10px;
}

#contact_us_accordion summary.e-n-accordion-item-title {
    position: relative;
	padding: 2% 0 2% 0%;
}

#contact_us_accordion span.e-n-accordion-item-title-icon svg{
	height: 35px;
}

/* FAQ and others accordion using this style */
#faq_accordion summary.e-n-accordion-item-title,
div.elementor-element-4d957dc div.e-n-accordion details summary.e-n-accordion-item-title,
div.elementor-element-5397a2e div.e-n-accordion details summary.e-n-accordion-item-title
{
	padding: 2% 0 2% 1%;
}

/* About us */
#about_us_section_1:after 
{ 
	content:''; 
	display:block; 
	background:#FFFBF4;
	width:100%; 
	height:40%; 
	position:absolute; 
	bottom:0px; 
	left:0px; 
}

.about_nurturing_banner img{
	height: auto !important;
}

.pupil_outcome_icon img{
	height: auto !important;
    width: auto !important;
}

.our_identity_image img{
	max-width: unset !important;
	height: auto !important;
}

.milestone_banner img{
	max-width: unset !important;
	height: auto !important;
    width: 80% !important;
}

#sotam_campus_video .elementor-widget-container{
	line-height: 0;
}

.swiper-slide .elementor-element.campus_carosell_slide.e-con-boxed.e-con{
	height: 400px !important;
    padding: 10px;
}

.campus_carosell_list .elementor-widget-text-editor ul{
	padding-left: 24px;
}

.our_campus_carousel_wrapper .swiper-pagination span.swiper-pagination-bullet{
	background: white;
	opacity: 0.5;
	padding: 6px;
}
.our_campus_carousel_wrapper .swiper-pagination span.swiper-pagination-bullet-active{
	opacity: 1;
}

.our_campus_carousel_wrapper div.e-n-carousel div.swiper-slide div.elementor-element div.elementor-widget-text-editor{
	height: 290px;
    overflow-x: hidden;
    overflow-y: auto;
}

/* White Carousel */
.white_carousel_wrapper .swiper-pagination span.swiper-pagination-bullet{
	background: #1E3749;
	opacity: 0.5;
	padding: 6px;
}

.white_carousel_wrapper .swiper-pagination span.swiper-pagination-bullet-active{
	opacity: 1;
}

.white_carousel_wrapper div.e-n-carousel div.swiper-slide div.elementor-element{
	background: #F57410;
	color: white;
}

.white_carousel_wrapper div.e-n-carousel div.swiper-slide div.elementor-element div.elementor-widget-text-editor{
	height: 260px;
    overflow-x: hidden;
    overflow-y: auto;
	padding: 0 10px;
}

.white_carousel_wrapper div.e-n-carousel div.swiper-slide div.elementor-element div.elementor-widget-text-editor ul,
.white_carousel_wrapper div.e-n-carousel div.swiper-slide div.elementor-element div.elementor-widget-text-editor ol{
	color: white;
}

#milestone_wrapper{
	padding: 0;
    /* background: #7e61b3; */
}

#milestone_wrapper .elementor-widget-container::-webkit-scrollbar { width: 15px; height: 10px; }

#milestone_header_cnt{
	margin-bottom: 1%;
}

#milestone_image_cnt{
	cursor: pointer;
    padding: 0;
    background: #7E61B3;
}

div#desktop_carousel_sota div.elementor-swiper-button.elementor-swiper-button-prev{
	left: -10px;
}

div#desktop_carousel_sota div.elementor-swiper-button.elementor-swiper-button-next{
	right: -10px;
}

div#mobile_carousel_sota div.elementor-swiper-button.elementor-swiper-button-prev{
	left: -20px;
}

div#mobile_carousel_sota div.elementor-swiper-button.elementor-swiper-button-next{
	right: -20px;
}

/* End White Carousel */

/* .campus_carosell_list::-webkit-scrollbar{ */
	/* width: 10px; */
/* } */

/* .campus_carosell_list::-webkit-scrollbar-track{ */
	/* background: #F1F1F1; */
/* } */

/* .campus_carosell_list::-webkit-scrollbar-thumb{ */
	/* background: #B2B2B2;  */
	/* border-radius: 20px; */
/* } */

/* .campus_carosell_list::-webkit-scrollbar-thumb:hover{ */
	/* background: #B2B2B2; */
/* } */

/* End About us */

/* Videos embed */
.elementor-video-container iframe{
	height: 70vh;
}
/* End Videos embed */

/* Whats On */
#alumni-wrapper{
	min-height: 30vh;
}

#alumni-item-list-concluded{
	padding-top: 4%;
}

#alumni-item-list-concluded .grid_top img{
	opacity: 0.3;
	border-radius: 20px;
}

/* .dropdown_style::after{ */
	/* content: '▼'; */
    /* font-size: 12px; */
    /* color: #1E3749; */
    /* position: absolute; */
    /* right: 16.5%; */
    /* top: 4.5%; */
    /* transform: translateY(-50%); */
    /* pointer-events: none; */
/* } */

/* .dropdown_style_second::after{ */
	/* content: '▼'; */
    /* font-size: 12px; */
    /* color: #1E3749; */
    /* position: absolute; */
	/* right: 2%; */
    /* top: 4.5%; */
    /* transform: translateY(-50%); */
    /* pointer-events: none; */
/* } */
/* Whats On */

/* Learning at SOTA */
.learning_sota_banner img{
	width: 350px !important; 
	height: 100% !important; 
}

.las_sub_button {
    display: contents;
}

.las_cib_img .elementor-widget-container{
	text-align: right;
}

.las_cib_img img{
	max-width: unset !important;
	height: auto !important;
    width: 80% !important;
}

.las_section_link_icon img{
	height: unset !important;
}

.las_section_link_icon .e-con-inner {
    /* padding-block-end: unset; */
}

.las_section_link_text .elementor-widget-container a{
	color: white;
	font-style: italic;
	padding-right: 10px;
	font-size: 19px;
}

.las_section_link_text_dark .elementor-widget-container a{
	color: #1E3749;
	font-style: italic;
	padding-right: 10px;
	font-size: 19px;
}

#btn_acad span.elementor-button-text,
#btn_acad span.elementor-button-text:hover,
#btn_artist span.elementor-button-text,
#btn_artist span.elementor-button-text:hover{
	color: white;
}

#btn_acad a.elementor-button-link:focus{
	/* color: #1E3749; */
	background-color: #3077B7;
}

#btn_artist a.elementor-button-link:focus{
	background-color: #7E62AE;
}

#btn_affec span.elementor-button-text,
#btn_affec span.elementor-button-text:hover{
	color: #1E3749;
}

#btn_affec a.elementor-button-link:focus{
	/* color: #1E3749; */
	background-color: #F1C76D;
}

.ibdp_section ul,
.ibcp_section ul{
    padding-left: 30px;
}

.ibdp_section ul, 
.ibdp_section ol,
.ibcp_section ul, 
.ibcp_section ol{
	font-family: "Lato", Roboto;
    font-size: 17px;
	color: white;
}

.btn_cnt_toz a.elementor-button {
    width: 310px;
    height: 60px;
    text-align: center;
	display: flex;
    align-items: center;
    justify-content: center;
}

.btn_cnt_tsz a.elementor-button {
    width: 260px;
    height: 60px;
    text-align: center;
	display: flex;
    align-items: center;
    justify-content: center;
}

.btn_white_text span.elementor-button-text {
    color: white;
}

.btn_dark_text span.elementor-button-text {
    color: #1C3849;
}

div.elementor-button-info.learn_sota_btn_blue a.elementor-button-link:focus,
div.learn_sota_btn_blue div.elementor-widget-container div.elementor-button-wrapper a.elementor-button-link:focus {
    background: #0076BB !important;
    text-decoration: unset;
	color: white;
}

div.learn_sota_btn_blue span.elementor-button-text:hover{
	font-size: 120%;
}

div.elementor-button-info.learn_sota_btn_purple a.elementor-button-link:focus,
div.learn_sota_btn_purple div.elementor-widget-container div.elementor-button-wrapper a.elementor-button-link:focus {
    background: #7E61B2 !important;
    text-decoration: unset;
	color: white;
}

div.learn_sota_btn_purple span.elementor-button-text:hover{
	font-size: 120%;
}

div.elementor-button-info.learn_sota_btn_yellow a.elementor-button-link:focus,
div.learn_sota_btn_yellow div.elementor-widget-container div.elementor-button-wrapper a.elementor-button-link:focus {
    background: #F3CC6D !important;
    text-decoration: unset;
	color: white;
}

div.learn_sota_btn_yellow span.elementor-button-text:hover{
	font-size: 120%;
}

div.elementor-button-info.learn_sota_btn_red a.elementor-button-link:focus,
div.learn_sota_btn_red div.elementor-widget-container div.elementor-button-wrapper a.elementor-button-link:focus {
    background: #FF3B38 !important;
    text-decoration: unset;
	color: white;
}

div.learn_sota_btn_red span.elementor-button-text:hover{
	font-size: 120%;
}

/* Modal */
#modal_artistic, #modal_academic, #modal_affective{
	display: none;
}

.hide_modal{
	display: none;
}

.show_modal{
	display: block;
}

.learn_sota_btn_blue a.elementor-button.elementor-button-link.elementor-size-sm:hover,
.learn_sota_btn_purple a.elementor-button.elementor-button-link.elementor-size-sm:hover,
.learn_sota_btn_yellow a.elementor-button.elementor-button-link.elementor-size-sm:hover{
	-ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    /* transition-duration: 100ms;*/
}
/* End Learning at SOTA */

/* School Fees */
.school_fees_banner img{
	max-width: unset !important;
}

.financial_assist_img img{
	width: 80% !important;
    height: unset !important;
    max-width: unset !important;
}

.school_fees_note ol{
	padding: 0 0 0 20px;
}

.school_fees_note .elementor-widget-text-editor{
	padding-bottom: 20px;
}

/* links page (custom template) */
#link_image_logo img{
	width: 200px !important;
}

a.links_container {
    text-decoration: none !important;
}
/* end links page (custom template) */

/* Usual Content Policy */
.usual_content .main-list {
    counter-reset: main-counter;
    list-style-type: none;
    padding-left: 0;
}

.usual_content .main-list > li {
    counter-increment: main-counter;
    margin-bottom: 20px;
	
}

.usual_content .main-list > li:before {
    content: counter(main-counter) ". ";
    font-weight: bold;
    margin-right: 5px;
	font-size: 22px;
}

.usual_content .main-list > li > strong {
    font-size: 22px;
    color: #333;
}

.usual_content .sub-list {
    list-style-type: lower-alpha;
    margin-left: 20px;
}

.usual_content .sub-list > li {
    margin-bottom: 10px;
}

.usual_content ul {
    list-style-type: disc;
    margin-left: 20px;
}

.usual_content ul li,
.usual_content ol li {
    font-size: 1em;
    /* color: #666; */
    margin-bottom: 5px;
}


/* End Whistle Blower Policy */

/* #horizontal_test{ */
	/* width: 4500px;  */
	/* overflow-x: scroll; */
/* } */


/* Financial Assist */
.financial_banner img {
    height: unset !important;
}

#financial_accordion ul,
#financial_accordion ol{
	/* color: white; */
}

#financial_accordion summary span.e-n-accordion-item-title-header div.e-n-accordion-item-title-text{
	color: white;
}

#financial_accordion div.financial_accordion_content{
	color: white;
	padding-bottom: 3%;
}

#financial_accordion summary.e-n-accordion-item-title {
    width:100%; 
	max-width:1200px; /*1400px*/
    margin: 0 auto;
	padding: 2% 100px 2% 0;
	position: relative;
}

#financial_accordion div.financial_accordion_content p,
#financial_accordion div.financial_accordion_content .elementor-widget-container {
    /* line-height: 23px; */
}

#financial_accordion .e-n-accordion .capsule_row{
}

details#fa_bursary{
    background: #1E3749;
	border-radius: unset;
	margin-block-end: 0;
}

details#fa_saf{
    background: #7E61B2;
	border-radius: unset;
	margin-block-end: 0;
}

details#whistle_blower{
	background: #788792;
	border-radius: unset;
	margin-block-end: 0;
}

details#fa_tfsa{
    background: #F57410;
	border-radius: unset;
	margin-block-end: 0;
}

details#fa_ofss{
    background: #0F76BB;
	border-radius: unset;
	margin-block-end: 0;
}

details#fa_scholarship{
    background: #F44F44;
	border-radius: unset;
	margin-block-end: 0;
}

details#fa_bursary summary,
details#fa_saf summary,
details#whistle_blower,
details#fa_tfsa summary,
details#fa_ofss summary,
details#fa_scholarship summary
{
	border: none;
}

details#fa_bursary > div.e-child,
details#fa_saf > div.e-child,
details#whistle_blower > div.e-child,
details#fa_tfsa > div.e-child,
details#fa_ofss > div.e-child,
details#fa_scholarship > div.e-child
{
	border: none;
	width:100%; 
	max-width:1200px; /*1400px*/
	padding: 0 10px 0 0;
	margin: 0 auto;
}

.e-n-accordion .elementor-element.e-con-full.scholar_banner_wrapper{
	padding: 0;
}

#moe_scholarship ul{
	padding-left: 20px;
}

#financial_accordion span.e-n-accordion-item-title-icon {
    position: absolute;
    right: 0;
}

.mouseover_redlink a{
	color: white;
	text-decoration: underline;
}

.mouseover_redlink a:hover{
	color: red;
	text-decoration-style: solid;
}

/* Policies */
#policies_accordion summary.e-n-accordion-item-title,
#procurement_accordion summary.e-n-accordion-item-title,
#career_accordion summary.e-n-accordion-item-title{
	width:100%; 
	max-width:1200px; /*1400px*/
    margin: 0 auto;
	padding: 2% 100px 2% 0;
	position: relative;
}

#procurement_accordion details.e-n-accordion-item div.proc_detail{
	padding: 0;
}

div#procurement_accordion details{
	border-radius: 20px;
}

#policies_accordion span.e-n-accordion-item-title-icon,
#procurement_accordion span.e-n-accordion-item-title-icon,
#career_accordion span.e-n-accordion-item-title-icon{
    position: absolute;
    right: 0;
}

div#policies_accordion details.e-n-accordion-item div.accordion_policies_content,
/*div#procurement_accordion details.e-n-accordion-item div.accordion_policies_content,*/
div#career_accordion details.e-n-accordion-item div.career_accordion_content{
	width:100%; 
	/* max-width:1240px; */
	padding: 0 10px 0 0;
	margin: 0 auto;
}

/* white bullet ul, ol */
/* elementor-element-979941b financial assistance */

#policies_accordion ul,
#policies_accordion ol,
#policies_accordion div.e-n-accordion-item-title-text,
#procurement_accordion div.e-n-accordion-item-title-text,
#career_accordion ul,
#career_accordion ol,
#career_accordion div.e-n-accordion-item-title-text,
.retail_text ol, 
.retail_text ul,
.elementor-element-979941b ul, 
.elementor-element-979941b ol, 
.elementor-element-f9a8a9f ul, 
.elementor-element-f9a8a9f ol{
	color: white;
}

#page div.policies_header .e-con-inner,
#page div.policies_cnt div.elementor-element-ef10639,
#page div.elementor-element-76d66af,
#page div.elementor-element-11451e7,
#page div.elementor-element-cc538ac
{
	padding-left: 0;
	padding-right: 0;
}

/* Our People */
.our_people_img img, .career_img img{
	width: 100% !important;
    height: 100% !important;
    max-width: unset !important;
}

#leadership_team a.popup-link, 
#sota_board a.popup-link, 
.staff_link a.popup-link{
    color: #7992B5;
}

#leadership_team a.popup-link:hover, 
#sota_board a.popup-link:hover,
.staff_link a.popup-link:hover{
    font-size: 120%
}

#leadership_team .elementor-widget-container p i,
#leadership_team .elementor-widget-container p, 
#sota_board .elementor-widget-container p i,
#sota_board .elementor-widget-container p{
    color: black;
}

/* Faculty of science */
.faculty_learning_outcome p{
	padding: 15px 0;
}
.faculty_learning_outcome hr{
	border-top: 1px solid white;
    border: 0;
    height: 1px;
    /* margin: 10px 0; */
	background: white;
}
.faculty_learning_outcome ol,
.faculty_learning_outcome ul{
	color: white;
	margin-top: 20px;
}

.faculty_key_programmes p{
	padding: 15px 0;
}

.faculty_key_programmes ul{
	margin-top: 20px;
}

/* The Modal (background) */
.modal_wrapper {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Parent support group */
.sota_basic_gallery .gallery-icon.landscape {
    height: 310px;
}

.sota_basic_gallery div.gallery-icon img {
    width: auto;
    height: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close_modal {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close_modal:hover,
.close_modal:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


/* Event detail template whats on detail */
.event-tpl-sticky-wrapper{
	position: absolute;
    right: 0;
    padding: 0;
	width: 470px;
    top: 300px;
}

.event-tpl-sticky-right{
	border-radius: 20px 0 0 20px;
	padding: 20px;
}

.event-tpl-sticky-right img {
    width: 30px !important;
}

.event-tpl-sticky-right p{
	
}

div.event_det_video div.elementor-widget-container div.elementor-swiper div.swiper-pagination{
	bottom: -20px;
}

div.event_det_video div.swiper-pagination span.swiper-pagination-bullet{
	margin: 0 12px 0 12px;
}
/* End Event detail template whats on detail */

/* Beyond SOTA */
.carousell_three_cols .swiper-pagination-bullets.swiper-pagination-horizontal{
	left: 50%;
}
/* End Beyond SOTA */

/* Partnership */
div#page div.elementor-element.content_color_block{
	padding: 0;
}
/* End Partnership */

/* Giving */
div#page div.giving > div.e-con-inner{
	/* padding: 0; */
}

.swiper-slide .elementor-element.giving_carosell_slide.e-con-boxed.e-con{
	height: 330px !important;
    padding: 10px;
}

/* End Giving */

/* Pin up styling */
.overlay_cnt {
    position: relative;
    width: 50%;
}

.overlay_cnt:hover .overlay_text{
    /* opacity: 1; */
    opacity: 0.8;
}

.overlay_cnt img {
    display: block;
    width: 100%;
    height: auto;
}

.overlay_text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #008CBA;
}

.overlay_text .elementor-widget-container p{
	line-height: 20px;
}

.overlay_text .elementor-widget-container {
    color: white;
    font-size: 20px;
    /* position: absolute; */
    /* top: 20%; */
    padding: 0 10%;
    /* -webkit-transform: translate(-50%, -50%); */
    -ms-transform: translate(-50%, -50%);
    /* transform: translate(-50%, -50%); */
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    line-height: 20px;
}

.overlay_img img {
    width: 80% !important;
    margin: 0 auto;
}

.giving_top_banner img{
    width: 300px !important;
}

.overlay_cnt:hover .overlay_text{
    opacity: 0.95;
}


/* End Pin up styling */


/* End Event template */

/* Media queries */
/* CSS for responsive layout */
@media only screen and (min-width: 1920px) {
	/* .event-tpl-sticky-wrapper{ */
		/* right: 360px; */
	/* } */
	
	.event-tpl-sticky-right{
		border-radius: 20px;
	}
	
	
	/* Open house blog post */
	.blog_event_info > .e-con-inner{
		position:relative
	}

}

@media only screen and (max-width: 1450px) and (min-width: 1150px) {
	#page div.elementor-element.e-con {
		/*--container-max-width: 1100px;*/
		/* --content-width: 87%; */
		--content-width: 100%;
	}
	
	header div.menu_col_2{
		width: 86%;
	}
	
	div.home_banner_section .e-con.e-flex>.e-con-inner{ 
		justify-content:space-between; 
	}
	
	div.home_banner_section div.homebanner_wrapper{
		margin-right: -5%;
	}
	
	div.home_banner_section div.hometext_wrapper{
		width: 50%;
	}
	
	#financial_accordion summary.e-n-accordion-item-title, 
	#career_accordion summary.e-n-accordion-item-title, 
	#policies_accordion summary.e-n-accordion-item-title, 
	#procurement_accordion summary.e-n-accordion-item-title, 
	.search-no-results .page-content{
		/* width: 1100px; */
		/* width: 87%; */
		width: 100%;
	}
	
	div#financial_accordion details.e-n-accordion-item div.financial_accordion_cls,
	div#policies_accordion details.e-n-accordion-item div.accordion_policies_content,
	div#procurement_accordion details.e-n-accordion-item div.accordion_policies_content,
	div#career_accordion details.e-n-accordion-item div.career_accordion_content{
		/* width:87%;  */
		width:100%; 
	}
	
	.search-results #page {
		width: 1100px;
		margin: 0 auto;
	}
	
	#financial_accordion div.financial_accordion_content{
		/* width: 1000px; */
		/* margin: 0 auto; */
	}
	
}

@media only screen and (max-width: 1100px) and (min-width: 1025px) {
	#page div.elementor-element.e-con {
		/*--container-max-width: 1100px;*/
		/* --content-width: 76%; */
		--content-width: 100%;
	}
	
	header div.menu_col_2{
		width: 88%;
	}
	
	header div.menu_col_3{
		width: 12%;
	}
	
	.header_logo img {
		width: 90px !important;
	}
	
	.burger-menu-icon img {
		height: 22px;
	}
	
	.btn_header_apply_now {
		width: 100px;
	}
	
	#menu_red_placeholder ul.elementor-nav-menu a, #menu_white_placeholder ul.elementor-nav-menu a, #menu_blue_placeholder ul.elementor-nav-menu a{
		font-size: 15px;
	}
	
	.event-tpl-sticky-wrapper{
		top: 420px;
		z-index: 2;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
	#page div.elementor-element.e-con {
		/*--container-max-width: 1100px;*/
		--content-width: 100%; /* 60% */
	}
	
	header div.menu_col_2{
		width: 88%;
	}
	
	.menu-container{
		right: 3%;
		width: 380px;
		top: -100%;
		overflow: auto;
		height: 80vh !important;
	}
	
	div.custom-menu-container ul#menu-main-menu{
		display: block;
	}
	.event-tpl-sticky-wrapper{
		top: 420px;
		z-index: 2;
	}
}

@media only screen and (max-width: 1024px){
	/* Global */
	
	.header_logo img {
		width: 90px !important;
	}
	
	BODY.reduceHeader header.header_wrapper > .e-con > .e-con-inner{
		padding: 0;
	}
	
	.menu-container{
		right: 0;
		width: 380px;
		top: 0;
		overflow: auto;
		height: 80vh !important;
	}
	
	div.custom-menu-container ul#menu-main-menu{
		display: block;
	}
	
	.empty_header_mobile{
		display: none;
	}
	
	/* End Global */
	
	/* Home */
	body.home div.first_section { padding-top:0px; }
	body.home .elementor-shortcode DIV[data-title='home-banner_large'] { padding-top:100px; }
	
	/* Slider */
	.elementor-28 .elementor-element.elementor-element-d3697bd:not(.elementor-motion-effects-element-type-background){
		background-color: transparent;
	}
	div#n2-ss-3 div.n2-ss-slider-wrapper-inside div.n-uc-TfkqgPQex9FC{
		padding: 0;
	}
	.homebanner_wrapper img{
		max-width: 100% !important;
		width: unset !important;
		height: unset !important;
	}
	
	/* mobile responsive switch between content left and right */
	div.home_banner_section div.home_section_col div.e-con-inner {
		flex-direction: column-reverse;
	}
	
	div.home_banner_section div.home_section_col div.e-con-inner div.homebanner_wrapper{
		margin-bottom: 5%;
	}
	
	div.home_banner_section div.home_section_col div.e-con-inner div.hometext_wrapper{
		margin-bottom: 0%;
		padding-bottom: 10%;
	}
	
	div.home_banner_section div.home_section_col div.e-con-inner div.hometext_wrapper .section_title .elementor-widget-container{
		margin-bottom: 0;
	}

	.event_list .grid_card { position:relative; display:flex; }
	.event_list .grid_card .event_col_1 { display:flex; width:250px; padding:0px 5%; box-sizing:content-box; }
	.event_list .grid_card .event_col_2 { display:flex; width:100%; padding:0px 5% 50px 5%;  } 
	.event_list .grid_card .event_col_3 { display:block; position:absolute; top:0px; right:5%; padding:0px; }
	.event_list .grid_card .event_col_4 { display:block; position:absolute; bottom:0px; right:0%; padding:0 0 2% 0; display:flex; justify-content:flex-end; }
	.event_list .grid_card .event_col_4 .event_ticket { background:transparent; display:flex; padding:0px 5%; height:auto; justify-content:flex-end; align-items:flex-end; text-align:right; }

	.event_ticket_ticket_more, .event_ticket_free_admission{ 
		color: white; 
		line-height: 22px;
		padding-right: 10px;
	}
	.event_ticket_free_admission{
		font-size: 17px;
	}
	
	.event_desc{
		line-height: 22px;
	}
	
	#home_event_list div.elementor-element-eacd2f8{
		background-image: none;
	}
	
	#home_event_list div.e-con-inner{
		--content-width: 100%;
	}
	
	DIV[data-elementor-type='wp-page'] > DIV[data-element_type='container'] > DIV#home_event_list { padding-left:0px; padding-right:0px; }
	
	DIV.upcoming-cnt .event_item_class .e-con-inner { position:relative; display:flex; flex-wrap: nowrap; }
	DIV.upcoming-cnt .event_item_class .e-con-inner > DIV:nth-of-type(1) { display:flex; width:140px; padding:0; box-sizing:content-box; }
	DIV.upcoming-cnt .event_item_class .e-con-inner > DIV:nth-of-type(2) { display:flex; width:100%; padding:0px 5% 50px 1%;  } 
	DIV.upcoming-cnt .event_item_class .e-con-inner > DIV:nth-of-type(3) { display:block; position:absolute; top:15px; right:5%; padding:0px; }
	DIV.upcoming-cnt .event_item_class .e-con-inner > DIV:nth-of-type(4) { position:absolute; bottom:0px; right:0%; padding:0px; display:flex; justify-content:flex-end; background:transparent; align-items:flex-end; width:100%; }
	DIV.upcoming-cnt .event_item_class .e-con-inner > DIV:nth-of-type(4) DIV { width:100%; }
	DIV.upcoming-cnt .event_item_class .e-con-inner > DIV:nth-of-type(4) P {  display:flex; padding:0px 5%; height:auto; justify-content:flex-end; align-items:flex-end; text-align:right; }
	DIV.upcoming-cnt .event_item_class .e-con-inner > DIV:nth-of-type(4) P BR { display:none; }
	DIV.upcoming-cnt .event_item_class .e-con-inner > DIV:nth-of-type(4) P A { color:#FFF !important; } 
	
	ul.ct_quick_link{
		overflow-x: scroll;
		margin: 0 auto;
	}
	
	.ct_quick_link li {
		margin: 0 10px;
		line-height: 20px;
		white-space:nowrap;
		padding: 10px;
	}
	
	.ct_quick_link li:first-child{
		display: none;
	}
	/* End home */
	
	.las_cib_img img{
		width: 100% !important;
	}
	
	#about_us_sidemenu .side-menu{
		padding: 0 20px;
	}
	
	.nurturing_section .e-con-inner {
		padding-bottom: 0;
	}
	
	/* Venues and Retails */
	.looking_for_venues img, .leasing_placeholder img{
		width: 80% !important;
	}
	
	div.elementor-element div.e-con-inner div.looking_for_venues, 
	div.elementor-element div.e-con-inner div.leasing_placeholder{
		text-align: center;
	}
	
	/* Learning at SOTA */
	div.btn_full, 
	div.btn_full a.elementor-button{
		width: 100%;
	}
	
	/* Newsroom */
	a.tab-filter-item{
		padding: 10px 0;
		margin: 8px;
	}
	/* End Newsroom */
}

@media (max-width: 768px) {
	/* Overlay styling mobile */
	.overlay_cnt {
		width: 100%;
	}
	/* End Overlay styling mobile */
	
	/* Home page */
	.upcoming-learnmore {
        position: relative !important;
        background: #FFFFFF !important;
    }
	
	/* Talent academy */
	.admission-item .e-con-inner .e-child{
		min-height: 50px;
	}
	
	.admission-item .e-con-inner .e-child .elementor-widget-text-editor p{
		text-align: center;
		line-height: 20px;
	}
	/* End Talent academy */
	
	/* Performing art venue */
	div#retail_spaces div.location_list{
		flex-direction: column-reverse;
	}
	/* End Performing art venue */
	
	
	/* Accordion */
	.elementor-widget-n-tabs .e-n-tabs-heading { display:flex; }
	.elementor-widget-n-tabs .e-n-tabs-content .e-n-tabs-heading { display:contents; }
	
	.grid-container {
		grid-template-columns: 1fr;
	}
	
	.menu-container{
		right: 0; /*20px;*/
		width: 90vw;
		top: 0;
		overflow: auto;
		height: 80vh !important;
	}
	
	div.menu_col_1{
		width: 50%;
	}
	
	div.menu_col_2{
		display: none;
	}
	
	div.menu_col_3{
		width: 50%;
	}
	
	div.menu_col_3 div.e-child{
		width: 50%;
	}
	ul.ct_quick_link{
		overflow-x: scroll;
		justify-content: normal;
	}
	.ct_quick_link li {
		margin: 0 10px;
		line-height: 20px;
		white-space:nowrap
	}
	.ct_quick_link li:first-child{
		display: none;
	}
	div.custom-menu-container ul#menu-main-menu{
		display: block;
	}
	
	/* Home page */
	div.event_item_class h3.elementor-heading-title{
		font-size: 17px;
		width: 80%;
	}
	
	div.event_item_class h5.elementor-heading-title{
		font-size: 16px;
	}
	
	div.event_item_class div.elementor-widget-text-editor div.elementor-widget-container{
		font-size: 13px;
		line-height: 15px;
	}
	
	div.event_item_class .event_ticket_ticket_more{
		font-size: 15px;
	}
	
	div.event_item_class{
		padding-bottom: 4%;
	}
	
	DIV.upcoming-cnt .event_item_class .e-con-inner > DIV:nth-of-type(3) { display:block; position:absolute; top:10px; right:5%; padding:0px; width: auto; }
	
	/* about us */
	#about_us_four_banner .e-con-inner{
		flex-wrap: nowrap;
		display: flex;
		flex-direction: column;
		/* gap: 10px; */
	}
	
	#about_us_four_banner .e-con .elementor-widget.elementor-widget {
		margin-block-end: 10px;
	}
	
	.elementor-3636 .elementor-element.elementor-element-7bb0088 > .elementor-widget-container,
	.elementor-3636 .elementor-element.elementor-element-c221921 > .elementor-widget-container,
	.elementor-3636 .elementor-element.elementor-element-370ec9d > .elementor-widget-container{
		padding: 0;
	}
	
	/* Learning at sota */
	.elementor-element-edfe26c.e-con.e-flex{
		flex-wrap: nowrap;
	}
	/* End Learning at sota */
	
	/* Capsule responsive styling */
	.past_tender_header{ display: none; }
	.past_tender_item { padding-left:10px; padding-right:10px; flex-direction:column !important; }
	
	.past_tender_item > DIV { width:100% !important; }
	
	.past_tender_item > DIV:nth-of-type(1) {  border-radius:20px 20px 0px 0px; text-align:center; padding:10px 0px; }
	
	.past_tender_item > DIV:nth-of-type(2) { position:relative; padding-left:125px; border-bottom:1px solid #FFF; }
	.past_tender_item > DIV:nth-of-type(2):before { content:'Description'; display:block; width:130px; padding:5px; line-height:120%; font-weight:bold; }
	
	.past_tender_item > DIV:nth-of-type(3) { position:relative; padding-left:125px; border-radius: 0 0 20px 20px; }
	.past_tender_item > DIV:nth-of-type(3):before { content:'Status'; display:block; width:130px; padding:10px; line-height:120%; font-weight:bold; } 
	
	/* Venues and Retails */
	div.location_list div.elementor-element div.elementor-widget-text-editor{
		line-height: 20px;
	}
	
	/* outreach fix video content overlap issue */
	.video_wrapper{
		display: block;
	}
	/* End outreach  */
	
	/* Procurement */
	#procurement_accordion details.e-n-accordion-item div.proc_detail{
		padding-bottom: 6%;
	}
	/* End Procurement */
	
	/* Faculty of science */
	#faculty_sc_learning_imgcont, 
	#faculty_sc_keyprog_imgcont,
	#falculty_sc_intro_imgcont{
		padding: 0;
	}
	
	#faculty_sc_key_program_cont .e-con-inner,
	#falculty_sc_intro_cont .e-con-inner{
		flex-direction: column-reverse;
	}
	
	/* End Faculty of science */
	
	/* whats on event detail template */
	.event-tpl-sticky-wrapper{
		position: unset;
		
	}
	.event-tpl-sticky-wrapper .event_det_col_1{
		width: 15%;
	}
	
	.event-tpl-sticky-wrapper .event_det_col_2{
		width: 80%;
	}
	
	.event-tpl-sticky-right{
		border-radius: 20px;
	}
	
	div.event_det_left_wrapper div.elementor-element.event_det_btn_wrapper {
		--gap: 10px;		
	}
	/* End whats on event detail template */
	
	/* Newsroom */
	.filter_wrapper{
		flex-direction: column;
		margin-top: 20px;
	}
	.tab-bar-filter, 
	.tab-bar-filter-tag{
		width: 100%;
		flex-direction: row;
		justify-content: space-between;
		border-radius: 10px;
	}
	a.tab-filter-item,
	a.tab-filter-tag{
		padding: 0 10px 0 0;
		margin: 0 10px;
	}
	.dropdown_style_newsroom::after{
		left: 120px;
        top: 100px;
		right: unset;
	}
	
	.blog-post-item{
		flex-direction: column;
	}
	.bp-item-img{
		max-width: 100% !important;
		width: 100%;
	}
	/* End Newsroom */
	
	/* Art cause */
	#art-cause-categories{
		flex-direction: column;
	}
	.art-cause-right {
	    justify-content: flex-start;
	}
	/* End Art cause */
	
	/* Sticky note */
	.sticky_note_description p{
		padding: 10px 140px 13px 0;
	}
	.sticky-note.show{
		right: -35%;
		padding: 15px 0 0 15%;
		width: 130%;
	}
	/* End Sticky note */
	
	/* Others sticky drawer, sticky small notes */
	.sticky-smallnote.show {
		width: 120%;
		right: -24%;
	}
	/* End Others sticky drawer, sticky small notes */
}

@media only screen and (min-width: 768px) and (max-width: 769px) {
    .event-tpl-sticky-wrapper {
        position: absolute;
    }
}

@media only screen and (max-width: 450px) {
	/* Video styling */ 
	.video_styling{
		padding-bottom:60vh;
	}
	/* End Video styling */ 
	
	/* table column to row */
	.table_column_to_row_mob table{
		display: flex;
		flex-direction: column;
	}
	.table_column_to_row_mob td{
		display: flex;
		flex-direction: column;
		width: 100% !important;
	}
	/* end table column to row */
	
	
	/* art for a cause, what's on listing page */
	#alumni-item-list .grid_top img{
		width: 325px;
		height: 325px;
	}
	
	.tag_cloud{
		right: 17px;
	}
	/* Quick Link Fixed in Mobile */
	
	div.anchor_cnt{
		position: fixed;
		z-index: 2;
		width: 95%;
		/* margin: 2% 0 0 0; */
	}
	
	div.anchor_cnt.anchor_white{
		background: #1E3749;
		width: 85%;
	}
	
	div.anchor_cnt.anchor_red{
		background: #FFFBF4;
		width: 85%;
	}
	
	
	/* on scroll */
	header.first_section, div.first_section_reduceHeader{
		margin-top: 33px;
	}
	
	body.reduceHeader div.anchor_cnt.anchor_white,
	body.reduceHeader div.anchor_cnt.anchor_red	{
		top: 78px;
	}
	
	/* About us */
	#milestone_wrapper {margin-bottom: 10%; }

	#milestone_header_cnt{
		margin-bottom: 2%;
		padding-left: 25px;
	}

	#milestone_image_cnt{
		padding: 0 0 8% 0;
	}
	
	div.nurturing_section div.e-con-inner{
		padding-top: 0;
	}
	
	div.first_section_reduceHeader div.nurturing_section div.e-con-inner{
		padding-top: 6%;
	}
	
	/* Learning sota */
	div.elementor-3993 div#learning_sota_title .elementor-heading-title{
		padding-top: 90px;
	}
	
	div.elementor-3993 div.first_section{
		margin-top: 61px;
	}
	
	div.elementor-3993 div.first_section_reduceHeader {
		margin-top: 33px;
	}
	
	
	/* Home page */
	.ct_quick_link a{
		font-size: 14px;
	}
	ul.ct_quick_link{
		padding: 0;
	}
	.ct_quick_link li {
		padding: 5px;
	}
	/* End Home page */
	
	/* Performing art venue */
	.elementor-2338 .elementor-element.elementor-element-116f671 .swiper-slide{
		height: 23vh;
	}
	div#retail_spaces div.location_list{
		flex-direction: column-reverse;
	}
	/* End Performing art venue */
	
	/* Concert Hall */
	div.art_img_carousel .elementor-image-carousel-wrapper {
		width: 100%;
		height: 335px;
	}
	/* End Concert Hall */
	
	/* Anchor Link Side Menu */
	/* Anchor color */
	.anchor_white { border:1px solid white; border-radius:10px; }
	.anchor_red { border:1px solid #F54F44; border-radius:10px; }
	
	/* Anchor general code */
	.anchor_cnt { flex-wrap:nowrap; padding:0px; }
	.anchor_cnt > DIV { padding:0px; }
	/* .about_us_anchor_cnt > DIV .elementor-button { padding-left:25px !important; padding-right:25px !important; width:100%; } */

	.anchor_cnt .side-menu { padding:0px; }
	.anchor_cnt .side-menu > P { display:none; }
	.anchor_cnt .side-menu .menu-content { padding:0px; }
	.anchor_cnt .side-menu .menu-content .side-menu-container { overflow:auto; }
	
	/* anchor link arrow style */
	.arrow_white.side-menu ul li:after,
	.arrow_black.side-menu ul li:after	{
		background-size: 14px;
	}
	.side-menu ul li:after{
		top: 5px;
		left: -7px;
	}

	/* Anchor link with menu id */
	/* About us page */
	.anchor_cnt .side-menu #menu-about-us-sidemenu { display:flex; width:max-content; justify-content:space-between; align-items:center; min-width:100%; }
	.anchor_cnt .side-menu #menu-about-us-sidemenu li { margin:5px 0px; padding:0px 10px; }
	.anchor_cnt .side-menu #menu-about-us-sidemenu li A { font-size:14px; text-align:center; }
	
	/* Retail and Venues */
	.anchor_cnt .side-menu #menu-perform-art-venue { display:flex; width:max-content; justify-content:space-between; align-items:center; }
	.anchor_cnt .side-menu #menu-perform-art-venue li { margin:5px 0px; padding:0px 10px; }
	.anchor_cnt .side-menu #menu-perform-art-venue li A { font-size:14px; text-align:center; }
	
	div#aboutus_first_para{
		padding: 10% 0 0 0;
	}
	/* End Anchor Link Side Menu */
	
	
	/* Learning at SOTA */
	.anchor_cnt .side-menu #menu-learning-at-sota-side-menu { display:flex; width:450px; justify-content:space-between; align-items:center; }
	.anchor_cnt .side-menu #menu-learning-at-sota-side-menu li { margin:5px 0px; padding:0px 10px; }
	.anchor_cnt .side-menu #menu-learning-at-sota-side-menu li A { font-size:14px; text-align:center; }
	/* End Anchor Link Side Menu */
	
	/* Policies */
	div.mobile_ol_style div.elementor-widget-container ol, 
	div.mobile_ol_style div.elementor-widget-container ul{
		padding-left: 8%;
	}
	/* End Policies */
	
	/* tender page */
	div.mobile_table_resp table{
		display: block;
		overflow-x: auto;
	}
	/* End tender page */
	
	.art_img_carousel .swiper-slide-image{
		height: 100% !important;
		width: 100% !important;
		object-fit: contain;
	}
	
	/* Art for a cause */
	#alumni-categories .category_heading{
		position: unset;
		margin-bottom: 20px;
	}

	#alumni-categories .select_filter_style{
		position: unset;
		line-height: 1;
		height: 2em;
	}

	#alumni-item-list{
		padding: 0;
	}
	
	.grid-item{
		margin: 10% 0 0 0;
	}
	
	div.grid_item_list p.listing_body_item{
		padding: 0;
	}
	
	.artcause_info{
		height: 120px;
	}
	
	/* .dropdown_style::after{ */
		/* left: 32%; */
		/* top: 70%; */
	/* } */
	
	/* .dropdown_style_second::after{ */
		/* left: 32%; */
		/* top: 90%; */
	/* } */
	
	hr.hr-modal-popup{
		margin: 10px 0 10px 10px;
	}
	
	.modal-popup-content {
		padding: 20px 15px 40px 15px;
		width: 95%;
		max-height: 90%;
        height: 90%;
	}
	
	#modalContent{
		height: 88%;
	}

	/* End Art for a cause */
	
	/* Whats on */
	div#whatson_shortcode div.grid-item{
		margin: 22% 0 0 0;
	}
	
	
	/* End whats on */
	
	/* Newsroom */
	#blogpost-wrapper {
		width: 100%;
	}
	.bp-content{
		width: unset;
	}
	
	.blog-post-item{
		padding: 0;
	}
	
	.dropdown-filter{
		display: block;
	}
	
	.tab-bar-filter{
		display: none;
	}
	
	.tab-bar-filter-tag{
		display: none;
	}
	
	.bp-img-wrapper{
		width: 100%;
	}
	/* End Newsroom */
	
	/* Giving page */
	.overlay_text .elementor-widget-container p {
        line-height: 25px;
    }
	/* End Giving page */
	
}