/*  "eryk_theme-green.css"  by  Eryk Wdowiak  */
/*  last updated:  18 Feb 2023                */
/*  ========================================  */

/*  font color  */
body,h1,h2,h3,h4,h5,h6,p,em{ color: rgb(5, 91, 28); }

/*  link color  */
a:link, a:visited{ color: rgb(0, 0, 153); }

/*  navigation color  */
tr.navbar, td.navbar, ul.topnav, ul.navbar {
    background-color: rgb(5,85,28); 
}
a.navbar, a.dropbtn { color: yellow; }
a.topnav { color: rgb(5, 91, 28); }

/* size fix */
li.dropdown, a.dropbtn, a.topnav { padding: 5px 9px; }

li.navbar a:hover, li.dropdown:hover .dropbtn, li.dropdown a:hover, .dropdown-content a:hover {
    background-color: rgb(9,143,195);
    color: white;
}
.dropdown-content { 
    background-color: rgb(255, 255, 204); 
    border: 1px solid rgb(5, 91, 28); 
}

/*  navigation color (again) */
div.navbar {
    background-color: rgb(5,85,28); 
}

/*  disappearing "economics" on top menu of large screen  */
@media only screen and (min-width: 626px) {
    span.vanisheryk {display: none;}
}

/*  tighten dropdown menus on certain screens */
@media only screen and (min-width: 626px) and (max-width: 747px) {
    li.dropdown, a.dropbtn, a.topnav { padding: 5px 4px; } 
}
@media only screen and (min-width: 626px) and (max-width: 680px) {
    span.vanishmid {display: none;}
}
@media only screen and (min-width: 748px) and (max-width: 780px) {
    li.dropdown, a.dropbtn, a.topnav { padding: 5px 7px; } 
}



/*  =========================================  */

/*  social media buttons in bottom navigation  */
@media only screen and (max-width: 599px) {
    div.socialvanish { display: none; }
    p.socialappear { margin-top: 0.5em; 
		     margin-bottom: 0.2em; 
		     margin-left: 7px;
    }
}
@media only screen and (min-width: 600px) {
    div.socialappear { display: none; }
    p.socialvanish { margin-top:    5.75em; 
		     margin-bottom: 0em;
    }
}

/*  hide a few words in bottom navigation bar on mid size screen */
@media only screen and (min-width: 480px) and (max-width: 550px) {
    span.hidemid { display: none; }
    span.hidelong { display: none; }
}

@media only screen and (min-width: 600px) and (max-width: 715px) {
    span.hidemid { display: none; }
}
@media only screen and (min-width: 600px) and (max-width: 805px) {
    span.hidelong { display: none; }
}