/*************************************************************
	Global nav:
	- Header;
	- Footer;
**************************************************************/
ul.menu li.label,
h5.menu,
label.menu,
div.menu-smedia:nth-child(2) > label:nth-child(1) {
	font-family: "proxima-nova-condensed";  /* ProximaNovaCond-Extrabld; */
	font-weight: 800;
	font-size: 11px;
	line-height: 1.73;
	letter-spacing: 0.9px; 
	color: #A4DDF7;
	text-transform: uppercase;
	display: block;
}
h5.menu { 
	text-align: left;
	padding-bottom: 17px;
	border-bottom: 1px solid #F1CA4D; 
	margin-bottom: 22px;
}

/********************************************
	Header
********************************************/
header#nav {
	position: relative;
	margin: 0;
	padding: 0;
	max-width: 1440px;
	width: 100%;
	height: 109px;	 
	z-index: 10;
}
header#nav h1 {
	border: 0;
	color: white;
} 
div#navigation {
	max-width: 1440px;
	width: 100%;
	height: 109px;
	margin: 0 auto;
	background-color: #317DBF; 
	border: 0;
	top: 0;   
	position: fixed;
	z-index: 20;
	text-align: center; 
	display: block;
}
div#navigation a#logo {
	width: 225px;
	height: 68px;
 	display: inline-block; 
 	position: relative; 
	margin: 19px auto;
 	background: url("/sites/all/themes/iii_responsive/images/icons/iii-logo-top.svg") no-repeat 0 0;  
}
div#navigation div#breadcrumb {
	display: none;
	color: white
}
div#navigation div#userBox {
	min-width: 225px;
	height: auto;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 225px; 
	margin-top: 40px;
	margin-right: 30px;
	padding: 0;
	text-align: right;
	vertical-align: middle; 
}
div#userBox a {
	color: white;
	margin-right: 10px;
	margin-left: 10px;
}
div#navigation a#menuBtn {
	display: inline-block;
	width: 110px;
	height: 109px;
	background: #1A4D79 url("/sites/all/themes/iii_responsive/images/icons/menu_open.png") no-repeat center; 
	float: left; 
}
a.btnClose {
	width: 20px;
	height: 20px;
	float: right;
	cursor: pointer;
}
div#navigation a#menuBtn.active,
header#nav.mobile div#navigation a#menuBtn.active,
a.btnClose {
	background: #1A4D79 url("/sites/all/themes/iii_responsive/images/icons/menu_close.png") no-repeat center ;
}
div#navigation div#searchBox {
	width: 225px;
	height: 109px;
	background-color: #1A4D79;
	display: inline-block;
	float: right;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
div#navigation div#searchBox div {  
	width: auto;
	margin-top: 40px;
	/* 
	margin-right: 30px; 
	margin-bottom: 0;
	margin-left: 30px; 
	*/ 
	padding-bottom: 0; 
	background: url("/sites/all/themes/iii_responsive/images/icons/search-icon.svg") no-repeat bottom right;
	background-size: 23px 23px; 
	height: 23px;  
	display: inline-block;
	padding-right: 30px;
	margin-right: auto; 
}
div#navigation div#searchBox div label {
	width: 110px;
	border: 0;
	border-bottom: 1px solid white;
	font-family: "proxima-nova";
	font-size: 15px;
	line-height: 1.27;
	letter-spacing: 0.4px;
	text-align: left;
	color: #A4DDF8;
	padding: 0;
	padding-bottom: 6px;
	background-color: transparent;
	margin: 0; 
}

div#navigation.toolbar {  
	height: 35px;
	font-size: 12px; 
	text-align: left;
}
div#navigation.toolbar a#menuBtn {
	width: 35px;
	height: 35px;
	background-image: url("/sites/all/themes/iii_responsive/images/icons/menu_open_tiny.png");
	background-size: 40% 40%;
}
div#navigation.toolbar a#menuBtn.active {
	background: #1A4D79 url("/sites/all/themes/iii_responsive/images/icons/menu_close.png") no-repeat center ;
	background-size: 40% 40%;
}
div#navigation.toolbar a#logo {
	background-image: url("/sites/all/themes/iii_responsive/images/icons/iii-emblem.svg");
	background-size: 23px 23px;
	margin: 5px 10px 5px 10px; 
	width: 23px;
	height: 23px;
	display: inline-block;
	float: left;
}
div#navigation.toolbar div#breadcrumb {
	display: inline-block;
	padding: 0;
	height: 23px;
	margin: 7px 20px;
	width: 60%;
	position: relative;
	overflow: hidden;  
	color: white;
}
div#navigation.toolbar div#breadcrumb a {
	color: white;
	font-weight: bold;
	margin-right: 4px;
}
div#navigation.toolbar div#userBox {
	margin-right: 0px;
	margin-top: 10px;
	right: 170px; 
}
div#navigation.toolbar div#searchBox {
	height: 35px;
	width: 170px;
}
div#navigation.toolbar div#searchBox div {
	margin-top: 10px;
	background-size: 18px 18px; 
	height: 18px;
}
div#navigation.toolbar div#searchBox div label {
	font-size: 12px;
	line-height: 1;
	padding-bottom: 1px;
}



