/* Reset default padding and margin */
* {
    margin: 0;
    padding: 0;
}

/* Just adding a font to all content */
body {
}

/* CONTAINER */
.container {
    width: 80%; /* takes up 80% of header(parent element) */
    margin: auto; /* adjusts itself horizontally and vertically */
    overflow: hidden; /* If the content overflows its container, it will be hidden behind its border */
    padding: 50px 20px 25px;
}

/* HEADER */
#main-header {
    /*background: #333;*/
    text-align: center;
    position: sticky; /* fixed was before sticks to the top of the page, regardless of where you scroll */
    margin-bottom: 50px;
    width: 100%;
    z-index: 999; /* puts itself on top of all other elements on the page */
    padding: 20px 0;
}

/* LOGO - the h1 */
#logo {
    /*color: #fff;*/
    align-self: center;
}

    #logo span {
        color: coral;
    }

    #logo a {
        text-decoration: none;
        /*color: #fff;*/
    }

        #logo a:hover {
            color: coral;
        }


/* hiding the checkbox */
.nav-toggle {
    display: none;
}

/* STYLING/POSITIONING THE HAMBURGER MENU */
.nav-toggle-label {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 1em;
    height: 100%;
    display: flex;
    align-items: center;
}

    /*.nav-toggle-label span,
.nav-toggle-label span::before,
.nav-toggle-label span::after {
	display: block;
	background: #fff;
	height: 3px;
	width: 30px;
	border-radius: 2px;
	position: relative;
	transition: all .5s ease-in-out;
}*/

    .nav-toggle-label span::before,
    .nav-toggle-label span::after {
        content: '';
        position: absolute;
    }

    .nav-toggle-label span::before {
        bottom: 10px;
    }

    .nav-toggle-label span::after {
        top: 10px;
    }

#nav-toggle:checked ~ .nav-toggle-label span {
    /*background: #333;*/ /* setting it to the same background as header so it "disappears" */
}

    /* transforming the before and after span into an X */
    #nav-toggle:checked ~ .nav-toggle-label span::before {
        transform: rotate(45deg);
        bottom: 0;
        background: #fff;
    }

    #nav-toggle:checked ~ .nav-toggle-label span::after {
        transform: rotate(-45deg);
        top: 0;
        background: #fff;
    }

#menu {
    position: absolute;
    background: #333;
    text-align: right;
    top: 100%; /* puts itself directly under the preceeding relative positioned element */
    left: 0;
    width: 100%;
    transform: scale(1, 0);
    transform-origin: top; /* menu appears from the top instead if center, try and comment this out and see for yourself */
    transition: transform .4s ease-in-out;
}

    #menu ul {
        list-style: none;
    }

    #menu li {
        padding: 20px 10px;
    }

    #menu a {
        text-decoration: none;
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
        opacity: 0;
        transition: opacity .15s ease-in-out;
    }

        #menu a:hover {
            color: coral;
        }

#nav-toggle:checked + #menu {
    transform: scale(1, 1);
}

#nav-toggle:checked ~ #menu a {
    opacity: 1;
    transition: opacity .25s ease-in-out .35s;
}

/* media query with mobile first approach */
/* remove the comment around the media query to see the desktop version of the menu */

/*
@media screen and (min-width: 800px){
	.nav-toggle-label {
		display: none;
	}

	#main-header {
		border-bottom: 2px solid coral;
	}

	#main-header .container {
		display: flex;
	}

	#main-header #logo {
		flex:1;
	}
	
	#menu a {
		opacity: 1;
	}

	#menu {
		all: unset;
		flex: 2;
	}

	#menu ul {
		display: flex;
		align-items: center;
		height: 100%;
	}

	#menu li {
		margin: auto;
	}
}
*/

/*For Body Starts Here*/

/*section#sectionNoOne {
    height: 632px;
    background: #ffffff url(./images/homePage/banner.png) no-repeat 0 0;
    background-size: cover;
    /* background-size: cover;
    clear: both;
}*/

