/*!
Theme Name: Oxford2025
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.

Oxford2025 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: 1200px;
    margin: 0 auto;
}

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

.text-brown {
    color: #b3884b;
}

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

.bg-light-brown {
    background-color: #fdf5e9;
}

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

.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: 662px;
    background-color: #888;
    border-radius: 0 0 16px 16px;
    overflow: hidden;
}

.banner-text h1 span {
    color: #fff;
}

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

.layout-right-text p, .course-highlight p {
    font-size: 18px;
    line-height: 28px;
}

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

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

.step-course-text a {
    font-weight: 500;
    color: #b3884b;
    margin-top: 10px;
    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: 18px;
    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: 30px;
}

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

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

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

.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;
}

/* =============== 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: -4px;
}

.fixed-header-heart .fa-heart-header {
    background: #b3884b;
    width: 54px;
    position: fixed;
    top: 12px;
    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: #000000;
}

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



/* ===================== 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;
    }
}


@media (max-width: 767px) {
    .steps-courses .container-theme {
        width: 100%;
    }
    .hero-banner {
        height: auto;
        border-radius: unset;
        overflow: unset;
    }
}


@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: 37px;
        line-height: 43px;
    }

    .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: 30px;
        line-height: 36px;
    }

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

    .embla_NumberCourse .embla__slide {
        width: 50%;
    }

    .step-course-text {
        padding-left: 40px;
        padding-right: 40px;
    }

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

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

    .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 > div {
        padding: 40px 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;
    }
}
/* end home page subjects  */


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