/*@media only screen and (min-width: 768px) {}*/

.no-mobile {display: none;}
@media only screen and (min-width: 769px) {.no-mobile {display: block;}}




/* ---- header color state control ----*/
.top-bkg-off #cta {
    display: none;
}

.grey5-fill span {
    color: #fff;
}

.internal-page-container .grey5-fill span {
    color: #2e2e2d;
}



/*-----======================--- parent resources on hover ---======================--- */


#cd-nav .cd-secondary-nav .resources-link {
    width: 14rem;
    padding: 10px;
    margin: 1rem 0 1.5rem auto;
    border: 2px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: transparent;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#cd-nav .cd-secondary-nav .resources-link a {
    display: unset;
}

#cd-nav .cd-secondary-nav .nav-svg.portal-icon path {
    fill: #FFF
}

#cd-nav .cd-secondary-nav .nav-svg, .cd-secondary-nav .resources-link p {
    margin: auto;
}

#cd-nav .cd-secondary-nav .nav-svg {
}

#cd-nav .cd-secondary-nav .resources-link p, #cd-nav .cd-secondary-nav .resources-link p strong, #cd-nav .cd-secondary-nav .resources-link a strong {
    text-align: center;
    font-size: .9rem;
    color: #fff;
    text-transform: uppercase;
}

#cd-nav .cd-secondary-nav .resources-link a strong {
    font-weight: 600;
}

/*-------- parent resources on hover ------ */
#cd-nav .cd-secondary-nav .resources-link:hover {
    background-color: #fff;
}

#cd-nav .cd-secondary-nav .resources-link:hover .nav-svg {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#cd-nav .cd-secondary-nav .resources-link:hover .nav-svg path {
    fill: #2a333c
}

#cd-nav .cd-secondary-nav .resources-link:hover p, #cd-nav .cd-secondary-nav .resources-link:hover p strong, #cd-nav .cd-secondary-nav .resources-link:hover a {
    color: #2a333c
}


/*---------------------------- FOOTER -----------------------*/
footer#footer {
    padding: 3rem 2rem;
}

footer#footer .row {
    width: 100%;
}

#footer p {
}

#footer p.large {
    margin-bottom: 2rem;
}

#footer a {
    color: #646E78;
}

#footer strong {
    color: #212529;
}

#footer ul {
    list-style-type: none;
    padding: 0;
    margin-top: 2rem;
}

#footer ul li {
    padding: 0;
}

#footer a, #footer p, #footer li {
    font-size: .7rem;
    margin-bottom: .4rem;
    text-decoration: none;
    word-wrap: break-word;
}

@media (min-width: 768px) {
    footer#footer {
        padding: 3rem 1rem;
    }

    #footer a, #footer p, #footer li {
        font-size: .9rem;
    }
}

@media (min-width: 768px) {
    footer#footer {
        padding: 3rem 0;
    }
}

#footer .links a {
    color: #0069AF;
}

#footer .podcast-link {
}

#footer .play-icon {
    width: 20px;
    float: left;
}

/* ----- Footer SmartPlay Logo ------ */

.top-bar .column sp-logo {
    position: relative;
}
.top-bar .column.sp-logo p.small{
    font-size: .7rem;
    text-align: left;
}
@media (min-width: 768px){
    .top-bar .column.p-logo{
        position: absolute;
        right: 0;
        top: 0;
    }

    .top-bar .column.sp-logo p.small{
        margin-top: 2rem;
        font-size: .8rem;
        text-align: left;
    }
}

/*FOOTER ICONS*/
.social-icons span, .social-icons span svg {
    width: 16px;
    margin-right: 4px;
}

#footer .top-btn {
    width: 130px;
    float: right;
    margin-top: 2rem;
    text-align: right;
}


/* ---- footer hiring button ----*/
.hiring.cta-main-hollow {
    /* font-size: 0.5rem !important; */
    min-width: unset;
    padding: 15px;
    text-align: center;
    display: block;

}

#footer .hiring.cta-main-hollow:hover {
    color: #fff;
    border-color: #0069b4;
    background-color: #0069b4;
}

#footer a.hiring, #footer a.hiring p {
    font-size: .8rem !important;
    text-transform: uppercase;
    display: inline-block;
    float: right;
    margin-top: 1rem;
    color: #0069af;
    font-weight: 400;
    width: auto;
}

#footer .top-btn {
    width: 130px;
    float: right;
    margin-top: 2rem;
    text-align: right;
}


/* --- footer click to the top ---*/
#footer .click-top {
    text-align: center;
}

#footer .click-top:hover {
    text-decoration: none;
}

#footer a.click-top {
    color: #0069AF;
}

.click-top p {
    margin-top: 1rem;
}

#footer .click-top .chevron {
    font-weight: 200;
    font-size: 1.7rem;
    line-height: 3.5rem;
    color: #2E2E2D;

    -webkit-transition: line-height .2s;
    -o-transition: line-height .2s;
    -moz-transition: line-height .2s;
    transition: line-height .2s;
}

.blue-circle:hover span {
    line-height: 3.5rem;
    font-size: 3.3rem;

    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

#footer .blue-circle:hover .chevron {
    line-height: 2.8rem;
}

#footer .blue-circle {
    width: 3rem;
    height: 3rem;
    margin-left: auto;
    margin-right: auto;
    line-height: normal;
    border-radius: 2rem;
    border: 2px solid;
    text-align: center;
}


/* =====================  Homepage Index =================  */
.landing_page-container {
    min-height: 100vh;
    height: auto;
    background-image: url('https://www.acc.edu.au/moreton/img/home-background-400.jpg');
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    color: #fff;
}

#landing-page .top-bkg-on .white-fill {
    fill: #2e2e2d;
    color: #2e2e2d
}

/*hamburger menu color change*/
#landing-page .top-bkg-on .white-bkg {
    background-color: #2e2e2d
}

#landing-page.navigation-is-open .top-bkg-on .white-bkg {
    background-color: #fff
}

@media (min-width: 400px) {
    .landing_page-container {
        background-image: url('https://www.acc.edu.au/moreton/img/home-background-600.jpg');
    }
}

@media (min-width: 576px) {
    .landing_page-container {
        background-image: url('https://www.acc.edu.au/moreton/img/home-background-768.jpg');
    }
}

@media (min-width: 768px) {
    .landing_page-container {
        background-image: url('https://www.acc.edu.au/moreton/img/home-background-992preload.jpg');
        -webkit-background-size: cover;
        background-size: cover;
        height: 100%;
    }

}

@media (min-width: 992px) {
    .landing_page-container {
        background-image: url('https://www.acc.edu.au/moreton/img/home-background-1200preload.jpg');
    }

}

@media (min-width: 1200px) {
    .landing_page-container {
        background-image: url('https://www.acc.edu.au/moreton/img/home-background-2000preload.jpg');
    }

}

@media (max-width: 992px) and (orientation: landscape) {
    .landing_page-container {
        height: auto;
    }
}


.landing_page-container .cta {
    width: 13rem;
    padding: 1rem;
    margin: 1rem 1rem 2rem 1rem;
}

.landing_page-container .cta:hover {
    background-color: #fff;
    color: #000;
    transition: all 0.3s ease;
}

.shaping-futures {
    width: 100%;
    height: auto;
    margin-top: 8rem;
    margin-bottom: 3rem;
    z-index: 200;
}

.shaping-futures h2 {
    color: #fff;
    font-size: 2.3rem;
    font-weight: 600;
    line-height: unset;
    text-align: center;
}

#landing-page .links {
    margin-bottom: 2rem;
    z-index: 200;
    text-align: center;
}

#landing-page .links a, #landing-page .links .cta-main {
    color: #fff;
    border-color: #0069b4;
    background-color: #0069b4;
    transition: all .5s ease;

}

#landing-page .links a:hover {
    color: #fff;
    border-color: #448abb;
    background-color: #448abb;
    transition: all .5s ease;
}


.landing_page-container .description {
    z-index: 200;
    width: auto
}

.landing_page-container .description p {
    font-size: 1.5rem;
    color: #fff;
    font-weight: 300;
}

/* WAT UP DESKTOP */
@media (min-width: 768px) {
    #landing-page .inner-container {
        max-width: 1200px;
    }

    .shaping-futures {
        width: 100%;
        margin-top: 32vh;
        margin-bottom: 1rem;
    }

    .shaping-futures h2 {
        font-size: 3rem;
        text-align: left
    }

    .landing_page-container .cta {
        margin: 1rem 1rem 1rem 0;
    }

    #landing-page .links {
        text-align: left;
    }

    .landing_page-container .description {
        width: 44rem;
    }
}

