/*
 * Theme Name: Alaska Governor Genesis Theme
 * Theme URI: http://gov.alaska.gov
 * Description: Alaska Governor is designed for the divisions within the State of Alaska Office of the Governor. 
 * Author: Stephen Mattson
 * Author URI: http://gov.alaska.gov
 * Version: 1.0.5
 * Version Date: 2016	
 *
 *
 * This style sheet is specific to the example template provided. Webmasters are not expected to use this style sheet in their own designs and may delete the link to this style sheet on their templates.

*/

/* Table of Contents

	- HTML5 Reset
		- Box Sizing
		- Float Clearing
	- Defaults
		- Typography
		- Form
		- List Styles
		- Tables
		- Responsive Menu
		- Content Area
	- Media Queries
		- max-width: 8em
		- min-width: 12em
		- min-width: 12.4em
		- min-width: 22.8em
		- min-width: 33.75em
		- min-width: 36em
		- min-width: 48em
		- min-width: 54em
		
*/

/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* Box Sizing
--------------------------------------------- */
*,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
/*
Defaults
---------------------------------------------------------------------------------------------------- */

/* Typography 
--------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    color: #014c8b;
	color: #3b7093;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    color: #014c8b;
	color: #3b7093;
    color:#06c;	
}
h1 {
    font-weight: normal;
    text-transform: uppercase;
    padding-top: .5em;
    font-size: 1.875em;
}
h2 {
    font-size: 1.5em;
    padding: 0;
    color: #000000;
}
h2.entry-title {
    font-size: 1.125em;
}
h3 {
    font-size: 1.17em;
    margin: 8px 0 5px;
}
h4 {
    font-size: 1.12em;
    font-size: 1.0em;
}
h5 {
    font-size: .83em;
    font-size: .90em;
/*    padding: 1em 0 .25em;
*/}
h6 {
    font-size: .75em;
}
p {
	font-size: .875em;
	margin: 0 0 26px;
}
.block-title {
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 3px solid #ececec;
    background-color: #f5f5f5;
    padding: 16px 16px 8px 10px;
    margin-left: -1px;
}

/* Form 
--------------------------------------------- */
fieldset {
    border: 0px solid #000000;
    margin: 0;
    padding: 1em;
    background-color: #ffffff;
}
.form-field {
    margin-bottom: 20px;
    clear: both;
}
.form-field, .form-label, .form-field input, .form-submit input {
	font-size: 14px;
}
.form-label {
    color: #444444;
    font-weight: bold;
    text-align: left;
    margin: 0;
    max-width: 100%;
    padding: 0 0 3px 0;
    width: auto;
    display: block;
}
.form-field input[type=text], .form-field input[type=email], .form-field textarea, .form-field select {
    color: #555555;
    background-color: #ffffff;
    border-color: #7f7f7f;
    border-width: 1px;
    border-style: solid;
    border-radius: 0px;
    width: 100%;
    max-width: 100%;
    padding: 6px 10px;
    box-sizing: border-box;
    outline: none;
    font-weight: normal;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    line-height: 1.3;
}
.form-field input[type=radio], .form-field input[type=checkbox] {
    color: #555555;
	display: inline-block;
}
.form-submit input[type=submit], .form-submit input[type=button] {
    width: auto;
    height: auto;
    line-height: normal;
    text-align: center;
    background: #d1ac2c;
    border-width: 1px;
    border-color: #cccccc;
    border-style: solid;
    color: #ffffff;
    cursor: pointer;
    font-weight: normal;
    border-radius: 4px;
    text-shadow: none;
    padding: 6px 11px;
    box-sizing: border-box;
    box-shadow: 0 1px 1px #eeeeee;
    margin: 10px;
    margin-left: 0;
    margin-right: 0;
    vertical-align: middle;
}
.form-submit input[type=submit]:hover, .form-submit input[type=button]:hover {
    background: #014c8b;
    border-color: #cccccc;
    color: #ffffff;
}
/*
List Styles
--------------------------------------------- */
.content ol, .content ul, .content dl {
    font-size: .875em;
}
.entry-content dt {
	font-weight: bold;
}
/*
Tables
--------------------------------------------- */
table {
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 2;
    margin-bottom: 40px;
    width: 100%;
}
th {
    font-weight: bold;
    text-transform: uppercase;
}
th, td {
    text-align: left;
}
table tbody tr:nth-child(odd) {
    background: rgba(245,245,245,1);
}
table tbody tr td {
    padding: 10px 0 10px 5px;
    line-height: 1.5em;
}
td {
    padding: 6px 0;
    font-size: .875em;
}
/*
Columns
Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */
.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.0%;
}
.one-half,
.three-sixths,
.two-fourths {
	width: 48%;
}
.one-third,
.two-sixths {
	width: 32%;
}
.four-sixths,
.two-thirds {
	width: 66%;
}
.one-fourth {
	width: 23%;
}
.three-fourths {
	width: 74%;
}
.one-sixth {
	width: 15%;
}
.five-sixths {
	width: 83%;
}
.first {
	clear: both;
	margin-left: 0;
}

