/* Start with core styles outside of a media query that apply to mobile and up */
/* Global typography and design elements, stacked containers */
body { font-family: Helvetica, san-serif; }
H1 { color: green; }
a:link { color:purple; }

/* Stack the two content containers */
.main,
.sidebar { display:block; width:100%; }

.navmenu-panel {
		visibility: visible;
		position: relative;
		left: 0;
		float: left;
		width: 15%;
		background: none;
		-webkit-transition: none !important;
		-moz-transition: none !important;
		transition: none !important;
		-webkit-transform: none !important;
		-moz-transform: none !important;
		transform: none !important;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}


/* First breakpoint at 576px */
/* Inherits mobile styles, but floats containers to make columns */
@media all and (min-width: 10em){
	.main { float: none; width:100%; }
	.navmenu-panel { float: none; width:100%; }
}

/* Second breakpoint at 800px */
/* Adjusts column proportions, tweaks base H1 */
@media all and (min-width: 50em){
	.main { width:70%; }
	.navmenu-panel { width:15%; }

	/* You can also tweak any other styles in a breakpoint */
	H1 { color: blue; font-size:1.2em }
}
/* CSS Document */





.content {
		width: 76%;
		padding-top: 2em;
		padding-left: 5%;
		padding-right: 3%;
		float: right;
	}
.content.fullwidth {
		width: auto;
		padding-left: 15%;
		padding-right: 15%;
		float: none;
	}
  

  
  /* Content */
 .content {
	padding-top: 3em;
}
 .content > h1,
 .content > h2,
 .content > h3,
 .content > p,
 .content > ul li,
 .content > a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
 .content > h1 {
	font-size: 2.4em;
	margin: 0 0 .625em;
}
 .content > h2 {
	color: #3eb249;
	background-color: transparent;
	border-bottom: 1px solid #ddd;
	font-size: 1.6em;
	padding-bottom: .2em;
	margin: 0 0 .7375em;
}
 .content > h3 {
	color: #3eb249;
	background-color: transparent;
	font-size: 1.4em;
	margin: 0 0 1em;
}
 .content > p {
	font-size: 1.2em;
	line-height: 1.5;
}
 .content > ul:not(.jqm-list) li {
	font-size: 1.2em;
	line-height: 1.5;
}
 .content > p {
	margin: 0 0 1.25em;
}
 .content > ul,
 .content > ol {
	padding-left: 1.3em;
}
 .content > .ui-listview {
	padding-left: 0;
}
 .content > a,
 .content > p a,
 .content > ul:not(.jqm-list) li a {
	font-weight: 400;
	text-decoration: none;
}
 .content strong {
	font-weight: 700;
}
 .content > p strong {
	font-weight: 400;
}





.ui-li-static.ui-collapsible > .ui-collapsible-heading {
    margin: 0;
}
.ui-li-static.ui-collapsible {
    padding: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-heading > .ui-btn {
    border-top-width: 0;
}
.ui-li-static.ui-collapsible > .ui-collapsible-heading.ui-collapsible-heading-collapsed > .ui-btn,
.ui-li-static.ui-collapsible > .ui-collapsible-content {
    border-bottom-width: 0;
}


.ui-selectmenu.ui-popup .ui-input-search {
    margin-left: .5em;
    margin-right: .5em;
}
.ui-selectmenu.ui-dialog .ui-content {
    padding-top: 0;
}
.ui-selectmenu.ui-dialog .ui-selectmenu-list {
    margin-top: 0;
}
.ui-selectmenu.ui-popup .ui-selectmenu-list li.ui-first-child .ui-btn {
    border-top-width: 1px;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.ui-selectmenu.ui-dialog .ui-header {
    border-bottom-width: 1px;
}