/* Menu Panels dropdown */
div[id^="menu-panel-"] {
	background-color: #1A4D79;
	font-family: "proxima-nova", sans-serif;
	font-size: 16px;
	line-height: 1.18;
	color: white;
	display: none;
	z-index: 50;
	width: 100%;
	position: fixed; 
	max-width: 1440px;
}
div[id^="menu-panel-"] div.three-column { 
}
div[id^="menu-panel-"].active {
	display: block;
}
div[id^="menu-panel-"] h3,
div[id^="menu-panel-"] h3 a { 
	font-size: 18px;
	font-weight: 700;
	line-height: 1.06;
	letter-spacing: 0.5px; 
	color: white;
	padding-bottom: 0;
	margin-bottom: 0;
}
div[id^="menu-panel-"] ul { 
	padding: 0;
	margin: 0; 
	min-width: 170px;
	width: 100%;
	list-style: none; 
	text-align: left;
}
div[id^="menu-panel-"] h3 + ul {
	margin-top: 26px;
}
ul.menu li,
div[id^="menu-panel-"] ul li {
	padding: 0 0 14px 0;
	margin-left: 0; 
	color: #959595; 
}
ul.menu li a,
div[id^="menu-panel-"] ul li a {
	color: white; 
}
ul.menu li a:hover,
div[id^="menu-panel-"] ul li a:hover,
div[id^="menu-panel-"] ul li a.active {
	color: #F7941F;
}
div[id^="menu-panel-"] div.grid {
	background-color: transparent;   
} 
div[id^="menu-panel-"] div.menu {
	float: left;
}

/* Top Main Menu */
div#menu-panel-main {  
	padding: 45px 60px 90px 56px; 
}
div#menu-panel-main div.sGrid { 
	padding-right: 70px; 
	padding-bottom: 30px;
}
div#menu-panel-main div.menu.secondary ul { 
	margin-bottom: 40px;
} 
div#menu-panel-search {
	position: fixed;
	top: 0;
	color: white;
	text-align: left;
	background-color: #1A4D79;	
	border: 0;
	z-index: 30;
}
div#menu-panel-search div.row {
	float: none;
	clear: both;
	color: white;
	padding: 20px 35px; 
	background-color: #1A4D79;	
} 
div#menu-panel-search div.menu {
	background-color: #082C45;
	padding: 35px 45px;
	padding-top: 45px;
	padding-bottom: 45px; 
}
div#menu-panel-search form {
	margin: 0;
	padding: 45px 80px 45px 35px;  
 	background-color: #1A4D79;	  
}
div#menu-panel-search form input[type="text"] {
	padding: 0 0 13px 0;
	margin: 0; 
	font-family: "proxima-nova"; 
	font-size: 15px;
	line-height: 1.27;
	letter-spacing: 0.4px;
	text-align: left;
	color: #A4DDF8;
	width: 100%;
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid white;
}
div#menu-panel-search form input[type="text"]:active {
	border-width: 0 0 1px 0;
}
div#menu-panel-search a.btnClose {
	margin-right: -40px;
}
div#menu-panel-search li.label {
	border-bottom: 1px solid #F1CA4D; 
	margin-bottom: 16px;
}
div#menu-panel-search div#menu-search {
	margin-top: 0;
}

