/* GCC */

/* @import url("/assets/css/gcc-jetmenu.css"); */

#jetmenu {font-family:'gcc'}

#jetmenu li ul {z-index:1000;}

#gcc-branding {
	background:#00584b;
}

.wrapper {
width: 93.75%; /* 960 / 1024 */
max-width:1200px;
max-width:960px;
margin:auto;
position:relative;
}

#gcc-branding h1 {display:none;}

#gcc-branding img {
	/* width:36.206896551%; /* 420px / 1160px */
width:45%;
padding:1% 0 1% 0;
}

#main-nav-container {
width:100%;
background:#333;
font-family:'gcc';
}

#user-nav {
position:absolute;
top:0;
right:1em;
font-family:'gcc';
}

#user-nav ul {
margin:0;padding:0;
}

#user-nav i {color:#fff; font-size:1.1em; margin-right:4px;}

#user-nav li {
display:inline-block;
font-size:0.75em;
padding:0 6px 0 6px;
border-right:1px solid #fff;
}

#user-nav li:last-child {
padding-right:0px;
border:none;
}

#user-nav li a {
color:#fff; 
}

#utility {
/* margin:40px 120px 0 0;
padding:0;
float:right;
width:180px; */
width:55%;
text-align:right;
position:absolute;
top:36px;
right:1em;
font-family:'gcc';
}

#utility ul {
padding:0;
list-style-type:none;
float:right;
}

#utility ul li {
display:inline-block;
/* font-family:'Lucida Sans Unicode','Lucida Grande', Verdana, Arial, sans-serif;font-size:11px; */
/* position:relative; */
font-size:16px;
}

#utility ul li {
display:inline-block;
padding:0;
margin:0;
}

#utility ul li#gcclogin {
}

#utility ul li#gcclogin a {
padding:4px 10px;
display:inline-block;
background:#428bca;
border-radius:4px;
}

#utility ul li ul li {font-size:12px; text-align:center}


#utility li a {
color:#d6edf6;
text-decoration:none;
}

#utility ul li ul {
position:absolute;
z-index:2000;
right:0px;
top:34px;
padding:0;
margin:0;
background:#333;
width:auto;
display:none;
font-size:0.8em;
box-shadow:#888 0px 1px 5px;
}

#utility ul li ul li {
-o-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
	outline: none;
}

#utility ul li ul li a {
background:none !important;
}

#utility ul li ul li:hover {
background:#02b8fa !important;
}

#utility ul li ul li {
display:block;
margin:0;
padding:0;
border-bottom:1px solid #666;
}

#utility ul li ul li:last-child {
border-bottom:none;
}

#utility ul li ul li a {
display:block;
color:#fff;
padding:10px 20px !important;
}

#utility ul li img {
display:inline-block;
width:25px;
}

@media (min-width: 1024px) { 
h1.menu-toggle {display:none !important;}
}

/* #1- Large desktop */
@media (min-width: 1200px) { 

.padding-b-60 {
	padding-bottom:60px !important;
}

}

/* #3- Portrait tablet to landscape and desktop */
@media (min-width: 769px) and (max-width: 979px) { ... }

/* #4- Landscape phone to portrait tablet */
@media (max-width: 800px) { 

#gateway {display:block;}
#user-nav, #utility {display:none;}
#gcc-branding img {width:100%;}



.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block !important;}

.menu-toggle {
		background:#00584b !important;
		color:#fff;
padding:5px;
font-family:'gcc';
font-size:0.8em;
	}


#masthead {padding-bottom:0 !important;
}

.mastimg #header {
}

.mastimg .site-branding {
margin-bottom:8%;
}

.menu-toggle, .main-navigation.toggled .nav-menu, #menu-main-menu .skip-link {
		display: block;
	}

.main-navigation ul {
	display: none;
	}
		
#site-navigation {
position:absolute;
bottom:0 !important;
}

#site-navigation .container {
padding:0;
width:95%;
}

#menu-main-menu {
position:absolute;
z-index:100;
}

#menu-main-menu li {
display:block;
float:none;
text-align:center;
border-bottom:1px solid #006b5a;
} 

#menu-main-menu li:first-child {
border-top:1px solid #006b5a;
}

#menu-main-menu a {
display:block;
background:#00584;
}

#site-navigation h1 {
/* font-size:1.4em;
padding:10px; */
}
	

/* #menu-main-menu li { display:block;
text-align:center;
width:100%;
} 

.main-navigation li {
display:block;
text-align:center;
border-bottom:none !important;
}

.main-navigation ul ul {
	float: none;
position: relative;
	top: 0;
	width:100%;
text-align:center;
}

.main-navigation ul ul a {
	width: 100%;
border-bottom:1px solid #0f685b;
}

#menu-main-menu ul.sub-menu li a {
width:100%;
}

#site-navigation .container {
width:100%;
border:1px solid red;
}

#site-navigation .menu-main-menu-container {border:1px solid blue;
padding:0 !important;
width:100% !important;}

.main-navigation #menu-main-menu {
position:absolute;
top:0px;
z-index:100;
} */

 }


/* Landscape phones and down */
@media (max-width: 500px) { ... }

@media (max-width: 320px) { 

.mastimg .site-branding h1.site-title {font-size:1em;}
.mastimg .site-branding h1.site-description {font-size:1em; display:block;}

 }

