/**
 * @file
 *   CSS & media queries for responsive_menus_simple style.
 */

/* Responsive mode, engage! */
.responsive-menus.responsified {
  clear: both;
  width: 100%;
}

.responsive-menus.responsified span.toggler {
  padding: 1px;
  padding-top:6px;
  padding-bottom:6px;
  display: block;
  background: transparent;
  color: #6ab3dc;
  font-weight:400;
  font-size: 1em;
  text-align: center;
  cursor: pointer;

}

#section-header .responsive-menus.responsified {
	position:fixed;
/*	position:relative;*/
	background-color:#fff;
	display:block;
	z-index:5;
	border-bottom: solid #f68a1f 4px;
	padding-bottom:2px;
	
}

/*hide 'start free trial' in mobile header*/
#section-header  .responsive-menus.responsified.responsive-toggled .responsive-menus-simple ul li:last-child {display:none;}

/*top menu has grey inactive toggler, blue active toggler*/
#section-header .responsive-menus.responsified span.toggler {
	  color: #ccc;
}



#section-header  .responsive-menus.responsified.responsive-toggled span.toggler {
	 color: #6ab3dc;
}

/*responsive menu trigger - custom*/
span.toggler  .responsive_menu_trigger {  
	/* width:94%; */
	margin-left:10px;
	text-align:right;

	padding: .6em 1em 1em .6em;
}
/*class specifically for footer*/
.responsive_menu_trigger_footer {
	text-align:left !important; 	
}

#block-nodeblock-5003 .responsive_menu_trigger_footer {
	/* padding-bottom:.6em; */
	border-bottom: 1px solid #2C3F4A;
	box-shadow: inset 0 0px 0 #1B262D, 0 1px 0 #1B262D;
	padding: 1em 1em 1.4em 1em;
}

.responsive-menus.responsified.responsive-toggled span.toggler {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: #6ab3dc;
  font-weight:400;
}

/*UNTOGGLED TOGGLER*/
#responsive_menu_trigger_bg {
	width:60px;
	height:100px;
	position:absolute;
	text-align:center;
	font-size:2em;
	right:0px;
	top:-34px;
	padding-top:30px;
	
}
/*TOGGLED TOGGLER:*/
.responsive-menus.responsified.responsive-toggled span.toggler #responsive_menu_trigger_bg {
	/*font-weight:bold;
	background: #232e35;  
	width:1.2em; 
	height:50px; 
	padding: 8px 1% 20px .3em;
	top:0; display:inline; 
	float:right; right:0; 
	text-align:center;
	position:absolute;
	z-index:9999*/
	background: #232e35;  
	z-index:9999

	
}


/*menu drop down styles */
.responsive-menus.responsified .responsive-menus-simple {
  display: none;
  background: #232e35; 
  width:100%;
  
}
/*just in header*/
#section-header .responsive-menus.responsified .responsive-menus-simple {
border-top: solid #f68a1f 4px;
}

.responsive-menus.responsified.responsive-toggled .responsive-menus-simple,
.responsive-menus.responsified.responsive-toggled .responsive-menus-simple ul {
  display: block;
  padding: 0;
  margin: 0;
}

.responsive-menus.responsified.responsive-toggled.absolute {
  position: relative;
  z-index: 999;
}

.responsive-menus.responsified.responsive-toggled.absolute .responsive-menus-simple {
  position: absolute;
  z-index: 999;
  top: auto;
}

.responsive-menus.responsified .responsive-menus-simple li {
  width: 100%;
  display: block;
  padding: 0;
  margin: 0;
  clear: both;
  list-style: none;
  
}

.responsive-menus.responsified .responsive-menus-simple li a {
  color: #6ab3dc;
  display: block;
  padding: 1em 5%;
  margin: 0;
  text-align: left;
	width: 80%;
	margin-left: 1em;
	border-bottom: 1px solid #2C3F4A;
	box-shadow: inset 0 0px 0 #1B262D, 0 1px 0 #1B262D;

  text-decoration: none;
  text-transform: uppercase;
}



.responsive-menus.responsified .responsive-menus-simple>li.last a {
  border-bottom: none;
}

.responsive-menus.responsified .responsive-menus-simple li ul li a {
  padding: 1em 0 1em 10%;
}

.responsive-menus.responsified .responsive-menus-simple li ul li ul li a {
  padding: 1em 0 1em 15%;
}

.responsive-menus.responsified .responsive-menus-simple li ul {
  display: block !important;
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

/* Inactive rule */
.responsive-menus span.toggler {
  display: none;
}