/*****************************************************
	TOP Mobile Menus
*****************************************************/
header#nav.mobile {  
	height: 55px;	 
}
header#nav.mobile div#navigation {  
	position: fixed;
	height: 55px; 
}	
header#nav.mobile div#navigation a#logo {
	height: 39px;
	width: 129px;
	margin: 8px auto
}
header#nav.mobile div#navigation a#menuBtn {
	width: 55px;
	height: 55px;
	background-image: url("/sites/all/themes/iii_responsive/images/icons/menu_open_tiny.png");

}
header#nav.mobile div#navigation div#searchBox {
	height: 55px;
	width: 55px;   
}
header#nav.mobile div#navigation div#searchBox div {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-position: center;  
}
header#nav.mobile div#navigation div label {
	display: none; 
}
header#nav.mobile div[id^="menu-panel-"] {  
	min-height: 100vh;
	position: absolute; 
}
header#nav.mobile div.menu,
header#nav.mobile div.s4,
header#nav.mobile div.sGrid,
header#nav.mobile div.grid {
	float: none;
	clear: both; 
	display: block;
	min-height: 0;
	width: 100%;
	padding-right: 0%; 
} 
header#nav.mobile div#menu-panel-main {
	position: fixed;
	top: 35px;
	margin-top: 55px;
	padding: 50px 1rem 0 1rem;
}
header#nav.mobile div#userBox { 
	position: fixed;  
	top: 55px;
	left: 0;
	clear: both;
	float: none;
	background-color: #317DBF; 
	height: auto;
	width: 100%;
	padding: 10px 0.5rem; 
	z-index: 22;
	text-align: left; 
}
header#nav.mobile div#userBox a:first-child { 
}
header#nav.mobile div#userBox a:nth-of-type(2) {
	float: right;
}
header#nav.mobile h3,
header#nav.mobile div.menu.secondary h5:nth-last-of-type(n+2) {
	background: url("/sites/all/themes/iii_responsive/images/icons/arrow_down.png") no-repeat right 4px;
	cursor: pointer;
}
header#nav.mobile h3 + ul,
header#nav.mobile div.menu.secondary h5:nth-last-of-type(n+2) + ul { 
	display: none ;
}
header#nav.mobile h3.expand,
header#nav.mobile div.menu.secondary h5.expand {
	background-image: url("/sites/all/themes/iii_responsive/images/icons/arrow_up.png");
}
header#nav.mobile h3.expand + ul,
header#nav.mobile div.menu.secondary h5.expand + ul {
	display: block;
}
header#nav.mobile div#menu-panel-search { 
	height: 100vh;	 
	position: absolute;
}
header#nav.mobile div#menu-panel-search form {
	position: fixed;
	z-index: 120;
	clear: both;  
	padding-top: 20px;
	padding-bottom: 20px;
}
header#nav.mobile div#menu-panel-search div.grid {
	padding-right: 1rem; 
}
header#nav.mobile div#menu-panel-search div.row.bottom {  
	position: fixed;
	bottom: 0;
	z-index: 120;
	width: 100%; 
}
/*****************************************************
	END OF TOP Mobile Menus
*****************************************************/

/* User Sign-in */
div.ui-dialog-titlebar { 
	background: white;
	border: 0;
	margin-top: 5px;
 	min-height: 40px !important;
} 
div.ui-dialog,
div#menu-layer-signin {
	max-width: 570px; 
	padding: 0;
	background-color: white; 
}
button.ui-dialog-titlebar-close { 
	width: 40px !important;
	height: 40px !important; 
	background-color: #F7941F; 
	display: inline-block; 
	top: 0 !important;
	margin-top: 0 !important;
	border: 0 !important;
} 
.ui-button .ui-icon,
.ui-widget-header .ui-icon,
button.ui-dialog-titlebar-close span.ui-button-icon {
	background: url("/sites/all/themes/iii_responsive/images/icons/menu_close.png") no-repeat center !important;
}
button.ui-dialog-titlebar-close:hover  {
	border: 0;
	background-color: #F0B880;
} 

form#form-signin,
form#user-login { 
	font-family: "proxima-nova", sans-serif; 
	font-size: 16px;
	margin: 0 auto;
	padding: 20px 40px;
	text-align: center;  
	max-width: 570px; 
}
form#form-signin p,
form#user-login p {
	color: #505050;
	
}
form#form-signin h2,
form#form-signin h3,
form#user-login h2,
form#user-login h3 {
	font-weight: bold;
	color: #082c45;
	margin-bottom: 20px; 
}
/* END OF USER SIGN-IN*/

/********************************************
	END OF HEADER
********************************************/