@media (min-width: 1200px) {
    #landing-page .inner-container {
        max-width: 1200px;
    }
}


/*3d effect div*/

#gl {
    display: none;
}

@media (min-width: 768px) {
    #gl {
        display: block;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        position: absolute;
        z-index: -1;
    }
}

#homebkgimage {
    z-index: 100;
}


/* =====================  oncampus + online =================  */
.mainpage h3 {
    width: 100%;
    color: #2a333c;
    font-weight: 500;
    margin-top: .6rem;
    margin-bottom: 1.9rem;
    padding: 0;
    line-height: 2.1rem;
    font-size: 1.6rem;
}

/* ---------------------  oncampus --------------------  */


.intro-bkg {
    position: relative;
    height: 25rem;
    width: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left bottom;
}


#oncampus .intro-bkg {
    background-image: url('https://www.acc.edu.au/moreton/img/on-campus/site-header-576.jpg');
}

@media (min-width: 576px) {
    #oncampus .intro-bkg {
        height: 51vh;
        background-image: url('https://www.acc.edu.au/moreton/img/on-campus/site-header-768.jpg');
        background-position: right -143px;
    }
}

@media (min-width: 768px) {
    #oncampus .intro-bkg {
        background-image: url('https://www.acc.edu.au/moreton/img/on-campus/site-header-992.jpg');
        height: 41rem;
        background-position: right bottom;
    }
}

@media (min-width: 992px) {
    #oncampus .intro-bkg {
        background-image: url('https://www.acc.edu.au/moreton/img/on-campus/site-header-1200.jpg');
        height: 44rem;
        background-position: right center;
    }
}

@media (min-width: 1200px) {
    #oncampus .intro-bkg {
        background-image: url('https://www.acc.edu.au/moreton/img/on-campus/site-header-1600.jpg');
        background-position: right center;
        height: 54rem;
    }
}

@media (min-width: 1600px) {
    #oncampus .intro-bkg {
        background-image: url('https://www.acc.edu.au/moreton/img/on-campus/site-header-2000.jpg');
        height: 43rem;
        background-position: center center;
    }
}


#first-section {
    position: relative;
    margin-bottom: -2rem;
    /*top: -73vh;*/
    /*margin-bottom: calc(-73vh + 2rem);*/
}

.first-content-block {
    position: relative;
    margin-bottom: 2rem;

    padding: 2rem 2rem 0 2rem;
    background-color: #fff;
}

@media (min-width: 576px) {
    #first-section {
        top: -48rem;
        margin-bottom: -48rem;
    }

    .first-content-block {
        margin-top: 34rem;
        padding: 3rem 6rem 0 6rem;
    }
}

@media (min-width: 768px) {
    #first-section {
        top: -47rem;
        padding-bottom: 0;
    }

    .first-content-block {
        margin-top: 35rem;
        padding: 4rem 6rem 0 6rem;
    }
}

@media (min-width: 992px) {
    #first-section {
        top: -47rem;
    }

    .first-content-block {
        margin-top: 35rem;
        padding: 4rem 6rem 0 6rem;
    }
}


@media (min-width: 1200px) {
    #first-section {
        top: -57rem;
        margin-bottom: -57rem;
    }
}

@media (min-width: 1600px) {
    #first-section {
        top: -45rem;
        margin-bottom: -45rem;
    }
}

.top {
}


#feature-video {
    position: relative;
    display: block;
    height: 490px;
    /*margin-top: 4rem;*/
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2;
}

#feature-video.gary-feature {
    background-image: url('https://www.acc.edu.au/moreton/img/on-campus/gary-video-576.jpg');
}

@media (min-width: 576px) {
    #feature-video.gary-feature {
        background-image: url('https://www.acc.edu.au/moreton/img/on-campus/gary-video-768.jpg');
    }

    #feature-video .video-breakout {
        display: none;
    }
}

@media (min-width: 768px) {
    #feature-video {
        margin-top: 0;
    }

    #feature-video.gary-feature {
        height: 590px;
        background-image: url('https://www.acc.edu.au/moreton/img/on-campus/gary-video-992.jpg');
        background-position-x: center;
    }

    #feature-video.gary-feature .video-breakout {
        display: block;
    }
}

@media (min-width: 992px) {
    #feature-video.gary-feature {
        background-image: url('https://www.acc.edu.au/moreton/img/on-campus/gary-video-1000.jpg');
    }
}

@media (min-width: 1200px) {
    #feature-video.gary-feature {
        background-image: url('https://www.acc.edu.au/moreton/img/on-campus/gary-video-1000.jpg');
    }
}


#feature-video .play-icon {
    margin-bottom: 3rem;
}

#feature-video .play-icon svg {
    height: 6rem;
}

@media (min-width: 768px) {
    #feature-video .play-icon {
        margin-right: 10rem;
    }
}


/* ---- CAROUSEL SLIDE -------- */

div#testimonial-carousel {
    padding-bottom: 0;
    height: 86rem;
}

@media (min-width: 576px) {
    div#testimonial-carousel {
        padding-bottom: 5rem;
        height: 34rem;
    }
}

#testimonial-carousel .card {
    width: 100%;
    background-color: #fff;

    padding-left: 2rem;
    padding-right: 2rem;
    margin-bottom: 2rem;
}

#testimonial-slider {
    position: relative;
    margin-top: -3rem;
    top: -3rem;
    z-index: 1;
    padding: 9rem 0 4rem 0;
}

.card-body {
    padding: 1.5rem;
}

#testimonial-carousel p.card-text {
    color: #2a333c;
    font-size: 1rem;
    font-style: italic;
}

@media (min-width: 576px) {

    #testimonial-carousel .card {
        width: 95%;
        background-color: #fff;
        display: flex;
        flex-direction: row;
        margin-bottom: 2rem;
        padding: 0;
    }


}

@media (min-width: 768px) {
    #testimonial-slider {
        padding: 10rem 0 3rem 0
    }

    .carousel-item .row {
        width: 100%;
        margin: 0;
    }

    #testimonial-carousel .card {
        width: calc(33.33% - 2rem);
        display: flex;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
        padding: 0;

    }
}

.open-quote {
    width: 100%;
    text-align: center;
}


.carousel, .student-vid-carousel {
    position: relative;
}

.carousel-inner {
    margin: auto;
    position: relative;
    width: 100%;
    /*max-width: 650px;*/
    /*max-width: 996px;*/
    overflow: hidden;
}

@media (min-width: 1200px) {
    .carousel-inner {
        /*max-width: 996px;*/
    }
}

.carousel-item {
    position: relative;
    display: none;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
}

.carousel-item-next,
.carousel-item-prev {
    position: absolute;
    top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-next.carousel-item-left,
    .carousel-item-prev.carousel-item-right {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-item-next,
.active.carousel-item-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-next,
    .active.carousel-item-right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.carousel-item-prev,
.active.carousel-item-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-item-prev,
    .active.carousel-item-left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item.active,
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-prev {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.carousel-indicators li {
    display: none;
}

@media (min-width: 768px) {
    .carousel-indicators li {
        position: relative;
        -ms-flex: 0 1 auto;
        display: flex;
        flex: 0 1 auto;
        width: 9px;
        height: 9px;
        border-radius: 9px;
        margin-right: 8px;
        margin-left: 8px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
    }
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators .active {
    background-color: #0069AF;
}

.carousel-inner .thumbnail {
    width: 130px;
    margin-left: auto;
    margin-right: auto;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}


p.caption {
    font-weight: 500;
    color: #2A333C;
    font-size: 0.9rem;
    text-align: center;
    margin-bottom: 6rem;
}


#oncampus #teaching-team {
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: #fff

}

#teaching-team p {
    text-shadow: 0 0 13px #fff;
}

/*Teaching Team teaching team background images*/
#oncampus #teaching-team {
    background-image: url('https://www.acc.edu.au/moreton/img/on-campus/teaching-team-768.jpg');
}

@media (min-width: 768px) {
    #oncampus #teaching-team {
        background-image: url('https://www.acc.edu.au/moreton/img/on-campus/teaching-team-992.jpg');
        background-size: 100% auto
    }
}

@media (min-width: 992px) {
    #oncampus #teaching-team {
        background-image: url('https://www.acc.edu.au/moreton/img/on-campus/teaching-team-1200.jpg');
    }
}

@media (min-width: 1200px) {
    #oncampus #teaching-team {
        background-image: url('https://www.acc.edu.au/moreton/img/on-campus/teaching-team-1600.jpg');
    }
}

