/*!
Theme Name: virginiaworkcredit
Author: NC
Description: Custom Theme for Virginia Work Credit
Version: 1.0.0
Text Domain: virginiaworkcredit
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# 
--------------------------------------------------------------*/


html,
body {
	min-height: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

body {
	position: relative;
}

/*--------------------------------------------------------------
# Typography
# Bitter:400,400i | Montserrat:400,600 | Roboto
--------------------------------------------------------------*/
html,
body {
	font-family: 'Bitter', serif; 
	line-height: 27px;
	font-size: 16px;
	color: #4A4A4A;
}

h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #415398;
}
h3,h3 a {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #415398;
}

p {
	margin-bottom: 14px;
}
.text-center {
	text-align:center;
	width:100%;
}

/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/

@media screen and (min-width: 992px) {
  .container {
  	max-width: 940px;
  }
}

header {
	background-color: #7C7181;
	color: white;
	background-image: url('img/home-hero-header.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

nav {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	white-space: nowrap;
}

nav .logo {
	width: 100%;
	max-width: 306px;
}

.navbar-nav .nav-link {
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}

nav a {
	color: white;
	text-transform: uppercase;
}

nav a:hover {
	color: rgba(255,255,255,.75);
}
.menu-item-38 > a {
	font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    display: inline-block;
    padding: .5rem 1rem;
    background: #EE5B33;
    color: white;
    text-transform: uppercase;
}
.menu-item-38 > a:hover{
	display: inline-block;
    text-decoration: none;
    background: #BC451E;
    color: white;
    text-transform: uppercase;
}
.menu-item-has-children {
	position:relative;
}
.menu-item-has-children > a:after {
	content: '\25bc';
	padding-left:5px;
}
.menu-item-has-children ul {
	display:none;
	position: absolute;
    background: #fff;
    padding: 1em;
    right: 0;
    text-align: right;
    list-style: none;
}
.menu-item-has-children ul a {
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    white-space: nowrap;
    font-weight:400;
    color:#000;
}
.menu-item-has-children:hover ul {
	display:block;
}
footer {
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	margin-bottom: 40px;
}

footer .logo {
	width: 100%;
	max-width: 249px;
}

footer .social a i{
	font-size: 26px;
	color: #000F47;
}

footer .social a:hover i{
	color: #6C7694;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.row.entry {
	border-bottom: 1px solid #415398;
	margin:5% auto;

}
.take-action-btn {
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 600 !important;
	display: inline-block;
	padding: .5rem 1rem;
	background: #EE5B33;
	color: white;
	text-transform: uppercase;
}

.take-action-btn:hover {
	display: inline-block;
	text-decoration: none;
	background: #BC451E;
	color: white;
	text-transform: uppercase;
}
.actions {
	display:flex;
	justify-content:space-around;
	flex-direction: row;
	margin:5% auto;
}
.action {
	flex: 0 0 248px;
	font-family: 'Bitter', serif;
	font-weight: 600 !important;
	padding: 2rem;
	border: 4px solid #415398;
	color: #EE5B33;
	text-align:center;
	margin:2rem;
	display:flex;
	justify-content:space-around;
	flex-direction: column;
	margin:1%;
}
.action .take-action-btn {
	margin-top:2rem;
	margin-bottom:0 !important;
}
@media screen and (max-width: 990px) {
	.action {
		flex: 0 0 98%;
		margin:1%;
	}

}

#takeActionModal .modal-dialog {
  	/*max-width: 940px;*/
  	max-width: 100%;
  	position: relative;
}

#takeActionModal .modal-dialog button.close {
	position: absolute;
	top: 10px;
	right: 15px;
}

#takeActionModal .modal-content {
	border-radius: 0;
}

#takeActionModal .modal-body {
	background-color: #F1F3FD;
	padding: 0;
}
#takeActionModal .modal-body .p-5 {
	padding:2rem !important;
}
#takeActionModal #take-action-form p {
	font-size:11px;
}

.modal-left {
	margin: 0;
	color: white;
	background-color: #293264;
	background-image: url('img/modal-image-letter.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.modal.show {
}

#takeActionModal h3 {
	line-height: 42px;
    font-size: 32px;
    color: #415398;
}

