/*
Theme Name: Cap 4 Action
Theme URI: http://northwest.media
Version: 1.0
Description: Custom Theme for Community Action Center
Author: Northwest Media
Author URI: http://northwest.media
template: bb-theme
*/



/* Helper Classes */
.no-padding {
	padding: 0 !important;
}
.padding-top {
	padding-top: 10px !important;
}
.margin-top {
	margin-top: 10px !important;
}
.no-margin {
	margin: 0 !important;
}

/*--------Header-----------*/
.fl-page-bar{
	border-bottom: 0px solid white;
}

#menu-main-menu{
	padding-top: 20px;
}

#menu-main-menu li a{
	padding-top: 50px;
	padding-right: 15px;
	padding-left: 15px;
}
.sub-menu li a{
	padding-top: 20px !important;
	padding-right: 5px;
	padding-left: 5px;
}


#menu-main-menu li a:hover{
	background-color: rgba(255, 255, 255, 0.1);	
}

.fl-logo-img{
	max-width: 250px;
	width: 100%;
	margin-right: 0px;
	padding: 15px 0;
}

.menu-item-28{
	background-color: #C70752;
}


/* .current-menu-item a:after, .current-page-item a:after, .sub-menu .current-menu-item a:after, .sub-menu .current-page-item a:after{
	content: '';
	display: block;
	width: 25px;
	margin: auto;
	border-bottom: 1px solid #fff;
} */

.sub-menu a:after{
	content: '';
	display: none;
	width: 25px;
	margin: auto;
	border-bottom: 1px solid #fff;

}


#menu-top-bar-menu li a:hover{
	text-decoration: underline;
}

@media (min-width: 992px){
	.fl-page-nav-right .fl-page-header-container {
		padding-bottom: 5px;
		
    }
    .fl-page-header-container{
    	padding-top: 0;
    }
}

.nav .menu-item .sub-menu .menu-item a {
    font-size: 16px;
    font-weight: 100;
    text-transform: initial;
    padding-top: 0;
    -webkit-font-smoothing: antialiased;
}

/*--------Footer-----------*/
#location-list{
	list-style-type: none;
	font-size: 16px;
	padding-left: 0;
}
#location-list li{
	padding: 3px 5px;
}
#location-list li:hover{
	background-color: #C70752;
	cursor: pointer;
	cursor: hand;
}
#location-list li.selected {
	background-color: #C70752;
}

.location-position .location-address {
	line-height: 1.5;
	font-size: 16px;
}

.location-position .location-address .fa {
    text-align: center;
    float: left;
    width: 20px;
    margin: 2px 6px 10px;
}

.location-position .fa {
    text-align: center;
    width: 20px;
    margin: 0 6px;
}

.location-position .location-numbers {
	line-height: 1.5;
	font-size: 16px;
}

.fl-page-footer-text{
	margin-top: 30px;
}

#gform_wrapper_1 .ginput_container_email input{
	border-radius: 0;
}

/*----------Location Styling---------------*/

.location-position{
	position: absolute;	
}

.menu-item a{
	transition: 200ms ease all;
}

@media (max-width: 992px){
	.location-position{
		position: relative;
		width: 50%;
		margin-left: 15px;
	}
}



/*------------Newsletter form------------------*/
#gform_1{
	font-size: 135%;
	margin-top: 0px;
}

#gform_1 h3, #gform_wrapper_1{
	margin-top: 0px;
}

/*--------------Employment Form--------------*/
#gform_wrapper_2{
    display : block !important;
}
.repeater_button{
	margin-top: 20px;
}
.repeater_span{
	border: 2px solid #C70752;
	padding: 10px 15px;
	margin: 10px 30px 10px 5px !important;
}

.repeater_span:hover{
	color: #fff;
	background-color: #C70752;
}

/*------------Main Page Styles-------------*/
.small-seperator{
	margin: 0 auto;
	width: 200px;
}

.news-module .fl-post-grid-post{
	border: none;

}
.news-module .fl-post-grid-title a{
	color: #C70752;
}



.employment-module .fl-post-feed-post{
	padding-bottom: 0;
	margin-bottom: 0;
	border: none;

}

.employment-module .fl-post-feed-header a{
	color: #C70752;	
}
/*----------Program Block Menu-------------*/
.program-menu-block{
	background-size: cover;
	height: 250px;
	margin: 0;
	padding: 0;
	background-position: 50% 50%;
	
}

.program-menu-block .section-title {
	width: 100%;
	height: 100%;
	display: block;
	transition: 300ms ease background-color;
}

.program-menu-block .section-title:hover {
	background-color: rgba(0,0,0,0.1);
}

.program-menu-block h2{
	color: #fff;
	text-align: center;
	padding-left: .5em;
	padding-right: .5em;
}

