/*!
Theme Name: Oxford-AI
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: oxford2025
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Oxford-AI is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
    - Normalize
    - Box sizing
# Base
    - Typography
    - Elements
    - Links
    - Forms
## Layouts
# Components
    - Navigation
    - Posts and pages
    - Comments
    - Widgets
    - Media
    - Captions
    - Galleries
# plugins
    - Jetpack infinite scroll
# Utilities
    - Accessibility
    - Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
     ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  scroll-behavior: smooth;
}
.inter-tight-font {
    font-family: "Inter Tight", sans-serif;
}

body {
    font-family: "Inter", sans-serif;
    font-weight: 300;
}

.video-placeholder-youtube {
    width: 100%!important;
}

.inter-font {
    font-family: "Inter", sans-serif;
}

.lora-font {
    font-family: "Lora", serif;
}

.container-theme {
    width: 1150px;
    margin: 0 auto;
}

.container-xl-theme {
    width: 1280px;
    margin: 0 auto;
}

.text-brown {
    color: #b3884b;
}

h1 .text-brown {
  text-shadow: 0 2px 6px rgba(11, 18, 32, 0.55); /* soft dark glow for legibility */
}

.bg-brown {
    background-color: #b3884b;
}

.bg-light-brown {
    background: radial-gradient(1600px 800px at 50% -30%, rgba(254, 240, 138, .22), rgba(254, 240, 138, 0) 60%), radial-gradient(1200px 900px at 50% 120%, rgba(15, 23, 42, .04), rgba(15, 23, 42, 0) 60%), linear-gradient(135deg, #fff7ec, #ffffff);

}

/* ===================== Banner Styling ===================== */
.head-logo-site img {
    max-height: 34px;
}

.cols-wrap-ul ul li:last-child a {
    color: #b3884b;
    font-weight: 200;
    font-family: "Lora", serif;
}

.language-icon img {
    width: 30px;
    height: 30px;
    border-radius: 100px;
}

.hero-banner {
    height: 480px;
    background:
  radial-gradient(1000px 600px at 50% 120%, rgba(30,58,95,0.05), transparent 70%),
  linear-gradient(to top, #ffffff, #f9fbfd);
    /*border-radius: 0 0 16px 16px;*/
    overflow: hidden;
}

.hero-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    left: 600px;
    background: url(/wp-content/themes/oxford2025/inc/images/sketch.png) center center / cover no-repeat;
    opacity: 0.2;
    pointer-events: none;
    z-index: 0;
    mix-blend-mode: multiply;
}

.banner-text {
    max-width: 600px;
}

/*.banner-text h1 span {
    color: #b3884b;
}*/

.ox-combine-banner {
    background: radial-gradient(1000px 600px at 50% 120%, rgba(30,58,95,0.05), transparent 70%),
  linear-gradient(to top, #ffffff, #f9fbfd);
}

.learn-more {
    color: #b3884b;
    font-weight: 700;
    display: block;
}

.layout-right-text p, .course-highlight p {
    font-size: 16px;
    line-height: 28px;
    color: #334155;
    text-align: left;
}

.step-course-text h4 {
    direction: ltr;
}

.step-course-text p {
    font-size: 16px;
    line-height: 24px;
    direction: ltr;
    color: #334155;
}

.step-course-text a {
    font-weight: 500;
    color: #b3884b;
    margin-top: 16px;
    display: inline-block;
}

.course-highlight p {
    margin-top: 14px;
}

.course-highlight p iframe {
    width: 100%;
    overflow: hidden;
    height: 450px;
    border-radius: 16px;
    margin: 40px 0;
}

.course-highlight h3 {
    font-family: "Lora", serif;
    font-weight: 500;
    font-size: 40px;
    margin: 40px 0;
}

.course-highlight .envira-gallery-wrap,
.course-highlight .envira-gallery-public {
    margin-bottom: 0;
}

.layout-right-text a {
    font-size: 16px;
    display: table;
    font-weight: 500;
    color: #b3884b;
}

.steps-courses .step-course-box:nth-child(even) {
    direction: rtl;
    text-align: left;
}

.campus-links-li {
    display: ruby;
}

.campus-links-li a {
/*    font-size: 16px;*/
    margin-left: 4px;
}

#video {
    width: 100%;
    overflow: hidden;
}

.summary-combine iframe {
    width: 100%;
    height: 450px;
    border-radius: 16px;
    margin-top: 40px;
}
/* === For Maps === */
.summary-map iframe {
    width: 100%;
    height: 360px;
    border-radius: unset;
    margin-top: unset;
}

.anonyms-template-text h2,
.anonyms-template-text h3, 
.anonyms-template-text h4,
.anonyms-template-text h5 {
    font-family: "Lora", serif;
    font-weight: 200;
    color: #b3884b;
    margin: 0 0 10px 0;
}

.anonyms-template-text h2 {
    font-size: 32px;
}

.anonyms-template-text h3 {
    font-size: 30px;
}

.anonyms-template-text h4 {
    font-size: 28px;
}

.anonyms-template-text h5 {
    font-size: 26px;
}

.anonyms-template-text a {
    color: #1563E6;
    text-decoration: underline;
}

.anonyms-template-text p {
    margin: 0 0 20px 0;
}

.anonyms-template-text ul {
    list-style-type: disc;
    padding: 0 0 0 24px;
    margin-bottom: 10px;
}

.ox-img-wrap {
    overflow: hidden;
}

.ox-combine-img img, .ox-img-wrap img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover; 
    display: block;
}
.ox-img-wrap img {
    border-radius: 16px 0 0 16px;
}