@media (min-width: 1600px) {
    #oncampus #teaching-team {
        background-image: url('https://www.acc.edu.au/moreton/img/on-campus/teaching-team-2000.jpg');
    }
}


#oncampus #teaching-team > div {
    min-height: 40rem;
    height: auto;
    max-height: 716px;
}


@media (min-width: 576px) {
    #oncampus #teaching-team > div {
        min-height: 636px;
        height: auto;
        max-height: 100vh;
    }
}

@media (min-width: 768px) {
    #oncampus #teaching-team > div {
        min-height: 33rem;
        height: auto;
        max-height: 800px
    }
}

@media (min-width: 992px) {
    #oncampus #teaching-team {
        background-size: cover;
    }

    #oncampus #teaching-team > div {
        min-height: unset;
        height: 80vh;
        max-height: 700px
    }

    #oncampus #teaching-team .col-12.col-lg-6 {
        margin-top: 2rem;
    }
}

@media (min-width: 1200px) {
    #oncampus #teaching-team {
        -webkit-background-size: cover;
        background-size: cover;
    }

    #oncampus #teaching-team > div {
        min-height: unset;
        height: 98vh;
        max-height: 800px
    }

    #oncampus #teaching-team .col-12.col-lg-6 {
        margin-top: 2rem;
    }
}


.testimonial-slider {
    background-image: url('https://www.acc.edu.au/moreton/img/on-campus/testimonial-slider.jpg');
}

#character-formation .cta-main {
    margin-bottom: 0;
}

#character-formation .side-image {
    position: relative;
    min-height: unset;
    padding: 2rem 2rem 0 2rem;
}

@media (min-width: 768px) {
    #character-formation .side-image {
        padding: 6rem;
    }
}

@media (min-width: 992px) {
    #character-formation .side-image {
        height: 34rem;
        padding: 0;
        /*position: absolute;*/
    }
}

@media (min-width: 1200px) {
    #character-formation .side-image {
        height: 36rem;
    }
}

#student-care .side-image {
    background-image: url('https://www.acc.edu.au/moreton/img/on-campus/student-care/student-care-500.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

/*online-students*/
@media (min-width: 521px) {
    #student-care .side-image {
        background-image: url('https://www.acc.edu.au/moreton/img/on-campus/student-care/student-care-540.jpg');
        min-height: 26rem;
    }
}

@media (min-width: 768px) {
    #student-care .side-image {
        background-image: url('https://www.acc.edu.au/moreton/img/on-campus/student-care/student-care-740.jpg');
        min-height: 33rem;
    }
}

@media (min-width: 992px) {
    #student-care .side-image {
        background-image: url('https://www.acc.edu.au/moreton/img/on-campus/student-care/student-care-440.jpg');
    }
}

@media (min-width: 1200px) {
    #student-care .side-image {
        background-image: url('https://www.acc.edu.au/moreton/img/on-campus/student-care/student-care-500.jpg');
    }
}

@media (min-width: 1600px) {
    #student-care .side-image {
        background-image: url('https://www.acc.edu.au/moreton/img/on-campus/student-care/student-care-740.jpg');
    }
}


/*TESTIMONIALS*/

#testimonials {
    position: relative;
    padding: 3rem 0 3rem;
    max-height: 34rem;
}

@media (min-width: 768px) {
    #testimonials {
        padding: 6rem 0 4.5rem;
        max-height: 52rem;
    }
}

#testimonials a {
    color: inherit;
}

#testimonials a:hover {
    text-decoration: none;
}

#testimonials .play-icon {
    position: absolute;
    top: calc(50% - 7rem);
    left: calc(50% - 4rem);
    width: 6rem;
    height: 6rem;
    max-width: 26%;
}

/*#testimonial-modal{*/
/*width: 60vw;*/
/*height: 60vh;*/
/*margin: auto;*/
/*}*/

/* --------------------- student videos ------------------*/
#student-videos .video-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#student-videos .video-grid .video {
    width: calc(100% - 2rem);
    margin: 1rem auto;
}

#student-videos .video-grid .video p {
    margin-top: .5rem;
}

@media only screen and (min-width: 768px) {
    #student-videos .video-grid .video {
        width: calc(50% - 2rem);
    }
}

/*--- ======================== FEE SCHEDULE ======================== */

#fee-schedule .side-image .image {
    position: relative;
}

#fee-schedule .calculator {
    padding-bottom: 2rem;
}

@media only screen and (min-width: 768px) {
    #fee-schedule .calculator {
        padding-bottom: 0;
    }
}

/* --- THE FORM --- */
.calculator-wrapper {
    height: 90%;
    padding: 2rem;
}

@media only screen and (max-width: 376px) {
    #fee-schedule td {
        font-size: 82%;
    }
}

@media only screen and (min-width: 769px) {
    .calculator-wrapper {
        padding: 2.5rem;
    }

    /*#fee-schedule .side-image .image{*/
    /*position: absolute;*/
    /*}*/
}


form#form, select, input {
    font-family: montserrat, sans-serif;
}

.form-field {
    position: relative;
    margin-bottom: 2rem;
}

input#inputDate {
    border: none;
    border-bottom: 1px solid #0069AF;
    width: 100%;
    padding: 0.5rem;
    font-size: 1rem;
    font-weight: 300;
}

/* arrow down selector for the date picker*
input#inputDate::-webkit-calendar-picker-indicator{
    position:absolute;
    right:16px;
    top:10px;
    color: #2A333C;
    height: 12px;
    width: 22px;
    content: 'pick';
}
 *date up and down arrow things*
input#inputDate::-webkit-inner-spin-button {
    display: none;
}*/

div#students {
    min-height: 10rem;
}

.date, .student {
    background-repeat: no-repeat;
    background-position: 100% 0;
    border-bottom: 1px solid #0069AF;
    border-radius: 0;
    width: 100%;
    color: #929FAD;
}

/*.date{background-image: url('https://www.acc.edu.au/moreton/img/on-campus/select-cal.png');}
.student{background-image: url('https://www.acc.edu.au/moreton/img/on-campus/select-down.png');}*/
.student-wrapper {
    margin-bottom: 1rem;
    position: relative;
}

select {
    border: none;
    width: 100%;
    text-transform: none;
    text-decoration: none;
    background: none;
    -webkit-appearance: none;
    padding: 0.5rem;

}

.is-extra {
    width: 88%
}

.remove-student {
    background-image: url('https://www.acc.edu.au/moreton/img/minus.png');
    background-color: transparent;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    border: transparent;
    position: absolute;
    right: -20px;
    top: 3px;

}

/* Add A Student button */
#fee-schedule .side-image {
    background-color: #F4F4F4;
}

.fee-calculator .btn {
    margin-top: 2rem;
}

.fee-calculator p {
    margin-bottom: .5rem;
}

.fee-calculator .form-date {
    background-color: #F4F4F4;
}

.ctas > .btn:nth-child(1) {
    margin-bottom: 1rem;
}

.ctas > .btn:nth-child(2) {
    margin-left: 0;
}

a.add-student {
    display: flex;
    align-items: center;
    margin: 3rem 0 1rem 0;
}

a.add-student:hover {
    text-decoration: none;
}

.blue-circle {
    width: 4rem;
    height: 4rem;
    line-height: normal;
    border-radius: 3rem;
    border: 2px solid;
    text-align: center;
    margin-right: 2rem;
    /*prepare for animation*/
    transition: 0.70s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -o-transition: 0.70s;
}

.plus-icon {
    font-weight: 200;
    font-size: 3rem;
    color: #929FAD;
}

.add-student p {
    margin-top: 1rem;
}


@media only screen and (min-width: 769px) {
    .ctas > .btn:nth-child(1) {
        margin-bottom: 0;
    }

    .ctas > .btn:nth-child(2) {
        margin-left: 1rem;
    }
}


/* icon for high resolution display */
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .remove-student {
        background-image: url('https://www.acc.edu.au/moreton/img/minus.png');
        background-size: 16px 16px;
    }
}

/*Uniform pricing modal*/
#uniform-pricing {
    background: #fff;
    max-width: 500px;
    padding: 15px 30px;
    margin-top: 100px;
    height: auto;
}

/* ------------- technology pricing modal --------------- */
.modal.pricing {
    width: 90%;
    max-width: 900px;
    background-color: #fff;
    padding: 2rem;
    color: #646E78;
}

#technology-pricing .byod-model {
    /*position: relative;*/
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-right: auto;
    text-align: left;
    margin-left: auto;

    color: #fff;

}