/* Responsive Menu */
/* Styles with .responsive-menu target viewports with a min-width if 48em */ 
.responsive-menu-icon {
/*	background-color: #3f78a7;
*/	background-color: #2c4042;
	background-color: #222d39;
	background-color: #314151;
	cursor: pointer;
	display: none;
}

.responsive-menu-icon::before {
/*	content: "Menu";
*/	content: url(../../images/menu-button.png);
	display: block;
	font: normal 20px/1 'Open Sans';
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	color: white;
}
.agency-responsive-menu {
/*	background-color: #3f78a7;
*/	background-color: #2c4042;
	background-color: #222d39;
	background-color: #314151;
    clear: both;
    line-height: 1.5;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
	font-weight: lighter;
}
.agency-responsive-menu .menu-item, .responsive-menu-icon {
    display: block;
}
.agency-responsive-menu li {
	list-style: none;
}
.agency-responsive-menu > li {
    background-color:#657c7e;
	background-color: #7494AB;
}
.agency-responsive-menu a, .agency-responsive-menu > .first > a, .agency-responsive-menu > .last > a{
    border: none;
    color: #fff;
    display: block;
    font-weight: lighter;
    line-height: 1;
    padding: 16px;
    position: relative;
	text-decoration: none;
}
.agency-responsive-menu .menu-item-has-children > a {
    margin-right: 60px;
}
.agency-responsive-menu > .menu-item-has-children:before {
	color: #fff;
/*    content: "+";
*/    float: right;
    font: normal 20px/1;
    height: 20px;
    padding: 12px 20px;
    right: 0;
    text-align: right;
    z-index: 9999;
}
.agency-responsive-menu .menu-open.menu-item-has-children:before {
    content: "-";
}
.agency-responsive-menu > li > .sub-menu, .agency-responsive-menu {
    display: none;
}
.agency-responsive-menu .sub-menu {
    padding: 0;
}
.agency-responsive-menu .sub-menu a {
    background-color: #fff;
    color: #000;
    display: block;
    font-size: 88%;
    font-weight: normal;
    padding: 10px 12px;
    position: relative;
    width: auto;
    letter-spacing: .5px;
}
/* Conent Area */
.showcase section {
    margin: 0;
    padding: 0;
    background: #ffffff;
	max-height: 334px;
}
/*.content .home-top, .content sidebar, .content .sidebar-home, .content .bottom-block, .footer-block{
    padding: 16px 20px 10px;
}*/
.content .home-top, .content sidebar, .content .sidebar-home, .content .bottom-block{
    padding: 16px 20px 10px;
}
.content .footer-block{
    padding: 16px 20px 0px;
}
main.content, article.home-main-content article{
    padding: 0 20px 10px;
}
.entry-content .listing-item {
    margin: 5px 16px;
    padding: 5px 0;
    border-bottom: 1px solid #ececec;
}
.breadcrumb {
    color: #595959;
    font-size: 12px;
    padding: 10px;
}
.home .content {
	background: none;
	border: none;
}
.home .content > article, .content {
    background: #fff;
    max-width: 100%;
    width: auto;
	margin: 0;
}
/*.home .content > article{
    border-right: 1px solid #e2e2e2;
}
*/.content .entry-header .entry-meta {
    margin: 0;
    border: none;
    padding: 0;
    font-weight: bold;
}
.entry {
    margin-bottom: 1em;
    border-bottom: 1px solid #ececec;
}
.archive-pagination li {
    display: inline;
	list-style: none;
}
.archive-pagination li a {
    background-color: #014c8b;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 2;
    margin-bottom: 4px;
    padding: 8px 20px;
    text-decoration: none;
    text-transform: uppercase;
}
.archive-pagination li a:hover, .archive-pagination li.active a {
    background-color: #3b7093;
    text-decoration: none;
}
/** Sidebar Navigation **/
.sidebar ul li {
    border-top: 1px solid #ececec;
    font-size: 100%;
	list-style: none;
    text-transform: uppercase;
}
.sidebar p:last-child, .sidebar ul {
    margin: 0;
    padding: 0;
}
.sidebar .sidebar_nav_menu ul > li:first-child {
    border-top: none;
}
.sidebar .sidebar_nav_menu ul li a {
    color: #333333;
    display: block;
    padding: 8px 20px;
}
.sidebar .sidebar_nav_menu ul li:hover, .sidebar .sidebar_nav_menu ul li:hover {
    border-left: 3px solid rgb(0,102,204);
}
.sidebar {
	font-size: 1em;
	max-width: 100%;
    width: 100%;
    padding: 0;
}
.sidebar > section {
    margin-bottom: 2em;
    word-wrap: break-word;
    background-color: #ffffff;
    border-bottom: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
}
.sidebar section div > div {
    padding: 0;
}
.sidebar .sidebar-block p {
    margin: 0 16px 26px;
    padding: 0;
    font-size: 100%;
}
.sidebar h5 {
    margin: 0 1em;
    padding: 0;
    color: #000;
}
.sidebar-block ol {
    padding: 0 20px;
}
.sidebar-block ol > li {
    background-image: none;
    list-style-position: inside;
    list-style-type: decimal;
    padding: 0 0;
    font-size: 90%;
}
/** Home Page Specific **/
.home main.content{
    padding: 0;
}
.home-middle, .home-top {
    background-color: #fff;
    clear: both;
    overflow: hidden;
    padding: 1em 0;
    margin: 0 0 16px;	
}
.home .home-top h2 {
    font-size: 1em;
	text-transform: uppercase;
}
.home-top section article p {
    padding: 0 0 5px;
}
.home article.home-main-content > div > p {
    padding: 0 0 0 20px;
}
.home article.home-main-content .listing-item {
    margin: 0;
}
.home article.home-main-content .article-date {
    margin: 8px 0;
    font-weight: bold;
    font-size: .825em;
}
.home article.home-main-content .article-heading {
    padding: 0;
    font-weight: normal;
    text-transform: initial;
}
.home .content article.home-main-content h2 {
	font-size: 1.25em; /* 1.5 */
    font-weight: normal;
    border-width: 1px;
	padding: 0;
/*    border-bottom: 3px solid #ececec;
*//*	text-transform: uppercase;
*/	margin: 0 20px;
	color: black;
}
.home .content article.home-main-content h3 {
    font-size: 1em;
}

