@import url(https://fonts.googleapis.com/css?family=Rosarivo|Tangerine);

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body{
	background-color: #2f4a57;
	background-image: url('../img/layout/tartan-bg.jpg');
	background-position: center -0.5%;
	background-repeat: repeat;
	background-size: 15% auto;
	padding: 0 7%;
	font-family: 'Times', serif; 
/*	font-family: 'Rosarivo', serif;*/
	font-weight:400;
	font-size: 30px;
	color: #fafafa;
	line-height: 30px;
	text-align: justify;
}
header{
	text-align: center;
	position: relative;
	margin: 0;
	padding: 0;
/*	box-shadow: 2px 2px 5px black;   */
	width:100%;
	height: auto;
	line-height:0px;
}
header::before {
	content: "";
	background-image: url('../img/layout/eclipse-header-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover; 
	position: absolute;
	inset: 0;
	opacity: 0.5;
	padding: 0;
	margin: 0;
	background-position:center;
	background-size: 100%;
}
header img {
	width: 100% !important;
	height: auto;
	opacity: 1;
	isolation: isolate;
	margin: 0;
	padding: 0;
}
h2{
	text-align: center;
	font-family: 'Tangerine', italic;
	font-weight: 400;
	font-size: 150%;
	line-height: 150%;
	text-shadow: 4px 4px 4px #345;
	border-bottom:2px solid #aaa;
}
h2 a.inline{
	color: #cef;
	text-decoration: none;
	}
h2 a.inline:hover{
	color: #99c;
	}
h3, h4{
	font-family: "Rosarivo", serif;
	margin: 0;
	padding:0;
	text-shadow: 4px 4px 4px #345;
}
h4 {
	font-size:70%;
	margin-top: 5%;
}
section h3{
	margin: 1.2em 0 0 0;
	padding:0;
	font-size: .7em;
	text-align: center;
	margin-bottom:0;
}
section h3 p{
	padding-top:0;
}
section p:

article h4{
	border-bottom:1px solid #567;
}

p{
	margin:0;
	font-family: "Times", serif;
	text-indent: 0%;
	font-size: 66%;
	padding:2% 0 0 0;
	line-height: 120%;
}

p.centered{
	text-align: center;
}

.inline-image{
	width:100%;
	display:block;
	margin-top: 2%;
}
a.inline{
	color: #cef;
	text-decoration: underline;
}
a.inline:hover{
	color: #99c;
}
ul {
	padding: 0;
	margin:0;
}
article ul {
	margin-top: 4%;
	list-style-type: circle;
}
article ul li {
	list-style-type: circle;
}
ul.inline-links{

	display: flex;
}
.inline-links li{
	flex:1;
}

/*-- ******************   START NAVIGATION SECTION  *******************--*/

.navbar-expand{
	margin:0;
	padding:0;
	border:0;
}

.container-fluid{
	margin:0;
	padding:0;
}


.navbar{
  	font-family: 'Tangerine', italic;
  	font-size: 120%;
  	width: 100%;
  	margin: 0 auto;
  	margin-bottom: 2%;
  	padding: 0;
  	box-shadow: 2px 2px 5px black;
	position: relative;
}


.navbar-nav {
  	list-style: none;
  	padding: 0;
  	margin: 0;
  	display: flex;
  	flex-wrap: wrap;
  	width: 100%;
}

.nav-item {
  	background: rgba(0, 11, 22, 0.5);
  	display: inline-block;
  	position: relative;
	padding: 0;
	text-indent: none;
  	width: 25%;
  	border-right: 1px solid black;
  	margin: auto !important;
  	text-align: center;
	white-space: nowrap;
}

.nav-item:last-child{
  	border-right: none;
}


.nav-link{
  	display: block;
  	padding: .3em 0;
  	text-decoration: none;
  	color: #c6d0d3;
  	transition: background 0.5s ease;
  	touch-action: manipulation;
}

.nav-link:hover{
    	background: rgba(198, 208, 211, 0.7);
	color: #002040;
}


.dropdown-menu {
    	display: none;
    	position: absolute;
    	top: 100%;
    	left: 10%;
    	background: rgba(256, 256, 256, 0.6);
   	border: 1px solid #ccc;
   	z-index: 1000;
   	width: 80%;
	text-align: center;
  	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .175);
  	border-radius: 0rem;
}

.dropdown-menu.show {
    display: inline-block;
    left: 10%;
    margin: auto;
}

.dropdown-menu > hr{
	width:100%;
	border-top: 1px solid rgba(64, 64, 64, 0.5);
	border-bottom:none;
}

.dropdown-item {
	color: #333;
	margin: 3% 5% 3% 5%;
  	padding: 5% 0;
    	width: 90%;
    	float: none;
    	display: list-item;
    	position: relative;
    	border: none;
    	text-align: center;
  	white-space: nowrap;
  	background: rgba(190, 190, 190, 1);
  	box-shadow: 0 0 8px #ccc;
	text-decoration: none;
	clear: both;
}


.dropdown-item:nth-child(2)::before {
   /* border-top: 1px solid gray;*/
	content: "";
  }


.dropdown-item:hover, .dropdown-item:focus  {
  color: #ccc;
  background: rgba(30, 30, 30, 0.9);
  text-decoration: none;
}


/*************************  Media only styling for navigation *********************************/
@media only screen and (max-width: 40em) {
	    .navbar {
      font-size: 110%;
    }
    .nav-item {
      width: 50%;
    }

    .nav-item:nth-child(n + 3) {
      border-top: 1px solid black;
    }

    .nav-item:nth-child(even) {
      border-right: none;
    }
  }



/*-- ******************   END NAVIGATION SECTION  *******************--*/
.banner{
	width: 100%;
	box-shadow: 2px 2px 5px black;
	background-color: black;
	line-height:0;
	margin-bottom: 1%;
}
.banner img {
	width: 100% !important;
	height: auto;
	line-height:0;
	
}
/* group-styling the body parts */
section, 
aside, 
footer{
	background: rgba(0, 11, 12, 0.6);
	box-shadow: 2px 2px 5px black;
}
section {
	float: left;
	width: 60%;
	padding: 2%;
	margin: 1% 0;
}
section.full-width{
	width: 100%;
}

section ul li{
	list-style-type: square;  
	margin: 0 0 0 10%;
	padding: 0 2%;
	font-size: 60%;
	line-height: 110%
}
section ul ul{
	margin-top:0;
	margin-left: 5%;
}
section ul ul li{
	list-style-type:none;
}
aside{
	float: right;
	width: 38%;
	padding: 2%;
	margin: 1% 0;
}
aside h3{
	text-align: center;
	font-size: 55%;
	padding-top: 8%;
}
aside h4{
	text-align: center;
	font-size: 40%;
	padding: 0 0 5% 0;
	line-height: 120%;
}
section p:first-of-type{
	margin: .9em 0;
}
aside p:first-of-type{
	margin-top:.9em;
}
aside p{
	font-size: .6em;
	margin: .6em .3em;
}
aside li{
	margin-left: 5%;
	font-size:55%;
	line-height: 140%;
}
footer {
	float: left;
	width: 100%;
	padding: 0 2%;
	margin: 1% 0 0 0;
}
footer p{
	margin: 2% 0;
	padding: 0;
	text-indent: 0;
	text-align: center;
}
footer nav.footer-nav{
	width:100%;
	border:0;
	margin: 0;
	padding:0;
	background: none;
	font-family: "Times", serif;
	font-size: 50%;
	text-align: center;
	list-style-type: none;
}
footer nav ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:100%;
}
footer nav ul li{
	list-style-type: none;
	flex: 1 1 auto;
	white-space: nowrap;
	padding: .1em .6em;
	border-top:none;
	/*width:20%;*/
	justify-content: center;
}
.copyright{
	font-size: .5em;
}
.one-third {
	float: left;
	width: 31%;
	padding: 1%;
	margin: 0 1%;
}
iframe{
	width:90%;
	height: 400px;
	margin-left:5%;
	
}

/*-- Media Queries ------*/
@media only screen and (max-width: 780px){
	
	section {
		width: 100%;
	}
	aside {
		width: 100%;
	}
	.one-third {
		 width: 100%;
	}
	h2 {
		font-size: 130%;
	}
	p {
		font-size: 60%;
	}	
}


@media only screen and (max-width: 40em) {
	body{
		padding: 0 4%;
}
	h2 {
		font-size: 125%;
	}
	p {
		font-size: 60%;
	}

}

/*---- end Media Queries -----*/