/********************************************
	Sidebar
********************************************/  
#sidebar-wrapper {
}
#sidebar-wrapper.slider  { 
	width: auto;
	height: 100vh;
	z-index: 10; 
	display: none;
	position: fixed;
	left: 0px;
	top: 55px; 
	background-color: #EBEBEB; 
	padding: 20px;	 
	overflow-y: auto;
}	 
#sidebar {
	font-family: "museo-slab", sans-serif;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.91;
	text-align: left;
	color: #959595; 
	max-width: 265px; 
}
#sidebar-toggle { 
	position: fixed;
	left: 10px;
	display: none;
	/* 2017.6.28, Ye Wang
	width: 40px;
	height: 40px; 
	background: #F7941F url("/sites/all/themes/iii_responsive/images/icons/menu_open_tiny.png") no-repeat center; 
	background-size: 50%;
	border-radius: 20px;  
	*/
	background:  url("../images/icons/icon_menu_dots.png") no-repeat center; 
	background-size: 84px 84px;
	width: 84px;
	height: 84px;  
	border-radius: 42px;
	cursor: pointer;
	z-index: 11;
}  
#sidebar-toggle:active,
#sidebar-toggle.close {
	display: inherit;
	background-image: url("/sites/all/themes/iii_responsive/images/icons/icon_menu_close.png");
}

#sidebar h4 {
	font-size: 20px;
	font-weight: bold;
	line-height: 0.95;
	letter-spacing: 0.5px; 
}
#sidebar h5,
#sidebar ul.tool-links a { 
	font-family: "proxima-nova-condensed", sans-serif;
	font-weight: 800;
	font-size: 11px;
	line-height: 1;
	letter-spacing: 0.9px; 
	padding: 0;
	margin-bottom: 20px;
	color: #317DBF;
	text-transform: uppercase; 
} 

ul.jump-links,
ul.tool-links,
#sidebar ul.menu {
	/*
	font-family: MuseoSlab;
	*/ 
	margin: 0; 
	padding: 0;
	list-style: none; 
	cursor: pointer;
}  
ul.jump-links a, 
#sidebar ul.menu a {
	/*
	font-family: MuseoSlab;
	*/
	font-family: "museo-slab", sans-serif;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.36;
	text-align: left;
	color: #959595; 
}
ul.jump-links li,
ul.tool-links li,
#sidebar ul.menu li {
	margin: 0;
	padding: 0; 
	padding-bottom: 1em;
	list-style: none; 	
	font-family: "museo-slab", sans-serif;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.36;
	text-align: left;
	color: #959595;
}
ul.tool-links a:hover {}
ul.jump-links .active,
ul.tool-links .active,
#sidebar ul.menu li.expanded > a,
#sidebar ul.menu .active {
	color: #F7941F;
	font-weight: 700;
}

/* Publication expand/collapse menu */
#sidebar ul.menu {
	padding-bottom: 20px;
}
#sidebar ul.menu ul.menu {
	display: none;
	padding-top: 10px;
	padding-bottom: 0;
	margin-bottom: 0;
}
#sidebar ul.menu li.collapsed { 
}
#sidebar ul.menu li.expanded > a:after, 
#sidebar ul.menu li.collapsed > a:after {
	content: "+"; 
	margin-left: 4px; 
} 
#sidebar ul.menu li.expanded > a:after {
	content: "-";
} 
#sidebar ul.menu li.expanded > a:hover:after, 
#sidebar ul.menu li.collapsed > a:hover:after {
	text-decoration: none;
}
#sidebar ul.menu li.expanded ul.menu { 
	display: block;
}
#sidebar ul.menu ul.menu {
	padding-top: 10px;
}
#sidebar ul.menu ul.menu li { 
	list-style: none; 
	padding-left: 20px; 
	line-height: 1em;
}  
#sidebar ul.menu ul.menu li,
#sidebar ul.menu ul.menu li a {
} 
#sidebar ul.menu ul.menu li:before {
	content: "";
}
/********************************************
	END OF SIDEBAR
********************************************/ 


/********************************************
	Social Media
********************************************/ 
div.menu-smedia { 
	width: auto;  
}
div.menu-smedia ul { 
	list-style: none;
	margin: 26px 0 0 0 !important;
	padding: 0 !important;
	width: auto; 
	list-style: none !important;
	display: inline-block
}
div.menu-smedia ul li { 
	margin: 0 !important;
	padding: 0 !important; 
	list-style: none !important;
	float: left; 
}
div.menu-smedia label,
div.menu-smedia h5, 
div.menu-smedia ul li.label {  
	margin: 0;
	padding: 0; 
	font-family: "proxima-nova-condensed";
	font-weight: 800;
	font-size: 11px;
	line-height: 1.1;
	letter-spacing: 0.9px;
	text-transform: uppercase; 
	color: #317DBF;  
}
div.menu-smedia ul li.label {  
	width: auto;
	padding: 0;
	padding-top: 6px;
	padding-right: 23px; 
	vertical-align: baseline;
}
div.menu-smedia ul li a {
	display: inline-block; 
	height: 15px;
	margin-right: 23px;
	/*
	background-position: 0 bottom;
	background-repeat: no-repeat;
	*/
	background: none !important;
}