/* BYOD MODEL */
#technology-pricing .byod-model > span {
    padding: 1.5rem;
    position: relative;
}

#technology-pricing .byod-model label {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    padding: 1.5rem;
    position: relative;
    cursor: pointer;
    margin: 0;
}

#technology-pricing input[type=checkbox] {
    position: absolute;
    top: -9999px;
    left: -9999px;
    opacity: 0;
    max-height: 0;
    transition: max-height 1s ease;

}

#technology-pricing .byod-model .model-top {
    background-color: #eeeeec;
    color: #211f46;
}

#technology-pricing .byod-model .model-top span {
    font-size: 1rem;
    color: #211f46;
    font-weight: 500;
}

#technology-pricing .byod-model > label.first, #technology-pricing .byod-model > #toggle-1 + .closed {
    background-color: #211f46
}

#technology-pricing .byod-model > #toggle-1:checked + .closed {
    max-height: unset;
    padding: 0 1.5rem 0 1.5rem;
    transition: all 0.6s ease;
    background-color: #211f46;
}

#technology-pricing .byod-model > label.second, #technology-pricing .byod-model > #toggle-2 + .closed {
    background-color: #13387f
}

#technology-pricing .byod-model > #toggle-2:checked + .closed {
    max-height: unset;
    padding: 0 1.5rem 0 1.5rem;
    transition: max-height 0.6s ease;
    background-color: #13387f
}

#technology-pricing .byod-model > label.third, #technology-pricing .byod-model > #toggle-3 + .closed {
    background-color: #0069b3
}

#technology-pricing .byod-model > #toggle-3:checked + .closed {
    max-height: unset;
    padding: 0 1.5rem 0 1.5rem;
    transition: max-height 0.6s ease;
    background-color: #0069b3
}

#technology-pricing .byod-model .h2, #technology-pricing .byod-model .h3, #technology-pricing .byod-model .p, #technology-pricing .byod-model a, #technology-pricing .byod-model li, #technology-pricing .byod-model strong {
    color: #fff
}

#technology-pricing .byod-model .h2 {
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    clear: both;
    float: left;
}

#technology-pricing .byod-model .h3 {
    font-size: .9rem;
    line-height: 1rem;
    font-weight: 300;
    clear: both;
    float: left;
}

#technology-pricing .byod-model .icon {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 69px;
    height: 33px;
    float: right;
    text-align: right;
}

#technology-pricing .byod-model .icon span:nth-child(2) {
    margin-left: 15px;
}

#technology-pricing .byod-model .closed {
    /*display: none;*/
    max-height: 0;
    padding: 0 1.5rem 0 1.5rem;
    width: 100%;
    overflow: hidden;
    transition: all 0.6s ease;
}

#technology-pricing .byod-model p {
    color: #fff;
}

#technology-pricing img {
    width: 100%;
    max-width: 550px;
    margin: 1rem;
}

#technology-pricing .p-wrapper {
    display: flex;
    flex-direction: column;
}

div#technology-pricing p {
    color: #646E78;
}

div#technology-pricing .cta-main {
    margin-right: 1rem;
}

#technology-pricing .buttons {
    width: 100%;
}

@media (min-width: 768px) {
    #technology-pricing .p-wrapper {
        display: block;
        flex-direction: unset;
    }

    #technology-pricing .byod-model {
        width: 311px;
        margin: 1rem;
        float: right;
    }

    #technology-pricing img {
        float: right;
        margin: 0 0 0 1rem;
    }
}


#fees-modal h2 {
    font-size: 1.1rem;
    letter-spacing: .03rem;
    font-weight: 300;
    margin: 1rem 0;
    padding-top: 1rem;
    color: #2a333c;
}

p strong {
    color: #646e78
}

#fees-modal h1:first-child {
    border-top: 0;
    margin-top: 0;
}

#fees-modal p {
    margin-bottom: 0;
}


/*------------------- PRINCIPAL TOUR ----------------*/


#campus-tour {
    position: relative;
    height: 538px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: center;
    /*background-image:url('https://www.acc.edu.au/moreton/img/principals-tour-576.jpg');*/
    background-position-x: -493px;
    background-size: cover;
    text-align: center;
}

section#campus-tour {
    padding-top: 1rem
}

#virtualopenday {
    position: relative;
    height: 722px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: center;
    /*background-image:url('https://www.acc.edu.au/moreton/img/principals-tour-576.jpg');*/
    background-position-x: -493px;
    background-size: cover;
    text-align: center;
}


#background-video .bitmovinplayer-ad-container, #background-video .bitmovinplayer-container {
    width: 247%;
    left: -62%;
    height: 100%;
}

#background-video .wide-video {
    display: none;
}

#campus-tour h1 {
    color: #2A333C;
}

#virtualopenday h1 {
    margin-bottom: 2rem;
}

#virtualopenday p {
    margin-bottom: 0;
}

#campus-tour .cta-main {
    margin-top: 0
}

#virtualopenday .cta-main {
    margin-top: 0
}

/*#virtualopenday .cta-main-hollow, #campus-tour .cta-main-hollow {*/
/*    margin-top: -2rem;*/
/*}*/

#virtualopenday .cta-main, #virtualopenday .cta-main-hollow {
    min-width: 18rem;
}

@media (min-width: 480px) {
    .cta-main, .cta-main-hollow {
        min-width: 19rem;
    }

    .cta-main {
        margin-top: 2rem
    }
}

@media (min-width: 576px) {
    .cta-main {
        margin-top: 8rem;
    }

    .cta-main {
        margin-top: 3rem;
    }
}

@media (min-width: 768px) {
    section#campus-tour {
        padding-top: 1rem
    }

    #campus-tour, #virtualopenday {
        justify-content: center;
    }

    #campus-tour h1 {
        color: #fff;
    }

    #virtualopenday h1 {
        color: #2A333C;
    }

    #campus-tour .btn {
        color: #fff;
    }

    #campus-tour .cta-main, #virtualopenday .cta-main {
        margin-top: 0;
        margin-bottom: 0;
    }

    #background-video .wide-video {
        display: block;
    }
}

#book-tour .embed-responsive:after, #attend-vod .embed-responsive:after {
    content: 'Please be patient as the form takes a moment or two to load.';
}

#book-tour .embed-responsive, #attend-vod .embed-responsive {
    height: 100%;
}

/*@media (min-width: 576px) {*/
/*#book-tour .embed-responsive, #attend-vod .embed-responsive{ min-height: 52rem;}*/
/*}*/

/*@media (min-width: 768px) {*/
/*#book-tour .embed-responsive, #attend-vod .embed-responsive {*/
/*min-height: 1000px;*/
/*}*/
/*}*/


/* ----------------------- Youtube video embed principal ----------------------- */

.video-background {
    display: none
}

@media (min-width: 768px) {
    .video-background {
        display: block
    }

    #campus-tour {
        background-image: none;
    }
}

#background-video {
    display: block;
    position: absolute;
    overflow: hidden;
    /*top: 0;*/
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
}

#player {
    position: absolute;
    top: -22rem;
    left: -64px;
    right: 0;
    bottom: 0;
    width: 61rem;
    height: 77rem;
}

.home-banner .slide .video-slide {
    background-color: #000;
}

.home-banner.loading .video-background {
    opacity: 0;
}

.video-background {
    position: absolute;
    top: 50%;
    left: 0;
    padding-top: 56.25%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 2s opacity ease;
    transition: 2s opacity ease;
    opacity: 1;
}

.home-banner .image.video-slide {
    display: none;
}

.home-banner.loading .image.video-slide {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.video-foreground,
.video-background iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

@media (min-width: 576px) {
    #campus-tour, #virtualopenday {
        /*background-position-x: -380px;*/
        overflow: hidden;
    }

    #background-video .bitmovinplayer-ad-container, #background-video .bitmovinplayer-container {
        width: 176%;
        height: 100%;
    }
}

@media (min-width: 768px) {
    #campus-tour, #virtualopenday {
        height: 37rem;
        /*background-position-x: center;*/
    }

    #background-video {
        height: auto;
        top: 0;
    }

    #background-video .bitmovinplayer-ad-container, #background-video .bitmovinplayer-container {
        width: 133%;
        left: 0;
        height: 100%;
    }
}

@media (min-width: 992px) {
    #background-video .bitmovinplayer-ad-container, #background-video .bitmovinplayer-container {
        width: 110%;
        left: 0;
        height: 100%;
    }
}

