/*
	Theme Name: State of Idaho Theme - Office of the Governor
	Theme URL: https://gov.idaho.gov
	Description: Customized theme for Governor.
	Author: Access Idaho
	Author URI: https://accessidaho.org
	Version: 3.0.0a
	Text Domain: idaho-v3-alt
	Template: webmaster-v3-alternate
*/

.pagination .page-link,
a:hover,
.link,
a {
    color: #007DA3;
}
a:hover {
    color: #0E6884 !important;
    transition: .5s ease;
    text-decoration: underline;
}
.btn-primary {
	border: 0px;
	background-color: #007DA3;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
}
.skip-link {
	color:blue;
}

/* ================ Flex styles ================ */
.d-flex {
	display: -webkit-box;
	display: flex;
	display: -ms-flexbox;
}

.row {
	display: -webkit-box;
	display: flex;
	display: -ms-flexbox;
}
.elementor-widget-text-editor {
  color: #212529 !important;
}

/*---- Home page styles ----*/
/*video {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
  object-fit: cover;
  width: 100vw;
	height: 500px;
	position: relative;
  top: 0;
  left: 0;
	overflow-x:hidden;
}*/
.vid-wrap {
	overflow-y: hidden;
	overflow-x: hidden;
	display: block;
	width: 100%;
	height: 500px;
}
.vid-header {
/*position: relative;
top: 0;
left: 0;
z-index: 0;
min-height: 100%;
min-width: 100%;
-webkit-transform-style: preserve-3d;
--
max-height: 500px;
    position: relative;
    overflow-y: hidden;
    overflow-x: hidden;*/
background-image: url(siteassets/fallback.jpg);
z-index: 0;
position: relative;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center top;
background-size: cover;

}
.vid-header video {
position: absolute;
background-image: url(siteassets/fallback.jpg);
/*background-position: top;*/
background-position: -50px;
background-size: cover;
top: 450px;
/*left: 0;*/
z-index: 0;
min-width: 100%;
/*max-height: 500px;
width: 100%;
object-fit: cover;
-
top: 50%;*/
left: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
overflow-y: hidden;
display: block;
width: 100%;
height: auto;
/*object-fit: cover;
object-position: top;*/
}
.vid-header-filter {
	position: relative;
}
.vid-header-filter::before {
	/*background: rgb(255,255,255);*/
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(2,0,36,0.5) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(2,0,36,0.5) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(2,0,36,0.5) 100%);
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	width: 100%;
	height: 500px;
	z-index: 1;
}
.quote {
	display: block;
	position: absolute;
	text-align: right;
	right: 5%;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.9);
	color: white;
	font-size: 200%;
	margin-top: 15%;
	font-style: italic;
	font-weight: bold;
	font-family: "Montserrat";
	z-index: 2;
}
.quote-gov {
	font-style: normal;
	font-size: 60%;
	margin-top: 40px;
}
.inits {
	margin-top: -95px;
	margin-bottom: 20px;
position: relative;
z-index: 3;
}
.init-box {
  max-height: 185px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
}
.init-image {
  height: 185px;
	width: 100%;
  position: relative;
  display: block;
  overflow: hidden;
	background-size: cover;
	background-color: #0E6884;
}
.init-image::before {
	border: 2px solid #fff;
	content: "";
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 5px;
	right: 5px;
}
.init-1 {
	background-image: url('siteassets/init-1.jpg');
}
.init-2 {
	background-image: url('siteassets/init-2.jpg');
}
.init-3 {
	background-image: url('siteassets/init-4.jpg');
}
.init-4 {
	background-image: url('siteassets/init-3.jpg');
}
.init-blue {
	background: rgba(8,76,97,0.70);
  overflow: hidden;
  height: 100%;
  z-index: 2;
}
.init-gold {
	background: rgba(230,175,46,0.70);
  overflow: hidden;
  height: 100%;
  z-index: 2;
}
.init-text {
	font-size: 1.75rem;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.9);
	line-height: 1.2;
	padding: 15px;
	text-align: center;
	font-weight: bold;
	position: absolute;
	z-index: 1;
	width:100%;
	/*height: 100%;*/
	top: 30%;
}
/*.init-image > img {
	/*background-size: cover;
	width: 100%;
}*/

a > div.init-box > div.init-image::before {
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	opacity: 1;
}
a:hover > div.init-box > div.init-image::before {
	/*border: solid white 10px;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	*/
	border: 10px solid #fff;
	content: "";
}
a:hover > div.init-box {
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.9);
}

