/* hero - height */
.page--section-banner .page-banner {
    width: 100%;
    min-height: 600px;
	background-position-x: 75% !important;
    background-size: cover;
}

/* hero - height */


/* width */
/*
.page--section-banner .page-banner .image-overlay .banner-title-box {
    max-width: 600px;
    max-width: -moz-fit-content;
    min-width: fit-content;
    background-color: #ffffff;
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
    margin: 0rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    position: absolute;
    bottom: 0;
    left: 0;
}
*/

/* width */

/* utiltiy menu hide for demo */
#home23 #utility--menu {
    display: none;
    visibility: hidden;
}

/* posts__grid resize 3 col */
@media screen and (min-width: 768px) {
    .posts__grid-item {
        width: calc(32.5% - 15px);
    }
}

/* posts__grid resize 3 col */


/* stat icon */
.stat-single i.fa-solid.fa-award {
    font-size: 5rem;
}

/* stat icon */


/* headings */
h1, h2, h3, h4, h5, h6 {
    text-transform: none;
}
/* headings */

.banner-title-box h1 {
    margin: 1rem 0;
    padding: 0;
    text-transform: none;
	font-size: max(2.25rem, 3vw);
}

.banner-title-box .clearing .button:hover {
    color: #ffffff;
}
/* home 100vh tall and title block */



/* section inner flex - used in courses first */
section .section--inner-flex {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

section .section--inner-flex .section--inner-flex__col {
    flex: 1;
    margin-right: 5rem;
}

/* section inner flex - used in courses first */

/* sections */
/* offwhite */
section.panel-m-p.course--section-fees.s-section {
    background-color: var(--offwhite);
    padding-bottom: 7.75rem;
}
/* offwhite */

/* course section modules */
main > section.course--section-modules {
    margin-top: 7.75rem;
}
main > section.course--section-modules ~ section.course--section-modules {
    margin-top: 0;
}
section.course--section-modules.force-padding-bottom {
	padding-bottom: 7.75rem;
}
/* course section modules */


/* sections */

/* course details animate */
@media screen and (min-width: 768px) { 
    #course-page-wrapper .course-details #details-apply-cta.button {
        transform: translateX(-50%);
        opacity: 0;
        animation: slide-in-anim 1.5s ease-out forwards;
    }
}

@keyframes slide-in-anim {
	20% {
		opacity: 0;
	}
	60% {
		transform: translateX(-10%);
	}
	75% {
		transform: translateX(-5%);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

#detail-ucas {
    animation: fadeIn 2s;
  	opacity: 1;
}

@keyframes fadeIn {
  from {
  	opacity: 0;
  }
  to {
 	opacity: 1;
  }
}
/* course details animate */


/* iphone */
@media screen and (max-width: 450px) { 
        section.course-search-section .inner .course-search-section--left span {
            text-align: left;
            display: block;
            margin-bottom: 1rem;
        }
        section.course-search-section .inner .course-search-section--left a.button {
            display: block;
            margin-bottom: 1rem;
        }
        section.course-search-section .inner .course-search-section--left input[type="search"] {
            border-top-left-radius: 0.5rem;
            border-top-right-radius: 0.5rem;
            border-bottom-left-radius: 0.5rem;
            border-bottom-right-radius: 0.5rem;
            margin-bottom: 1rem;
            margin-right: 1rem;
        }
        section.course-search-section .inner .course-search-section--left .form__field .button {
            border-top-left-radius: 0.5rem;
            border-top-right-radius: 0.5rem;
            border-bottom-left-radius: 0.5rem;
            border-bottom-right-radius: 0.5rem;
            width: 95%;
        }
    }

/* iphone */