section#sectionNoTwo {
    background: #ffffff url(../images/homePage/secondSection.png) no-repeat 0 0;
    background-size: cover;
    /* background-size: cover; */
    clear: both;
}

    section#sectionNoTwo .heading {
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 27px;
        color: #000000;
    }

    section#sectionNoTwo .mainHeading {
        font-family: Heebo;
        font-style: normal;
        font-weight: bold;
        font-size: 48px;
        line-height: 40px;
        /* or 83% */
        text-align: center;
        color: #000000;
        border-bottom: 6px solid #83BAFF;
    }

    section#sectionNoTwo .container {
        padding: 50px 20px 25px;
    }

    section#sectionNoTwo p {
        padding: 25px 10px 10px 10px;
        width: 50%;
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 27px;
        color: #000000;
    }



section#sectionNoFour p {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */
    color: #505050;
}

section#sectionNoFour a {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    text-decoration-line: underline;
    color: #0072FF;
    display: flex;
    justify-content: center;
}

section#sectionNoFive {
    background: #c4efed url(../images/homePage/sectionFiveBackground.png) no-repeat 0 0;
    background-size: cover;
    /* background-size: cover; */
    clear: both;
}

    section#sectionNoFive p {
        padding: 25px 10px 10px 10px;
        width: 50%;
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 27px;
        color: #000000;
    }


    section#sectionNoSix p {
        padding: 25px 10px 10px 10px;
        width: 50%;
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 27px;
        color: #000000;
    }


    section#sectionNoSix .blockHeader {
        font-family: Heebo;
        font-style: normal;
        font-weight: 500;
        font-size: 21px;
        line-height: 31px;
        /* or 148% */
        text-align: center;
        color: #303133;
    }



/*Section Seven*/
section#sectionNoSeven {
    background: #fbe7df url(../images/homePage/sectionSevenBackground.png) no-repeat 0 0;
    background-size: cover;
    /* background-size: cover; */
    clear: both;
}

/**/
.tileSection {
    background: #FFFFFF;
    box-shadow: 0px 16px 24px rgba(48, 49, 51, 0.1);
    border-radius: 7px;
    padding: 18px;
}
.tileSection img{
  width:100%;
  height:auto;
}

/*Body Ends Here*/

.alignCenter {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.sectionMargin {
    margin-top: 30px;
    margin-bottom: 30px;
}

/* edits by SRAH 9/29/2019 */
.navbar-fixed {
	position: fixed !important;
	width: 100%;
	background-color: #eeecec;
	z-index: 99;
}

.languageselect {
	padding-top: 75px;
	width: 200px;
	margin: auto;
}
/* END edits by SRAH 9/29/2019 */

/* edits by SRAH 10/6/2019 */
.mainHeading {
    font-family: Heebo;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 40px;
    /* or 111% */
    text-align: center;
    color: #000000;
    border-bottom: 6px solid #83BAFF;
}


.card {
    background: #FFFFFF;
    box-shadow: 0px 16px 24px rgba(48, 49, 51, 0.1);
    border-radius: 10px;
    padding: 25px;
    font-family: Open Sans;
    font-style: normal;
    font-size: 14px;
    line-height: 24px;
    color: #505050;
}

.card ul {
	margin-bottom: 1rem;
	margin-left: 30px;
}

.container ul {
	margin-left: 30px;
}	

.lightblueBG {
    background: #ffffff url(../images/homePage/sectionFourBcakground.png) no-repeat 0 0;
    background-size: cover;
    /* background-size: cover; */
    clear: both;
}

.blueBG {
	background: #ffffff url(../images/homePage/secondSection.png) no-repeat 0 0;
    background-size: cover;
    /* background-size: cover; */
    clear: both;
    background-size: 2042px;
}

.pinkBG {
    background: #fbe7df url(../images/homePage/sectionSixBackground.png) no-repeat 0 0;
    background-size: cover;
    /* background-size: cover; */
    clear: both;
}

.blockHeader {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 31px;
    /* or 148% */
    text-align: center;
    color: #303133;
}

.header {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 33px;
    color: #000000;
}
	
/* END edits by SRAH 10/6/2019 */