/*
Theme Name: IT Online Learning
Theme URI: https://wordpress.org/themes/twentytwentytwo/
Author: ITOL
Author URI: https://wordpress.org/
Description: Custom theme built for IT Online Learning
Requires at least: 5.9
Tested up to: 6.0
Requires PHP: 5.6
Version: 0.1.4
Text Domain: itonlinelearning
*/

 ::selection {
      background: #f7ad1a !important;
      color: #1e003c !important;
    }

.no-shrink {
    flex-shrink: 0;
}

/* a.wp-block-button__link.wp-element-button {
	position: relative;
}

a.wp-block-button__link.wp-element-button:after {
    content: "\279D";
    font-size: 28px;
    position: absolute;
    top: -2px;
    aspect-ratio: 1 / 1;
    border: 2px solid #000;
    right: -2px;
    line-height: 200%;
    border-radius: 50%;
    height: 100%;
} */

/* footer.wp-block-template-part {
    position: relative;
    overflow: hidden;
}

footer.wp-block-template-part > .wp-block-group {
    padding-top: calc( 3 * var(--wp--preset--spacing--80) );
}

footer.wp-block-template-part:before {
    content: "";
    position: absolute;
    height: 50vh;
    width: 150%;
    left: -25%;
    top: -35vh;
    background-color: var(--wp--preset--color--secondary-pale);
    border-bottom-left-radius: 100% 200%;
    border-bottom-right-radius: 100% 200%;
    z-index: 0;
    overflow: hidden;
} */

.acf-innerblocks-container {
	position: relative;
}

:root {
    font-size: 12px;
}

@media screen and (min-width: 1200px) {
    :root {
        font-size: 14px;
    }
}

@media screen and (min-width: 1600px) {
    :root {
        font-size: 16px;
    }
}

.has-rounded-bottom-clip {
    clip-path: ellipse(100% 55% at 48% 44%);
    margin-block-end: calc( -1 * var(--wp--preset--spacing--80)) !important;
}

.hero-base {
    clip-path: ellipse(100% 55% at 48% 44%);
}

.hero-base .hero-base-media > figure {
    position: relative;
}

.hero-base .hero-base-media > figure img {
    position: relative;
    z-index: 1;
}

.hero-base .hero-base-media > figure:after {
    content: "";
    position: absolute;
    padding-bottom: 115%;
    top: 0;
    transform: translateY(10%);
    left: -7.5%;
    width: 115%;
    z-index: 0;
    border-radius: 50%;
}

.hero-base .hero-base-media.has-tertiary-background-color > figure:after {
    background-color: var(--wp--preset--color--tertiary);
}

.hero-base .hero-base-media.has-primary-background-color > figure:after {
    background-color: var(--wp--preset--color--primary);
}

.hero-base .hero-base-media.has-secondary-background-color > figure:after {
    background-color: var(--wp--preset--color--secondary);
}

.hero-base .hero-base-media.has-alt-background-color > figure:after {
    background-color: var(--wp--preset--color--alt);
}

.hero-base .hero-base-media .mini-data-card,
.hero-base .hero-base-media .mini-guarantee-card,
.hero-base .hero-base-media .mini-trustpilot-card {
    position: absolute;
    z-index: 10;
}

/* .hero-base .hero-base-media .mini-data-card {
    top: 15%;
    left: -7.5%;
} */

/* .hero-base .hero-base-media .mini-guarantee-card {
    top: 5%;
    right: -7.5%;
} */
/* 
.hero-base .hero-base-media .mini-trustpilot-card {
    bottom: 15%;
    right: -7.5%;
    max-width: 8rem;
} */

.hero-base .hero-base-media .mini-guarantee-card .mini-guarantee-card-text {
    position: absolute;
    width: 100%;
    left: 0;
    top: calc(50% - 2 *var(--wp--preset--spacing--30));
}

.hero-base a {
    text-decoration: none !important;
}

.mini-guarantee-card,
.mini-data-card,
.mini-tick-card,
.mini-trustpilot-card {
    display: inline-block;
    max-width: 10rem !important;
    box-shadow: 0 0 30px rgb(0 0 0 / 5%);
}

/* Image with background and mini-data-card pattern */
.image-with-background-mini-card {
    position: relative;
    margin-top: 6rem;
}

