/* === GENERAL STYLES === */

body {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 400;
}

p {
    font-weight: 400;
    line-height: 1.9;
    font-size: 1.1rem;
}

ul {
    font-weight: 400;
    line-height: 1.9;
    font-size: 1.1rem;
}

#main-content ul li {
    margin-bottom: 1rem;
}

.subhead {
    font-size: 1.15em;
    font-weight: 800;
    text-transform: uppercase;
}

.xbold {
    font-weight: 700;
}



/* === NAV === */

.navbar {
    padding: 1.75rem 0;
    margin-bottom: 0;
    background-color: #eee; 
    border-top: .65rem #2c3544 solid;
}

.navbar-brand {
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
}

.nav-link {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
}



/* === MAIN CONTENT === */


.main-content {
    padding-right: 2.5rem;
}

@media screen and ( max-width : 568px ) {

	.main-content {
		padding-right: 0;
	}
	
}

#main-content .inset-image {
    max-width: 100%; 
    opacity: 0.5;
    border: .0625rem solid #aaa;
}



/* === FOOTER - INFO SECTION === */

.footer {
    background-color: #2c3544;
    color: #bbb;
}

.footer .row {
    padding: 2.5rem 0;
}

.footer .col-sm-4 {
    padding: 0;
}

@media screen and ( max-width : 568px ) {

	.footer .col-sm-4 {
		padding-bottom: 1rem;
	}
	
}

.footer p {
    font-weight: 500;
    line-height: 1.5;
    font-size: 1rem;
}

.footer a {
    color: #ccc;
}

.footer a:hover {
    color: #eee;
}



/* === BOTTOM - SOCIAL ICONS AND COPYRIGHT === */

.bottom {
    background-color: #000;
    color: #9a9a9a;
}

.bottom .row {
    padding: 2rem 0 1.5rem 0;
}

.bottom .social-icons {
    text-align: left;
    padding-bottom: 2rem;
    background-color: #000;
}

.bottom a {
    color: #9a9a9a;
}

.bottom a:hover {
    color: #bbb;
}

.bottom p {
    text-align: right;
    font-weight: 400;
    font-size: .95rem;
    padding-bottom: 2rem;
}

@media screen and ( max-width : 568px ) {

	.bottom p {
		text-align: left;
	}
	
}



/* === END GNERAL STYLES === */



/* ========================
 * STYLES FOR SPECIFIC PAGES
 * ===================== */



/* === HOME PAGE STYLES === */


/* === HERO - HOME PAGE === */

#hero {
    height: 45vh;
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../img/home-bkgd.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    border-top: solid #000 .1rem;
    border-bottom: solid #000 .1rem;
}

#hero h1 {
    font-size: 3rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: .5px;
	text-shadow: 0 2px 2px rgba(0,0,0,.85);
}

#hero p {
    font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: 1px;
	text-shadow: 0 2px 2px rgba(0,0,0,.85);
    text-align: center;
}

@media screen and ( max-width : 568px ) {

	#hero h1 {
		font-size: 2.25rem;
        line-height: 2.5rem;
        margin: 1rem;
	}
	
	#hero p {
		font-size: 1.4rem;
		line-height: 1.5rem;
	}
	
}

#hero .col-sm-7, .col-sm-5 {
    padding: 3rem 3rem 5rem 3rem;
}

/* === END HERO - HOME STYLES === */



/* === HERO ALT - INSIDE PAGES === */

#hero-alt {
    height: 25vh;
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../img/home-bkgd.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    text-align: left;
    border-top: solid #000 .1rem;
    border-bottom: solid #000 .1rem;
}

#hero-alt h1 {
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: .5px;
	text-shadow: 0 2px 2px rgba(0,0,0,.85);}

@media screen and ( max-width : 568px ) {

	#hero-alt h1 {
		font-size: 2.25rem;
        line-height: 2.5rem;
        /*margin: 1rem;*/
	}
	
}

/* === END HERO ALT STYLES === */



@media screen and ( max-width : 568px ) {

	.welcome {
		padding-bottom: 2rem;
	}
	
}


/* === BOOK - HOME PAGE === */
.bookSubhead {
    font-size: 1.15rem;
    font-weight: 600;
    font-style: italic;
    margin-bottom: 1rem;
}

.book-desc-home {
    padding-left: 5rem;
}

@media screen and ( max-width : 568px ) {

	.book-desc-home {
		padding-left: 0;
	}
	
}

.review {
    margin-bottom: 1.65rem;
}

.review p {
    line-height: 1.3rem;
}


/* === PARALLAX - HOME PAGE === */

.parallax-section {
/* Set the background image path THIS IS IN TH WEBSITE BACK END */
  
/* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  
/* Set section height */
    height: 40vh;
    border-top: solid #000 .1rem;
    border-bottom: solid #000 .1rem;
}

.parallax-section p {
    font-size: 1.75rem;
    font-weight: 600;
    text-shadow: 0 2px 2px rgba(0,0,0,.85);
}

/* Target iPhone and mobile screens */
@media screen and (max-width: 768px) {
  .parallax-section {
      
    /* Prevents the giant zoom glitch on iOS */
    background-attachment: scroll !important; 
    
    /* Forces the image to fit the container bounds */
    background-size: cover; 
    
    /* Positions the image nicely in the center */
    background-position: center center;
    
    /* Optional: Sets a reasonable maximum height for the section */
    height: 400px; 
  }
}


/* === RESEARCH - HOME PAGE === */

#research h5 {
    font-size: 1.15em;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
}

#research .card {
    border-style: solid; 
    border-color: #666;    
    border-width: .1rem; 
}

#research .card-text {
    text-align: center;
    font-weight: 600;
}

.card img {
    opacity: 0.5;
}

/*#research .col-sm-6 {
    padding: 3rem 3rem 0 3rem;
}*/

/* === END HOME PAGE STYLES === */



/* === RESEARCH PAGES SECTION === */

.year-group {
    margin-bottom: 2.6rem;
}


.image-shadow {
  /* horizontal | vertical | blur | spread | color */
      box-shadow: .25rem .25rem 1.1rem rgba(0, 0, 0, 0.25);
}









/* === FOR DELETION ===

.page-title  h1 {
    font-size: 1.65rem;
    font-weight: 700;
}

.subhead {
    font-size: 1.15em;
    font-weight: 800;
    text-transform: uppercase;
} */