/*
	Theme Name: AkGov2016 Genesis Theme Custom Styles
	Theme URI: https://gov.alaska.gov
	Description: The Custom Styles sheet is intended to customizes specific pages and features on Office of the Governor webpages.  
	Author: Stephen Mattson, Office of Governor
	Author URI: https://gov.alaska.gov
	Version: 3.5

	Template: genesis
	Template Version: 2.1

	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Table of Contents

	- Accordion FAQ
	- Boards and Commissions table
	- Custom Tables
	- Cabinet Bio
		- Member information
		- Accordion FAQ
	- Update Cabinet Page
	- Conference Agendas and Speaker Info
	- Contact Page
		-Constituent Relations
	- Colored Social Media Icons
	- Elections Region Contacts
	- Upcoming Events
	- Recent Events Widget
	- Priorities
	- Button Box
	- Lists
	- Shim (width hacks)
	- Inline anchor links
	- Admin Orders
	- CRM Styles
			
*/

/*** Accordion FAQ ***/
h3.accordion-header.bio-header, h4.bio-header {
    background-color: #f5f5f5;
    border: 1px solid #ececec;
    padding: .5rem;
    font-size: 1rem;
	margin: 0 1em;
    text-transform: none;
}
h3.accordion-header.small-accordion {
background-color: #f5f5f5;
    border: 1px solid #ececec;
    color: #333333;
    padding: .5rem 1em;
    font-size: 1rem;
    margin:0 0 .5em;
    text-transform: none;
}
.accordion-content {padding: 1em;}
.one-half > div.two-col {
    margin-left: 1em !important;
    margin-right: 1em !important;
}
.faq-spacer {
	margin-top: -.5em !important;
	margin-bottom: 1em !important;
}

/*** Boards and Commissions ***/
.frm_inline_form .inline-correction {margin-top: 14px;}
table.boards tbody tr:nth-child(odd) {
    background: rgba(245,245,245,1);
}
table.boards tbody tr td{
    padding: 10px 0 10px 5px;
	line-height: 1.5em;
}
table.boards thead th:first-child {
    width: 60%;
	padding-right: 4em;
}
table.boards-roster thead {
    border-bottom:1px solid #777777;
}
table.boards-roster tbody tr:nth-child(odd) {
    background: rgba(245,245,245,1);
}
table.boards-roster td{ 
    font-size: .875em;
    max-width: 22em;
    padding: 15px 10px;
    line-height: 1.2em;
	vertical-align: top;
}
table.boards-roster td span.position{ 
    font-size: 85%;
}
.fact-sheet ul li {
    list-style: none;
    font-size: 120%;
}
/*** Custom Tables ***/
table.locations-table {
    border: 1px solid rgba(231,211,126,1.00);
    border-collapse: collapse;
    border-spacing: 0;
}
col.locations-table-col-odd {
    background-color: rgba(246,238,203,1.00);
}
col.locations-table-col-even {
    background-color: rgba(255,255,255,1.00);
}
.locations-table tbody, .committees-table tbody {
    border-bottom: none;
}
.locations-table tbody td, .committees-table tbody td {
    color: #333;
    padding: 10px;
    border-top: none;
    border-bottom: none;
    line-height: 1.5em;
	vertical-align: top;
}
table .locations-table, table.committees-table {
    border: 1px solid rgba(60, 61, 66, .15);
    border-collapse: collapse;
    border-spacing: 0;
}
/*col.locations-table-col-odd, col.committees-table-col-odd {
    background-color: rgba(245,245,245,1);
}*/
col.locations-table-col-even, col.committees-table-col-even {
    background-color: rgba(255,255,255,1.00);
}
table.locations-table th, table.committees-table th {
    background-color: rgba(60, 61, 66, 1);
    color: rgb(250, 250, 250);
    min-width: 13em;
    padding: 0 10px;
    text-align: left;
}