@media (min-width: 1200px) {
    #campus-tour, #virtualopenday {
        height: 43rem;
        /*background-image:url('https://www.acc.edu.au/moreton/img/principals-tour-2100.jpg');*/
    }

    #player {
        position: absolute;
        top: -120px;
        left: -64px;
        right: 0;
        bottom: 0;
        width: 111%;
        height: 138%;
    }
}

@media (min-width: 1400px) {
    #campus-tour, #virtualopenday {
        height: 41rem;
        /*background-image:url('https://www.acc.edu.au/moreton/img/principals-tour-2100.jpg');*/
    }

    #player {
        top: -30px;
    }
}

@media (min-width: 1600px) {
    #campus-tour, #virtualopenday {
        height: 56rem;
    }

    #player {
        left: -170px;
    }
}

.html5-video-player:not(.ytp-transparent), .html5-video-player.unstarted-mode, .html5-video-player.ad-interrupting, .html5-video-player.ended-mode, .html5-video-player.ytp-fullscreen {
    background-color: #023e88 !important;
    background-image: url('https://www.acc.edu.au/moreton/img/on-campus/principals-tour-1200.jpg') !important;
}

/*================================================================================*/
/*ONLINE DE*/
/*================================================================================*/

/* TOP BACKGROUND -------*/
#online .intro-bkg {
    background-image: url('https://www.acc.edu.au/moreton/img/online/site-header-576.jpg');
    background-position-x: center;
}


@media (min-width: 576px) {
    #online .intro-bkg {
        height: 51vh;
        background-image: url('https://www.acc.edu.au/moreton/img/online/site-header-768.jpg');
        background-position: center -143px;
    }
}

@media (min-width: 768px) {
    #online .intro-bkg {
        background-image: url('https://www.acc.edu.au/moreton/img/online/site-header-992.jpg');
        height: 41rem;
    }
}

@media (min-width: 992px) {
    #online .intro-bkg {
        background-image: url('https://www.acc.edu.au/moreton/img/online/site-header-1200.jpg');
        height: 44rem;
    }
}

@media (min-width: 1200px) {
    #online .intro-bkg {
        background-image: url('https://www.acc.edu.au/moreton/img/online/site-header-1600.jpg');
        height: 54rem;
    }
}

@media (min-width: 1600px) {
    #online .intro-bkg {
        background-image: url('https://www.acc.edu.au/moreton/img/online/site-header-2000.jpg');
        height: 43rem;
        background-position: center bottom;
    }
}

/*feature video - mikayo*/

#online #feature-video {
    height: unset;
}

@media (min-width: 768px) {
    #online #feature-video {
        height: unset;
        padding: 6rem 0 0;
    }
}


/*#feature-video.mikayo-feature{height: 325px; background-image:url('https://www.acc.edu.au/moreton/img/online/mikayo-video-576.jpg');}*/

/*@media (min-width: 576px) {*/
/*#feature-video.mikayo-feature {height: 433px; background-image:url('https://www.acc.edu.au/moreton/img/online/mikayo-video-768.jpg'); }*/
/*}*/
/*@media (min-width: 768px) {*/
/*#feature-video.mikayo-feature { height: 558px; background-image:url('https://www.acc.edu.au/moreton/img/online/mikayo-video-992.jpg'); background-position-x: center;}*/
/*}*/
/*@media (min-width: 992px) {#feature-video.mikayo-feature { height: 500px; background-image:url('https://www.acc.edu.au/moreton/img/online/mikayo-video-1200.jpg'); }}*/
/*@media (min-width: 1200px) {#feature-video.mikayo-feature {height: 525px; background-image:url('https://www.acc.edu.au/moreton/img/online/mikayo-video-1600.jpg');}}*/
/*@media (min-width: 1400px) {#feature-video.mikayo-feature {height: 550px; background-image:url('https://www.acc.edu.au/moreton/img/online/mikayo-video-2000.jpg');}}*/


/*ONLINE EXPERIENCES*/

#worlds-best .logo {
    width: 50%;
}

#worlds-best .logo:last-child {
    margin: auto;
}

#worlds-best .logo img {
    width: 100%;
}

@media (min-width: 768px) {
    #worlds-best .logo {
        width: 20%;
    }

    #worlds-best .logo img {
        width: 100%;
    }
}

/* ---- side images ---*/
.side-image {
    min-height: 25rem;
}

/*learning-schedule*/
section#learning-schedule {
    margin-bottom: 3rem;
}

#learning-schedule .cinemagraph-container {
    overflow: hidden;
}

#learning-schedule video.cinemagraph {
    height: 100%;
    width: auto;
    object-fit: cover;
}

@media (min-width: 768px) {
    .col-12.col-lg-6.order-1.order-lg-0.cinemagraph-container {
        max-width: calc(50% - 4rem);
        margin: 0 2rem;
    }
}

/*#online #learning-schedule .side-image{background-image:url('https://www.acc.edu.au/moreton/img/online/learning-schedule-540.jpg'); background-repeat:no-repeat;}*/
/*@media (min-width: 576px) {#online #learning-schedule .side-image{background-image:url('https://www.acc.edu.au/moreton/img/online/learning-schedule-540.jpg'); }}*/
/*@media (min-width: 768px) {#online #learning-schedule .side-image{background-image:url('https://www.acc.edu.au/moreton/img/online/learning-schedule-740.jpg');  }}*/
/*@media (min-width: 992px) {#online #learning-schedule .side-image{background-image:url('https://www.acc.edu.au/moreton/img/online/learning-schedule-440.jpg'); }}*/
/*@media (min-width: 1200px) {#online #learning-schedule .side-image{background-image:url('https://www.acc.edu.au/moreton/img/online/learning-schedule-500.jpg');}}*/
/*@media (min-width: 1600px) {#online #learning-schedule .side-image{background-image:url('https://www.acc.edu.au/moreton/img/online/learning-schedule-740.jpg');}}*/

/*Online experiences side image*/
/*online-students*/
#online #online-experiences .side-image {
    background-image: url('https://www.acc.edu.au/moreton/img/online/online-experiences/online-experiences-500.jpg');
    background-repeat: no-repeat;
}

@media (min-width: 576px) {
    #online #online-experiences .side-image {
        background-image: url('https://www.acc.edu.au/moreton/img/online/online-experiences/online-experiences-540.jpg');
    }
}

@media (min-width: 768px) {
    #online #online-experiences .side-image {
        background-image: url('https://www.acc.edu.au/moreton/img/online/online-experiences/online-experiences-740.jpg');
    }
}

@media (min-width: 992px) {
    #online #online-experiences .side-image {
        background-image: url('https://www.acc.edu.au/moreton/img/online/online-experiences/online-experiences-440.jpg');
    }
}

@media (min-width: 1200px) {
    #online #online-experiences .side-image {
        background-image: url('https://www.acc.edu.au/moreton/img/online/online-experiences/online-experiences-540.jpg');
    }
}

@media (min-width: 1600px) {
    #online #online-experiences .side-image {
        background-image: url('https://www.acc.edu.au/moreton/img/online/online-experiences/online-experiences-640.jpg');
    }
}

#online-experiences .best-logos {
    margin-top: 3rem
}

#online-experiences .logo {
}

/*teaching team Teaching Team*/
#online #teaching-team {
    -webkit-background-size: contain;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

#online #teaching-team h2, #online #teaching-team p, #online #teaching-team h3 {
    color: #fff;
}

#online #teaching-team a {
    color: #fff;
}

/*#online #teaching-team > div {    min-height: 100vh;height: auto;max-height: 668px;}*/

/*Teaching Team teaching team background images*/
#online #teaching-team {
    background-image: url('https://www.acc.edu.au/moreton/img/online/teaching-team-576.jpg');
}

@media (min-width: 576px) {
    #online #teaching-team {
        background-image: url('https://www.acc.edu.au/moreton/img/online/teaching-team-768.jpg');
        height: 594px
    }
}

@media (min-width: 768px) {
    #online #teaching-team {
        background-image: url('https://www.acc.edu.au/moreton/img/online/teaching-team-992.jpg');
        height: 560px
    }
}

@media (min-width: 992px) {
    #online #teaching-team {
        background-image: url('https://www.acc.edu.au/moreton/img/online/teaching-team-1200.jpg');
        height: 666px
    }
}

@media (min-width: 1200px) {
    #online #teaching-team {
        background-image: url('https://www.acc.edu.au/moreton/img/online/teaching-team-1600.jpg');
        height: 800px
    }
}

@media (min-width: 1600px) {
    #online #teaching-team {
        background-image: url('https://www.acc.edu.au/moreton/img/online/teaching-team-2000.jpg');
        height: 800px
    }
}

