/* 
Theme Name: Your New Site
Theme URI: https://github.com/elementor/hello-theme/
Description: Welcome to your new site
Author: Rooftop Twenty Two
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/



html, body {
    overflow-x: hidden;
}

a:focus, button:focus {outline: 0;}
p:last-child {margin-bottom: 0;}    
a {transition: 0.3s;}
a:hover {transition: 0.3s;} 

.link-inherit a {color: inherit;}   
.link-inherit a:hover {color: #813F98 !important;}  
.per-space-10 p {margin-bottom: 12px; line-height: 1.5; }
.per-space-10 p:last-child {margin-bottom: 0;}  
    
.common-content .link-inherit a, .common-content.link-inherit a {color: inherit;}       

.header-main .elementor-sticky--effects {background-color: #fff;}   
.header-main .main-logo img {transition:0.3s;}
.header-main .elementor-sticky--effects .main-logo img {width: 120px; transition:0.3s;}

#white-header1 .header-white {display: block;}
#white-header1 .header-purple {display: none;}
#white-header1.header-main .elementor-sticky--effects {background-color: #813F98;}

.position-absolute1 {position: absolute;width: 100%;top: 0;left: 0;}

.icon-color-hover a:hover svg * {stroke: #fff;  fill: transparent !important;}  
.small-btn-icon span.elementor-button-icon {margin-top: -1px; margin-bottom: -1px;} 
.big-btn-icon span.elementor-button-icon {margin-top: -2px; margin-bottom: -3px; }
.banner-marquee p span {border-right: 188px solid transparent; position: relative; }
.banner-marquee p span::after {content: ""; width: 1px; height: 42px; background: #FE8364; position: absolute; right: -97px; top: -10px; }

.video-bg-gradient::after {background: linear-gradient(180deg, rgba(129, 63, 152, 0.00) 35.71%, rgba(129, 63, 152, 0.40) 85.53%), linear-gradient(192deg, rgba(0, 0, 0, 0.00) 48.49%, rgba(0, 0, 0, 0.50) 77.13%); position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; }

body .dialog-lightbox-widget .elementor-video-wrapper.elementor-video-landscape {width: 80%;}

.wht-ati-tabs .e-n-tab-title:after {position: absolute; content: ""; width: 0; height: 3px; background: #813F98; bottom: -20px; left: 50%; transform: translate(-50%, 0%); transition: 0.3s; }
.wht-ati-tabs .e-n-tab-title:hover:after, .wht-ati-tabs .e-n-tab-title[aria-selected="true"]:after {width: 72px; }

.programmes-slide .programmes-slide-content {height: 110px; transition: 0.4s;}
.programmes-slide:hover .programmes-slide-content {height: 100%; transition: 0.4s; padding-bottom: 70px; padding-top: 70px;}
.programmes-slide-content .elementor-widget-text-editor {height: 1px; opacity: 0;}
/*  .programmes-slide:hover {box-shadow: 0px 305px 85px 0px rgba(0, 0, 0, 0.00), 0px 195px 78px 0px rgba(0, 0, 0, 0.01), 0px 110px 66px 0px rgba(0, 0, 0, 0.05), 0px 49px 49px 0px rgba(0, 0, 0, 0.09), 0px 12px 27px 0px rgba(0, 0, 0, 0.10);}*/

.programmes-slide:hover .programmes-slide-content .elementor-widget-text-editor {height: 100%; opacity: 1;}
.programmes-slide .programmes-slide-content .elementor-widget-button {opacity: 0; transition: 0.4s; }
.programmes-slide:hover .programmes-slide-content .elementor-widget-button {opacity: 1; transition: 0.6s; }
.project_slider_arrow_right, .project_slider_arrow_left {cursor: pointer;}  
.project_slider_arrow_right svg, .project_slider_arrow_left svg {height: auto !important; }