.id-rank {
	background-color: #CED3DC;
	padding: 30px 0;
	font-family: "Lato";
}
.rank-1 {
	background-color: #A31621;
}
.rank-2 {
	background-color: #E6AF2E;
}
.rank-3 {
	background-color: #084C61;
}
.rank-1, .rank-2, .rank-3 {
	display: block;
	width: 100%;
	padding: 25px;
	min-height: 280px;
	background-image: url('siteassets/seal.png');
	background-repeat: no-repeat;
	background-position: bottom right;
}
.rank-1::before, .rank-2::before, .rank-3::before {
	border: 2px solid #fff;
	content: "";
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 20px;
	right: 20px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	opacity: 1;
}
.rank-stat {
	font-size: 5rem;
}
.rank-name {
	font-size: 1.5rem;
}
.rank-stat, .rank-name {
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.9);
	font-weight:bold;
}
a:hover > div.rank-1::before,
a:hover > div.rank-2::before,
a:hover > div.rank-3::before {
    border: 10px solid #fff;
    content: "";
}
a:hover > .rank-1 > .rank-stat, a:hover > .rank-1 > .rank-name,
a:hover > .rank-2 > .rank-stat, a:hover > .rank-2 > .rank-name,
a:hover > .rank-3 > .rank-stat, a:hover > .rank-3 > .rank-name {
	text-decoration: none !important;
}
div.id-rank:hover {
  text-decoration: none !important;
}
.footertopper {
	width: 100%;
	margin-bottom: -1px;
}
.home-news {
	color: #939599;
}
.home-btn.elementor-widget-button .elementor-button {
	display: block;
	background-color: #084C61 !important;
	padding: 30px;
	font-size: 20px;
	font-family: "Lato";
	min-height: 100px;
}
.home-btn.elementor-widget-button .elementor-button::before {
	border: 2px solid #fff;
	content: "";
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 5px;
	right: 5px;
}
.home-btn.elementor-widget-button .elementor-button:hover {
	color: #fff !important;
	background-color: #007DA3 !important;
	transition: .5s ease;
	text-decoration: none !important;
}
.home-btn.elementor-widget-button .elementor-button:hover::before {
	border: 6px solid #fff;
	transition: .5s ease;
}
.elementor-button-content-wrapper {
	display: inline;
	vertical-align: middle;
}

/*---- End of home page styles ----*/

.site-alert {
  background-color: #E6AF2E;
  min-height: 30px;
  text-align: center;
  padding: 5px;
  font-weight: normal;
}
.site-alert a {
	color: #00465C !important;
	font-weight: bold;
	text-decoration: underline;
}
.site-alert a:hover {
	color: #fff !important;
}
.site-footer {
	background:#084C61;
}
.btn-ghost, .btn-outline-info {
	position: relative;
	padding: 7px 18px;
	font-size: 16px;
	border: 2px solid;
	border-radius: 100rem;
	outline: 0;
	overflow: hidden;
	background: none;
	z-index: 0;
	cursor: pointer;
	transition: .2s ease-in;
	-o-transition: .2s ease-in;
	-ms-transition: .2s ease-in;
	-moz-transition: .2s ease-in;
	-webkit-transition: .2s ease-in;
	color: #0E6884;
}
a.btn-ghost:hover {
	background-color:#007DA3 !important;
	color: white !important;
	border-color:#007DA3;
}
.btn-ghost-white {
	position: relative;
	padding: 7px 18px;
	font-size: 16px;
	color: #fff;
	border: 2px solid;
	border-radius: 100rem;
	outline: 0;
	overflow: hidden;
	background: none;
	z-index: 1;
	cursor: pointer;
	transition: .2s ease-in;
	-o-transition: .2s ease-in;
	-ms-transition: .2s ease-in;
	-moz-transition: .2s ease-in;
	-webkit-transition: .2s ease-in;
}
a.btn-ghost-white:hover {
	background-color:#007DA3 !important;
	color: white !important;
}
a.elementor-button-link.elementor-button:hover {
	color:white!important;
	background-color: #084C61;
}
sub, sup {
	font-size: 60%;
}
.versioning {
	font-size: small;
	text-align: right;
	padding-right: 5px;
	color: #ddd;
}
.switcher {
	float: right;
	border: 0px;
}
label {
	width: 100%;
	font-weight: bold;
	margin-top: 10px;
}
.wpcf7-response-output {
	padding: 0;
	border: 0;
}
.press {
	font-size: 20px;
	margin-bottom: 5px;
}
p.nocomments, .comment-respond {
	display: none;
}
.mec-wrap p {
	font-size: 16px;
	color: #000;
	font-family: "Lato";
}
.mec-wrap .mec-single-title, .single-mec-events .mec-wrap.mec-no-access-error h1 {
  font-size: 2.5rem;
}
.mec-single-event .mec-event-content {
  padding: 10px 0 30px;
}
.mec-event-list-minimal .mec-event-article {
	padding: 10px 0 5px;
}
.mec-wrap .col-md-9 {
    width: 100%;
    max-width: 100%;
}
.col-md-3.col-sm-3.btn-wrapper {
	display: none;
}
.mec-event-list-minimal .mec-event-date {
	width: 92px;
	margin-bottom: 10px;
}
.mec-wrap p {
	font-size: 16px !important;
	font-weight: 400 !important;
}
.mec-single-event .mec-event-meta .mec-events-event-categories a, .mec-single-event .mec-event-meta dd {
  font-size: 16px !important;
  color: #666 !important;
	font-weight: 400 !important;
}
.mec-single-event .mec-event-export-module.mec-frontbox .mec-event-exporting .mec-export-details ul li a:hover {
    color: #fff!important;
}