/*online-students*/
#online #online-students .side-image {
    background-image: url('https://www.acc.edu.au/moreton/img/online/online-students/online-students-500.jpg');
    background-repeat: no-repeat;
}

@media (min-width: 576px) {
    #online #online-students .side-image {
        background-image: url('https://www.acc.edu.au/moreton/img/online/online-students/online-students-540.jpg');
    }
}

@media (min-width: 768px) {
    #online #online-students .side-image {
        background-image: url('https://www.acc.edu.au/moreton/img/online/online-students/online-students-740.jpg');
    }
}

@media (min-width: 992px) {
    #online #online-students .side-image {
        background-image: url('https://www.acc.edu.au/moreton/img/online/online-students/online-students-440.jpg');
        height: 100%;
    }
}

@media (min-width: 1200px) {
    #online #online-students .side-image {
        background-image: url('https://www.acc.edu.au/moreton/img/online/online-students/online-students-540.jpg');
    }
}

@media (min-width: 1600px) {
    #online #online-students .side-image {
        background-image: url('https://www.acc.edu.au/moreton/img/online/online-students/online-students-640.jpg');
    }
}


/*STudent videos - carousel*/
#student-videos {
}

/* --------  OUTER CONTAINER --------- */
#student-videos .container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    #student-videos .container {
        max-width: 600px;
    }
}

@media (min-width: 768px) {
    #student-videos .container {
        max-width: 800px;
    }
}

@media (min-width: 992px) {
    #student-videos .container {
        max-width: 1000px;
    }
}

@media (min-width: 1200px) {
    #student-videos .container {
        max-width: 1136px
    }

    .inner-container {
        max-width: 996px;
    }
}

@media (min-width: 1600px) {
    #student-videos .container {
        max-width: 1400px
    }

    .inner-container {
        max-width: 1150px;
    }

    .start-cell {
        margin-top: 28rem;
    }
}

/*------------- onlnine courses ------------*/
/*online courses*/
#online #online-courses .side-image {
    background-image: url('https://www.acc.edu.au/moreton/img/online/online-courses/online-courses-500.jpg');
    background-repeat: no-repeat;
}

@media (min-width: 576px) {
    #online #online-courses .side-image {
        background-image: url('https://www.acc.edu.au/moreton/img/online/online-courses/online-courses-540.jpg');
    }
}

@media (min-width: 768px) {
    #online #online-courses .side-image {
        background-image: url('https://www.acc.edu.au/moreton/img/online/online-courses/online-courses-740.jpg');
    }
}

@media (min-width: 992px) {
    #online #online-courses .side-image {
        background-image: url('https://www.acc.edu.au/moreton/img/online/online-courses/online-courses-440.jpg');
    }
}

@media (min-width: 1200px) {
    #online #online-courses .side-image {
        background-image: url('https://www.acc.edu.au/moreton/img/online/online-courses/online-courses-540.jpg');
    }
}

@media (min-width: 1600px) {
    #online #online-courses .side-image {
        background-image: url('https://www.acc.edu.au/moreton/img/online/online-courses/online-courses-640.jpg');
    }
}


#student-vid-carousel .carousel-inner {
    width: 100%;
    max-width: unset;
}

#olivia-molino {
    position: relative;
    text-align: center;
}

#olivia-molino .olivia-quote {
    position: relative;
    width: 100%;
    z-index: 62;
    text-align: center;

    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
}

#olivia-molino .olivia-quote p {
    width: 100%;
}

#olivia-molino .olivia-video {
    width: 100%;
    height: 210px;
    overflow: hidden;
    position: relative;
    opacity: 1;

    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
}

@media (min-width: 480px) {
    #olivia-molino .olivia-video {
        height: 264px;
    }
}

@media (min-width: 576px) {
    #olivia-molino .olivia-video {
        height: 335px;
    }
}


#olivia-molino:hover .olivia-video, #olivia-molino:hover .olivia-quote {
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
}

@media (min-width: 768px) {

    #olivia-molino:hover .olivia-video {
        opacity: 1;
    }

    #olivia-molino:hover .olivia-quote {
        opacity: 0;
    }

    #olivia-molino .olivia-quote {
        position: absolute;
        left: 10rem;
        top: 28%;
        width: 22rem;
        z-index: 62;
    }

    #olivia-molino .olivia-video {
        height: 450px;
        opacity: 0.4;
    }
}

@media (min-width: 996px) {
    #olivia-molino .olivia-video {
        height: 630px;
    }
}


/* ========================= style for jquery modal ============================================================*/

.blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 990;
    padding: 20px;
    box-sizing: border-box;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    text-align: center
}

.blocker:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.05em
}

.blocker.behind {
    background-color: transparent
}

.modal:before {
    position: absolute;
    /*content: 'content loading...';*/
    left: 45%;
    top: 50%;
}

#uniform-pricing:before, #technology-pricing:before {content: '';}

.modal {
    display: none;
    background-color: #fff;
    vertical-align: middle;
    position: relative;
    z-index: 991;
    box-sizing: border-box;
    width: 90%;
    border-radius: 0;
    text-align: left;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;

}

.modal.large {
    max-width: unset;
    padding: 0;
}

.modal a.close-modal {
    color: #E8EBEE;
    border: 1px solid #fff;
    border-radius: 24px;
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')
}

.modal a.close {
    font-size: 85%;
    color: #fff;
    border: 1px solid #fff;
    padding: 3px 5px;
    border-radius: 5px;
    float: right;
}

.modal-spinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    padding: 12px 16px;
    border-radius: 5px;
    background-color: #111;
    height: 20px
}

.modal-spinner > div {
    border-radius: 100px;
    background-color: #fff;
    height: 20px;
    width: 2px;
    margin: 0 1px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out
}

.modal-spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.modal-spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s
}

.modal-spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.5)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.5);
        -webkit-transform: scaleY(0.5)
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0)
    }
}

/* Modal Content */
.modal h1 {
    font-size: 1.4rem;
    line-height: 2.5rem;
}

.hidden-details p {
    height: 1px;
    margin: 0;
    transition: size 1s ease-in;
}

.modal p {
    overflow: hidden;
    font-size: 1rem;
}

.modal input {
    height: 13px;
}

.modal label.h2 {
    font-size: 1.2rem;
    font-weight: 600;
}

/*------ Video modal (wistias) Modal ----*/
.video-modal {
    height: 100px;
}

@media (min-width: 576px) {
    .video-modal {
        height: 100px;
    }
}

@media (min-width: 768px) {
    .video-modal {
        height: 350px;
    }
}

@media (min-width: 1200px) {
    .video-modal {
        height: 600px;
    }
}


/*------ Fees Modal ----*/
#fees-modal {
    padding: 0;
    background-color: transparent;
}

#fees-modal > div {
    padding: 2rem;
    margin-bottom: 1rem;
    background: #fff;
}

#fees-modal h1 {
    margin-bottom: 0.2rem;
}

@media (min-width: 768px) {
    #fees-modal td {
        width: 50%;
    }
}

#fees-modal td:last-child tr {
    border-bottom: 0;
}

.modal .hidden-details input:checked ~ p {
    height: auto;
    margin: .5rem 0;
}

/* checkbox button styles */
#uniform-pricing input[type=checkbox].modal-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

#uniform-pricing input[type=checkbox].modal-checkbox + label.modal-label {
    padding-left: 2.1rem;
    margin-top: 1rem;
    display: inline-block;
    background-repeat: no-repeat;
    font-size: 1.2rem;
    vertical-align: middle;
    cursor: pointer;
}

#uniform-pricing input[type=checkbox].modal-checkbox:checked + label.modal-label {
    background-image: url('https://www.acc.edu.au/moreton/img/tickchecked.png');
}

#uniform-pricing label.modal-label {
    background-image: url('https://www.acc.edu.au/moreton/img/unchecked.png');
    background-position-y: 50%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* principals tour Modal */
.book-tour {
    padding: 2rem;
}

#book-tour.modal, #attend-vod.modal {
    width: auto;
    height: 90vh;
    max-height: 513px;
    background-color: #fff;
    /*padding: 0 2rem;*/
}

.fsBody .fsSubField {
    margin-right: 15px;
    width: calc(50% - 15px);
    float: left;
}

.fsRowBody input[type="text"], .fsRowBody input[type="email"], .fsRowBody input[type="number"], .fsRowBody input[type="tel"], .fsForm select, .fsForm textarea {
    width: 100%;
}