/*** Cabinet Page ***/
.cabinet-bios h3.bio-header{    
	margin: 0 2em 4em;
	text-align: center;
}
.cabinet-bios p.member {font-size: .675rem; text-align: center; margin-bottom:0;}
.cabinet-bios p.member .commissioner {
    font-weight: bold;
    font-size: .875rem;
}
.cabinet-bios .accordion-content {
    padding: 1em;
    position: absolute;
    max-width: 930px;
    background: white;
    box-shadow: 0px 0px 0px 1200px rgba(0,0,0,.3 );
    margin: 0px auto !important;
    z-index: 100;
    left: 10%;
    right: 10%;
}
.cabinet-bios .accordion-content.col-two {
    left: -20px;
}
.cabinet-bios .accordion-content.col-three {
    left: -120px;
}
.cabinet-bios .accordion-content.col-four {
    left: -220px;
}
/*** Updated Cabinet Page ***/
.cabinet-bios.updated{
	text-align: center;
}
.cabinet-bios h2.name{
    font-size: 1em;
    margin: 0;
}
.cabinet-bios h3.position {
    font-size: 0.75em;
	font-weight: normal;
	font-style:italic;
    margin: 0 0 10px;
}
.cabinet-bios figure {
	margin: 0 0 2em;
	min-height: 250px;
}
.cabinet-bios figure img {
	margin: 0;
}
.member-detail {
	margin: 1em 0 0 0;
	padding: 0 10px;
}
.member-detail .member-photo img {
	float: left;
	margin: 0 1em 0 0;
}
.member-detail h5 {
	font-size: 90%;
    font-weight: normal;
    color: saddlebrown;
	margin: 1em 0 0;
}
.member-detail ul {
    margin: 0 0 32px 0;
}
.member-detail ul li {
    margin: 0 0 0 20px;
    list-style-type: circle;
}
.member-detail hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	margin-bottom: 10px;
}
.staff-position {
	margin: 0;
}
/*** Conference Agenda and Speaker Info ***/
.event-schedule {
  border-top: 5px solid #302724;
  background-color: rgba(245,245,245,1);
}
.event-schedule h3 {
  text-align: center;
  margin: 1em 0;
  font-size: 1.25em;
}
.event-schedule h2 {
  font-size: 1.15em;
  padding: 0;
  margin: 0;
}
ol.sessions {
  border-top: 1px solid #8b8380;
  margin: 0;
}
ol.sessions li.single-session {
  padding: 1em;
  list-style-type: none;
  margin: 0;
}
ol.sessions li.single-session:nth-child(even) {
  background-color: #ffffff;
}
ol.sessions li.single-session time {
  display: inline-block;
  width: 24%;
  font-weight: bold;
  font-style: italic;
  vertical-align: top;
}
ol.sessions li.single-session .event-description {
  display: inline-block;
  width: 75%;
}
span.speaker-img-link {
  float: left;
  margin: 0 1em 1em 0;
}
p.byline {
  color: brown;
  font-weight: bold;
}

/*** Contact Page ***/
.contact-number {
    color: #333;
    font-size: 1.5em !important;
    text-align: center;
    font-weight: bold;
}
.phone-number {
    font-weight: normal;
}

/*** Constituent Relations ***/
ul.cr_icons li:nth-child(even) {
    background: #e5e5e5;
    }
.cr_icons a{    
	background: url("../images/cr-sprite2.png") no-repeat scroll;
	color: #4e4c4c;
    display: block;
    height: 70px;
    padding: 20px 0px 0px 80px;
	font-weight: bold;
}
    
.cr_icons a:hover{    
	color: #4e4c4c;
}
/*** Showcase Captions ***/
.metaslider.caption-right .caption-wrap {
    width: 36% !important;
    margin: 5% 4%;
    left: initial;
    right: 0;
    padding: 20px 14px;
    line-height: 1.6em;
}
.metaslider.caption-left .caption-wrap {
    width: 36% !important;
    margin: 5% 4%;
    opacity: .9;
    padding: 20px 14px;
    line-height: 1.6em;
}
.metaslider.white .caption-wrap{
	background-color: rgba(10, 76, 120, .9);
	color: #ffffff;
    opacity: 1;
}