/* Used by [boards] Shortcode */
.report_label {
	font-weight: bold;
	vertical-align: top;
	padding-right: 7px;
}
#gv_BoardSearchForm select, input {
	margin-right: 7px;
}
#caption {
	margin-bottom: 7px;
}
#boardID {
	height: 28px;
}
#searchWord {
	width: 275px;
}
#bottom_button {
	margin-top: 10px;
}
#gv_BoardInfo {
	margin-top: 10px;
}
#gv_BoardMembers {
    margin-top: 7px;
    border-collapse: collapse;
    width: 100%;
}
#gv_BoardMembers td {
    border: 1px solid #DDD;
    padding: 6px;
}
#gv_BoardMembers tr:nth-child(even) {
    background-color: #F2F2F2;
}
#gv_BoardMembers.active tr:hover {
	background-color: #ddd;
}
#gv_BoardMembers th {
    padding: 8px 6px;
    text-align: left;
    background-color: #8AC7DB;
    border: 1px solid #DDD;
    line-height: 1;
}
.search_button
{
   display: inline-block;
   width: 100%;
   height: 100%;
   border: none;
   background: none;
   text-align: left;
   white-space: nowrap;
}
#gv_BoardMembers th > form > span.fa-sort {
	display: inline-block;
	width: 16px;
	padding-left: 6px;
}
#gv_BoardMembers th > form > input {
	color: black;
	border: 0px;
	background-color: #8AC7DB;
	text-align: left;
	font-weight: bold;
	margin-right: 0px;
	padding: 8px 6px;
	display: inline-block;
	width: calc(100% - 16px);
}
#gv_BoardMembers th.vacancies {
	padding: 0px;
}
#gv_BoardMembers th.vacancies.expiring {
	width: 100px;
}
#gv_BoardMembers th > form:hover {
	color: white;
}

/* Custom CF7 Loader */
div.wpcf7 .ajax-loader {
background-image: url('https://gov.idaho.gov/wp-content/themes/gov-little/ajax-loader.gif') !important;
width: 24px;
height: 24px;
margin-left: 10px;
}

div.wpcf7-response-output.alert.alert-warning {
 background-color: transparent;
 border: none;
 color: black;
}

form > div.wpcf7-response-output.alert {
	color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.wpcf7-form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.wpcf7-form-control.has-spinner.wpcf7-submit {
	display: inline;
	width: auto;
	color: #fff;
  background-color: #007DA3;
  border-color: #007DA3;
}

.wpcf7-form-control.wpcf7-radio, .wpcf7-form-control.wpcf7-checkbox {
	border: none;
}

/* mega menu styles */
#mega-menu-wrap-primary, #mega-menu-wrap-primary #mega-menu-primary, #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-row, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column, #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary span.mega-menu-badge {
  background: #fff;
  color: #000;
  font-size: 16px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
  font-size: 16px;
  font-weight: bold;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  color: #000;
  font-size: 16px;
  line-height: 1.5em;
  padding: 8px;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
  background-color: #000;
}
@media only screen and (min-width: 992px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
      background-color: #dcdcdc;
      background: #dcdcdc;
      color: #0E6884;
      font-weight: bold;
  }
}
/* end mega menu styles */

@media (min-width: 2250px) {
	.quote {
		margin-top: 15%;
	}
}

@media (max-width: 1650px) {
	.quote {
		margin-top: 15%;
		font-size: 180%;
	}
	.vid-header video {
		top: 400px;
	}
}

@media (max-width: 1480px) {
	.quote {
		margin-top: 25%;
		font-size: 160%;
	}
	.vid-header video {
		top: 300px;
	}
}

@media (max-width: 1100px) {
	.quote {
		margin-top: 15%;
	}
	.vid-header video {
		top: 250px;
		width: 115%;
	}
}

@media (max-width: 1000px) {
	.quote {
		margin-top: 30%;
	}
	.init-text {
		top: 20%;
		font-size: 1.3rem;
	}
	.vid-header video {
		top: 200px;
		width: 125%;
	}
}

@media (max-width: 900px) {
	.quote {
		margin-top: 30%;
		font-size: 150%;
	}
	.vid-header video {
		top: 250px;
		width: 125%;
	}
}

@media (max-width: 767px) {
	.quote {
		margin-top: 35%;
		font-size: 150%;
		right: 5%;
		left: 5%;
	}
	.mobile-menu {
		right: 30px;
		position: absolute;
	}
	.vid-header video {
		top: 200px;
		min-width: auto;
		width: 200%;
		height: auto;
	}
}

@media (max-width: 580px) {
	.vid-header video {
		top: 275px;
		min-width: auto;
		width: 240%;
		height: auto;
	}
}

@media print {
	.elementor-accordion .elementor-tab-content {
	    display: block !important;
	}
	#subNav, .breadcrumb {
		display: none;
	}
	.footertopper, .footer-links {
		display: none;
	}
	#mega-menu-primary, .navbar {
		display: none;
	}
}