.home .sidebar-home {
	background: #fff;
	max-width: 100%;
    width: auto;
    padding: 0 20px;
    margin: 0 0 32px 0;
}
.home .sidebar-home h2 span.line-one{
    font-weight: 300;
    font-size: 1.25rem;
    letter-spacing: 1px;
    margin: 0;
    background: none;
    border: none;
    padding: 0;
	text-transform: uppercase;
}
.home .sidebar-home h2 span.line-two {
    background: none;
    text-transform: uppercase;
    font-weight: normal;
    border-bottom: 4px double;
    padding: 0;
    font-size: xx-large;
}
.home .bottom-block {
	background-color: #fff;
	width: 100%;
}
.home .home-lower-left {
	clear: both;
}
.home .home-lower-middle, .home .home-lower-left {
	margin: 0 2% 32px 0;
}
.home .home-lower-right {
	margin: 0;
}
.photostream {
	list-style: none;
	margin: 0;
	padding: 0;
}
.photostream li{
	display: block;
	float: left;
	margin: 1%;
    width: 31.3333333333%;
    height: 31.3333333333%;
}
.photostream li img{
	display: block;
    width: 100%;
}
.home h3.block-title {
    font-weight: normal;
    padding: 0 0 8px;
    border-bottom: 1px solid #ececec;
    background: none;
}
.event-date {
    float: left;
    height: 65px;
    width: 65px;
    background: #014c8b;
    color: #fff;
    padding: 10px;
    text-align: center;
    border-radius: 50%;
    font-size: .875em;
    margin: 0 10px 0 0;
}
article.event-info {
    clear: both;
    margin: 16px 0;
	padding: 4px 0;
}
article span.event-day-month {
    border-bottom: 1px solid #fff;
    padding: 0 0 2px 0;
    font-size: 1.2em;
}
h4.event-title {
    border-bottom: 1px solid #ececec;
    font-size: .83em;
    padding: 0 0 5px;
}
.event-coverage {
    padding: 0;
    margin: -6px 0 0 0;
    font-size: .875em;
}