/*** Elections Region Contacts ***/
div.elections-region {
    background: #f5f5f5;
    border: 1px solid #ddd;
	display: inline-block; 
    padding: 20px 20px 0 ;
    margin: 0 0 32px 0;
	width: 100%;
}
/*** Colored Social Media Icons ***/
#simple-social-icons-4 ul li.social-facebook a{background-color: #37589b !important;}
#simple-social-icons-4 ul li.social-twitter a{background-color: #46D3FE !important;}
#simple-social-icons-4 ul li.social-vimeo a{background-color: #1AB7EA !important;}
#simple-social-icons-4 ul li.social-youtube a{background-color: #C42F2B !important;}
#simple-social-icons-4 ul li.social-instagram a{background-color: #3F719B !important;}
#simple-social-icons-4 ul li.social-flickr a{background-color: #FA3F86 !important;}
#simple-social-icons-4 ul li a:hover {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    transform: translateY(-4px); 
}
/*** Upcoming Events - Legislative Bills ***/

dl.upcoming-event, dl.submitted-bill, dl.flag-status  {
    float: left;
    width: 100%;
    max-width: 598px;
    margin: 10px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #f5f5f5;
}
dl.submitted-bill {
    margin: 10px 0;
}
dt.event-title, dt.bill-title {
    color: brown;
    float: right;
    line-height: 1;
    max-width: 468px;
    width: 100%;
    margin: 0 0 5px 0;
    padding: 0;
}
dt.bill-title {
    color: #3f78a7;
}
dt.event-title hr, dt.bill-title hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin: 5px 0 0;
	padding: 0;
}
dd.upcoming-event-thumb img{
    float: left;
    padding: 2px;
    margin: 0 10px 10px 0;
    border: 1px solid #ccc;
    background-color: #fff;
}
dd.bill-number {
    color: #3f78a7;
    float: left;
    padding: 0px 10px;
    margin: 0 10px 5px 0;
    border: 1px solid #ccc;
    background-color: #fff;
}
dd.bill-number span {
    display: inherit;
	line-height: 1;
	text-align: center;
}
dd.bill-number span.line-one {
    font-size: 2.2em;
	font-weight: bolder;
}
dd.bill-number span.line-two {
    font-size: 2.5em;
	font-weight: lighter;
}
dd.event-description, dd.bill-description{
	font-size: 80%;
	margin: 0 0 10px;
	padding: 0;
	clear: both;
}
.accordion-content dd.bill-description{
	font-size: 110%;
}
dd.upcoming-event-thumb, dd.event-time, dd.event-location, dd.event-date{
	font-size: 90%;
	margin: 0;
	padding: 0;
}
dd.event-date{
	clear: both;
}

/*** Recent Events  ***/
dl.event-widget {
    width: 100%;
    max-width: 275px;
    float: left;
    margin: 0 0 10px 0;
    padding: 0;
}
dl.event-widget dd, dl.event-widget dt {
    margin: 0;
}
dt.event-title {
    float: right;
    font-weight: bold;
    color: darkcyan;
    max-width: 70%;
    border-bottom: 1px dashed #ccc;
    line-height: 1.25em;
    padding: 0 0 7px;
}
dd.event-thumb {
    float: left;
}
dd.event-thumb img {
    border-radius: 50%;
    background-color: #ececec;
    width: 75px;
    height: 75px;
}
dd.event-links {
    clear: right;
    font-size: 90%;
    padding: 5px 0 0 82px;
}
/*** Status of the Flag ***/
dt.flag {
    float: right;
    font-weight: bold;
    color: darkcyan;
    border-bottom: 1px dashed #ccc;
    line-height: 1.25em;
    padding: 0 0 7px;
	max-width: 425px;
    width: 100%;
    font-size: 150%;
}
.flag-status dd {
margin-left: 10px;
}