.programmes-slide .programmes-slide-content .elementor-widget-button .elementor-button-icon svg path {transition: 0.4s;}
.programmes-slide .programmes-slide-content .elementor-widget-button:hover .elementor-button-icon svg path {fill: #FE8464; transition: 0.4s;}

/*.programmes-slide-img {
    height: 100%;
}
.programmes-slide-img, .programmes-slide-img .elementor-widget-image, .programmes-slide-img .elementor-widget-image > .elementor-widget-container {
        height: 100%;
}*/

.programmes-slide-img {padding-bottom: 108px; }
.programmes-slide-img .elementor-widget-image img {height: 336px; object-fit: cover; }
.programmes-slide:hover .programmes-slide-content .elementor-widget-text-editor {margin-bottom: 30px; }
    


.societies-slider .societies-sub-title {display: none;}
.societies-slider:hover .societies-sub-title {display: block;}
.societies-slider .programmes-slide-img .elementor-widget-image img {height: 353px;}
.societies-slider .programmes-slide-img {padding-bottom: 90px;}
.societies-slider.programmes-slide .programmes-slide-content {height: 91px;}
.societies-slider.programmes-slide:hover .programmes-slide-content {height: 100%;}

.memberships-bg-shape::after {position: absolute; content: ""; width: 110%; height: 58%; background: #813F98; transform: rotate(13.586deg) skewX(15deg) translate(0, -50%); opacity: 0.1; left: -5%; top: 46%; z-index: -1; }

.logo-slider-image-grayscale img {opacity: 0.2;}

.testimonial-bg-img .elementor-widget-image {height: 100%; min-height: 100%; position: absolute; width: 100%;}
.testimonial-bg-img .elementor-widget-image::after {opacity: 0.8;
background: #FE8364; content: "";}  
.testimonial-bg-img .elementor-widget-image::after {opacity: 0.8; background: #FE8364; content: ""; position: absolute; right: 0; top: 0; width: 14%; height: 100%; }

.download-bg-shape::after {position: absolute; content: ""; width: 94%; height: 65%; background: #008D94; transform: rotate(24deg) skewX(24deg) translate(0, -50%); opacity: 0.1; left: 3%; top: 50%; z-index: -1; }
.testimonial-triangle-shape::before {position: absolute; content: ""; width: 0; height: 0; border-top: 45px solid transparent; border-left: 66px solid #813F98; border-bottom: 45px solid transparent; top: 90px; left: 0; }

.about-ati-img  .elementor-widget-image {height: 100%;}
.about-ati-img .elementor-widget-image::after {position: absolute; content: ""; width: 50%; height: 100%; background: #fff; top: 0; left: 0; clip-path: polygon(0 0, 100% 0%, 14% 101%, -1% 101%); }

.img-height-full  .elementor-widget-image {height: 100%; }

.shape-dark-cyan .elementor-widget-image::after {position: absolute; content: ""; width: 50%; height: 100%; background: #008D94; top: 0; left: 0; clip-path: polygon(-1px 0, 90% 0%, 5% 101%, -1% 101%); }
.shape-deep-purple .elementor-widget-image::after {position: absolute; content: ""; width: 50%; height: 100%; background: #491E58; top: 0; left: 0; clip-path: polygon(-1px 0, 0% 0%, 90% 101%, -1% 101%); }

.common-content blockquote {padding: 0; margin: 0 0 30px 0; }
.common-content blockquote p {padding: 6px 0 2px 12px; margin: 0 0 16px 0; border-left: 5px solid #813F98; display: block; }
.common-content a {color: #008D94;}
.common-content a:hover {color: #813F98;}
.common-content h6 {margin: 30px 0 20px 0;}
.common-content blockquote:last-child   {margin-bottom: 0; }
.max-width-100 {max-width: 100%;}
.content-top-space .common-content {padding-top: 50px;}
.content-top-space .common-content:first-child {padding-top: 0px;}  
    
.find-talent-bg-shape::after {position: absolute; content: ""; width: 110%; height: 50%; background: #F2F9FA; transform: rotate(-15.414deg) skewX(-15deg) translate(0, -50%); opacity: 1; left: -5%; top: 50%; z-index: -1; }
.see-how-can-help-gradient::before {z-index:1;}
.see-how-can-help-gradient::after {position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(180deg, rgba(73, 30, 88, 0.00) 21.62%, #491E58 96.6%); z-index: 0; }
    

.new-events-wrap .elementor-post__thumbnail__link {margin-bottom: 10px !important; }
.elementor-field-group .elementor-field-textual:focus {box-shadow: none; outline: 0; }
.elementor-nav-menu--burger .elementor-menu-toggle.elementor-active  svg {fill: var(--e-global-color-primary) !important; }
.elementor-widget-button .elementor-button-content-wrapper {display: flex; align-items: center; }
.faqs-accordion .e-n-accordion-item-title[aria-expanded="true"] ,
.faqs-accordion .e-n-accordion-item-title[aria-expanded="true"] + .elementor-element {background-color: #5B3569; }
.faqs-accordion ul {margin: 0; padding: 0 0 20px 20px;}
.faqs-accordion p {word-wrap: break-word;}

.content-list ol {margin: 0; padding: 0 0 20px 20px;}
.content-list ol li {margin: 0; padding: 20px 0px 0;}

.wht-ati-tabs.level-tabs .e-n-tab-title:hover:after,
.wht-ati-tabs.level-tabs .e-n-tab-title[aria-selected="true"]:after {width: 143px; }
.wht-ati-tabs.level-tabs .e-n-tab-title:after {height: 3px; background: #fff; }

.anchor-links .elementor-icon-list-item.elementor-inline-item a {padding: 15px 24px 13px; }
.anchor-links .elementor-icon-list-item.elementor-inline-item a:hover,
.anchor-links .elementor-icon-list-item.elementor-inline-item.active-tab-menu a {background-color: #FE8464; }
.read-more-btn .elementor-button span {display: flex; }
.read-more-btn .elementor-button:hover svg path {fill: #fff; }
.resources-white .left-column .elementor-heading-title {color: rgb(255 255 255 / 60%) !important; }
.resources-white .left-column h2.elementor-heading-title {color: #fff !important; }
.resources-white .left-column .elementor-widget-container {color: #fff !important; }
.resources-white .left-column .elementor-icon svg path {fill: #fff; }
  
.footer-cta1 .partner-today-cta-box {display: block;}
.footer-cta1 .enroll-today-cta-box {display: none;}

.slide-img-full-height, .slide-img-full-height .video-bg-gradient, .slide-img-full-height .elementor-widget-image, .slide-img-full-height .elementor-widget-container, .slide-img-full-height img {
    min-height: 100%;
}
.footer-form button.elementor-button {
    height: 54px;
}
.footer-form input[type="email"] {
    height: 54px;
}
.course-overview-acco {cursor: pointer;}
.course-overview-acco-con {display: none;}
.course-overview-acco-con-active .elementor-icon {
    transform: rotate(180deg) translate(-10px, 0px);
}

.logo-slider-image-grayscale .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}
.shape-reverse .memberships-bg-shape::after {
    transform: rotate(-13deg) skewX(-15deg) translate(0, -50%);
    top: 56%;
}

.directory_filter_form form ul {
    padding-left: 0;
}
.directory_filter_form form li ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.directory_filter_form form ul li, .directory_filter_form form ul li label {
    padding: 0 !important;
}

.directory_filter_form form ul li.sf-field-reset {
    margin: 15px 0 20px;
}
.directory_filter_form form ul li.sf-field-reset a.search-filter-reset {
    color: #491E58;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.8px;
}
.directory_filter_form form ul li label {
    position: relative;
}

.directory_filter_form form ul li label:before {
    content: '';
    -webkit-appearance: none;
    border: 1px solid #813F98;
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 16px;
    border-radius: 0;
    background-color: transparent;
    margin-bottom: 5px;
}
.directory_filter_form form ul li input:checked + label:before {
    background: #813F98;
}
.directory_filter_form form ul li label {
    position: relative;
    cursor: pointer;
}

.directory_filter_form form ul li input {
    padding: 0;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.directory_filter_form form ul li input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 8px;
    width: 7px;
    height: 14px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.partner_colleges_button form select.sf-input-select {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0.9px;
    border-radius: 1px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: var(--ATI_Teal, #008D94);
    padding: 16px 64px 12px 40px;
    appearance: none;
    background-image: url('/wp-content/uploads/2024/10/white-btn.svg');
    background-repeat: no-repeat;
    background-position: 90% center;
}
.partner_colleges_button.color_light_pink 
 select.sf-input-select {
    background: transparent;
    border: 1px solid #813F98;
    color: #813F98;
    background-image: url('/wp-content/uploads/2024/10/download-1-1.svg');
    background-repeat: no-repeat;
    background-position: 90% center;
}
.partner_colleges_button form ul,.partner_colleges_button form ul li {
    padding: 0;
}


@media screen and (max-width: 1450px) and (min-width: 1025px) {
    .main_banner {
        min-height: 760px !important;
    }
}
    
@media screen and (min-width: 1024px) and (max-width: 1300px) {
    .testimonial-width {width: 50%;}
    .programmes-slide-content h6.elementor-heading-title {font-size: 28px;;}
}   

@media screen and (min-width: 1023px) and (max-width: 1024px) {
   .slider-sec-re .left-column {width: 34%;}
   .slider-sec-re .right-column {width: 56.1%;}
   .testimonial-width {width: 100%;}
   
}

@media screen and (max-width: 1024px) {
    .header-main .elementor-sticky--effects .main-logo img {width: 100px;}
    .main-menu nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {position: fixed !important; top: 0 !important; height: 100vh; left: 0 !important; margin: 0; }
    .main-menu .elementor-menu-toggle.elementor-active {z-index: 9999; }
    .main-menu .elementor-nav-menu ul.sub-menu li, .main-menu .elementor-nav-menu ul.sub-menu li a {text-align: center; justify-content: center;}
    .main-menu .elementor-nav-menu ul.sub-menu li a {border: 0;}
    .main-menu .elementor-nav-menu {justify-content: center; display: flex; flex-direction: column; align-items: center; min-height: 100%; }
	.main-menu .elementor-nav-menu a.elementor-item {
		display: flex;
		justify-content: center;
	}
    /*.programmes-slide-img .elementor-widget-image img {height: calc(100% - 110px); }*/
    .testimonial-triangle-shape::before {transform: rotate(-90deg) translate(-50%, 50%); top: auto; bottom: 0; }
    .about-ati-img .elementor-widget-image::after {width: 100%; background: #ffffffd9; clip-path: none; }
    .shape-dark-cyan .elementor-widget-image::after {width: 100%; background: #008d948a; clip-path: none; }
    .shape-deep-purple .elementor-widget-image::after {width: 100%; background: #491e5885; clip-path: none; }
    .content-top-space .common-content {padding-top: 40px;}
    
    .programmes-slide-img {height: 100%; }
    .programmes-slide-img, .programmes-slide-img .elementor-widget-image, .programmes-slide-img .elementor-widget-image > .elementor-widget-container {
      height: 100%; }
    /*.programmes-slide-img {padding-bottom: 0; }*/
    /*.programmes-slide-img .elementor-widget-image img {height: calc(100% - 110px); object-fit: cover; }*/

    .anchor-links .elementor-icon-list-item.elementor-inline-item a {padding: 15px 9px 13px; }

    .testimonial-bg-img {position: absolute;}
    .testimonial-triangle-shape::before {display: none;}

    .partner_colleges_button form select.sf-input-select {padding: 15px 54px 11px 30px;}
}       

@media screen and (max-width: 767px) {
    .content-top-space .common-content {padding-top: 0px;}

    .anchor-links .elementor-icon-list-item.elementor-inline-item a {padding: 10px 9px 8px; }
   .anchor-links ul.elementor-icon-list-items.elementor-inline-items {display: block; }
  
  .anchor-links .elementor-inline-items .elementor-icon-list-item:not(:last-child):after {border-left-width: 0 !important; }
  .anchor-links .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {border-bottom: 1px solid #fff !important; height: 45px !important; }
  .anchor-links .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:last-child {border-bottom: 0 !important; }

  .programmes-slide .programmes-slide-content > .elementor-element {
    flex-direction: row;
}
}



/* Target Safari on macOS */
body.safari button.elementor-button, 
body.safari input[type="button"], 
body.safari input[type="submit"], 
body.safari .elementor-button {
    padding-bottom: 20px !important;
}
body.safari .elementor-heading-title {
    margin-top: -6px;
    margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
    body.safari button.elementor-button, 
    body.safari input[type="button"], 
    body.safari input[type="submit"], 
    body.safari .elementor-button {
        padding-bottom: 18px !important;
    }
    .partner_colleges_button form select.sf-input-select {padding: 14px 40px 9px 20px; font-size: 16px;     background-position: 95% center !important;} 
}

@media screen and (max-width: 479px) {
.partner_colleges_button form select.sf-input-select {
    font-size: 14px;
    padding: 15px 40px 11px 20px;
}
}