.image-with-background-mini-card .mini-data-card {
    position: absolute;
    bottom: 15%;
    left: calc( -1 * var(--wp--preset--spacing--70));
}

.image-with-background-mini-card img {
    margin-top: -6rem
}

.image-with-mini-card {
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.mini-card-trustpilot {
    max-height: 122px !important;
}

/* --- */

/* Image with mini-tick-card pattern */
.image-with-mini-tick-card {
    position: relative;
}

.image-with-mini-tick-card .mini-tick-card {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(var(--wp--preset--spacing--70), 100%);
}

ul.is-ticklist {
	display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
}

ul.is-ticklist	li {
		list-style: none;
    	display: flex;
}

ul.is-ticklist li:before { 
    content: "✔ ";
    background-color: #fdf1f6;
    margin-left: -2rem;
    margin-right: 0.5rem;
    flex-shrink: 0;
    vertical-align: middle;
    text-align: center;
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    display: inline-block;
    color: var(--wp--preset--color--tertiary);
}

.how-do-you-know > .wp-block-group {
    position: relative;
}

.how-do-you-know > .wp-block-group > .wp-block-group:first-of-type .icon-container {
    box-shadow: 2px 4px 60px rgb(0 0 0 / 10%);
}

.how-do-you-know .image-with-mini-tick-card {
    position: absolute;
    bottom: calc( var(--wp--preset--spacing--80) * -1);
    right: var(--wp--preset--spacing--80);
}

@media screen and (min-width: 900px) {
    .how-do-you-know > .wp-block-group > .wp-block-group:first-of-type {
        width: 65%;
    }
}

.success-section .image-with-testimonial {
    position: relative;
}

.success-section .image-with-testimonial > .wp-block-group {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(var(--wp--preset--spacing--70), var(--wp--preset--spacing--70));
    z-index: 30;
    width: 70%;
    box-shadow: 0 0 30px rgb(0 0 0 / 10%);
}

@media screen and (min-width: 600px) {
    .section-two-column-blog .wp-block-post-template.is-flex-container {
        gap: var(--wp--preset--spacing--80 );
    }

    .section-two-column-blog .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li {
        width: calc(50% - calc( var(--wp--preset--spacing--80 ) / 2 ));
    }
}

.wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li {
    width: calc(50% - 0.625em);
}

.section-data-job-count .wp-block-cover__inner-container {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;
}

.section-data-job-count .wp-block-cover .wp-block-cover__image-background {
    width: auto;
    height: auto;
    object-fit: initial;
    top: -50%;
    left: auto;
}

.blog-sidebar {
    box-shadow: 0 0 30px rgba(0,0,0,.1);
}

.stick-when-top.stuck {
    /* position: fixed;
    top: 9rem; */
    /* width: 425px; */
}

/* .stick-when-top.absolute-bottom {
    position: absolute;
    bottom: var(--wp--preset--spacing--50);
} */

@media screen and (min-width: 1200px) {
    .stick-when-top.stuck {
        position: fixed;
        top: 9rem;
        width: 425px;
    }

    .stick-when-top.absolute-bottom {
        position: absolute;
        bottom: var(--wp--preset--spacing--50);
    }
}

.blog-categories-list {
    max-width: 100%;
    overflow: auto;
    cursor: grab;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.blog-categories-list::-webkit-scrollbar {
  display: none;
}

.wp-block-categories-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    /* grid-template-columns: repeat(7, 1fr); */
    list-style: none;
    padding: 1rem 0 1rem 4rem;
    margin: 0;
    width: 125vw;
}

.wp-block-categories-list li {
    box-sizing: border-box;
    width: calc( 14.2857142857% - 1rem );
    padding: .25rem .75rem;
    border-radius: .5rem;
    background-color: #fff;
    font-size: var(--wp--preset--font-size--x-small);
    text-align: center;
    box-shadow: 0 0 10px rgba(0,0,0,0);
}

.wp-block-categories-list li:first-of-type {
    margin-left: -4rem;
}

.wp-block-categories-list li:hover {
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}

.wp-block-categories-list li a {
    text-decoration: none;
    color: var(--wp--preset--color--pimary);
}

.blog-call-to-action-banner .wp-block-quote {
    padding-left: 0;
}

.blog-call-to-action-banner .wp-block-column:first-of-type {
    position: relative;
}

.blog-call-to-action-banner .wp-block-cover .wp-block-cover__image-background {
    width: auto;
    height: auto;
    object-fit: inherit;
    transform: rotateZ(286deg) translateY(-50%);
}

.blog-call-to-action-banner .wp-block-image {
    position: absolute;
    bottom: 0;
    left: 0;
}


.hero-with-search :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
    padding: 0;
    border-style: none;
}

