.elementor-kit-5{--e-global-color-primary:#B62128;--e-global-color-secondary:#992025;--e-global-color-text:#2F3237;--e-global-color-accent:#EBBC28;--e-global-color-e67b8c4:#FFFFFF;--e-global-color-591325f:#FAFAFA;--e-global-color-33d9865:#D02130;--e-global-color-1a8e0d9:#5C0101;--e-global-color-321a745:#F03844;--e-global-color-a908cf2:#4F3838;--e-global-color-e447a4c:#B2B2B2;--e-global-color-9d28f7d:#F8BBBB;--e-global-color-ebd240d:#6F151F;--e-global-typography-primary-font-family:"Gotham";--e-global-typography-primary-font-weight:300;--e-global-typography-secondary-font-family:"Gotham";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Gotham";--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Gotham";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1;--e-global-typography-aaab709-font-size:14px;--e-global-typography-aaab709-font-weight:300;--e-global-typography-aaab709-text-transform:none;--e-global-typography-aaab709-line-height:140%;font-family:"Gotham", Sans-serif;font-weight:300;line-height:140%;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Gotham", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:1;color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;padding:18px 24px 18px 24px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-text );font-family:"Gotham", Sans-serif;}.elementor-kit-5 h1{font-size:78px;font-weight:500;}.elementor-kit-5 h2{font-size:58px;font-weight:500;line-height:105%;}.elementor-kit-5 h3{font-size:38px;font-weight:500;line-height:115%;}.elementor-kit-5 h4{font-size:28px;font-weight:500;line-height:120%;}.elementor-kit-5 h5{font-size:21px;font-weight:500;line-height:140%;}.elementor-kit-5 h6{text-transform:uppercase;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1312px;}.e-con{--container-max-width:1312px;--container-default-padding-top:120px;--container-default-padding-right:20px;--container-default-padding-bottom:120px;--container-default-padding-left:20px;}.elementor-widget:not(:last-child){margin-block-end:32px;}.elementor-element{--widgets-spacing:32px 32px;--widgets-spacing-row:32px;--widgets-spacing-column:32px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-5{font-size:14px;}.elementor-kit-5 h1{font-size:58px;}.elementor-kit-5 h2{font-size:38px;}.elementor-kit-5 h3{font-size:28px;}.elementor-kit-5 h4{font-size:21px;}.elementor-kit-5 h5{font-size:14px;}.elementor-kit-5 h6{font-size:14px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:78px;--container-default-padding-right:20px;--container-default-padding-bottom:78px;--container-default-padding-left:20px;}}@media(max-width:767px){.elementor-kit-5 h2{font-size:38px;}.elementor-kit-5 h3{font-size:28px;}.elementor-kit-5 h4{font-size:21px;}.elementor-kit-5 h5{font-size:16px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{padding:16px 22px 16px 22px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:86px;--container-default-padding-right:20px;--container-default-padding-bottom:86px;--container-default-padding-left:20px;}}/* Start custom CSS *//*Chinese Font*/

html[lang*="zh-hant"] * {font-family: "Noto Sans TC", sans-serif !important;
  font-optical-sizing: auto;
    font-weight: 400;
}

/*Fix Contact Dropdown arrow*/

.elementor-select-wrapper .select-caret-down-wrapper {
    transform: translateY(-72%);
}

/* WPML */
body > .wpml-ls-statics-footer {
    display: none !important;
}

/*Admissions Style*/
.admissions-tab > .e-con .e-con-inner {
    padding: 70px 0px !important;
}
.admissions-tab > .e-con {
    padding: 0px 20px !important;
}


/* Tabs style */
.e-n-tabs-heading {
    padding: 0 20px;
}

/* Hero Global Styles */
.hero > .e-con-inner {
    padding-top: 58px;
    padding-bottom: 58px;
}

@media (min-width: 768px) {
.hero > .e-con-inner {
    padding-top: 116px;
    padding-bottom: 80px;
}
.hero {
    margin-top: -96px !important;
}
}

@media (min-width: 1025px) {
.hero > .e-con-inner {
    padding-top: 183px;
    padding-bottom: 80px;
}
}

/* Discount Card Styles */
.discount p, .discount ul, .discount ol {
    margin: 0;
}
.discount li {
    margin-bottom: 8px;
}
@media (max-width: 767px) {
.discount {
    padding: 20px 28px;
}
}

/* WPForms Mobile Ready*/
div.wpforms-container-full:not(:empty) {
    margin: 0;
}

@media (max-width: 767px) {
.wpforms-container .wpforms-field.wpforms-five-sixths, .wpforms-container .wpforms-field.wpforms-four-sixths, .wpforms-container .wpforms-field.wpforms-four-fifths, .wpforms-container .wpforms-field.wpforms-one-fifth, .wpforms-container .wpforms-field.wpforms-one-fourth, .wpforms-container .wpforms-field.wpforms-one-half, .wpforms-container .wpforms-field.wpforms-one-sixth, .wpforms-container .wpforms-field.wpforms-one-third, .wpforms-container .wpforms-field.wpforms-three-fourths, .wpforms-container .wpforms-field.wpforms-three-fifths, .wpforms-container .wpforms-field.wpforms-three-sixths, .wpforms-container .wpforms-field.wpforms-two-fourths, .wpforms-container .wpforms-field.wpforms-two-fifths, .wpforms-container .wpforms-field.wpforms-two-sixths, .wpforms-container .wpforms-field.wpforms-two-thirds {
    width: 100%;
    margin: 0 !important;
    margin-left: 0 !important;
}
}
.wpforms-field-large, .wpforms-field-medium {
    font-weight: 300 !important;
}
.wpforms-field-large::-webkit-outer-spin-button, .wpforms-field-large::-webkit-inner-spin-button, .wpforms-field-medium::-webkit-inner-spin-button, .wpforms-field-medium::-webkit-outer-spin-button/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input::placeholder, textarea::placeholder {
    color: #b2b2b2 !important;
    opacity: 1 !important;
}

input:focus, textarea:focus {
    border: 1px solid #ebbc28 !important;
}
/* Firefox */
.wpforms-field-medium[type=number], .wpforms-field-large[type=number], {
  -moz-appearance: textfield;
}{
    font-weight: 300 !important;
}
/* Mobile Menu Fix */
.mobile-main .elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .mobile-main .elementor-nav-menu--dropdown .elementor-item.highlighted, .mobile-main .elementor-nav-menu--dropdown .elementor-item:focus, .mobile-main .elementor-nav-menu--dropdown .elementor-item:hover, .mobile-main .elementor-sub-item.highlighted, .mobile-main .elementor-sub-item:focus, .mobile-main .elementor-sub-item:hover {
    background-color: #FAFAFA !important;
    color: #33373d !important;
}

.elementor-nav-menu--dropdown a.highlighted, .elementor-nav-menu--dropdown a:focus, .elementor-nav-menu--dropdown a.highlighted {
    background-color: #FFFFFF !important
}

/* Tabs Style */ 
.elementor-widget-n-tabs .e-n-tabs {
    gap: 0px !important;
}

button.nav-link {
    padding: 18px 2px !important;
}

button.nav-link h5 {
    text-transform: capitalize !important;
}

.e-n-tab-title .e-n-tab-title-text {
     text-transform: capitalize !important;
     flex-wrap: wrap;
}


@media (max-width: 767px) {
.e-n-tab-title {
    padding-inline-end: 10px !important;
    padding-inline-start: 10px !important;
}
.e-n-tabs-heading {
    gap: 20px !important;
    justify-content: space-evenly !important;
}
}

/* Table Style */
table.fixed {
    table-layout: fixed;
}
table.style2 {
    font-size: 21px
}
table.style2 img {
    max-height: 140px
}
table.style2 th {
    white-space: nowrap;
}
@media (max-width: 767px) {
    table.style2 {
        font-size: 14px;
    }
}
table {
    font-size: 16px;
    margin: 0px;
}
table th, table td {
    padding: 12px 22px;
}
@media (max-width: 767px) {
    table th, table td {
    padding: 8px 15px;
}
}
table td {
    border: 1px solid #D4D4D4;
}
table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background: initial;
}
table tbody tr:hover>td, table tbody tr:hover>th {
    background: initial
}
table thead {
    background: #B62128;
    color: white;
}
table th {
    border: 1px solid #B62128;
    border-bottom-width: 0px;
}
table thead th:not(:last-child) {
    border-right-color: white;
}
/* Responsive styles */
@media (max-width: 767px) {
    table.mobile {
        display: flex;
        flex-direction: column; /* Stack items in a column */
    }
    table.mobile thead {
        display: none; /* Hide header on mobile */
    }
    table.mobile tbody {
        display: flex;
        flex-direction: column; /* Stack rows in a column */
        width: 100%; /* Full width for tbody */
    }
    table.mobile tr {
        display: flex; /* Use flex for rows */
        flex-direction: column; /* Stack cells in a column */
        border: 1px solid #D4D4D4; /* Border around each block */
    }
    table.mobile td {
        text-align: center; /* Center align text on mobile */
        padding: 10px; /* Adjusted padding */
        position: relative; /* Position relative for pseudo-elements */
        border: none; /* Remove borders for td */
        width: auto; /* Set width to auto */
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    table.mobile td::before {
        content: attr(data-label); /* Use data-label for header */
        font-weight: bold; /* Bold text for labels */
        display: block; /* Display labels as blocks */
        margin-bottom: 5px; /* Space between label and content */
    }
    table.mobile tr:nth-child(even) {
        background-color: #f1f1f1;
    }
}

/* Alternative Section Style */ 

.alternate:nth-of-type(2n) {
    background: #FAFAFA;
}

.alternate:nth-of-type(2n-1) .e-con-inner {
    flex-direction: row-reverse;
}

/* Button Styles */ 

.elementor-button:hover {
    transform:scale(1.02,1.02) translate3d(0,0,0);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.147);
}

