/*	WALNUT MOBILE CSS FILE		*/
/*	For all screens > 701 px wide and <1025 px wide	*/

@font-face {
    font-family: CormorantSC-Regular;
    src: url(../fonts/CormorantSC-Regular.ttf);
}

@font-face {
    font-family: Roboto-Regular;
    src: url(../fonts/Roboto-Regular.ttf);
}

/* Header line 					*/
.hline { 
width:100%; 
height:2px; 
background: #004282; 
margin-left: auto;
margin-top: 1.4em;
margin-bottom: 0.5em;
}

.banner {
        margin-left: 0%;
	z-index: 2;
}

h1 {
  font-family: CormorantSC-Regular;
  font-size: 2em; 
  text-align: left;
  font-style: normal;
  color: #666600;
  line-height: 90%;
  margin-left: 2%;
/*  margin-right: auto;		*/
  margin-top: 0.1em;
  display: inline;	
}

h2 {
  font-family: CormorantSC-Regular;
  font-size: 0.7em; 
  text-align: left;
  color: #666600;
  line-height: 80%;
  margin-left: 2%;
  margin-top: 0.2em;
	display: inline;		
}

.main {
  font-family: Roboto-Regular;
  font-size: 0.7.0em;
  font-weight: 400;
  text-align: left;
  font-style: normal;
  color: #3d3d3d;
  line-height: 100%;
  margin-left: 2%;
}

.photos {
  display: block;
}

ul.disc {
  list-style-type: disc;
}

/* UNVISITED LINK 			*/

a:link {
    color: #004282;
    font-style: italic;
    text-decoration: none;
}

/* MOUSE OVER LINK 			*/

a:hover {
    color: #666600;
}

.italic {
  font-family: Roboto-Regular;
  font-size: 1.0em;
  font-weight: 400;
  text-align: left;
  font-style: italic;
  color: #3d3d3d;
  line-height: 100%;
}

.bold {
  font-weight: 600;
}


li.body {
  font-family: Roboto-Regular;
  font-size: 1em; 
  font-weight: 400; 
  text-align: left;
  font-style: normal;
  color: #3d3d3d;
  line-height: 100%;
  margin-left: 1.5em;
}

html, body {
  height: 100%;
}

body {
width: 100%;
margin-left: auto;
}

#wrap {min-height: 100%}

#content {overflow: auto;
	padding-bottom: 60px;}

/* MENU FORMATTING 			*/

#menu {
	float:  right;
	width: 45%;
   	font-size: 3.5em;
   	font-weight: 400;
   	line-height: 120%;
   	font-family: Roboto-Regular;
   	text-align: left;
   	border-radius: 8px;
   	top: 2px;
}
#menu ul {
	list-style-type: none;
	text-align: left;
}
#menu a {
	margin-left: 0px;
	margin-right: 0px;
	text-decoration: none;
	text-align: left;
	color: #004282;
	text-decoration: none;
}
#menu a:hover {
    color: #666600;
}

#menu li.current {
	background-color: #e6e6e6;
}

#mcbuttonfr {
        width: 0.7em;
        height: 0.7em;
	float: right;
	margin-right: 25%;
	margin-top: -25px;
	display: inline-block;
}

#mcbuttonen {
        width: 1em;
        height: 1em;
	float: right;
	margin-right: 35%;
	margin-top: -25px;
	display: inline-block;
}

/* END OF MENU DEFINITIONS 	*/

/*	HEADER DEFINITIONS		*/
/*	Language selection		*/

.htext2 {
  font-family: CormorantSC-Regular;
  font-size: 2em;
  text-align: center;    
  vertical-align: text-top;
  color: #004282;
  line-height: 100%;
  display: inline; 
  margin-left: -40px;
  margin-top: -0.2em;

}

/* EXPERIMENTAL DISPLAY FOR TABLES      */

.small-text {
   font-size: .8em;
}

table {
    font-family: Roboto-Regular, sans-serif;
    font-size: .8em;
    border-collapse: collapse;
    width: 100%;
}

td, th {
/*    border: 1px solid #dddddd;                */
    text-align: left;
    padding: 8px;
    vertical-align: text-top;
}

tr:nth-child(even) {
    background-color: #dddddd;
}

/* 	SIDE NAVIGATION MENU EXPERIMENT		*/

.sidenav {
    height: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0%;
    width: 20%;
    background-color: #111;
    overflow-x: hidden;
/*    transition: 0.5s;				*/
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 16px;
    text-decoration: none;
    font-size: 0.7em;
    font-family: Roboto-Regular;
    color: #ffffff;
    display: block;
/*    transition: 0.3s;				*/
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 0.7em;
    margin-left: 10px;
}

/*	END OF SIDE NAVIGATION		*/


.topbar { 
        height: auto;
        position: fixed;
	right: 0%;
        top: 2%;
	transform: scale(0.5, 0.5);	
}


/*
.topbar {
        transform: scale(0.5, 0.5);
}
*/

.orb	{
        z-index: 0;
        float: right;
	margin-top: -3%;
	transform: scale(0.5, 0.5);	
}
	
/*      RIGHT SIDE NAVIGATION TEST      */

.rsidenav {
    height: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0%;
    width: 20%;
    background-color: #111;
    overflow-x: hidden;
/*    transition: 0.5s;                         */
    padding-top: 60px;
}

.rsidenav a {
    padding: 8px 8px 8px 16px;
    text-decoration: none;
    font-size: 0.7em;
    font-family: Roboto-Regular;
    color: #ffffff;
    display: block;
}

.rsidenav a:hover {
    color: #f1f1f1;
}

.rsidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 0.7em;
    margin-left: 10px;
}

/*

.rorb    {
        z-index: 0;
        float: right;
        cursor: pointer;
        margin-left: 20px;			
        margin-top: 20px;	
	transform: scale(0.5, 0.5);	
}

*/

.rorb    {
        z-index: 0;
        float: right;
        margin-top: -3%;
	transform: scale(0.5, 0.5);	
}

/*      END RIGHT SIDE NAVIGATION TEST  */