/*** Priorities ***/
.sidebar-home .priorities-div  {
    background-image: url('https://gov.alaska.gov/wp-content/uploads/sites/5/website-white-bg.jpg');
    background-repeat: no-repeat;
    background-position: 69px 0px;
    background-size: 76%;
    padding: 64% 0 0;
}
.home ul.priorities {
    clear: both;
}
.home ul.priorities li {
    display: block;
    text-align: center;
    padding: 0 !important;
    margin: 10px 0px;
    font-size: 120%;
    text-transform: uppercase;
    color: white;
    letter-spacing: 2px;
}
.home ul.priorities li a, .button-box a {
    color: white;
    display: block;
    padding: 0;
}
.home ul.priorities li a:hover{
    background: rgba(10,76,120,.5);
    text-decoration: none;
}
.home ul.priorities li span, .button-box a{
    display: block;
    background: rgba(10,76,120,.8);
    width: 100%;
    padding: 14px 0;
    transition: ease 1s;
}
.home ul.priorities li span:hover, .button-box a:hover{
    letter-spacing: 5px;
    transition: ease .25s;
}
ul.footer-priorities li {
    background: none;
    text-align: center;
    font-size: 1.25em;
    text-transform: uppercase;
    font-style: italic;
    letter-spacing: 2px;
}
/*** Button Box ***/
.button-box {
    font-size: 110% !important;
    letter-spacing: 2px;
	margin: 16px auto !important;
    text-align: center;
    text-transform: uppercase;
	width: 60%;
}
.button-box a, .button-box span{
    display: block;
    background: rgba(10,76,120,.8);
    width: 100%;
    padding: 14px 0;
    transition: ease 1s;
}
.button-box a:hover, .button-box span:hover{
    letter-spacing: 3px;
    transition: ease .25s;
}

/*Depricated, but class still may still appear*/
ol.alpha-list li, ol.alpha-list-1 li, ol.alpha-list-2 li, ol.para-alpha-list li, ol.para-alpha-list-1 li, ol.para-alpha-list-2 li, ol.para-num-list li, ol.para-num-list-1 li, ol.para-num-list-2 li{
    position: relative;
}
ol.para-num-list li{
 	list-style-type: none;
}
 ol.para-alpha-list li:before {
    counter-increment: alpha;
    content:"(" counter(alpha, lower-alpha)") "
}
ol.alpha-list, ol.alpha-list-1, ol.alpha-list-2, ol.para-alpha-list, ol.para-alpha-list-1, ol.para-alpha-list-2 {
    counter-reset: alpha;
}
ol.alpha-list li {
    list-style-type: lower-alpha;
}
ol.num-list, ol.para-num-list, ol.para-num-list-1, ol.para-num-list-2, ol.para-num-list-3 {
    counter-reset: roman;
}
ol.para-alpha-list li, ol.para-alpha-list-1 li, ol.para-alpha-list-2 li{
 	list-style-type: alpha;
}
ol.para-num-list-1 li:before {
    counter-increment: roman;
    content:counter(roman)") ";
}
ol.para-num-list li:before, ol.para-num-list-2 li:before {
    counter-increment: roman;
    content:"(" counter(roman)") ";
}
ol.para-num-list-3 li, ol.num-list-1 li {
	list-style-type: lower-roman;
}
ol.num-list-2 li {
	list-style-type: upper-roman;
}
ol.alpha-list-2 > li, ol.alpha-upper > li {
    list-style-type: upper-alpha;
}
ol.para-alpha-list-3 li:before {
    counter-increment: alpha;
    content:counter(alpha, upper-alpha)") ";
}
ol.para-alpha-list-4 li:before {
    counter-increment: alpha;
    content:"(" counter(alpha, upper-alpha)") ";
}
ol.alpha-list > li, ol.alpha-list-1 > li, ol.alpha-lower > li {
    list-style-type: lower-alpha;
}
ol.para-alpha-list-1 li:before {
    counter-increment: alpha;
    content:counter(alpha, lower-alpha)") ";
}
ol.para-alpha-list-2 li:before {
    counter-increment: alpha;
    content:"(" counter(alpha, lower-alpha)") ";
}
/*End depricated*/