#takeActionModal p.copy {
	font-size: 18px;
}

#takeActionModal #take-action-form {
	background: transparent;
}

#takeActionModal #can_embed_form_inner h2,
#takeActionModal #can_embed_form_inner h4 {
	display: none;
}


.section-title-break p{
	font-family: 'Montserrat', sans-serif;
	color: #415398;
	font-weight: 600;
	line-height: 15px;
	font-size: 12px !important;
	text-transform: uppercase;
	margin: 0;
}
.section-title-break .line {
	height: 1px;
	background: #415398;
}

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/

/* 
## Home
*/
.home header {
	background-color: #7C7181;
	background-image: url('img/home-hero-header.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* #page-hero */
.home .page-hero {
	color: white;
}
.home .page-hero h1 {
	font-family: 'Bitter', serif;
	line-height: 73px;
	font-size: 64px;
	text-decoration: underline;
}

/* #bring-targeted-tax-relief */
.home #bring-targeted-tax-relief .tax-copy {
	background: #415398;
	color: white;
	position: relative;
}

.home #bring-targeted-tax-relief .tax-copy::after {
	content: ' ';
	background: #415398;
	position: absolute;
	top: -100px;
	bottom: -25px;
	left: -5000px;
	right: -5000px;
	z-index: -1;
}

.accent-line {
	height: 4px;
    background: white;
    width: 80px;
}

.home #bring-targeted-tax-relief h2 {
	font-family: 'Bitter', serif;
	color: white;
	font-style: italic;
	line-height: 47px;
	font-size: 35px;
}

.home #bring-targeted-tax-relief p {
	font-family: Montserrat;
	line-height: 22px;
	font-size: 16px;
}

/* #overview */
.home #overview h2 {
	line-height: 33px;
	font-size: 27px;
}
 
/* #issues */
.home #issues {
	background: #F1F3FD;
}

.home #issues .issue {
	position: relative;
	padding: 22px;
	height: 100%;
	background: white;
}

.home #issues .issue h2 {
	border-top: 1px solid #415398;
	padding-top: 19px;
	margin-bottom: 16px;

	font-weight: 600;
	line-height: 33px;
	font-size: 27px;
}

.home #issues .issue p {
	margin-bottom: 16px;
}

.home #issues .issue .bottom-border-line {
	border-bottom: 1px solid #415398;
	position: absolute;
	bottom: 22px;
	left: 19px;
	right: 19px;
}

/* #tell-your-lawmakers */
.home #tell-your-lawmakers {
	background: #343A63;
	background-image: url('img/stronger-virginia-work-credit-tell-your-lawmakers-image.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: white;
}

.home #tell-your-lawmakers h2 {
	font-family: 'Bitter', serif;
	text-decoration: underline;
	max-width: 800px;
	margin: auto;
	margin-bottom: 55px;
	line-height: 54px;
	font-size: 45px;

	color: #FFFFFF;
}


/* 
## About
*/
.page-about header {
	background-color: #021407;
	background-image: url('img/about-hero-header.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* #page-hero */
.page-about .page-hero {
	color: white;
}
.page-about .page-hero h1 {
	font-family: Bitter;
	text-decoration: underline;
	line-height: 73px;
	font-size: 64px;
}
.page-about .page-hero p {
	font-family: Montserrat;
	line-height: 31px;
	font-size: 20px;
	font-weight: 600;
}

/* #eitc-details */
.page-about #eitc-details h2{
	font-family: Montserrat;
	font-weight: 600;
	line-height: 33px;
	font-size: 27px;
	color: #415398;
}

.page-about #eitc-details img{
	max-width: 100%;
}

.page-about #eitc-details p{
	font-family: Bitter;
	line-height: 27px;
	font-size: 16px;
}

/* #getting-full-value */
.page-about #getting-full-value {
	background-color: #C3D5F8;
	background-image: url('img/boost-family-and-economy.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.page-about #getting-full-value h2 {
	line-height: 33px;
	font-size: 27px;
}

.page-about #getting-full-value p {
	line-height: 27px;
	font-size: 16px;
}