.fsSubFieldGroup .fsSubField:nth-child(1):nth-last-child(2).fsNameFirst, .fsSubFieldGroup .fsSubField:nth-child(2):nth-last-child(1).fsNameFirst {
    float: left;
}

.fsSubmitButton, .fsNextButton {
    line-height: 4px;
}

.fsForm .fsLabelHorizontal legend.fsLabelHorizontal {
    width: calc(40% - 15px);
}

#book-tour .fsForm .fsLabelHorizontal > label, #book-tour .fsForm .fsLabelHorizontal legend.fsLabelHorizontal, #attend-vod .fsForm .fsLabelHorizontal > label, #attend-vod .fsForm .fsLabelHorizontal legend.fsLabelHorizontal {
    width: 80%;
}

.fsRowBody input[type="checkbox"] {
    margin-right: 10px;
}

input#fsSubmitButton3194933 {
    line-height: 4px;
}

.fs-form-dialog--hidden {
    display: none;
    position: absolute;
}


/* ================== OPEN DAY PAGE ================ */

#openday-rego {
    position: relative;
    margin-top: -3rem;
    top: -3rem;
    z-index: -1;
    padding: 10rem 0 10rem 0;
}

.od-details {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
}

.od-details .item {
    width: 100%;
}


@media (min-width: 768px) {
    #openday-rego {
        padding: 10rem 0 1rem 0
    }

    .od-details .item {
        width: 50%;
        float: left;
    }
}


/* --------------------------------
Mask 2
-------------------------------- */
.mask-2.cd-intro-content * {
    /* overwrite default style */
    opacity: 1;
}

.mask-2.cd-intro-content .content-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.mask-2.cd-intro-content .content-wrapper::before {
    /* vertical bar */
    content: '';
    position: absolute;
    z-index: 102;
    top: 12.5%;
    left: 0;
    height: 75%;
    width: 2px;
    background-color: #ffffff;
    -webkit-animation: cd-pulse 1s 3.6s both;
    -moz-animation: cd-pulse 1s 3.6s both;
    animation: cd-pulse 1s 3.6s both;
}

.no-cssanimations .mask-2.cd-intro-content .content-wrapper::before {
    opacity: 0;
}

.mask-2.cd-intro-content .content-wrapper > div {
    /* wrap the entire content */
    position: relative;
    z-index: 1;
}

.mask-2.cd-intro-content .content-wrapper,
.mask-2.cd-intro-content .content-wrapper > div {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 4.1s;
    -moz-animation-delay: 4.1s;
    animation-delay: 4.1s;
    -webkit-animation-fill-mode: backwards;
    -moz-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

.mask-2.cd-intro-content .content-wrapper {
    -webkit-animation-name: cd-mask-wrapper;
    -moz-animation-name: cd-mask-wrapper;
    animation-name: cd-mask-wrapper;
}

.mask-2.cd-intro-content .content-wrapper > div {
    -webkit-animation-name: cd-mask-content;
    -moz-animation-name: cd-mask-content;
    animation-name: cd-mask-content;
}

@-webkit-keyframes cd-mask-wrapper {
    0% {
        -webkit-transform: translateX(50%);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-mask-wrapper {
    0% {
        -moz-transform: translateX(50%);
    }
    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-mask-wrapper {
    0% {
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
        transform: translateX(50%);
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes cd-mask-content {
    0% {
        -webkit-transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-mask-content {
    0% {
        -moz-transform: translateX(-100%);
    }
    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-mask-content {
    0% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes cd-pulse {
    0%, 30.8% {
        opacity: 0;
    }
    15.4%, 46.2%, 61.5%, 70% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes cd-pulse {
    0%, 30.8% {
        opacity: 0;
    }
    15.4%, 46.2%, 61.5%, 70% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes cd-pulse {
    0%, 30.8% {
        opacity: 0;
    }
    15.4%, 46.2%, 61.5%, 70% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


/* ================== STUDENT SHOWCASE ================ */
#showcase {
    display: flex;
    margin-top: 4rem;
    flex-wrap: wrap;
}


#showcase .card {
    width: calc(100% - 2rem);
    margin: 1rem 1rem 1rem 1rem;
    padding: 0 0 2rem 0;
    text-align: center;
    background-color: #fff;

    display: flex;
    flex-direction: column;
    align-content: space-between;
}

#showcase img {
    width: 100%;
}

#showcase .card h2 {
    width: 100%;
    margin: 1rem auto;
    text-align: left;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    /* border-radius: 5px; */
}

#showcase .card .text-block {
    padding: 2rem;
    text-align: left;
    min-height: 17rem;
}

#showcasee p {
    font-size: 0.85rem;
}

#showcase .text-block h2 ~ p {
    min-height: 16rem;
}

#showcase .svg {
    width: 90%;
    margin: 0 auto 2rem auto;
}

hr {
    border-top: solid 2px #ededed;
    border-left: 0;
    color: #fff;
    height: 0;
    width: calc(100% - 4rem);
}

#showcase .quote {
    display: none;
    width: 15%;
    float: left;
    margin: .5rem .5rem .5rem 0;
}

#showcase .card .text-block:nth-last-child(1) p {
    width: 100%;
    float: right
}


#showcase .quote p {
    width: calc(100% - 4.5rem);
    float: right;
}

#showcase .graphic {
    width: 66%;
    margin: auto;
    padding-bottom: 2rem;
}

.graphic svg {
    margin-bottom: 2rem;
}


@media (min-width: 768px) {
    section.grey1-bkg.showcase-section {
        margin-top: 0;
    }

    #showcase .card {
        width: calc(33.333% - 2rem);
    }

    #showcase .card .text-block:nth-last-child(1) p {
        width: calc(100% - 4.5rem);
        float: right
    }

    #showcase .card .text-block:nth-child(2) {
        height: auto;
        min-height: 31rem;
    }

    #showcase .svg {
        width: auto;
        height: 265px;
        max-width: 80%;
    }

    #showcase .quote {
        display: block;
    }
}

@media (min-width: 992px) {
    #showcase .card .text-block:nth-child(2) {
        min-height: 26rem;
    }
}

@media (min-width: 1200px) {
    #showcase .card .text-block:nth-child(2) {
        min-height: 24rem;
    }
}

@media (min-width: 1600px) {
    #showcase .card .text-block:nth-child(2) {
        min-height: 19rem;
    }
}


/* the image */
#showcase .showcase-item img.profile {
    width: 100%;
}

/*---------- character development page ------------------*/

#attributes {
    margin-top: 4rem;
}

#attributes .card {
    width: calc(100% - 2rem);
    margin: 1rem 1rem 1rem 1rem;
    padding: 0;
    text-align: center;
}

#attributes img {
    width: 100%;
}

#attributes .card .text-block {
    padding: 2rem;
}

#attributes .card h2 {
    color: #fff;
}

#attributes .card h2 {
    width: 100%;
    margin: 0 auto 1rem auto;
    text-align: center;
    font-size: 1.4rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    /* border-radius: 5px; */
}


#attributes .card p {
    color: #fff;
}

#attributes .card p {
    font-size: 1rem;
    font-weight: 200;
    line-height: 1.8rem;
}


#attributes .card p.small {
    text-transform: uppercase;
    font-weight: 400;
    font-size: .7rem;
    letter-spacing: .15rem;
    margin-top: 2rem;
}

@media only screen and (min-width: 768px) {
    #attributes .card {
        width: calc(50% - 4rem);
    }

    #attributes .card h2 {
        font-size: 1.6rem;
    }
}


/*------ MEET OUR TEACHERS ------*/

body::after, body::before {
    content: '';
    height: 50vh;
    width: 100%;
    position: fixed;
    left: 0;
    background-color: #fff;
    z-index: 999;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

body::before {
    top: 0
}

body::after {
    bottom: 0
}

/* ---- Teaching Team PAGE--- */

h1 {
    width: 100%;
}

#teachers {
    margin-top: 4rem;
    display: flex;
    flex-wrap: wrap;
}

.intro-section .intro {
    /*background-color:#fff;*/
    /*padding:2rem;*/
    margin-bottom: 1rem;
}

.teacher {
    flex: 1 0 25%;
    width: 100%;
    position: relative;
    padding: 0 0 2em 0;
    background-color: #fff;
    transition: all .1s ease-in;
    margin: 1em;
    display: flex;
    flex-flow: column;
    box-sizing: border-box;
}

.bio > span {
    float: left;
    width: 100%;
    display: block;
    padding-left: 2rem;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}

