/* OFF CANVAS MENU */
.off-canvas-wrap {min-height:100%;}
.off-canvas-wrap.move-right, .off-canvas-wrap.move-left {height: 100%;}
.inner-wrap {
	padding: 30px; 
	height:100%;
}
.search-menu .menu {
	border: solid 2px rgba(102,102,102,.25);
	height: 44px;
	width: 44px;
	border-radius: 3px;
	float: right;
	position: relative;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.right-off-canvas-toggle {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	width: 40px;
	outline: none;
}
.right-off-canvas-toggle span {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 22px;
	height: 3px;
	background-color: #fb5557;
}
.right-off-canvas-toggle span:before, .right-off-canvas-toggle span:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: inherit;
	left: 0;
}
.right-off-canvas-toggle span:before {bottom: 7px;}
.right-off-canvas-toggle span:after {top: 7px;}
.search-menu .menu:hover {border: solid 2px rgba(102,102,102,.5) !important;}
.right-off-canvas-toggle:hover span {background-color: #c8cacb;}
.move-left .exit-off-canvas {
	background:rgba(176,187,179,.8);
	box-shadow: none;
}
.move-left .exit-off-canvas:hover {background: rgba(176,187,179, 0.4);}
.right-off-canvas-menu {
	background: url(../images/bg-header.png);
	padding: 15px 30px;
	width: 240px;
}
.move-left > .inner-wrap {
	-ms-transform: translate(-300px, 0);
	-webkit-transform: translate3d(-300px, 0, 0);
	-moz-transform: translate3d(-300px, 0, 0);
	-ms-transform: translate3d(-300px, 0, 0);
	-o-transform: translate3d(-300px, 0, 0);
	transform: translate3d(-300px, 0, 0);
}
.right-off-canvas-menu .logo img,
.right-off-canvas-menu .button { margin-bottom:1em;}
.right-off-canvas-menu ul {
	list-style-type:none;
	margin:0 -30px;
	border-top: solid 2px #535b5f;
	border-bottom: solid 2px #535b5f;
	margin-bottom:30px;
}
.menu-page-menu-container ul {
	border-top: none;
	border-bottom: none;
	margin-bottom:0px;
}
.right-off-canvas-menu li {
	line-height:20px;
	border-bottom: solid 1px #535b5f;
}
.menu-page-menu-container li {border-bottom: none;}
.right-off-canvas-menu li:last-child {border-bottom: none;}
.right-off-canvas-menu ul a {
	color:#e1e5e2;
	font-size:14px;
	display:block;
	padding:7px 30px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.right-off-canvas-menu ul a:hover {
	color:#e1e5e2;
	background:rgba(255,255,255,.1);
	text-decoration:none !important;
}
.menu-page-menu-container  ul a:hover {
	color:#e1e5e2;
	background-color: transparent;
	text-decoration:underline !important;
}
.right-off-canvas-menu a {
	color:#e1e5e2;
	font-size:14px;
	display:block;
}
.right-off-canvas-menu ul ul a {
	color:#e1e5e2;
}
.right-off-canvas-menu ul i {
	margin-bottom: 5px;
	float: left;
	margin-top: 3px;
}
.right-off-canvas-menu .national-defense .fa-circle {
	color: #007BA0;
}
.right-off-canvas-menu .international-affairs .fa-circle {
	color: #E8783E;
}
.right-off-canvas-menu .general-science-space-technology .fa-circle {
	color: #F6BB52;
}
.right-off-canvas-menu .energy .fa-circle {
	color: #A18D94;
}
.right-off-canvas-menu .natural-resources-environment .fa-circle {
	color: #C1B84D;
}
.right-off-canvas-menu .agriculture .fa-circle {
	color: #8C9FA8;
}
.right-off-canvas-menu .commerce-housing-credit .fa-circle {
	color: #636078;
}
.right-off-canvas-menu .transportation .fa-circle {
	color: #00B1D2;
}
.right-off-canvas-menu .community-regional-development .fa-circle {
	color: #E35F4F;
}
.right-off-canvas-menu .education-training-employment-social-services .fa-circle {
	color: #9CAB7B;
}
.right-off-canvas-menu .income-security .fa-circle {
	color: #589395;
}
.right-off-canvas-menu .administration-of-justice .fa-circle {
	color: #D6AF69;
}
.right-off-canvas-menu .general-government .fa-circle {
	color: #656E76;
}
.right-off-canvas-menu .allowances .fa-circle {
	color: #009C62;
}
.essay-nav {
	border-top: solid 1px #9cd4f1;
	border-bottom: solid 1px #9cd4f1;
	padding:15px 0;
	margin:15px 0;
}
.essay-nav li, .secondary li { padding-bottom:10px;}
.right-off-canvas-menu .mobile-search {
	width: auto;
	float:none;
	margin-bottom:1em;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	position:relative;
}
.right-off-canvas-menu .mobile-search-input {
	opacity:1;
	position:relative;
	width: 198px !important;
	margin: 0;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	box-shadow: none !important;
	padding: 20px 5px 20px 15px;
	font-family: inherit;
	color: #2c3e50;
	outline: none !important;
	background: #fff !important;
	border: solid 2px rgba(102,102,102,.25) !important;
	border-right: none !important;
}
.right-off-canvas-menu .mobile-search-submit {
	opacity:1;
	border: solid 2px rgba(102,102,102,.25);
	background-color:transparent;
	z-index:1;
	color: #163f76;
	border-left:none;
	font-size: 22px;
	height: 44px;
	width: 44px;
	border-radius: 3px;
	width: 44px;
	height: 44px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	outline: none !important;
}
.right-off-canvas-menu .mobile-search-submit:hover {color: #0093d0;}
.right-off-canvas-menu .fa-search {margin-top:0;}


/* SEARCH */
#search {
	position: relative;
	width: 0%;
	min-width: 44px;
	height: 44px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
	margin-right:10px;
}
.search-input {
	position: absolute;
	border: solid 2px rgba(102,102,102,.25) !important;
	margin-right:42px !important;
	top: 0;
	right: 0;
	outline: none !important;
	background: #fff !important;
	width: 200px !important;
	height: 44px !important;
	margin: 0;
	z-index: 10;
	padding: 20px 65px 20px 20px;
	font-family: inherit;
	font-size: 20px;
	color: #2c3e50;
	opacity:0;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	box-shadow: none !important;
}
.search-input::-webkit-input-placeholder,
.search-input:-moz-placeholder,
.search-input::-moz-placeholder,
.search-input:-ms-input-placeholder {color: #efb480;}
.icon-search,
.search-submit  {
	border: solid 2px rgba(102,102,102,.25);
	height: 44px;
	width: 44px;
	border-radius: 3px;
	width: 44px;
	height: 44px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.search-submit {
	background: #4e575a; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}
.icon-search {
	color: #c8cacb;
	z-index: 90;
	font-size: 22px !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}
.icon-search:hover {
	border: solid 2px rgba(102,102,102,.5) !important;
	color:#fb5557;
}
.fa-search { margin-top:9px;}
.search-open .search-input {
	opacity:1;
	border: solid 2px rgba(102,102,102,.5) !important;
}
#search.search-open, .no-js .search {width: 245px;}
#search.search-open .icon-search, .no-js .search .icon-search {z-index: 11;}
#search.search-open .search-submit, .no-js .search .search-submit {z-index: 90;}
.search-open .icon-search, .search-open .icon-search:hover {
	background:#fff;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	border: solid 2px rgba(102,102,102,.5) !important;
	border-left: none !important;
	color:#2D373C;
}


@media only screen and (max-width: 815px) {
	.inner-wrap {padding: 15px;}
	#search { display:none;}
}
@media only screen and (max-width: 770px) {
	.inner-wrap {padding: 10px;}
}
@media only screen and (max-width: 420px) {
	.right-off-canvas-menu {
		padding: 15px 20px;
		width: 220px;
	}
	.right-off-canvas-menu ul {margin:0 -20px;}	
	.move-left > .inner-wrap {
		-ms-transform: translate(-260px, 0);
		-webkit-transform: translate3d(-260px, 0, 0);
		-moz-transform: translate3d(-260px, 0, 0);
		-ms-transform: translate3d(-260px, 0, 0);
		-o-transform: translate3d(-260px, 0, 0);
		transform: translate3d(-260px, 0, 0);
	}
	.inner-wrap {padding: 0px;}
	.right-off-canvas-menu ul a {padding:7px 20px;}
}