/* Buttons */

.btn {
	border: 1px solid rgba(var(--link-color-dark), var(--alpha-10));
	background: rgba(var(--link-color-dark), var(--alpha-10));
	padding: 8px 16px;
	margin: 0 8px 0 0;
	font-size: 16px;
	cursor: pointer;
	border-radius: 8px;
	float: left;
	transition: 0.3s;
}


.link.current{
	border: 1px solid rgba(var(--link-color-dark), var(--alpha-50));
	background: rgba(var(--link-color-dark), var(--alpha-50));
	padding: 8px 16px;
	margin: 0 8px 0 0;
	font-size: 16px;
	cursor: pointer;
	border-radius: 8px;
	float: left;
	transition: 0.3s;
}



/* Link */

.link {
	background-color:  rgba(var(--link-color-dark), var(--alpha-00));
	border: ; 1px solid rgba(var(--link-color-dark), var(--alpha-10));
	color: rgba(var(--text-color-dark), var(--alpha-80));
}

.link:hover {
	background-color:  rgba(var(255 255 255), var(--alpha-00));
	border: 1px solid rgba(var(--link-color-dark), var(--alpha-20));
	color: rgba(var(--link-color-light), var(--alpha-100));
	box-shadow: 0px 2px 8px rgba(0, 0, 0, .1);
}






/* Navigation */

a:link { 
	color: #fdfcf5;
	text-decoration: none;
	}

a:visited { 
	color: #fdfcf5;
	text-decoration: none;
	}

a:hover { 
	color: #3a1e12;

	background: ; rgba(255, 255, 255, .2);

	text-decoration: none;
	}

a:hover.current { 
	color: #f1f0e6;
	text-decoration: none;
	}

a:active { 
	color: #f1f0e6;
	text-decoration: none;
	}

a.current { 
	color: #3a1e12;
	text-decoration: none;
	}

a.dark { 
	color: #10659a;
	text-decoration: none;
	}
	
a.blue { 
	color: #10659a;
	text-decoration: none;
	}
	
	
#nav {
	width: 100%;
	height: 53px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 232px;
	border-bottom: 1px dotted #6f6e6a;
	background: #bab0ac;
	float: left;
	box-sizing: border-box;
}



#subnav2 {
	width: 100%;
	height: 53px;
	padding: 0;
	float: left;
	background: #7eafc6;
	box-sizing: border-box;
	z-index: 5;
	position: relative;
}



#nav2 {
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0;
	float: left;
	background: transparent;
	box-sizing: border-box;
	z-index: 10;
	position: relative;
}



#nav3 {
	width: 100%;
	height: 53px;
	margin: 0;
	padding: 0;
	float: left;
	background: transparent;
	box-sizing: border-box;
	z-index: 5;
	position: relative;
}





/* Main Menu Navigation Collapse */


ul.topnav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
}

ul.topnav li {
	display: inline;
}

ul.topnav li a {
	display: inline-block;
	padding: 0em 0em;
	text-decoration: none;
	transition: 0.2s;
}

ul.topnav li a:hover {
	background-color:  ;
}

ul.topnav li.icon {
	display: none;
}





/* History Secondary Menu Navigation Collapse */


ul.histnav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
}

ul.histnav li {
	display: inline;
}

ul.histnav li a {
	display: inline-block;
	padding: 0em 0em;
	text-decoration: none;
	transition: 0.2s;
}

ul.histnav li a:hover {
	background-color:  ;
}

ul.histnav li.icon {
	display: none;
}

@media screen and (max-width:980px) {
  ul.histnav li:not(:first-child) {display: none;}
  ul.histnav li.icon {
    float: right;
    display: inline-block;
  }
}

@media screen and (max-width:980px) {
  ul.histnav.responsive {position: relative;}
  ul.histnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.histnav.responsive li {
    float: none;
    display: inline;
  }
  ul.histnav.responsive li a {
    display: block;
  }
}








@media screen and (max-width:1200px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

@media screen and (max-width:1200px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
  }
}