/* Content detail */ 
div.menu-smedia ul li.smedia_fb svg { 
	width: 8px; 
	height: 15px;
} 
div.menu-smedia ul li.smedia_tw svg { 
	width: 19px;
	height: 15px;
}
div.menu-smedia ul li.smedia_youtube svg { 
	width: 20px; 
	height: 14px;
}
div.menu-smedia ul li.smedia_pinterest svg { 
	width: 11px;
	height: 14px;
}
div.menu-smedia ul li.smedia_linkedin svg { 
	width: 15px;
	height: 14px;
}
div.menu-smedia ul li.smedia_gplus svg { 
	width: 25px;
	height: 14px;
}
div.menu-smedia ul li a svg {
	fill: #062B44;
}
div.menu-smedia ul li a:hover svg {
	fill: #F7941F;
} 


/* Header/Footer */
header div.menu-smedia ul {
	margin-top: 10px;
	float: left;
}
header div.menu-smedia ul li a,
footer div.menu-smedia ul li a { 
	height: 22px;
	margin-right: 22px; 
}
header div.menu-smedia ul li.smedia_fb svg,
footer div.menu-smedia ul li.smedia_fb svg {
	width: 11px;
	height: 22px;
} 
header div.menu-smedia ul li.smedia_tw svg,
footer div.menu-smedia ul li.smedia_tw svg { 
	width: 25px;
	height: 21px;
}
header div.menu-smedia ul li.smedia_youtube svg,
footer div.menu-smedia ul li.smedia_youtube svg {
	width: 26px;
	height: 19px;
}
header div.menu-smedia ul li.smedia_pinterest svg,
footer div.menu-smedia ul li.smedia_pinterest svg { 
	width: 17px;
	height: 22px;
}
header div.menu-smedia ul li.smedia_linkedin svg,
footer div.menu-smedia ul li.smedia_linkedin svg {
	width: 22px;
	height: 21px;
}
header div.menu-smedia ul li.smedia_gplus svg,
footer div.menu-smedia ul li.smedia_gplus svg { 
	width: 30px;
	height: 20px;
} 
header div.menu-smedia ul li svg,
footer div.menu-smedia ul li svg {
	fill: white;
}
header div.menu-smedia ul li:hover svg,
footer div.menu-smedia ul li:hover svg {
	fill: #F7941F;
} 
/********************************************
	END OF SOCIAL MEDIA
********************************************/



/********************************************
	Footer
********************************************/
footer {
	background-color: #072B45;
	border: 1px solid #072B45;
	color: white; 
	width: 100%;
	max-width: 1440px;
	clear: both;
	float: none;
	margin: 0 auto;
	padding: 0;
}
footer:before,
footer:after {
	content: "";
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	clear: both;  
}
footer div.wrapper-962 {
	margin-top: 80px;
}
footer div#copyright {  
   padding: 30px 1rem;
  	background-color: #06466b;
  	vertical-align: middle;
}
footer div#copyright p {
  	font: 16px/1.5em "proxima-nova"; 
  	text-align: center;
  	color: white; 
  	margin: 0;
  	padding: 0; 
}
footer #logo-footer {
	width: 255px;
 	height: 78px; 
 	display: block;
 	background: url("/sites/all/themes/iii_responsive/images/III_logo_RGB_KOtype_iconol.svg") no-repeat 0 0;
}
footer #logo-footer + div.menu-smedia {
	margin-top: 50px;
}
footer div#menu-footer { 
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
	-moz-column-gap: 20px; /* Firefox */
	column-gap: 20px;    
}
footer div#menu-footer ul { 
	max-width: 160px; 
	padding: 0;
	margin: 0 0px 48px 20px; 
	list-style: none;  
  	display: inline-block; 
}  
footer div#menu-footer ul li label.menu {
	line-height: 11px;
}
/********************************************
	END OF FOOTER
********************************************/
 