.blog-call-to-action-banner.option-two {
    overflow: hidden;
}

.blog-call-to-action-banner.option-two .wp-block-column.has-tertiary-background-color,
.blog-call-to-action-banner.option-two .wp-block-column.has-primary-background-color,
.blog-call-to-action-banner.option-two .wp-block-column.has-secondary-background-color {
    background-color: transparent !important;
}


.blog-call-to-action-banner.option-two .wp-block-column > figure {
    position: relative;
}

.blog-call-to-action-banner.option-two .wp-block-column > figure:after {
content: "";
    position: absolute;
    padding-bottom: 90%;
    top: 0;
    transform: translateY(10%);
    left: 10%;
    width: 90%;
    z-index: 0;
    border-radius: 50%;
}

.blog-call-to-action-banner.option-two .wp-block-column.has-tertiary-background-color > figure:after {
    background-color: var(--wp--preset--color--tertiary);
}

.blog-call-to-action-banner.option-two .wp-block-column.has-primary-background-color > figure:after {
    background-color: var(--wp--preset--color--primary);
}

.blog-call-to-action-banner.option-two .wp-block-column.has-secondary-background-color > figure:after {
    background-color: var(--wp--preset--color--secondary);
}

.blog-call-to-action-banner.option-two .wp-block-column > figure img {
    position: relative;
    z-index: 2;
}

.blog-main .wp-block-column:not(:nth-of-type(2)) {
    position: relative;
}

.single-post .wp-block-outermost-social-sharing svg {
    opacity: .4;
}

.single-post .wp-block-outermost-social-sharing li:hover svg {
    opacity: 1;
}

.hero-with-search :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
    padding: 0;
    border-style: none;
    background-color: #fff;
    border-radius: var(--wp--custom--spacing--small);
}

.hero-with-search .wp-block-search__input {
    order: 1;
    padding-left: 1rem;
    border-radius: var(--wp--custom--spacing--small);
}


.hero-with-search .wp-block-search__button {
    margin-left: 0;
    border-style: none;
    order: 0;
    border-radius: var(--wp--custom--spacing--small);
}

/* 

.hero-base a {
    text-decoration: none;    
} */

.site-posts-list-style .wp-block-post-template .hentry,
.site-posts-list-style .wp-block-post-template .wp-block-post-featured-image {
    position: relative;
}

.site-posts-list-style .wp-block-post-template .wp-block-post-date,
.site-posts-list-style .wp-block-post-template .wp-block-post-title,
.site-posts-list-style .wp-block-post-template .hentry > .wp-block-group {
    position: absolute;
    left: var(--wp--preset--spacing--30);
}

.site-posts-list-style .wp-block-post-template .wp-block-post-featured-image:after {
    border-radius: 0.5rem;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(0deg, rgba(0,0,0,.8) .5%, rgba(0,0,0,0.3) 11%, rgba(0,0,0,.1));
}

.site-posts-list-style .wp-block-post-template .wp-block-post-date {
    top: var(--wp--preset--spacing--30);
}

.site-posts-list-style .wp-block-post-template .wp-block-post-title {
    bottom: var(--wp--preset--spacing--30);
}

.site-posts-list-style .wp-block-post-template .wp-block-post-title a,
.site-posts-list-style .wp-block-post-template .wp-block-post-terms a {
    text-decoration: none;
}

.site-posts-list-style .wp-block-post-template .hentry > .wp-block-group {
    right: var(--wp--preset--spacing--30);
    bottom: calc( -1 * ( 4 * var(--wp--preset--spacing--30) + var(--wp--preset--font-size--small) ) );
}

.site-posts-list-style .wp-block-post-template .hentry {
    margin-bottom: calc( 4 * var(--wp--preset--spacing--30) + var(--wp--preset--font-size--small)) !important;
}

.footer-enquiry-text a {
    text-decoration: none;
}