@media (min-width: 576px) {
    .teacher, .principal-bio {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .intro-section h1 {
        margin-left: 1rem;
    }

    .intro-section .intro {
        margin: 0 1rem;
    }

    .teacher, .principal-bio {
        width: 33.33333%;
    }
}

/*@media only screen and (min-width: 783px)!*, (min-width: 1890px)*! {*/
/*.teacher:last-child {display: block; padding-bottom:0; }*/
/*.teacher:last-child.teacher h2 {margin-top: .5rem;}*/
/*.teacher:last-child.p {margin-bottom: 1rem;}*/
/*.teacher:last-child a {width: 23%; float: left; margin-right: 1rem;}*/
/*.teacher:last-child img {width: 100%; margin-bottom:0;}*/
/*.teacher:last-child .play-icon {right:unset; left:10px;}*/
/*}*/

/*gary's wider video frame*/


.principal {
    width: 100%;
    position: relative;
    padding: 0 0 2em 0;
    margin: 0 0 1em 0;
    background-color: #fff;
    transition: all .1s ease-in;
    display: block;
    flex: none;
    flex-flow: column;
    box-sizing: border-box;
}

.principal a {
    height: 100%;
}

.principal h2 {
    color: #212529;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 !important;
    bottom: 1rem;
    text-align: center;
    width: 100%;
}

.principal-bio {
    flex: none;
    width: 100%;
    position: relative;
    padding: 0 0 2em 0;
    background-color: #fff;
    transition: all .1s ease-in;
    margin: 0;
    display: block;
}

.bio span p {
    font-size: 90%;
    padding: 0;
    color: #2A333C;
}

.bio span p, .bio span h2 {
    float: left;
    line-height: 1rem;
    margin-right: 5px;
    padding: 0 5px 5px 0;
}


.teacher:hover, .principal-bio:hover {
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
}

.teacher:hover img, .principal-bio:hover img {
    opacity: 0.9;
}

.principal .thumb {
    background-image: url('https://www.acc.edu.au/moreton/img/teaching-team/Gary-Underwood.jpg');
}

.principal .thumb:hover {
    background-image: url('https://www.acc.edu.au/moreton/img/teaching-team/Gary-Underwood-lifestyle.jpg');
}

.teacher .play-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 45px;
    height: 45px;
    background-image: url('https://www.acc.edu.au/moreton/img/play-icon.svg');
    -webkit-background-size: contain;
    background-size: contain;
}

.principal .play-icon {
    width: 70px;
    height: 70px;
    /*left: 40%;*/
    /*top: 35%;*/
}

.bio h2, .bio p {
    padding: 0 2rem;
    margin: 0;
    clear: none;
}

.teacher p, .principal-bio p {
    color: #2a333c;
}

.teacher img {
    display: block;
    border: 0;
    width: 100%;
    height: auto;
    /*margin-bottom:2rem;*/
}

.thumb {
    height: 100%;
    padding-bottom: 60%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


.teacher a {
    color: black;
    text-decoration: none;
    background-color: #444c4c;
}

.teacher-content {
    padding: 1.4rem;
}

#teachers .infographic-text {
    width: 100%;
    padding: 1rem;
    text-align: center;
}

#teachers .teacher .svg-container {
    width: 77%;
    height: 285px;
    margin: 1rem auto;
    text-align: center;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#teachers .infographic-text h2 {
    font-size: 1.7rem;
    font-weight: 500;
    color: #000;
    line-height: 2rem;
    margin-bottom: 0.5rem;
    float: none;
}


#teachers .infographic-text p {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #000;
    text-align: center;
    float: none;
}


@media only screen and (min-width: 463px) {
    .bio h2, .bio p {
        padding: 0 2rem;
        margin: 0 auto 0 0;
        clear: both;
    }
}

@media only screen and (min-width: 768px)/*, (orientation : landscape)*/ {
    .principal {
        width: auto;
        min-width: 50%;
        max-width: 100%;
        margin: 1rem;
        position: relative;
        padding: 0 0 2em 0;
        background-color: #fff;
        transition: all .1s ease-in;
        display: flex;
        flex-flow: column;
        box-sizing: border-box;
    }

    .principal .thumb {
        background-position: 53%;
    }

    .principal h2 {
        color: #212529;
        position: absolute;
        left: 2rem;
        top: 2rem;
        text-align: left;
        width: 100%;
    }

    .principal-bio {
        flex: 1 0 25%;
        width: 100%;
        position: relative;
        padding: 0 0 2em 0;
        background-color: #fff;
        transition: all .1s ease-in;
        margin: 1em;
        display: flex;
        flex-flow: column;
        box-sizing: border-box;
    }

    .principal .play-icon {
        width: 60px;
        height: 60px;
        /*left: 43%;*/
        /*top: 50%;*/
    }
}

@media (min-width: 996px) {
    .bio h2, .bio p {
        padding: 0 2rem;
        margin: 0;
        clear: none;
    }

}

@media (min-width: 1130px) {
    .principal {
        width: 64%;
        flex: initial;
    }
}

@media (min-width: 1510px) {
    .principal {
        width: 48%;
        flex: initial;
    }
}

@media (min-width: 1890px) {
    .principal {
        width: 58%;
        flex: initial;
    }
}


/*---- blog page ----*/

#blog {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

#blog .row {
    margin-top: 3rem;
}

#blog b, #blog strong {
    font-weight: bold;
    color: #2E2E2D;
}

#blog ul {
    padding: 0;
}

.blog-list li {
    padding: 0 0 1rem 0;
    color: #646e78;
    width: 100%;
}

.blog-list li p {
    padding-top: 2rem;
    border-top: 1px solid #E9ECEF;
    color: #646E78
}

.blog-list a {
    color: #646e78;
}

@media (min-width: 768px) {
    .blog-list li {
        float: left;
        width: calc(50% - 4rem);
    }

    .blog-list li:nth-child(odd) {
        margin-right: 2rem;
    }

    .blog-list li:nth-child(even) {
        margin-left: 2rem;
    }
}

#footer .blog-list li:nth-child(+n+5) {
    display: none;
}

#footer .blog-list li {
    width: 100%;
}

#footer .blog-list li p {
    display: none;
}

#footer .blog-list li:nth-child(even) {
    margin-left: 0;
}

#footer .blog-list li:nth-child(odd) {
    margin-right: 0;
}


/* ------------------- eBook Sigmup ----------------*/

#ebooksignup {
    padding: 0;
    overflow: hidden;
}


.mailchimp-top {
    margin-bottom: 2rem;
}

.ebook-request > div {
    margin: 1.5rem auto 0 auto;
    width: 90%;
    text-align: center;
}

/*POSTER*/
.poster img {
    width: 100%;
    max-width: 400px;
    -webkit-box-shadow: -12px -11px 19px -4px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: -12px -11px 19px -4px rgba(0, 0, 0, 0.33);
    box-shadow: -12px -11px 19px -4px rgba(0, 0, 0, 0.33);
}

.signup-form {
    padding-top: 1px;
    margin-top: 3rem;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

@media only screen and (min-width: 768px) {
    #ebooksignup {
        height: 25rem;
    }

    .ebook-request > div {
        width: calc(50% - 6rem);
        float: left;
        margin-left: 3rem;
        margin-right: 3rem;
        margin-bottom: 3rem;
        max-width: unset;
    }

    .poster img {
        margin-top: 0
    }

    .signup-form {
        margin-top: 0;
    }

    .signup-form {
        max-width: 300px;
    }
}


.signup-form p {
    font-size: 1rem;
}

section.full-width {
    padding-bottom: 3rem;
}

/*MAILCHIMP*/
#mailchimp-top {
    color: #646E78;
    border-radius: 5px;
}

#mailchimp-top .mc-field-group.form-field {
    margin: 0;
}

#mailchimp-top .mc-field-group.form-field:first-child {
    padding-top: 1rem;
}

#mailchimp-top input {
    border: medium none;
    color: #646E78;
    font-family: montserrat, sans-serif;
    font-size: .8rem;
    margin-bottom: 10px;
    padding: 20px 18px;
    width: 100%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#mailchimp-top input.email {
    background: #fff
}

#mailchimp-top input.name {
    background: #fff
}

#mailchimp-top input[type="submit"] {
    background: #0069AF;
    color: #fff;
    cursor: pointer;
    font-size: 0.8rem;
    padding: 1.3rem;
}

#mailchimp-top input[type="submit"]:hover {
    color: #EEEEEF
}

.white-bkg.bottom {
    padding: 20px 28px;
    border-radius: 5px;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #E9ECEF !important;
}


/*form rego tour page*/

#rego-page {
    max-width: 996px;
    margin: auto;
}