/* #issues */
.page-about #issues {
	position: relative;
	z-index: 1;
}

.page-about #issues h3 {
	line-height: 32px;
	font-size: 27px;
	color: #fff;
}

.page-about #issues ul {
	line-height: 27px;
	font-size: 16px
}
.page-about #issues li {
	margin-bottom: 14px;
}

.page-about #issues .container-row {
	border-top: 14px solid #F05A28;
	position: relative;
	background-color: #425596 ;
	color: white;
}
.page-about #issues .container-row::before {
	content: ' ';
	position: absolute;
	top: -75px;
	right: -4000px;
	bottom: -65px;
	left: -50px;
	background-color: #425596 ;
	z-index: -1;
}

/* #who-would-benefit */
.page-about #who-would-benefit {
	padding-top: 140px;
	padding-bottom: 40px;
	background-color: #F1F3FD;
}

.page-about #who-would-benefit h2 {
	font-family: 'Bitter', serif;
	text-decoration: underline;
	line-height: 54px;
	font-size: 41px;
}

/*
 ## Take Action Page
*/


.page-take-action header {
	background-color: #7C7181;
	background-image: url('img/take-action-hero.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#take-action-form #can_embed_form_inner h2,
#take-action-form #can_embed_form_inner h3,
#take-action-form #can_embed_form_inner h4,
#take-action-form #can_embed_form_inner #action_info,
#take-action-form #can_embed_form_inner #logo_wrap,
#take-action-form .form_builder_output.js-form_builder_output,
#take-action-form label,
#take-action-form #form_col1 span,
#take-action-form #form-comments {
	display: none;
}
.page-hero #take-action-form{
	padding: 40px 32px !important;
}

#take-action-form {
	color: #4A4A4A;
	background: white;
	padding: 40px 32px;
}

#take-action-form form li {
	list-style: none;
	margin-bottom: 16px;
}

#take-action-form form input:not([type^="submit"]) {
	width: 100%;
	padding: 12px 12px;
	font-family: 'Montserrat', sans-serif;
	border: 1px solid #DFE5F9;
	box-sizing: border-box;
}

#take-action-form form [type^="submit"] {
	cursor: pointer;
	font-family: 'Montserrat', sans-serif !important;
	border: none;
	font-weight: 600 !important;
	display: inline-block;
	padding: .5rem 1rem;
	background: #EE5B33;
	color: white;
	text-transform: uppercase;
}

#take-action-form form [type^="submit"]:hover {
	border: none;
	display: inline-block;
	text-decoration: none;
	background: #BC451E;
	color: white;
	text-transform: uppercase;
}
#take-action-form form .control-group label, #take-action-form form .control-group span {
	display:block !important;
}
#take-action-form form .control-group span label {
	position:relative;
	z-index:101;
	width:calc(50% - 1em);
	font-family: 'Montserrat', sans-serif !important;
	border: none;
	font-weight: 600 !important;
	display: inline-block !important;
	padding: .5rem 1rem;
	text-transform: uppercase;
	text-align:center;
	color: #000;
	cursor: pointer;
}
#take-action-form form .control-group span label input {
	cursor: pointer;
	background: #fff;
	border: 3px solid #EE5B33;
	-webkit-appearance: button;
   -moz-appearance:    button;
   appearance:         button;
   position:absolute;
   z-index:-1;
   height:100%;
   width:100%;
   top:0;
   left:0;
}
#take-action-form form .control-group span label input:checked {
	background: #EE5B33;
}
.page-navigation {
	display:flex;
	align-items: center;
	justify-content: center;
}
.pagination {
	width:auto;
}
.pagination li a, .pagination li span {
	padding:.25em .5em;
	margin:.25em;
	border: 1px solid #415398;
	color: #415398;
}
.pagination li a.current, .pagination li span.current, .pagination li a:hover, .pagination li span:hover {
	background:#415398;
	color: #ffffff;
}

/* */
@media screen and (max-width: 600px) {
  .home .page-hero h1 {
  	line-height: 60px;
  	font-size: 48px
  }

  #takeActionModal h3 {
  	line-height: 1;
  	font-size: 48px;
  }
}