/********************** Homepage ********************* *
 *  1. Structural
 *      1.1. Sections
 *      1.2. Pagetitles
 *      1.3. Main Section
 *  2. Pages
 *      2.1. Homepage 
 *          2.1.1. Hero
 *          2.1.2. Seeking Admissions
 *          2.1.3. How It Works
 *          2.1.4. Get Started
 *      2.2. Get Started
*****************************************************/

/****************** 1. Structural *******************/

/**** 1.1. Sections ****/

section {
    padding: 50px 0;
    position: relative;
    z-index: 1;
}
.padding-bottom {
    padding-bottom: 100px;
}

/**** 1.2. Pagetitles ****/

#pagetitle {}
#pagetitle p {
    color: #393E64;
    font-size: 20px;
    text-transform: uppercase;
}
#pagetitle .pagetitle-content p {
    color: inherit;
    font-size: inherit;
    text-transform: inherit;
}

/**** 1.3. Main Section ****/

#main {
    background: #e9ecef;
    min-height: 100vh;
    padding-top: 120px;
}
#main h1 {
    color: #DA3C57;
    font-size: 43px;
}
#main h2 {
    color: #D83E59;
    margin-bottom: 20px;
}
#main p + h2 {
    margin-top: 40px;
}
#main .uk-slidenav {
    color: #DA3C57;
    border: 2px solid #DA3C57;
    border-radius: 999em;
    padding: 5px;
}
#main .uk-slidenav:hover,
#main .uk-slidenav:focus {
    opacity: 0.5;
}
#main .uk-slidenav > svg {
    width: 18px;
    height: 18px;
}
#main .uk-slidenav.uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
    stroke-width: 3px;
}

/**** 1.4. Call to Action ****/

#call-to-action {
    background: #1E3B5C;
    padding: 80px 0 0;
    position: relative;
    z-index: 0;
}
#call-to-action:not(.remove-pattern)::before {
    content: "";
    position: absolute;
    right: 0;
    top: -25%;
    width: 25%;
    height: 75%;
    background: url("../../img/pattern-plus-red.svg") left top repeat;
    background-size: cover;
    z-index: 0;
}
#call-to-action h1 {
    color: #fff;
}
#call-to-action h2 {
    color: #B0D8C9;
}

/**** 1.5. Image Container ****/

.image-container,
.image-container > img {
    position: relative;
}
.image-container > img {
    z-index: 2;
}
.image-container-pattern,
.pattern {
    display: block;
    position: absolute;
    right: 0;
    bottom: 10%;
    width: 75%;
    height: 75%;
    background: url("../../img/pattern-plus-green.svg") left top repeat;
    z-index: 0;
}
.pattern {
    top: 10%;
    width: 25%;
    height: 50%;
}
.pattern-outside {
    top: -35px;
    right: -10%;
}
.image-container-pattern-red,
.pattern-red {
    background-image: url("../../img/pattern-plus-red.svg");
}
.image-container-shape {
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 250px;
}
.image-container-shape-rectangle {
    border-radius: 10px;
}
.image-container-shape-rectangle-vertical {
    width: 75%;
    height: 100%;
    border-radius: 10px;
}
.image-container-shape-rectangle-vertical + img {
    margin-top: 15%;
}
.image-container-shape-circle {
    border-radius: 999em;
    width: 75%;
    height: auto;
    padding-top: 75%;
    min-width: 250px;
    min-height: 250px;
}
/* .page-our-team .image-container-shape-circle {
    min-width: 200px;
    min-height: 200px;
    width: 70%;
    padding-top: 70%;
} */
.uk-text-center .image-container-shape-circle {
    left: 12.5%
}

/******************** 2. Pages **********************/

/**** 2.1. Homepage ****/

.home {
    background: rgb(35,61,94);
    background-image: url(../../img/home.png),linear-gradient(90deg, rgba(35,61,94,1) 0%, rgba(130,159,163,1) 100%);
    background-size: cover;
    background-position: 80% bottom;
    background-repeat: no-repeat;
}
#fullpage > .section {
    background-color: transparent !important;
}

/**** 2.2. Service pages ****/

#main .testimonial-single h2 {
    color: #B0D8C9;
}

/**** 2.3. Our Team ****/

.team-member h3 {
    font-family: 'Impact';
    text-transform: uppercase;
    color: #7CBCC1;
    font-size: 16px;
    letter-spacing: 0.75pt;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 5px;
}
.team-member-details {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    color: #6A6A6A;
    line-height: 1.45;
}
.team-member-details > * {
    display: block;
}

/**** 2.4 Case Studies / News ****/

.single-article-overlay {
    opacity: 0;
    text-align: left;
}
.single-article:hover .single-article-overlay {
    opacity: 1;
}
.single-article-overlay h2,
.single-article-overlay h2 a,
#main .single-article-overlay h2,
#main .single-article-overlay h2 a {
    font-size: 24px;
    color: #fff;
    margin: 0;
}

/* 2.4.1. Single article */

article {
    padding: 25px 0 50px;
}
#page-single h1,
#page-single #main h1,
#page-single-case-study h1,
#page-single-case-study #main h1,
.single-casestudies h1,
.single-casestudies #main h1 {
    font-size: 55px;
}
.article-intro p {
    color: #09151D;
    font-size: 20px;
    text-transform: uppercase;
}
article .uk-slideshow-items,
article .uk-slideshow-items > *,
article img {
    border-radius: 10px;
    overflow: hidden;
}
img.alignright {
    float:right;
    margin:0 0 1em 1em;
}
img.alignleft {
    float:left;
    margin:0 1em 1em 0;
}
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
a img.alignright {
    float:right;
    margin:0 0 1em 1em;
}
a img.alignleft {
    float:left;
    margin:0 1em 1em 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#article-navigation hr {
    border-bottom: 3px solid #D83E59;
}
#article-navigation,
#article-navigation a {
    color: #D83E59;
    text-transform: uppercase;
}
#article-navigation a:hover,
#article-navigation a:focus {
    color: #7CBCC1;
}
.cover-opacity img {
    opacity: .5;
}
.nav-border {
    background: #e8ebee;
    border-radius: 50px;
}
.nav-border.uk-position-center-left {
    left: -30px;
}
.nav-border.uk-position-center-right {
    right: -30px;
}
.page-our-story #main {
    padding-top: 0;
}
.page-our-story #main .hero h1 {
    font-size: 56px;
    color: #fff;
}
.page-our-story #main .hero h2 {
    color: #B0D8C9;
    margin-bottom: 10px;
}
.uk-iconnav.contact-nav > * > a {
    padding: 5px;
    border: 1px solid #D83E59;
    border-radius: 50px;
    color: #D83E59;
}