@media screen and (max-width: 8em) {
}
@media screen and (min-width: 12em) {
}
@media screen and (min-width: 12.4em) {

}
@media screen and (min-width: 17.2em) {

}
@media screen and (min-width: 22.8em) {

}
@media only screen and (min-width: 33.75em) {

}
@media only screen and (min-width: 36em) {
.responsive-menu-icon {
    display: none;
}.agency-responsive-menu.responsive-menu > li > .sub-menu, .agency-responsive-menu.responsive-menu {
    display: block;
	text-transform: none;
}
.agency-responsive-menu.responsive-menu > .menu-item-has-children:before, .agency-responsive-menu.responsive-menu .menu-open.menu-item-has-children:before  {
    content: none;
    padding: 0;
}
.agency-responsive-menu .menu-item-has-children > a {
    margin-right: 0;
}
.agency-responsive-menu.responsive-menu > li {
    background: #2c4042;
	background: #222d39;
	background: #314151;
	display: inline-block;
	text-transform: uppercase;
}
.agency-responsive-menu.responsive-menu > li:hover {
    background-color: #3f5c5f;
	background-color: #314151;
    position: static;
}

.agency-responsive-menu.responsive-menu .sub-menu li {
    min-width: 15em;
}
.agency-responsive-menu.responsive-menu .sub-menu a:hover {
    border-left: 4px solid #e4cd6c;
/*    border-left: 4px solid #3F5C5F;
	border-left: 4px solid #314151;*/
    background-color: #fbf8e9;
/*	background-color: #C0D9D9;*/
	padding-left:13px; /* added from dept law */
}
.agency-responsive-menu.responsive-menu > li a, .agency-responsive-menu.responsive-menu > .first > a, .agency-responsive-menu.responsive-menu > .last > a{
    padding: 12px 17px; /* drop down menu spacing */
/*    padding: 12px 12px;
*/}
.agency-responsive-menu.responsive-menu .sub-menu {
    background: none repeat scroll 0 0 #ffffff;
    box-shadow: 0 0 5px #666;
    left: -9999px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    z-index: 999;
    text-transform: none;
}
.agency-responsive-menu.responsive-menu li:hover > .sub-menu {
    left: auto;
    opacity: 1;
}
.agency-responsive-menu.responsive-menu .sub-menu a {
    border: 1px solid #f5f5f5;
    border-top: none;
}
/* Content Area */
main.content {
    background-color: #ffffff;
}
.home-top section.featured-content {
    float: left;
    width: 33%;
    padding: 0 16px;
}
.home-top section.featured-content article p {
	border-bottom: none;
}
}
@media screen and (min-width: 48em) {
.home .content > article {
	float: left;
    max-width: 59%; /* original */
    max-width: 65%;
}
.home .sidebar-home {
	float: right;
	max-width: 39%;
}
.home .bottom-block {
	float: left;
	width: 32%;
	min-height: 450px;
}
.page .content {
	float: left;
	max-width: 66%;
}
.standard-components .content {
	height: 400px;
}
.sidebar {
	float: right;
	max-width: 32%;
}
.page.right-sidebar .content {
	float: left;
	max-width: 66%;
}
.page.right-sidebar .sidebar {
	float: right;
	max-width: 32%;
}
@media screen and (min-width: 54em) {
}