.overlay{
	background-color: rgba(189, 0, 72, .5);
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	transition: 300ms ease opacity;
	background-position: center center;
	background-size: 100%;
}

.program-menu-block .overlay .overlay-content  {
	position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.program-menu-block .overlay .overlay-content .fa {
	font-size: 8vh;
	margin: 0;
	color: white;
}

.service-link{
	display: block;
	height: 100%;
}
.service-link:hover .overlay{
	opacity: 1;
	text-decoration: none;
}

#programs-label{
	background-color: #3e5575;
	text-decoration: none;
}


#programs-label h2{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 20px;
    text-align: left;
}

#programs-label a:hover{
	text-decoration: none;
}


.printable {
	float: left;
	font-size: 130%;
    margin-top: 5px;
    margin-left: 20px;
    cursor: pointer;
}
/*-----------Top Bar Zoom--------------*/
#zoomable{
	float: left;
	font-size: 130%;
    margin-top: 5px;
}
#social-fb{
	float: right;
}

#zoom-minus:hover, #zoom-plus:hover{
	cursor: pointer;
}

#zoom-label{
	margin-left: 5px;
	margin-right: 5px;
}

table {
	table-layout: fixed;
	width: 100%;
	font-size: 14px ;
}



table tr td, table tr th {
	padding: 15px 20px;
	font-weight: 100;
}

table tr th {
	/* background: #C70752; */
    /* color: white; */
    border-bottom: 2px solid #C70752;
    font-weight: 400;
    background-color: #fff;
}
table tr:nth-child(odd) {
	background-color: #f9f9f9;
}

table tr:last-child {
	/* border-bottom: 3px solid #C70752; */
}

@media (max-width: 500px){
	#idahoHousing table {
		font-size: 10px !important;	
	}
	#idahoHousing table h4 {
		font-size: 0.9em !important;
	}
	table tr td, table tr th {
		padding: 10px 0px;
	}
	
}



#extensions_message {
	font-size: 80%;
	font-weight: 100;
}

body .gform_wrapper label.gfield_label+div.ginput_container {
	margin-top: 0;
}

.gform_wrapper .top_label .gfield_label {
	margin: 2rem 0 0 0 !important;
}

.references {
	margin: 5rem 0 0 0 !important;
}

.fl-builder .fl-post-header {
	display: none;
}
/*Gravity Forms Styling Columns*/
.gform_wrapper.two-column_wrapper ul.gform_fields {
	display: none;
}
.gform_wrapper.two-column_wrapper ul.gform_fields.gform_column {
	display: block;
	float: left;
	width: 50%;
}
.gform_wrapper.two-column_wrapper ul.gform_column li.gsection:first-child {
	display: none;
}
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
	max-width: 100% !important;
	padding-right: 10px !important;
}


/* CAP Inquiry Form */

/* Various display none classes */
.display_required {
	 display: none;
	 color:  rgb(199,7,82);
}
.first_household_person {
	display: none;
}
.household_person_copy1 {
	display: none;
}
.phone_copy {
	display: none;
}
.phone_copy1 {
	display: none;
}
.hours_available {
	display: none;
}
.older_question {
	display: none;
}
.older_question_provider {
	display: none;
}
.live_in_home {
	display: none;
}
.live_in_home1 {
	display: none;
}
.developmental_disability {
	display: none;
}

.in-school {
	display: none;
}
.banking {
	display: none;
}
.apartments {
	display: none;
}
.mobile-home {
	display: none;
	position: relative;
}
.occupancy {
	display: none;
}
.rent {
	display: none;
}
.rent-heat {
	display: none;
}
.built {
	display: none;
}
.footage {
	display: none;
}
.heating {
	display: none;
}
.heating-type {
	display: none;
}
.electricity {
	display: none;
}
.water-heater {
	display: none;
}
.air-conditioner {
	display: none;
}
.landlord{
	display: none;
}
.weatherization-information{
	display: none;
}
.financial-information {
	display: none;
}
#other_resources_more {
	display: none;
}
#washington_county {
	display: none;
}

.rent-subsidized {
	display: none;
}
.water-heater-status {
	display: none;
}
.air-conditioner-status {
	display: none;
}
/* Form Styling */
form.cap_form h2 {
	border-bottom: 1px solid #333;
}
form.cap_form input[type="submit"] {
	margin-top: 30px;
	margin-bottom: 100px;
	border-radius: 0;
}
	form.cap_form input[type="submit"]:focus {
		background: #c70752;
		color: #ffffff;
	}
	form.cap_form input[type="submit"]:hover {
		background: #c70752;
		color: #ccc;
	}