#utility ul {display:block; float:right;}
#site-search {display:block; margin-top:1px !important; float:right; width:auto; margin-left:10px;}
.gsc-search-button {display:none;}
/* #site-search div, #site-search td, #site-search form {border:none; margin:0; padding:0;} */
#site-search td, #site-search form {border:none; margin:0; padding:0;}
#___gcse_0 div {padding:0; margin:0;}
.gsc-control-cse {}
.gsc-input-box {border:none !important; background:#fff; height:30px;}
#site-search .gsc-input td {}
input.gsc-input {height:30px !important; background:url(/assets/imgs/search-icon.png) no-repeat 9px center !important; width:100px !important; font-family:'Graphik' !important; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
input.gsc-input:focus {width:200px !important; text-indent:40px !important;}
#site-search table {margin:0 !important;}
.gsc-results-wrapper-overlay {padding:40px !important; text-align:left;}
.gs-title {margin-top:20px !important;}
.gs-result .gs-title a {color:royalblue !important;}
.gcsc-foot {display:none !important;}
.gsc-cursor-box {padding-top:30px !important; text-align: center !important;}
.gsc-cursor-page {padding:6px !important;}
.gsc-modal-background-image {background-color:#000 !important;}

/* Sidebar accordion menu */
#secondary .menu-main-menu-container,
#secondary .menu-main-menu-container ul,
#secondary .menu-main-menu-container li,
#secondary .menu-main-menu-container a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-size: 1em;
  position: relative;
}
#secondary .menu-main-menu-container {
  width: 100%;
}
#secondary .menu-main-menu-container a {
  line-height: 1.3;
}

#secondary .menu-main-menu-container > ul > li {
  padding: 0;f
  border-bottom: 1px solid #d4d4d4;
  border-top: none;
  background: #f7f7f7;
}

#secondary .menu-main-menu-container > ul > li > a {
  font-size: .9em;
  display: block;
  color: #333;
  /* border: 1px solid #ba2f14; */
  border-top: none;
padding:10px;
} 


/* #secondary .menu-main-menu-container > ul > li > a > span {
  display: none;
  padding: 12px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
} */

#secondary .menu-main-menu-container > ul > li > a:hover {
  text-decoration: none;
}
#secondary .menu-main-menu-container > ul > li.active {
  border-bottom: none;
}
/* #secondary .menu-main-menu-container > ul > li.has-sub > a span {
  background: url("http://www.gcc.mass.edu/newacad/wp-content/themes/greenfield/menu_images/icon_plus.png") 96% center no-repeat;
}
#secondary .menu-main-menu-container > ul > li.has-sub.active > a span {
  background: url("http://www.gcc.mass.edu/newacad/wp-content/themes/greenfield/menu_images/icon_minus.png") 96% center no-repeat;
} */

#secondary .menu-main-menu-container ul ul {
  display: none;
  background: #fff;
}
#secondary .menu-main-menu-container ul ul li {
  padding: 0;
  border-bottom: 1px solid #d4d4d4;
  border-top: none;
  background: #f7f7f7;
 
}
#secondary .menu-main-menu-container ul ul li:last-child {
  border-bottom: none;
}
#secondary .menu-main-menu-container ul ul a {
  padding: 10px 10px 10px 25px;
  display: block;
  color: #676767;
  font-size: .8em;
  font-weight: normal;
}
#secondary .menu-main-menu-container ul ul a:before {
  content: '\00BB';
  position: absolute;
  left: 10px;
  color: #676767;
}
/* #secondary .menu-main-menu-container ul ul a:hover {
  color: #e94f31;
} */

#secondary .menu-main-menu-container .current-menu-parent .sub-menu {
display:block;
}



@media only screen and (min-width: 801px) {
	#mobilesearch {display:none;}

	}

#mobilesearch {
background:#333;
border-bottom:1px solid #666;
padding:2.5% 0 1.5% 0;
}

#mobilesearch #users, #mobilesearch #login {
width:10%;
float:left;
text-align:center;
}

#mobilesearch i {
}

#mobilesearch a {
color:#efefef;
}

#mobilesearch ul {
with:100%;
list-style-type:none;
padding:0;
margin:0;
text-align:center;
font-family: 'gcc';
font-weight:normal;
font-size:0.8em;
}

#mobilesearch li {
/* padding:2% 0 2% 0; */
border-top:1px solid;
}

#mobilesearch .msearch {
width:80%;
float:left;
}

#mobilesearch .gsc-control-cse {
padding:0;
background:#333;
border:none;
}

#mobilesearch .gsc-control-wrapper-cse {
/* padding:8px 8px 4px 8px; */
margin-top:-.5%;
}

#mobilesearch .gsc-input {
background-image:none !important;
}

#mobilesearch .gsc-search-button {
font-family:'gcc';
text-shadow:none;
color:#333;
font-weight:normal;
}

#mobilesearch .gsc-results-wrapper-nooverlay, #mobilesearch .gsc-results-wrapper-visible {
background:#fff;
position:absolute;
z-index:200;
left:2.5%;
width:95%;
}

#mobilesearch .gsc-modal-background-image.gsc-modal-background-image-visible {display:none !important!; visibility: hidden !important;}
#mobilesearch .gsc-results-wrapper-visible a { 
color:#4169e1;
}

#mobilesearch .gsc-resultsbox-visible {
border:1px solid #cecece;
}

#mobilesearch ul a {
	-o-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
	outline: none;
	z-index: 10;
text-decoration:none;
	padding: 12px 20px;
	/* padding: 18px 28px; */
	/* font-family: 'Open Sans', sans-serif; */
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	font-size:12px;
width:95%;
}
#mobilesearch ul li:hover > a,
#mobilesearch ul li.active > a {
	background: #02b8fa;
	color: #fff;
}

#mobilesearch ul li img {
display:inline-block;
width:25px;
}

#donate a:hover {background:none;}
#donate a {padding:6px 0 0 12px;}
#donate span {display:block !important; background:#f36c33; padding:6px 12px; border-radius:3px;}
#donate span:hover {background:#d35e2d;}