.ox-combine-img iframe {
    width: 100%;
    height: 100%;
}

/* Force campus card images to fill container */
/* Campuses slider images must fill the fixed-height card */
.embla_Summer .sumer-box img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100% !important; /* override global img { height:auto } */
  max-width: none;         /* ignore global max-width */
  object-fit: cover;
  display: block;
}

/* HERO media: fill the section, ignore global img max-width rules */
.hero-media,
.hero-media > * {
  position: absolute;
  inset: 0;
}

.hero-media img,
.hero-media video {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;   /* <- defeats global max-width:100% */
  max-height: none !important;
  object-fit: cover;
  object-position: top;
}


/* =============== show more mobile menu items =============== */
.sub-menu-toggle.text-sm.text-blue-600.underline.mt-2,.tax-menu-toggle.text-sm.text-blue-600.underline.mt-2 {
    margin-bottom: 15px;
    color: #b3884b;
    text-decoration: none;
    font-weight: 600;
}
.sub-menu-wrapper ul li:first-child a {
    font-weight: 300;
    color: #b3884b;
    font-family: "Lora", serif;
}
.tax-menu-wrapper,.sub-menu-wrapper {
    margin-bottom: 10px;
}



/* ===================== Enquiry Form Styling ===================== */
.hs-form-iframe .hs_email label {
    font-size: 16px !important;
    color: #000 !important;
    font-family: "Inter", sans-serif !important;
    margin-bottom: 6px !important;
}

.hs-form-iframe .input input, .hs-form-iframe .input select {
    border: 1px solid #CDBFB6 !important;
    border-radius: 100px !important;
    font-size: 16px !important;
    font-family: "Inter", sans-serif !important;
}
.hs-form-iframe .hs-field-desc, .hs-form-iframe .hs-richtext {
    font-size: 14px !important;
    font-family: "Inter", sans-serif !important;
    color: #516383DE;
}
.hs-form-iframe .hs-form-booleancheckbox {
    color: #b3884b;
}
/* ===================== Pagination Styling ===================== */
.pagination ul {
    display: flex;
    justify-content: center;
}
.pagination ul li span, .pagination ul li a {
    min-width: 39px;
    height: 39px;
    background: transparent;
    border-radius: 50px;
    color: #b3884b;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: 0 10px;
    font-weight: 700;
}
.pagination ul li .page-numbers.current {
    background: #b3884b;
    color: #fff;
}
/* ===================== WordPress Parent React Child Styling ===================== */
.find-search-widget .search-filter-content {
    padding: 0;
    width: 800px;
    background: transparent;
    position: unset;
}

.ta-header-fvrt-web {
    height: 40px;
    position: relative;
    top: 1px;
}

.fixed-header-heart .fa-heart-header {
    background: #b3884b;
    position: fixed;
    top: 13px;
    right: 26px;
    z-index: 999;
}

.fixed-header-heart .fa-heart-header svg {
    fill: #fff;
}

#favourite-icon-mob {
    display: none;
}

.moveToBottomChatJava .chatbot-wrapper { 
    bottom: -20px;
    //Adding Class from customJS for hidding element for specific section
}

/* ===================== Breadcrumb ===================== */
.breadcrumb_last {
    color: #fff;
}

/* ===================== Alex Changes CSS ===================== */
/*.layout-text-content {
    margin-bottom: 40px;
}*/
/*.feature .layout-text {
    padding-bottom: 40px;
}*/
.inspiration-text ul li {
}



/* ===================== Media Queries ===================== */
@media (min-width: 992px) and (max-width: 1279px) {
    .card-wrapper .ant-row {
        margin-left: -10px !important;
        margin-right: -10px !important;
        row-gap: 10px !important;
    }

    .card-wrapper .ant-col {
        padding: 0 10px !important;
    }
}

@media (max-width: 1279px) {
    .container-xl-theme {
        width: 1160px;
    }

    .container-theme {
        width: 1080px;
    }

    .head-logo-site img {
        max-width: 200px;
    }

    .find-search-widget, .find-search-widget .search-filter-content {
        width: 100%;
    }
}