/* Tabbed content */
/*
div.content-tabs { 
    margin: 0 auto;
    background-color: #FFFFFF;
	 border: 1px solid green;
}
*/
div.main-tabs-nav {
	display: block;
	list-style: none;
	margin: 0 auto 2em auto;
	padding: 0; 
	width: auto;
	text-align: center; 
}
div.main-tabs-nav a {
	display: inline-block; 
    color: #9A9A9A; 
    background-color: none;
    text-align: center;
    text-decoration: none;
    position: relative;	
    font-size: 20px;
	 font-weight: bold;
    padding: 12px 23px;  
	 width: auto;
	cursor: pointer;
	 border-bottom: 1px solid transparent;
}
div.main-tabs-nav a.active {
	border-bottom: 1px solid #F1CA4D;
}
div.main-tabs-nav a:hover {
	color: #F0B880;
}
div.main-tabs-nav a:last-child {
	margin-right: 0;
}
div.main-tabs-nav a.active {
	color: #062B44; 
} 
/*
div.main-tabs-nav a.active:after {
	 content: "";
    display: flex;
    height: 1px;
    flex: 1;
    background-color: #F1CA4D;
    margin-top: 10px;
}
*/
div[tab] {
	width: 100%;
}
div[tab]:not(.active)  {
	display: none;
} 

div.grid h4,
div.grid div.main-tabs-nav a {
	font-size: 20px;
	line-height: 0.95em;
	letter-spacing: 0.5px;	
	color: #9A9A9a;
}
div.grid h4,
div.grid div.main-tabs-nav a.active {
	color: #072b45;
}


/* Miscellaneous */  
ul.page-slider { 
	position: fixed ;
	top: 45%;    
	background-color: #F7941F;
	color: white;
	list-style: none;
	padding: 26px 80px 26px 80px;
	display: inline-block;
	max-width: 350px;
	min-width: 53px;
	min-height: 75px; 
	cursor: pointer;  
}
ul.page-slider li {
	width: 190px;
}
ul.page-slider[dir="prev"] { 
}
ul.page-slider[dir="prev"]:after {
	content: " ";
	width: 53px;
	height: 75px;	
	background: url("/sites/all/themes/iii_responsive/images/icons/arrow_prev.png") no-repeat center center; 
	display: inline-block;
	position: absolute;
	right: 24px; 
	top: 0; 
	height: 100%; 
}
ul.page-slider[dir="prev"] li {
	position: relative;    
	padding-right: 24px;  
}
ul.page-slider.close { 
	padding: 26px 0px; 
}
ul.page-slider.close:after {
	left: 0;
	right: 0;
	cursor: pointer;
}
ul.page-slider.close li {
	visibility: hidden;
	width: 0;
	height: 0; 
} 
ul.page-slider[dir="next"] { 
	right: 0;
	background: #F7941F url("/sites/all/themes/iii_responsive/images/icons/arrow_next.png") no-repeat 38px center;
}
ul.page-slider[dir="next"].close {
	background-position: 16px center
}
ul.page-slider * {
	color: white;
}
ul.page-slider h5 {
	text-transform: uppercase;
	margin-bottom: 4px;
} 
/* END OF MISCELLANEOUS */


@media only screen and (max-width: 900px) { 
	div[id^="menu-panel-"] ul {
		min-width: 0; 
		width: 100%
	}
}
@media only screen and (max-width: 800px) {
	div#menu-panel-search div.row,
	div#menu-panel-search form {
		padding-left: 3%
	}
	footer .three-column-962 {
 		width: 100%;
 	}
}
@media only screen and (max-width: 700px) {
	header img,
	footer img {
		width: 100%;
	}
	footer div#menu-footer ul { 
		margin: 0 0px 20px 0px; 
	}
	header {
		margin-bottom: 0;
	} 
	header:last-of-type {
		margin-bottom: 20px; 
	} 

	div.main-tabs-nav:not(.widget) { 
		margin: 0.5rem; 
		padding: 0; 
		padding-bottom: 15px;
		text-align: left;
		width: auto;
		white-space: nowrap; 
		overflow-y: hidden;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
   	-ms-overflow-style: none;
	}
	div.main-tabs-nav:not(.widget) a {
		padding: 4px;  
		margin: 0;
		margin-right: 3px;
		font-size: 16px;
	} 
}

@media only screen and (max-width: 415px) {
	footer div#menu-footer {
		-webkit-columns: 1; /* Chrome, Safari, Opera */
   	-moz-columns: 1; /* Firefox */
    	columns: 1;
    	column-gap: 0; 
	}
	footer div#menu-footer ul {
		width: 100%;
		max-width: 100%;
		float: none;
		clear: both; 
	}
}

.jump-links ul.menu li a,
.jump-links div[id^="menu-panel-"] ul li a {
	color: #959595; 
}