.form_section {
	background: #fdfdfd;
	padding: 5px;
	clear: both;
}
	.form_section label {
		font-weight: 300;
		background: #f3f3f3;
		color: #333333;
		padding: 5px;
		margin-right: 5px;
		cursor: pointer;
	}
		.form_section label.full-width {
			width: 100%;
			padding: 10px 10px;
			margin: 0 0 5px 0;
			cursor: default;
		}
			.form_section label.full-width input {
				margin: 0 ;
			}
		.form_section .half-width {
			width: 50%;
			padding: 10px 10px;
			float: left;
			margin: 0 0 5px 0;
			cursor: default;
			display: block;
		}

			.form_section .half-width input {
				margin: 0;
			}
	.form_section p.title {
		font-size:  1.3em;
		font-weight: 400;
		border-bottom: 1px solid #777;
		width: 100%;
		clear: both;
		color: #333333;
		position:relative;
	}
	.form_section p.sub-title {
		font-size: 1.1em;
		font-weight: 400;
		border-bottom: 1px solid #999;
		padding-top: 0px;
		width: 100%;
		clear: both;
		color: #333333;
		position:relative;
	}
	.form_section input {
		border-radius: 0px;
		margin: 0 0 0 5px;
	}


p.error {
	color: #C70752;
}

/* nondescrimination styling */
.nondescrimination {
	border: 1px solid #333;
    padding: 5px 15px;
    margin: 0 0 10px 0;
}
/* Tooltip CSS */

span.cap_tooltip {
    font-size: 1em;
    font-weight: 800;
    text-align: center;
    text-shadow: 2px 2px 2px #333;
    color: #fff;
    background: #C70752;
    border-radius: 50%;
    border: none;
    cursor: help;
    display: inline-block;
    width: 31px;
    border: 1px inset #ffffff;
    position: relative;
    top: -5px;
    box-shadow: 2px 2px 4px #777;
}
p.cap_tooltip {
	position: absolute;
	background: #333;
	color: #ffffff;
	padding: 20px;
	border-radius: 20px;
	width: 400px;
	top: -120px;
	max-width: 100%;
	z-index: 9999;
	overflow: scroll;
}
/* modal popup */
.cap_modal {
	z-index: 9990;
	background: rgba(0,0,0,0.7);
	height: 100%;
	width: 100%;	
	position: fixed;
	top: 0px;
	left:  0px;
	padding: 40px;
}
.cap_modal table {
	width:  100%;
	background: #ffffff;
}
.cap_modal table p {
	text-align: center;
}

.close {
  position: absolute;
  width: 50px;
  height: 50px;
  overflow: hidden;
  top: 20px;
  right: 20px;
  padding:  20px;
  background: rgba(0,0,0,0.9);
  border-radius: 40px;
}
.close:hover::before, .close:hover::after {
  background: #dddddd;
}
.close::before, .close::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #ffffff;
}
.close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.gfield_repeater_wrapper {
    /*padding: 20px 40px;*/
}

.gfield_repeater_wrapper .gfield_repeater_item {
    padding: 10px 20px;
    background-color: #f9f9f9;
    border: 0px solid #e0e0e6;
}

.gform_wrapper .gfield_repeater_cell label {
    color: #353842;
}

.gfield_repeater_cell:first-child .gfield_label {
    margin-top: 0 !important;
}

.gfield_repeater .gfield_repeater_items .gfield_repeater_item:not(:last-child) {
    margin-right: 0;
}

legend {
    border-bottom: 0;
}

.gfield_list th {
    background-color: transparent;
}

.ginput_container_list {
    padding: 10px 20px 20px 20px;
    background-color: #f9f9f9;
}

body .gform_wrapper ul li.gfield.gsection {
    padding-top: 40px;
    padding-bottom: 10px;
}

.gfield_repeater_wrapper {
    /*padding: 20px 40px;*/
}

.gfield_repeater_wrapper .gfield_repeater_item {
    padding: 10px 20px;
    background-color: #f9f9f9;
    border: 0px solid #e0e0e6;
}

.gform_wrapper .gfield_repeater_cell label {
    color: #353842;
}

.gfield_repeater_cell:first-child .gfield_label {
    margin-top: 0 !important;
}

.gfield_repeater .gfield_repeater_items .gfield_repeater_item:not(:last-child) {
    margin-right: 0;
}

legend {
    border-bottom: 0;
}

.gfield_list th {
    background-color: transparent;
}

.ginput_container_list {
    padding: 10px 20px 20px 20px;
    background-color: #f9f9f9;
}

body .gform_wrapper ul li.gfield.gsection {
    padding-top: 40px;
    padding-bottom: 10px;
}

.gform_body .gform_fields .gfield.donation-form-total {
	display:none;
}