@media (max-width: 1160px) {
    .container-xl-theme {
        width: 100%;
    }

    .container-theme {
        width: calc(100% - 80px);
    }
}

@media (max-width: 1080px) {
    .language-icon {
        display: none;
    }
}


@media (max-width: 1023px) {

    #favourite-icon-mob {
        display: block;
        position: fixed;
        bottom: 60px;
        z-index: 9;
        left: 15px;
    }

    #favourite-icon-mob .fa-heart-header {
        background: #b3884b;
        width: 45px;
        height: 45px;
    }

    #favourite-icon-mob .fa-heart-header svg {
        fill: #fff;
    }

    .layout-right-text {
        max-width: unset;
    }
}


@media (max-width: 767px) {
    .steps-courses .container-theme {
        width: 100%;
    }
    .steps-courses .step-course-box:last-child .step-course-text {
        padding-bottom: 0;
    }
    .hero-banner {
        height: auto;
        border-radius: unset;
        overflow: unset;
    }

    .ox-combine-text {
        padding: 0 40px;
    }
}


@media (max-width: 540px) {
    #mobileNavOverlay {
        width: 100%;
    }

    #closeIcon {
        transform: rotate(270deg);
    }

    .all-btn {
        width: 100%;
    }
}


@media (max-width: 539px) {
    .container-theme {
        width: calc(100% - 40px);
    }

    .banner-text h1,
    .ox-combine-banner h2,
    .ox-combine-banner h1 {
        font-size: 34px;
        line-height: 40px;
    }

    .banner-text p,
    .layout-text p,
    .step-course-text p,
    .inspiration-text ul li,
    .inspiration-text p,
    .feature-text p,
    .feature-text a,
    .faq-box p,
    .accordion-body,
    .ox-combine-banner p,
    .summary-combine li,
    .summary-combine p,
    .comment-box p,
    .generic-page-text p,
    .ox-generic-best p {
        font-size: 15px;
        line-height: 26px;
    }

    .layout-text h3,
    .step-course-text h4,
    .faq-box h5,
    .summary-combine h3,
    .interest-summer h3,
    .reviews-comment h3,
    .generic-page-text h3,
    .ox-generic-best h3 {
        font-size: 28px;
        line-height: 34px;
    }

    .predefine-home-banner p {
        /*text-align: center;*/
    }

    .embla_NumberCourse .embla__slide {
        width: 50%;
    }

    .step-course-text {
        padding: 20px;
    }

    .step-course-text h5 {
        /*font-size: 32px;*/
    }

    .inspiration-text h5 {
        font-size: 20px;
    }

    .inspire-btn,
    .feature-text h5,
    .accordion-header h6,
    .middle-foot-content ul li,
    .ox-generic-best ul li a {
        font-size: 18px;
    }

    .feature-box {
        /*flex-direction: column;
        gap: 20px;*/
    }

    .feature-img, .feature-box a {
        width: 100%;
    }

    .feature-text {
        /*padding: 0;*/
    }

    .british-edu {
        /* flex-direction: column-reverse; */
        gap: 20px;
        width: -webkit-fill-available;
    }

    .british-edu p {
        margin: 16px 0 20px 0;
    }

    .bottom-footer p {
        font-size: 14px;
    }

    .comment-box h5,
    .comment-box h6 {
        font-size: 18px;
    }

    .comment-box h4 {
        font-size: 20px;
    }

    .enquiry-form {
        margin: 0 -20px 0 -20px;
    }

    .embla__buttons .embla__button--prev {
        right: 18px;
    }

    .embla__buttons .embla__button--next {
        left: 18px;
    }

    .ox-combine-text {
        padding: 0 20px;
    }

}


@media (max-width: 490px) {
    .middle-foot-content ul:nth-child(even){
        min-width: 187px;
    }

    .anonyms-template-text p {
        word-break: break-all;
        overflow-wrap: break-word;
    }
}


@media (max-width: 424px) {
    .sticky-enquiry-header p {
        font-size: 18px;
    }

    .sticky-head-enquiry-btn {
        width: 150px;
        font-size: 16px;
    }

    .reviews-comment-stars-wrap {
        display: none;
    }
}
/* Ending Home template css */

/* home page subjects  */
@media (min-width: 769px) {
    .ta-subjects .hide-desktop {
        display: none !important;
    }
    .ta-subjects .mobile-only {
        display: flex !important;
    }
    .ta-subjects #load-more-tabs {
        display: none !important;
    }
  .ox-combine-img {
    /* aspect-ratio: 4 / 3;     roomier on tablet/desktop */
    /* border-radius: 16px;   or 16px, to match your design */
  }
}
/* end home page subjects  */


@media (min-width: 768px) {
  .tooltip-wrapper:hover .tooltip-content {
    display: block !important;
  }
}