/*** Customized List Style ***/
/*This code provides applies styles to the following list types:
1) Numbers with unpaired parenthesis - ".cl_unpaired-num"  1)
2) Numbers with paired parenthesis - ".cl_paired-num" (1)
3) Roman numerals, uppercase - ".cl_upper-roman" I.
4) Roman numerals, lowercase - ".cl_lower-roman" i.
5) Roman numerals, lowercase with unpaired parenthesis - ".cl_unpaired-lower-roman" i)
6) Roman numerals, lowercase with paired parenthesis - ".cl_paired-lower-roman" (i)
7) Alpha, uppercase, - ".cl_upper-alpha" A.
8) Alpha, uppercase with unpaired parenthesis - ".cl_unpaired-upper-alpha" A)
9) Alpha, uppercase with paired parenthesis - ".cl_paired-upper-alpha" (A)
10) Alpha, lowercase - ".cl_lower-alpha" A.
11) Alpha, lowercase with unpaired parenthesis - ".cl_unpaired-lower-alpha" A)
12) Alpha, lowercase with paired parenthesis - ".cl_paired--lower-alpha" (A)

The prefix cl is used to create clarity of code specific for Custom Lists

/*Remove default list style*/
.cl_clean-list li{
	list-style-type: none !important;
}
.sidebar .cl_clean-list li{
	padding: 0px !important;
}
/*Place custom list style*/
.cl_place-list li{
   position: relative;
}
/*Reset counters for nested lists*/
.cl_reset-alpha-counter, .cl_reset-alpha-counter li {
   counter-reset: alpha;
}
ol.cl_reset-roman-counter, ol.cl_reset-num-counter, ol.cl_reset-roman-counter li, ol.cl_reset-num-counter li{
   counter-reset: roman;
}
/*Numbers with unpaired parenthesis*/
ol.cl_unpaired-num {
	list-style-type: none;
}
ol.cl_unpaired-num li {
    counter-increment: roman;
}
ol.cl_unpaired-num li:before {
    content:counter(roman)") ";
}
/*Numbers with paired parenthesis */
ol.cl_paired-num {
	list-style-type: none;
}
.cl_paired-num li {
    counter-increment: roman;
}
.cl_paired-num li:before {
    content:"(" counter(roman)") ";
}
	/*Paired number nested within a paired lower alpha */
	.cl_paired-lower-alpha .cl_paired-num li {
		counter-increment: roman;
	}
	.cl_paired-lower-alpha .cl_paired-num li:before {
		content:"(" counter(roman)") ";
	}
	/*Paired number nested within a paired upper alpha */
	.cl_paired-upper-alpha .cl_paired-num li {
		counter-increment: roman;
	}
	.cl_paired-upper-alpha .cl_paired-num li:before {
		content:"(" counter(roman)") ";
	}