.white-button a {
    border-color: var( --e-global-color-text ) !important;
    background: #FFFFFF00 !important;
}

.shadow-offset .elementor-widget-container {
    margin: -16px -20px -24px -20px;
}

.simple-link a {
    text-decoration: underline;
    text-decoration-thickness: 1.2px !important;
    text-underline-offset: 3px;
}

.simple-link a:after {
    content: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 3.67676L0 7.17676L0 0.176758L5 3.67676Z' fill='currentColor'/%3E%3C/svg%3E");
    margin-left: 6px; 
}

.simple-link-white ::after {
    filter: invert(100%);
}

/* Button Styles */ 


strong {
    font-weight: 700 !important;
}

/* Auto sliding swiper gallery */
.auto_swiper .swiper-wrapper{
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}



/* Updated Shift Animations */

.rotateIn {
    animation-name: shiftRotateIn !important;
}

.fadeInUp {
    animation-name: shiftFadeInUp !important;
}

.fadeInLeft {
    animation-name: shiftFadeInLeft !important;
}

.fadeInRight {
    animation-name: shiftFadeInRight !important;
}

@keyframes shiftRotateIn {
    from {
        transform-origin: center;
        transform: rotate(-10deg);
        opacity: 0;
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1;
    }
}

@keyframes shiftFadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0,10px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}


@keyframes shiftFadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-10px,0px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes shiftFadeInRight {
    from {
        opacity: 0;
        transform: translate3d(10px,0px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://anfield.edu.hk/wp-content/uploads/2025/03/Gotham-Book_Web.woff2') format('woff2');
}
@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://anfield.edu.hk/wp-content/uploads/2025/03/Gotham-Bold_Web.woff2') format('woff2');
}
@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://anfield.edu.hk/wp-content/uploads/2025/03/Gotham-Medium_Web.woff2') format('woff2');
}
@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://anfield.edu.hk/wp-content/uploads/2025/03/Gotham-Light.woff2') format('woff2');
}
/* End Custom Fonts CSS */