.sub-menu-career-programmes > .wp-block-columns .wp-block-column .wp-block-group .wp-block-button__link,
.sub-menu-career-programmes > .wp-block-columns .wp-block-column .wp-block-group .wp-block-outermost-icon-block a {
    transition: all .1s ease-in-out;
}

.sub-menu-career-programmes > .wp-block-columns .wp-block-column .wp-block-group:hover .wp-block-button__link,
.sub-menu-career-programmes > .wp-block-columns .wp-block-column .wp-block-group:hover .wp-block-outermost-icon-block a {
    transform: scale(1.1);
}

/** Site Footer */
/* .is-layout-constrained.wp-block-group {
    position: relative;
}

.is-layout-constrained.wp-block-group:last-of-type:after {
    content: "";
    position: absolute;
    bottom: -2%;
    left: 0;
    width: 100%;
    height: 2%;
    z-index: 2;
    background-color: #fff;
    clip-path: ellipse(60% 98% at 50% 2%);
} */

.swiper-backface-hidden .wp-block-post {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.section-single-review-slider {
    --swiper-navigation-top-offset: calc( 50% - var(--wp--preset--spacing--30) );
}

.swiper .wp-block-post-template .wp-block-post {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}

.swiper .wp-block-post-template {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    box-sizing: content-box;
}

.section-course-list {

}

.course-list-item {
    box-shadow: 0 0 30px rgba(0,0,0,.1);
}

.course-list-item .wp-block-post-excerpt__more-link {
    padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40);
    border-radius: var(--wp--preset--spacing--60);
    background-color: var(--wp--preset--color--primary);
    color: #fff;
    font-weight: 700;
    margin-top: var(--wp--preset--spacing--20);
}

.itol-support-query-block .itol-support-query-block-list-card {
    box-shadow: 0 0 30px rgba(0,0,0,.1);
}

.group-percentage-donut {
    position: relative;
}

.group-percentage-donut-percentage {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.group-percentage-donut .mini-card-pos-bottom-left {
    transform: translate(-25%, -25%);
}

.mini-card {
    max-width: 190px !important;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
}

.mini-card-top-right {
    position: absolute !important;
    top: 0;
    right: 0;
    z-index: 30;

    .hero-contact-us .hero-base-media > figure:after {

    }
}

.mini-card-pos-top-left {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 30;
}

/* mini-card min-card-course-logo */
.hero-base-media .min-card-course-logo {
    transform: translate( 25%, 100% );
}

/* mini-data-card mini-card mini-card-pos-top-left */

.group-square-background {
    position: relative;

    &.has-primary-background-color {
        figure:after
            background-color: var(--wp--preset--color--primary);
        }
    }

    &.has-secondary-background-color {
        figure:after
            background-color: var(--wp--preset--color--tertiary);
        }
    }

    &.has-tertiary-background-color{
        background-color: var(--wp--preset--color--alt);
    }

    &.has-alt-background-color {
        background-color: var(--wp--preset--color--alt);
    }
}

.group-square-background.has-secondary-background-color,
.group-square-background.has-primary-background-color,
.group-square-background.has-tertiary-background-color,
.group-square-background.has-alt-background-color {
    background-color: transparent !important;
}

.group-square-background figure:after {
    content: "";
    position: absolute;
    top: 20%;
    right: 10%;
    bottom: 0;
    left: 10%;
    border-radius: 0.5rem;
    z-index: -1;
}

.group-square-background figure {
    position: relative;
}

.section-contact-form-buttons .wp-block-buttons {
    box-shadow: 0 0 30px rgba(0,0,0,.1);
}

.hero-base.hero-contact-us .hero-base-media > figure:after {
    padding-bottom: 90%;
    transform: translateY(-10%);
    width: 90%;
}

.hero-base .hero-base-media.hero-base-media-wide > figure:after {
    padding-bottom: 85%;
    transform: translateY(10%);
    width: 85%;
}

.home .hero-base .mini-card-pos-bottom-right {
    transform: translate( 50%, -100%);
    max-width: 300px !important;
}

.home .hero-base .mini-card-pos-mid-left {
    transform: translate( -25%, -100%);
}

.home .hero-base .mini-card-pos-top-right {
    transform: translate( 25%, 25%);
}