/*Uppercase Roman Numerals*/
ol.cl_upper-roman > li {
	list-style-type: upper-roman;
}
/*Lowercase Roman Numerals*/
ol.cl_lower-roman li, ol.cl_unpaired-lower-roman li, ol.cl_paired-lower-roman li {
	list-style-type: lower-roman;
}
/*Lowercase Roman Numerals with unpaired parenthesis*/
/*Lowercase Roman Numerals with paired parenthesis*/
/*Uppercase Alpha*/
ol.cl_upper-alpha > li, ol.cl_unpaired-upper-alpha > li, ol.cl_paired-upper-alpha > li {
    list-style-type: upper-alpha;
}
/*Uppercase Alpha with unpaired parenthesis*/
ol.cl_unpaired-upper-alpha li {
    counter-increment: alpha;
}
ol.cl_unpaired-upper-alpha li:before {
    content:counter(alpha, upper-alpha)") ";
}
/*Upperercase Alpha with paired parenthesis*/
ol.cl_paired-upper-alpha {
	list-style-type: none;
}
ol.cl_paired-upper-alpha li {
    counter-increment: alpha;
}
ol.cl_paired-upper-alpha li:before {
    content:"(" counter(alpha, upper-alpha)") ";
}
	/*Paired upper alpha nested within a paired number */
	.cl_paired-num .cl_paired-upper-alpha {
		counter-reset: alpha;
	}
	.cl_paired-num .cl_paired-upper-alpha li {
		counter-increment: alpha;
	}
	.cl_paired-num .cl_paired-upper-alpha li:before {
    content:counter(alpha, upper-alpha)") ";
	}
	
/*Lowercase Alpha*/
ol.cl_lower-alpha > li {
    list-style-type: lower-alpha;
}
/*Lowercase Alpha with unpaired parenthesis*/
ol.cl_unpaired-lower-alpha li:before {
    counter-increment: alpha;
    content:counter(alpha, lower-alpha)") ";
 	list-style-type: alpha;
}
/*Lowerercase Alpha with paired parenthesis*/
ol.cl_paired-lower-alpha {
	list-style-type: none;
}
ol.cl_paired-lower-alpha li {
    counter-increment: alpha;
}
ol.cl_paired-lower-alpha li:before {
    content:"(" counter(alpha, lower-alpha)") ";
}

ul li blockquote p, ol li blockquote p{
	font-size: inherit;
}

ol li p {
	font-size: inherit;
}



/*** Shim Hacks ***/
.shim {
    width: 960px;
}
/*** Inline Anchor links ***/
ul.inline-anchor {
    margin: 0 0 2em 0;
    padding: 0;
}
ul.inline-anchor li {
    display: inline;
    margin: 0 2px;
    padding: 0px;
}
.inline-anchor a {
    background: #fff;
    border-bottom: 5px solid #b94a48;
	color: #014c8b;
	font-size: 16px;
    line-height: 18px;
    margin: 0 0 2em;
    padding: 7px;
	word-wrap: break-word;
    text-align: center;
}
.inline-anchor a:hover, .inline-anchor a:active, .inline-anchor a:focus {
    border-top: 5px solid #3f78a7;
    border-bottom: none;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
}
/*** Admin Orders ***/
.admin-orders table{
    margin: auto;
	width: 80%;
}
.admin-orders table th{
    min-width: 350px;
    width: auto;
}
.admin-orders table th,.admin-orders table td {
    padding: 10px 0 10px 15px;
    vertical-align: top;
}

ul.frontpage-article {
    list-style: none;
    padding: 0 20px;
}
ul.frontpage-article li a{
	font-size: 1.2em;
}

/*** CRM Styles ***/
.crm form label {
	font-weight: bold;
}

#crNote {
    font-size: 20px;
    border: 1px solid rgb(255, 165, 0);
    padding: 13px;
    background-color: lightgoldenrodyellow;
    font-family: none;
}

.applyNote {
    font-size: 14px;
	margin: 0 0 8px 0;
}

#crNote p{
	margin: 0 0 13px;
	line-height: 1.2;
}
.required {
	color: red;
}
.apply form fieldset select {
	margin-top: 2px;
}
.apply .eeo {
    font-size: 16px;
    border: 1px solid rgb(255, 165, 0);
    padding: 13px;
    background-color: lightgoldenrodyellow;
	margin: 10px;
}

.validation-summary-errors {
    color: red;
    font-weight: bold;
}