@charset "utf-8";
/* CSS Document */
@media only screen and  (min-width: 320px) and (orientation: portrait){
nav.sidebar{color: #fff!important;background-image: linear-gradient(to left, rgb(50, 76, 65), rgb(94, 141, 121));animation: animateleft 0.5s;box-shadow: 0px 0px 25px rgb(0, 0, 0), inset -10px 0px 35px -15px rgba(0, 0, 0, 0.45);height: 100%; width: 80vw;position: fixed!important;z-index: 11;overflow-y: auto;    overflow-x: hidden;}
nav.sidebar a.sidebarlink{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: none;display: inline-block; padding-left: 3vh;vertical-align: middle;overflow: hidden;text-decoration: none;color: inherit;background-color: inherit;    text-align: left;cursor: pointer;white-space: nowrap;width: inherit;	font-family: 'Graduate', cursive;font-variant: small-caps;	text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);font-size:1.5rem;line-height: 12.5vh;box-shadow: 0px 1px 2px 0px rgb(82, 123, 105);}
nav.sidebar a.sidebarlink_close {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: none;display: inline-block;padding: 3vh;vertical-align: text-top;overflow: hidden;text-decoration: none;color: inherit;background-color: inherit;text-align: center;cursor: pointer;white-space: nowrap;width: inherit;}
nav.sidebar .dropdown {float: left;overflow: hidden;width: inherit;box-shadow: 0px 1px 2px 0px rgb(82, 123, 105);}
nav.sidebar .dropdown .dropbtn {border: none; outline: none; color: white; background-color: inherit; display: contents; font: inherit; width: 100%;}
nav.sidebar .dropdown:hover .dropbtn {background-color: rgba(0, 0, 0, 0.3);color: white;}
nav.sidebar .dropdown-content,nav.sidebar .dropdown-content .dropdown-content2 {display: none;position: inherit;background-image: linear-gradient(to left, rgba(93, 93, 93, 0), rgba(255, 255, 255, 0.35));box-shadow: inset 0px 0px 20px -15px rgba(0, 0, 0, 0.7);z-index: 12;width: inherit;margin: 0%;width: 100%;}
nav.sidebar .dropdown-content a.sidebarlink{box-shadow: inset 1px 1px 0px 0px rgb(82, 123, 105);color:rgba(255,255,255,1)}
nav.sidebar .dropdown:hover .dropdown-content,nav.sidebar .dropdown:hover .dropdown-content .dropdown:hover .dropdown-content2 {display: block;}
}
@media only screen and  (min-width: 375px) and (orientation: portrait){nav.sidebar a.sidebarlink{line-height: 10.5vh;}}
@media only screen and  (min-width: 414px) and (orientation: portrait){nav.sidebar a.sidebarlink{line-height: 8.5vh;}}
@media only screen and  (min-width: 768px) and (orientation: portrait){nav.sidebar{width: 50vw;}	nav.sidebar a.sidebarlink{line-height: 6.5vh;}}
@media only screen and  (min-width: 1024px) and (orientation: portrait){nav.sidebar a.sidebarlink{line-height: 5.5vh;}}
@media only screen and  (min-width: 480px) and (orientation: landscape){
nav.sidebar{color: #fff!important;background-image: linear-gradient(to left, rgb(50, 76, 65), rgb(94, 141, 121));animation: animateleft 0.5s;box-shadow: 0px 0px 25px rgb(0, 0, 0), inset -10px 0px 35px -15px rgba(0, 0, 0, 0.45);height: 100%; width: 80vw;position: fixed!important;z-index: 11;overflow-y: auto;    overflow-x: hidden;}
nav.sidebar a.sidebarlink{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: none;display: inline-block; padding-left: 3vh;vertical-align: middle;overflow: hidden;text-decoration: none;color: inherit;background-color: inherit; text-align: left;cursor: pointer;white-space: nowrap;width: inherit;	font-family: 'Graduate', cursive;font-variant: small-caps;	text-shadow: 2px 2px 3px rgba(0, 0, 0, 1);font-size:1.5rem;line-height: 16.5vh;box-shadow: 0px 1px 2px 0px rgb(82, 123, 105);}
nav.sidebar a.sidebarlink_close {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: none;display: inline-block;padding: 3vh;vertical-align: text-top;overflow: hidden;text-decoration: none;color: inherit;background-color: inherit;text-align: center;cursor: pointer;white-space: nowrap;width: inherit;}
nav.sidebar .dropdown {float: left;overflow: hidden;width: inherit;box-shadow: 0px 1px 2px 0px rgb(82, 123, 105);}
nav.sidebar .dropdown .dropbtn {border: none; outline: none; color: white; background-color: inherit; display: contents; font: inherit; width: 100%;}
nav.sidebar .dropdown:hover .dropbtn {background-color: rgba(0, 0, 0, 0.3);color: white;}
nav.sidebar .dropdown-content,nav.sidebar .dropdown-content .dropdown-content2 {display: none;position: inherit;background-image: linear-gradient(to left, rgba(93, 93, 93, 0), rgba(255, 255, 255, 0.35));box-shadow: inset 0px 0px 20px -15px rgba(0, 0, 0, 0.7);z-index: 12;width: inherit;margin: 0%;width: 100%;}
nav.sidebar .dropdown-content a.sidebarlink{box-shadow: inset 1px 1px 0px 0px rgb(82, 123, 105);color:rgba(255,255,255,1)}
nav.sidebar .dropdown:hover .dropdown-content,nav.sidebar .dropdown:hover .dropdown-content .dropdown:hover .dropdown-content2 {display: block;}
}
@media only screen and  (min-width: 667px) and (orientation: landscape){
nav.sidebar{width: 50vw;}	
nav.sidebar a.sidebarlink{line-height: 15.5vh;}
}