/** NAV BAR MENU FIXED TOP */
/** http://getbootstrap.com/components/#navbar-fixed-top */
/** Body padding required */

body.menu-fixed-top {
    padding-top: 70px;
}

/** NAV BAR MENU FIXED BOTTOM */
/** http://getbootstrap.com/components/#navbar-fixed-bottom */
/** Body padding required */

body.menu-fixed-bottom {
    padding-bottom: 70px; 
}

/* MULTI-LEVEL DROPDOWNS */
.dropdown-menu .dropdown-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}
 
.dropdown-menu li:hover .dropdown-menu {
    visibility: visible;
    display: block;
}
 
.navbar .dropdown-menu  .dropdown-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .dropdown-menu .dropdown-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

/************************************

CUSTOM WEBFONT KIT - MyFonts

************************************/

/**
 * @license
 * MyFonts Webfont Build ID 3382720, 2017-05-01T16:37:22-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: AmasisMT by Monotype
 * URL: http://www.myfonts.com/fonts/mti/amasis/mt-2/
 * Copyright: Digitized data copyright (C) 1992 - 1996 The Monotype Corporation. All rights reserved. Amasis™ is a trademark of the Monotype Corporation which may be registered in certain jurisdictions.
 * Licensed pageviews: 250,000
 *
 * Webfont: AmasisMT-Bold by Monotype
 * URL: http://www.myfonts.com/fonts/mti/amasis/mt-bold/
 * Copyright: Digitized data copyright (C) 1992 - 1996 The Monotype Corporation. All rights reserved. Amasis™ is a trademark of the Monotype Corporation which may be registered in certain jurisdictions.
 * Licensed pageviews: 250,000
 *
 * Webfont: AmasisMT-BoldItalic by Monotype
 * URL: http://www.myfonts.com/fonts/mti/amasis/mt-bold-italic/
 * Copyright: Digitized data copyright (C) 1992 - 1996 The Monotype Corporation. All rights reserved. Amasis™ is a trademark of the Monotype Corporation which may be registered in certain jurisdictions.
 * Licensed pageviews: 250,000
 *
 * Webfont: AmasisMT-Italic by Monotype
 * URL: http://www.myfonts.com/fonts/mti/amasis/mt-italic/
 * Copyright: Digitized data copyright (C) 1992 - 1996 The Monotype Corporation. All rights reserved. Amasis™ is a trademark of the Monotype Corporation which may be registered in certain jurisdictions.
 * Licensed pageviews: 250,000
 *
 * Webfont: BrandonGrotesqueWeb-BoldItalic by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-grotesque/bold-italic/
 * Copyright: Copyright (c) 2015 by Hannes von Doehren. All rights reserved.
 * Licensed pageviews: 100,000
 *
 * Webfont: BrandonGrotesqueWeb-Bold by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-grotesque/bold/
 * Copyright: Copyright (c) 2015 by Hannes von Doehren. All rights reserved.
 * Licensed pageviews: 100,000
 *
 * Webfont: BrandonGrotesqueWeb-Regular by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-grotesque/regular/
 * Copyright: Copyright (c) 2015 by Hannes von Doehren. All rights reserved.
 * Licensed pageviews: 100,000
 *
 * Webfont: BrandonGrotesqueWeb-Italic by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-grotesque/italic/
 * Copyright: Copyright (c) 2015 by Hannes von Doehren. All rights reserved.
 * Licensed pageviews: 100,000
 *
 * Webfont: BrandonGrotesqueWeb-Black by HVD Fonts
 * URL: https://www.myfonts.com/fonts/hvdfonts/brandon-grotesque/black/
 * Copyright: Copyright (c) 2015 by Hannes von Doehren. All rights reserved.
 * Licensed pageviews: 100,000
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3382720
 *
 * © 2017 MyFonts Inc
*/

@font-face {
    font-family: 'AmasisMT';
    src: url('/wp-content/themes/toolset-bootstrap/fonts/339DC0_0_0.eot');
    src: url('/wp-content/themes/toolset-bootstrap/fonts/339DC0_0_0.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/toolset-bootstrap/fonts/339DC0_0_0.woff2') format('woff2'), url('/wp-content/themes/toolset-bootstrap/fonts/339DC0_0_0.woff') format('woff'), url('/wp-content/themes/toolset-bootstrap/fonts/339DC0_0_0.ttf') format('truetype');
}

@font-face {
    font-family: 'AmasisMT-Bold';
    src: url('/wp-content/themes/toolset-bootstrap/fonts/339DC0_1_0.eot');
    src: url('/wp-content/themes/toolset-bootstrap/fonts/339DC0_1_0.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/toolset-bootstrap/fonts/339DC0_1_0.woff2') format('woff2'), url('/wp-content/themes/toolset-bootstrap/fonts/339DC0_1_0.woff') format('woff'), url('/wp-content/themes/toolset-bootstrap/fonts/339DC0_1_0.ttf') format('truetype');
}

@font-face {
    font-family: 'BrandonGrotesqueWeb-Bold';
    src: url('/wp-content/themes/toolset-bootstrap/fonts/339DC0_5_0.eot');
    src: url('/wp-content/themes/toolset-bootstrap/fonts/339DC0_5_0.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/toolset-bootstrap/fonts/339DC0_5_0.woff2') format('woff2'), url('/wp-content/themes/toolset-bootstrap/fonts/339DC0_5_0.woff') format('woff'), url('/wp-content/themes/toolset-bootstrap/fonts/339DC0_5_0.ttf') format('truetype');
}

@font-face {
    font-family: 'BrandonGrotesqueWeb-Regular';
    src: url('/wp-content/themes/toolset-bootstrap/fonts/339DC0_6_0.eot');
    src: url('/wp-content/themes/toolset-bootstrap/fonts/339DC0_6_0.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/toolset-bootstrap/fonts/339DC0_6_0.woff2') format('woff2'), url('/wp-content/themes/toolset-bootstrap/fonts/339DC0_6_0.woff') format('woff'), url('/wp-content/themes/toolset-bootstrap/fonts/339DC0_6_0.ttf') format('truetype');
}

@font-face {
    font-family: 'BrandonGrotesqueWeb-Black';
    src: url('/wp-content/themes/toolset-bootstrap/fonts/33AE46_0_0.eot');
    src: url('/wp-content/themes/toolset-bootstrap/fonts/33AE46_0_0.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/toolset-bootstrap/fonts/33AE46_0_0.woff2') format('woff2'), url('/wp-content/themes/toolset-bootstrap/fonts/33AE46_0_0.woff') format('woff'), url('/wp-content/themes/toolset-bootstrap/fonts/33AE46_0_0.ttf') format('truetype');
}

/************************************

CUSTOM CSS - SITEWIDE

*************************************/

body {
  padding: 0;
  margin: 0;
  color: #fff;
  font-family: AmasisMT, 'Crete Round', serif;
}

.container,
.container-fluid {
  width: 100% !important;
  margin-right: auto;
  margin-left: auto;
  padding: 0px !important;
}

.row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

h1, h2, h3, h4 {
 font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
}

.hom-bold {
	font-family: AmasisMT-Bold, 'Crete Round', serif;
}

/************************************

HEADER

*************************************/

.hom-header {
  max-width: 1300px;
  margin: 0 auto;
  float: none !important;
}

.custom-header,
.custom-header-column {
 padding: 0 !important;
}

.custom-header-logo img {
 width: 65% !important; 
 margin: 35px 0 35px 60px !important; 
 min-width: 335px; 
 min-height: 55px;
}

.custom-header-column .search-form-custom {
 margin-top: 15px; 
 text-align: right;
}

.custom-header-column .search-form-custom input {
 max-width: 250px !important; 
 margin-right: 10px; 
 padding: 10px 15px;
}

.custom-header-column .search-form-custom button {
 font-size: 16px; 
 width: 70px; 
 border: 4px solid #5BC236; 
 margin-right: 5px;
}

@media screen and (max-width: 768px) {

 .custom-header-logo img {
  width: 35% !important; 
  margin: 15px auto 5px !important;
  min-width: 315px; 
  min-height: 50px;  
 }
 .custom-header-column .search-form-custom {
  text-align: center;
 }
}


/************************************

NAVIGATION

*************************************/

.hom-navigation {
  max-width: 1300px;
  margin: 0 auto;
  float: none !important;
  font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
}

.hom-navigation-story {
    border-bottom: solid 1px #F2F2F2;
    margin-bottom: 1.5em;
}

.ddl-navbar {
  margin-bottom: 0 !important;
}

.ddl-navbar-collapse {
 margin-left: 0 !important;
 padding-left: 5px !important;
 padding-right: 5px !important;
}

.ddl-nav-wrap {
  margin-top: 0 !important;
}

.hom-navigation a {
  text-transform: uppercase;
  font-size: 22px;
  color: #165A86;
  font-weight: 600;
  text-align: center;
}

.hom-navigation a:hover {
 background: #fff !important;
 color: #1F7143;
}

.ddl-dropdown-menu > li > a:hover, .ddl-dropdown-menu > li > a:focus,
.ddl-nav > li > a:hover, .ddl-nav > li > a:focus,
.ddl-navbar-default .ddl-navbar-toggle,
.ddl-navbar-default .ddl-navbar-toggle:hover, .ddl-navbar-default .ddl-navbar-toggle:focus,
.ddl-navbar-default .ddl-navbar-nav > .open > a, .ddl-navbar-default .ddl-navbar-nav > .open > a:hover, .ddl-navbar-default .ddl-navbar-nav > .open > a:focus {
	background: #FFF !important;
}


#menu-tax-reform,
.ddl-navbar-nav {
 float: none !important;
}

 #menu-item-1273 a {
 color: #C78A2B;
}

#menu-item-1273 a:hover {
 color: #1F7143;
}

 #menu-item-1948 a {
 color: #62A732;
}

#menu-item-1948 a:hover {
 color: #1F7143;
}

#menu-item-3170 a,
#menu-item-3414 a,
#menu-item-3515 a {
 color: #C30E08;
}

#menu-item-3170 a:hover,
#menu-item-3414 a:hover,
#menu-item-3515 a:hover {
 color: #C30E08;
}

#menu-item-3313 a {
 color: #5BC236;
}

#menu-item-3313 a:hover {
 color: #1F7143;
}

@media screen and (min-width: 768px) {

 .ddl-navbar,
 #menu-navigation {
   width: 100%;
 }

 .ddl-navbar-nav li {
   width: 25%;
 }

 .hom-navigation a {
   text-align: left;
 }
 
 #menu-item-1220,
 #men-item-1219,
 #menu-item-1218,
	.resources #menu-item-7,
	.resources #menu-item-9,
	.resources #menu-item-10,
	.resources #menu-item-11 {
   padding: 0 !important;
 }

 #menu-item-1273 a,
	.resources #menu-item-10 a {
   background-color: #C78A2B;
   color: #fff;
   text-align: center;
   border: 1px solid #C78A2B;
   border-radius: 4px;
   padding: 15px 0 5px !important;
 }

 #menu-item-1273 a:hover,
	.resources #menu-item-10 a:hover {
   color: #fff;
   background-color: #AA7622 !important;
   border-top: 2px solid #805819;
 }

#menu-item-1948 a	{
   background-color: #62A732;
   color: #fff;
   text-align: center;
   border: 1px solid #62A732;
   border-radius: 4px;
   padding: 15px 0 5px !important;
 }

 #menu-item-1948 a:hover {
   color: #fff;
   background: #69ab40 !important;
   border-top: 2px solid #447029;
 }
	
#menu-item-3170 a,
#menu-item-3414 a,
#menu-item-3515 a {
   background-color: #C30E08;
   color: #fff;
   text-align: center;
   border: 1px solid #C30E08;
   border-radius: 4px;
   padding: 15px 0 5px !important;
 }

#menu-item-3170 a:hover,
#menu-item-3414 a:hover,
#menu-item-3515 a:hover {
   color: #fff;
   background: #C30E08 !important;
   border-top: 2px solid #7A0905;
 }
	
#menu-item-3313 a	{
   background-color: #5BC236;
   color: #fff;
   text-align: center;
   border: 1px solid #5BC236;
   border-radius: 4px;
   padding: 15px 0 5px !important;
 }

 #menu-item-3313 a:hover {
   color: #fff;
   background-color: #1F7143 !important;
   border-top: 2px solid #265016;
 }
}

/************************************

FOOTER

*************************************/

#hom-footer-top {
  background-color: #175884;
}

#resources-footer-top {
	background-color: #1F7143;
}

#hom-footer-bottom {
  background-color: #2D476D;
}

#resources-footer-bottom {
  background-color: #16502f;
}

.hom-footer-content {
  max-width: 1300px;
  margin: 0 auto;
  float: none !important;
}

.hom-footer-content p {
  margin: 5% 0 5% 10%;
  color: #307CA9;
}

.hom-footer-content p a {
 color: #307CA9;
 padding-left: 10px;
 text-decoration: underline;
}

.custom-footer {
  width: 100%;
}

.custom-footer ul {
 width: 30%;
 display: inline;
 float: left;
 margin: 5% 0 5% 2%;
 padding-left: 0;
}

.custom-footer-nav li {
 display: block;
 position: relative;
 width: 100%;
 min-width: 100px;
 padding: 2.5% 0 0 0;
}

.custom-footer-nav li a {
 text-decoration: none;
 color: #fff;
 font-size: 14px;
 text-align: left;
 margin-left: -10px;
 padding: 5% 0 0 5%;
 font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
}

.custom-footer-nav .fthb {
	padding: 7px 5px;
    text-align: center;
    background: #5BC236;
    border-radius: 6px;
}

.custom-footer-nav .fthb a {
	padding: 0 !important;
}

.footer-social-media {
 width: 60%;
 margin: 2.5% auto;
}

.footer-social-media li {
  display: inline;
  text-decoration: none;
  width: 20%;
  float: left;
  padding: 2.5%;
  margin-bottom: 2.5%;
}

@media screen and (max-width: 1185px) {
 .hom-footer-content .footer-logo {
   text-align: center !important;
   margin-bottom: 0 !important;
 }

 .custom-footer ul {
   margin: 0 0 5% 2%;
 }
}

@media screen and (max-width: 768px) {
 
 .hom-footer-content p {
   margin: 5% 0;
   text-align: center;
 }

 .footer-social-media {
   display: none;
 }
}

@media screen and (max-width: 650px) {

 .custom-footer ul {
   width: 48%;
 }
 
 .custom-footer-nav li a {
   padding: 5% 0 0 5%;
 }
}

/************************************

HOME - MAIN IMAGE & BANNER

*************************************/

#hom-main {
 background: #F3F3F4;
 /* background: url('/wp-content/uploads/2019/02/Full_HOM_background-revise.png'); */
 /* background-size: contain; */
}

#hom-update {
	background: #165A86;
}

#hom-covid {
	background: #000;
}

#hom-blue {
	background: #2f7ba7;
}

#hom-white {
	background: #FFF;
}

#hom-month {
	background: #DFDFDF;
}

#hom-hsa {
  background: #949499;
}

#rentalAssistance {
  background: #E6E7E9;
}

#akron {
  background: #C68A2B;
}

@media screen and (max-width: 768px) {
	#hom-month {
		margin: 25px auto !important;
	}
}

#hom-census {
	background: #264870;
}

#hom-resources-main {
	background: #1F7143;
}

.advocate-callout {
	margin: 20% 0 0 0;
}

.advocate-callout h1 {
	font-size: 48px; 
	color: #FFF; 
	margin: 0;
}

.advocate-callout em p {
	color: #FFF; 
	font-size: 28px;
}

.advocate-callout em p span {
	color: #fff; 
	font-size: 24px; 
	font-style: normal; 
	margin-left: 10px;
}

.advocate-video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
    margin-top: 5%;
    margin-bottom: 5%;
    border-radius: 12px;
    overflow: hidden;
    transform: translateY(0px);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.advocate-video iframe {
	position: absolute;
    border-radius: 6px;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 768px) {
	.advocate-callout h1 {
		font-size: 38px;
	}
	.advocate-callout em p,
	.advocate-callout em p span {
		font-size: 20px;
	}
}

@media screen and (max-width: 992px) {
	.advocate-callout {
	margin: 7.5% 0 0 0;
 }
}

@media screen and (min-width: 1345px) {
.advocate-callout {
   margin: 175px 0 0 0;
   position: absolute;
   top: 25%;
   left: 35%;
   transform: translate(-35%, -25%);
	}
}

#hom-guide {
  background: #357BA8;
}

.hom-guide-content {
 margin: 0 auto;
 max-width: 650px;
 width: 100%;
 height: auto;
 float: none !important;
}

.hom-main-content {
 margin: 0 auto;
 max-width: 1300px;
 width: 100%;
 height: auto;
 float: none !important;
}

.enhanced-state {
	background: #FFF;
}

.hom-main-callout {
 display: inline-block;
 position: absolute;
 max-width: 600px;
 width: 100%;
 left: 0;
 top: 0;
 margin: 2.5%;
 color: #FFF;
}

.stay-informed-callout {
 display: inline-block;
 position: absolute;
 max-width: 400px;
 width: 100%;
 left: 0;
 top: 0;
 margin: 2.5%;
 color: #165A86;
}

.hom-main-callout h1,
.stay-informed-callout h1 {
  text-transform: uppercase;
  font-size: 36px;
  font-weight: 900;
}

.hom-main-callout p,
.hom-main-callout a {
  font-size: 18px;
  line-height: 1.6;
  color: #FFF;
  max-width: 400px;
}

.hom-main-banner {
 background-color: #165A86;
 display: inline-block;
 position: absolute;
 max-width: 1300px;
 width: 100%;
 left: 0;
 bottom: 0;
 opacity: 0.9;
 text-align: center;
}

.tax-banner {
 background-color: #c30e08;
 display: inline-block;
 position: absolute;
 max-width: 1300px;
 width: 100%;
 left: 0;
 bottom: 0;
 opacity: 0.9;
 text-align: center;
}

.hom-main-banner h2,
.tax-banner h2 {
 font-size: 24px;
 text-transform: uppercase;
 display: inline;
}

.hom-main-banner a {
 margin: 1%;
 background-color: #307CA9;
 border: 1px solid #307CA9;
 border-radius: 4px;
 padding: 10px 10px 5px;
 color: #fff;
 font-size: 22px;
 text-transform: uppercase;
 font-family: BrandonGrotesqueWeb-Black, 'Work Sans', sans-serif;
}

.tax-banner a {
 margin: 1%;
 background-color: #c30e08;
 border: 1px solid #FFF;
 border-radius: 4px;
 padding: 10px 10px 5px;
 color: #fff;
 font-size: 22px;
 text-transform: uppercase;
 font-family: BrandonGrotesqueWeb-Black, 'Work Sans', sans-serif;
}

.hom-main-banner a:hover {
 color: #fff !important;
 border-top: 2px solid #2E729B;
}

.tax-banner a:hover {
 color: #fff !important;
 background-color: #c30e08;
 border-top: 2px solid #FFF;
}

@media screen and (max-width: 970px) {
 
 .hom-main-callout {
   position: relative;
   width: 90%;
   max-width: 800px;
   padding: 0 0 5%;
   margin: 2.5% 5%;
 }

 .hom-main-callout h1 {
   font-size: 32px;
   color: #c30e08;
 }

 .hom-main-callout p,
 .hom-main-callout a {
   font-size: 14px;
   color: #165A86 !important;
   max-width: 600px;
 }

 .hom-main-banner h2,
 .tax-banner h2 {
   font-size: 18px;
   margin-left: 10px;
  }

 .hom-main-banner a,
 .tax-banner a {
   font-size: 18px;
 }
}

@media screen and (max-width: 768px) {

 .hom-main-banner,
 .tax-banner {
  text-align: center;
  position: relative;
  padding: 10px 0;
 }

 .hom-main-banner a,
 .tax-banner a {
   margin-top: 5px;
 }

  .stay-informed-callout h1 {
    font-size: 28px;
 }
}

@media screen and (max-width: 500px) {

  .stay-informed-callout h1 {
    font-size: 20px;
 }
}

/************************************

HOME - RESOURCES

*************************************/

#hom-resources {
 background: #FFF;
}

#hom-month-resources-main {
	background: #76326D;
}

.hom-resources-content {
 margin: 2.5% auto;
 max-width: 1300px;
 float: none !important;
 padding: 0 15px !important;
}

.hom-resources-box {
 padding: 1% 2%;
 text-align: center;
 position: relative;
 margin: 2% auto;
}

.hom-resources-box img {
 border: 1px solid #fff;
 border-radius: 6px;
 width: 100%;
}


.resources-content-1,
.resources-content-2,
.resources-content-3 {
 position: absolute;
 bottom: 10%;
 left: 0;
 width: 90%;
 margin: 0 5%;
 vertical-align: bottom;
}

.resources-content-1 h3,
.resources-content-2 h3,
.resources-content-3 h3 {
 text-transform: uppercase;
 font-size: 28px;
 padding: 10% 15%;
 color: #fff !important;
}

.resources-content-1 a,
.resources-content-2 a,
.resources-content-3 a {
 text-transform: uppercase;
 padding: 10px 35px 5px;
 font-size: 26px;
 background: #fff;
 font-family: BrandonGrotesqueWeb-Black, 'Work Sans', sans-serif;
}

.resources-content-1 a {
  color: #165A86;
}

.resources-content-1 a:hover {
 color: #165A86;
 background: #f3f3f4;
 border-top: 2px solid #BDBDC2;
}

.resources-content-2 a {
 color: #5BC236;
}

.resources-content-2 a:hover {
 color: #5BC236;
 background: #f3f3f4;
 border-top: 2px solid #BDBDC2;
}

.resources-content-3 a {
 color: #307CA9;
}

.resources-content-3 a:hover {
 color: #307CA9;
 background: #f3f3f4;
 border-top: 2px solid #BDBDC2;
}

@media screen and (max-width: 992px) {
 
.hom-resources-box {
  max-width: 600px;
 }
}

@media screen and (max-width: 768px) {
 
.hom-resources-box {
  max-width: 400px;
}
  
  .resources-content-1 h3,
  .resources-content-2 h3,
  .resources-content-3 h3 {
    padding: 5% 10%;
 }

 .resources-content-1 button,
 .resources-content-2 button,
 .resources-content-3 button {
   padding: 10px 25px 5px;
   font-size: 22px;
 }
}

/************************************

HOME - MAIN CONTENT

*************************************/

.social-media {
 display: none;
}

#hom-content {
 background: #FFF;
}

#hom-feature-content {
  background: #F0F1EE;
}

.hom-main-content-row {
 margin: 2.5% auto;
 max-width: 1300px;
 float: none !important;
}

.hom-main-content-row h2 {
 color: #165A86;
 font-weight: 600;
 margin-top: 0;
 padding-left: 15px;
}

.feature-news {
 margin-bottom: 5%;
}

.feature-news img {
 border-radius: 6px;
 width: 100%;
}
 
.feature-content {
 left: 0;
 line-height: 1.6;
}

.feature-content h3 {
 font-size: 42px;
 color: #345271;
}

.feature-content a {
 text-transform: uppercase;
 padding: 10px 35px 5px;
 font-size: 26px;
 background: #345271;
 color: #FFF;
 font-family: BrandonGrotesqueWeb-Black, 'Work Sans', sans-serif;
}

.hom-news,
.hom-video {
 padding: 1% 0;
 text-align: center;
 margin: 2% auto;
}

.hom-news img,
.hom-video img {
 border: 1px solid #fff;
 border-radius: 6px;
 width: 100%;
}

.hom-news-content,
.hom-video-content {
 bottom: 10%;
 left: 0;
 text-align: left;
 vertical-align: bottom;
}

.hom-news-content h3,
.hom-video-content h3 {
 text-transform: uppercase;
 font-family: BrandonGrotesqueWeb-Black, 'Work Sans', sans-serif;
}

.hom-news-content a,
.hom-video-content a {
 font-size: 20px;
 color: #165A86;
}

.hom-news-content p,
.hom-video-content p,
.feature-content p {
 font-size: 16px;
 color: #555;
}

.content-button {
  text-align: center;
}

.more-content {
 padding: 10px 35px 5px !important;
 color: #FFF !important;
 font-size: 22px !important;
 background: #5BC236;
 margin-top: 2.5% !important;
 margin-bottom: 5% !important;
 font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
}

.more-content:hover {
   color: #fff;
   background-color: #1F7143 !important;
   border-top: 2px solid #265016;
}

@media screen and (max-width: 768px) {
	.feature-news img {
		width: 90%;
		margin: 5%;
	}
}

/************************************

HOME - SIGN UP

*************************************/

#hom-full-content {
 background: #307CA9;
 border-bottom: 20px solid #165A86;
}

.hom-signup-row {
 margin: 2.5% auto;
 max-width: 1300px;
 float: none !important;
}

.signup-form h2 {
 font-size: 42px;
}

.signup-form h4 {
 font-size: 20px;
 width: 70%;
 line-height: 1.6;
 font-family: AmasisMT, 'Crete Round', serif;
}

.signup-form .form-group {
 margin-top: 2%;
}

.signup-form .custom-input-left {
 padding-left: 0 !important;
}

.signup-form input {
 font-size: 24px;
 height: 50px;
 padding: 10px;
}

.signup-form #signup {
 font-size: 24px;
 height: 60px;
 padding: 10px 0 5px !important;
 color: #fff;
 background: #5BC236;
 border: none;
 font-family: BrandonGrotesqueWeb-Black, 'Work Sans', sans-serif;
}

.signup-form #signup:hover {
 background: #69ab40;
 border-top: 2px solid #447029;
}

.signup-form #share {
 font-size: 24px;
 height: 60px;
 padding: 10px 0 5px !important;
 color: #fff;
 background: #165A86;
 border: 1px solid #165A86;
 font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
}

.signup-logo {
 margin-top: 65px;
}

@media screen and (max-width: 1200px) {

 .signup-logo {
  margin-top: 15px;
 }
 
 .signup-logo img {
  margin-bottom: -28px;
 }
}

@media screen and (max-width: 768px) {

.signup-form {
  padding-left: 15px !important;
  padding-right: 0 !important;
 }

.signup-form h2 {
  font-size: 36px;
 }

 .signup-form h4 {
  font-size: 18px;
  width: 90%;
 }

 .signup-form .custom-input-right {
   padding-left: 0 !important;
 }

 .signup-form #signup,
 .signup-form #share {
   font-size: 20px;
   padding: 10px 0 5px !important;
 }
}

/************************************

ABOUT PAGE

*************************************/

#about {
 background: #307CA9;
}

.about-title {
 text-align: center;
 color: #555;
 font-size: 20px;
}

.about-title h1 {
  padding: 2.5%;
  text-transform: uppercase;
  font-family: BrandonGrotesqueWeb-Black, 'Work Sans', sans-serif;
}

.about-callout {
 position: absolute;
 top: 0;
 right: 0;
 width: 75%;
}

.about-callout-2 {
 position: absolute;
 top: 0;
 left: 0;
 width: 75%;
}

.about-callout-2 h2 {
  font-size: 42px;
  width: 90%;
  color: #165A86;
  text-transform: uppercase;
  padding: 12% 15% 0 15%;
}

.about-callout h2 {
  font-size: 38px;
  width: 90%;
  color: #165A86;
  text-transform: uppercase;
  padding: 10% 0 0 45%;
}

.about-bubble {
 background: #5BC236;
 width: 30%;
 margin: 5% 32.5% 5% 5%;
 border-radius: 6px;
}

.about-bubble-two {
 background: #307CA9;
 width: 35%;
 margin: 2.5% 5% 5% 60%;
 position: relative;
 right: 0;
 border-radius: 6px;
}

.about-bubble h2,
.about-bubble-two h2 {
 text-transform: uppercase;
 padding: 5% 5% 2.5%;
}

.about-content {
 width: 70%;
 margin: 2.5% 15% 5%;
}

.about-content-2 {
 margin: 2.5% 0 5%;
 padding: 0 15px;
}

.about-content-2 h2 {
 color: #555;
 font-family: BrandonGrotesqueWeb-Black, 'Work Sans', sans-serif;
 line-height: 1.6;
 padding-top: 15px;
 text-transform: uppercase;
}

.about-content h4 {
 color: #555;
 line-height: 1.6;
 font-size: 22px;
 padding-top: 15px;
}

.about-content .center-heading {
 text-align: center;
}

.about-content p,
.about-content-2 p {
 color: #555;
 line-height: 1.6;
 font-size: 18px;
}

.about-icon-row {
 margin: 0 auto 2%;
 text-align: center;
}

.about-icon-row h1 {
 padding: 0 2.5%;
 color: #165A86;
 text-transform: uppercase;
 font-size: 42px;
 font-family: BrandonGrotesqueWeb-Black, 'Work Sans', sans-serif;
}

.about-icon {
 position: relative;
 margin: 2.5% auto;
}

.about-icon img {
 margin: 0 auto;
 max-width: 200px;
}

.about-icon-column h1,
.about-icon-column p {
 color: #555;
 text-align: center;
}

.about-icon-column h1 {
 font-size: 32px;
 font-weight: 900;
 margin-bottom: 0;
}

.about-icon-column p {
 font-size: 18px;
 line-height: 1.6;
}

.about-contact {
  background: #307CA9;
  margin: 2.5% auto 5%;
  max-width: 1300px;
  float: none !important;
}

.about-contact h1 {
  text-transform: uppercase;
  font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
  width: 80%;
  margin: 2.5% 10%;
  text-align: center;
  font-size: 46px;
}

.about-contact p {
  font-size: 18px;
  width: 70%;
  text-align: center;
  margin: 1% 15%;
}

.about-contact-address {
  background: #165A86;
  padding: 2%;
  width: 40%;
  margin: 2.5% 30%;
  text-align: center;
  border-radius: 6px;
}

.about-contact-address h4 {
  margin-top: 20px;
}

.about-contact-buttons {
 text-align: center;
}

.about-contact-buttons button {
 background: #5BC236;
 text-transform: uppercase;
 padding: 10px 15px 5px;
 font-size: 28px;
 margin: 0 1%;
 font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
}

.about-contact-buttons button:hover {
 color: #fff;
}

.about-button-2 a {
	font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif; 
	padding: 10px 10px 5px; 
	text-transform: uppercase; 
	color: #fff; 
	font-size: 22px; 
	background: #5BC236;
	margin: 15px auto;
}

@media screen and (max-width: 968px) {
	.about-callout-2 h2 {
		padding: 7% 15% 0 15%;
	}
}

@media screen and (max-width: 910px) {

 .about-callout h2 {
  font-size: 32px;
  padding: 10% 0 0 45%;
 }
}

@media screen and (max-width: 850px) {
	.about-callout-2 h2 {
		font-size: 26px;
	}
}

@media screen and (max-width: 768px) {

  .about-callout h2 {
  font-size: 20px !important;
  width: 95%;
  padding: 2.5% 0 0 45%;
 }

 .about-bubble h2,
 .about-bubble-two h2 {
  font-size: 20px;
 }

 .about-bubble {
  width: 40%;
  margin: 2.5% 55% 5% 5%;
}

 .about-bubble-two {
  width: 45%;
  margin: 2.5% 5% 5% 50%;
 }

 .about-contact h1 {
  margin: 5% 10%;
  font-size: 26px;
 }

 .about-contact-address {
  width: 80%;
  margin: 5% 10%;
 }
}

@media screen and (max-width: 500px) {

  .about-callout h2 {
   font-size: 14px !important;
  }
 .about-callout-2 h2 {
   font-size: 16px !important;
  }
}

/************************************

TAKE ACTION PAGE

*************************************/

.take-action-headline {
 width: 70%;
 margin: 5% 15%;
}

.take-action-headline h1 {
	font-size: 32px;
	color: #555;
	text-transform: uppercase;
	margin: 0 0 1.2em;
}

.take-action-headline p {
 font-size: 18px;
 color: #555;
 line-height: 1.6;
}

.cfa-list-container {
	margin: 2em auto;
}

.cfa-list-item {
	margin: 2em;
}

.cfa-list-item-headline {
	color: #dc3545;
	font-size: 20px;
}

.cfa-list-item-link {
	font-size: 22px; 
	text-transform: uppercase; 
	font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
}

.cfa-list-item-content {
	color: #555;
}

@media screen and (max-width: 768px) {
	.take-action-headline {
		width: 95%;
		margin: 5% 2.5%;
	}
	.take-action-headline h1 {
		font-size: 24px;
	}
	
	.cfa-list-container {
		margin: 0 auto;
	}
}

.national-action-bubble {
 background: #5BC236;
 width: 70%;
 margin: 0 auto;
 border-radius: 6px;
}

.state-action-bubble {
 background: #C78A2B;
 width: 70%;
 margin: 0 auto;
 border-radius: 6px;
}

.national-action-bubble h2,
.state-action-bubble h2 {
 text-transform: uppercase;
 padding: 5% 7.5% 2.5%;
 text-align: center;
}

.take-action-callout {
 position: absolute;
 bottom: 0;
 left: 0;
 margin: 2.5% 5% 6%;
}

.take-action-callout h2 {
  font-size: 36px;
  font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
  margin: 0;
  color: #fff;
  text-shadow: 0 2px 2px #000;
  text-transform: uppercase;
  padding: 1% 0 0 0;
}

.national-action-item {
  text-align: center;
  margin: 10% 0;
}

.state-action-item {
  text-align: center;
  margin: 10% 0 8%;
}

.national-action-item h3,
.state-action-item h3 {
  color: #555;
  text-transform: uppercase;
}

.national-action-item p,
.state-action-item p {
  color: #555;
  width: 60%; 
  margin: 0 20% 5%;
}

.national-action-item a,
.state-action-item a {
  color: #fff;
  text-transform: uppercase;
  padding: 10px 15px 5px;
  font-size: 18px;
  margin: 0 1% 2%;
  font-family: BrandonGrotesqueWeb-Black, 'Work Sans', sans-serif;
}

.national-action-item a:hover,
.state-action-item a:hover {
 color: #fff !important;
}

.national-action-item a {
 background: #5BC236;
}

.state-action-item a {
 background: #C78A2B;
}

.national-action-item a:hover {
 background: #69ab40;
 border-top: 2px solid #447029;
}

.state-action-item a:hover {
 background: #aa7622;
 border-top: 2px solid #805819;
}

/***** LOWER LEVEL ACTION PAGES ******/

.action-intro {
 color: #555;
}

.action-intro h1 {
 text-transform: uppercase;
 font-size: 28px;
 font-family: BrandonGrotesqueWeb-Black, 'Work Sans', sans-serif;
 padding: 15px 0;
}

.action-intro img {
 margin-bottom: 5%;
}

.action-intro h4 {
 font-size: 20px;
 line-height: 1.6;
}

.action-intro li {
 font-size: 18px;
 line-height: 1.4;
}

.action-pledge {
 margin: 2.5% 0 2.5%;
 background: #2D476D;
 border-radius: 6px;
 padding: 2.5%;
 color: #fff;
}

.action-form {
 margin: 5% 0 2.5%;
 background: #307CA9;
 border-radius: 6px;
 padding: 5%;
}

.action-form label {
 text-transform: uppercase;
 font-size: 18px;
 font-family: BrandonGrotesqueWeb-Black, 'Work Sans', sans-serif;
 color: #fff;
 padding-top: 10px;
}

.about-contact .action-form input,
.about-contact .action-form textarea {
  width: 100%;
  margin: 0 0 5%;
  border-radius: 6px;
}

.about-contact .action-form textarea {
  height: 100px !important;
}

.action-form input {
 font-size: 20px;
 height: 50px;
 padding: 10px;
 color: #555;
}

.action-form option {
 color: #555;
}

.action-form .action-submit {
 text-align: center;
}

.action-form .action-button {
 font-size: 24px;
 height: 60px;
 padding: 10px 10px 5px !important;
 color: #fff;
 background: #5BC236;
 border: none;
 font-family: BrandonGrotesqueWeb-Black, 'Work Sans', sans-serif;
 text-transform: uppercase;
 width: 100%;
}

.action-form .action-button:hover {
 color: #fff !important;
 background: #69ab40;
 border-top: 2px solid #447029;
}

.action-form p,
.action-form a {
 color: #fff;
 text-align: center;
}

.action-form a {
 text-decoration: underline;
}

.springfield-headline {
  font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif; 
  font-size: 42px; 
  color: #165A86; 
  text-transform: uppercase; 
  font-weight: 500;
  margin-top: 0;
}

@media screen and (max-width: 768px) {

 .take-action-callout h2 {
  font-size: 22px;
 }
 .action-form .action-button {
   font-size: 12px;
 }
 .springfield-headline {
   font-size: 30px;
 }
}

@media screen and (max-width: 550px) {

 .take-action-callout h2 {
  font-size: 14px;
 }
}

/************************************

STATE CAMPAIGN PAGE

*************************************/

/******* HEADER LOGO *******/

.custom-state-logo img {
 width: 40%; 
 margin: 25px 0 25px 40px; 
 min-width: 335px; 
 min-height: 65px;
}

/******* MAIN IMAGE ********/

.hom-main-state-callout {
 display: inline-block;
 position: absolute;
 width: 100%;
 left: 0;
 top: 0;
 margin: 15% 10% 0;
 color: #fff;
 font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
}

.hom-main-state-callout h1 {
  text-transform: uppercase;
  font-size: 42px;
  font-weight: 900;
}

@media screen and (max-width: 970px) {
 
 .hom-main-state-callout {
   width: 90%;
   position: relative;
   text-align: center;
   margin: 2.5%;
   color: #C78A2b;
   font-weight: 900;
 }

 .hom-main-state-callout h1 {
   font-size: 32px;
   margin: 0 0 5%;
   padding: 1% 0 2%;
 }
}

@media screen and (max-width: 768px) {

 .hom-main-state-callout h1 {
   margin: 0;
   padding: 2% 0 1%;
 }

 .signup-form #state-signup,
 .signup-form #state-share {
   font-size: 20px;
   padding: 10px 0 5px !important;
 }
}

@media screen and (max-width: 500px) {

 .custom-state-logo img {
  margin: 25px auto; 
 }
}

/******* STATE NEWS ********/

.more-state-content {
 padding: 10px 35px 5px !important;
 font-size: 22px !important;
 background: #C78A2B;
 margin-top: 2.5% !important;
 margin-bottom: 5% !important;
 font-family: BrandonGrotesqueWeb-Black, 'Work Sans', sans-serif;
 color: #fff;
}

.more-state-content:hover {
 color: #fff !important;
 background: #AA7622;
 border-top: 2px solid #805819;
}

.state-specific {
 width: 50%;
 margin: 5% auto;
 color: #555;
 text-align: center;
 font-size: 18px;
 line-height: 1.6;
}

.state-specific img {
 margin: 5% auto;
}



/******* STATE SIGNUP FORM ********/

#hom-full-state-content {
 background: #C78A2B;
 border-bottom: 20px solid #994A22;
}

.signup-form #state-signup {
 font-size: 24px;
 height: 60px;
 padding: 10px 0 5px !important;
 color: #fff;
 background: #307CA9;
 border: 1px solid #307CA9;
 font-family: BrandonGrotesqueWeb-Black, 'Work Sans', sans-serif;
}

.signup-form #state-signup:hover {
 background: #2E729B;
 border-top: 2px solid #235676;
}

.signup-form #state-share {
 font-size: 24px;
 height: 60px;
 padding: 10px 0 5px !important;
 color: #fff;
 background: #165A86;
 border: 1px solid #165A86;
 font-family: BrandonGrotesqueWeb-Black, 'Work Sans', sans-serif;
}

/************************

QUIZ

*************************/

.wpvq-question .wpvq-question-img {
 width: 100%;
}

/******************************

NATIONAL MAP - FIND YOUR STATE

******************************/

.map-instructions {
 text-align: center;
}

.map-instructions h4 {
 color: #555;
 font-size: 20px;
}

.map-links {
  text-align: right;
}

.map-links h4 {
  display: inline;
  padding: 5px 15px;
  color: #175884;
}

.map-links h4 a {
  text-transform: uppercase;
  text-decoration: none;
  color: #175884;
  }

.map-links h4 a:hover {
 color: #5BC236;
}

#state-nav {
 background: #C78A2B !important;
 width: 80%;
 margin: -2% 10% 25% 10% !important;
 text-align: center;
 border-radius: 4px;
 padding: 1%;
}

#state-nav .ddl-navbar-default .ddl-navbar-toggle:hover,
#state-nav .ddl-navbar-default .ddl-navbar-toggle {
 background-color: #fff;
 border-color: #fff;
}

#state-nav .ddl-nav > li > a {
 text-transform: uppercase;
 font-size: 20px;
 color: #fff;
 line-height: 1.6;
 font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
}

#state-nav .ddl-nav > li > a:hover {
 background-color: #C78A2B;
}

@media screen and (max-width: 768px) {

 .map-links h4 {
  display: block;
  padding: 5px 15px 0;
 }
 .map-links h4 span {
  display: none;
 }
}

/******** BILL OF RIGHTS A/B TEST *******/

.bor-main {
 padding: 0 !important;
}

.bor-main-banner {
 background-color: #165A86;
 display: inline-block;
 position: absolute;
 max-width: 1300px;
 width: 100%;
 left: 0;
 bottom: 0;
 opacity: 0.9;
 text-align: center;
}

.bor-main-banner h2 {
 font-size: 24px;
 text-transform: uppercase;
 margin-bottom: 20px;
}

.bor-callout {
 position: absolute;
 bottom: 0;
 left: 0;
 margin: 2.5% 25% 5%;
}

.bor-callout h2 {
  font-size: 32px;
  font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
  margin: 0;
  color: #FFF;
  text-transform: uppercase;
  padding: 2% 0 0;
  text-align: center;
}

.bor-container {
 max-width: 900px;
 margin: 0 auto;
 float: none !important;
}

.bor-action-intro {
 color: #555;
}

.bor-action-intro h4 {
 font-size: 20px;
 line-height: 1.6;
 margin: 5% 10%;
 font-family: AmasisMT, 'Crete Round', serif;
}

.bor-action-pledge {
 margin: 2.5% 10% 2.5%;
 background: #F2F2F2;
 border-radius: 6px;
 padding: 2.5%;
 color: #555;
 width: 80%;
}

.bor-action-pledge h4 {
 margin: 2.5% 0;
 color: #165A86;
 text-transform: uppercase;
}

.bor-action-pledge ul {
 padding-left: 5%;
}

.bor-action-pledge p,
.bor-action-pledge li {
 font-size: 18px;
}

.bor-action-pledge li {
 margin: 2.5% 0 0;
 width: 100%;
 clear: both;
 padding: 0 5% 2.5%;
}

.bor-action-pledge li img,
.bor-action-pledge li p {
 display: inline;
}

.bor-action-pledge li img {
 width: 10%;
 height: auto;
 margin-right: 15px;
 margin-bottom: 25px;
 float: left;
}

.bor-action-pledge li p {
 width: 90%;
}

.bor-action-pledge .bor-form {
  margin: 5% 2.5%;
  clear: both;
}

.bor-action-pledge input {
 font-size: 20px;
 height: 50px;
 padding: 10px;
 color: #555;
}

.bor-action-pledge option {
 color: #555;
}

.bor-action-pledge .action-submit {
 text-align: center;
}

.bor-action-pledge .action-button {
 font-size: 20px;
 height: 60px;
 padding: 10px 10px 5px !important;
 color: #fff;
 background: #5BC236;
 border: none;
 font-family: BrandonGrotesqueWeb-Black, 'Work Sans', sans-serif;
 text-transform: uppercase;
 width: 100%;
}

.bor-action-pledge .action-button:hover {
 color: #fff !important;
 background: #69ab40;
 border-top: 2px solid #447029;
}

@media screen and (max-width: 970px) {
 
 .bor-main-banner h2 {
   font-size: 18px;
   margin-left: 10px;
  }
}

@media screen and (max-width: 768px) {

 .bor-main-banner {
  text-align: center;
  position: relative;
  padding: 1.5% 0;
 }
 .bor-action-pledge .action-button {
   font-size: 14px;
 }
}

/**** MINNESOTA FTHB PAGE ****/

.mn-fthb-main {
  background: #165A86; 
  color: #fff; 
  text-align: center; 
  height: 74px;
}

.mn-fthb-main h1 {
 margin: 0; 
 text-transform: uppercase; 
 padding: 2%; 
 font-size: 2.5em;
}

.carousel-indicators {
  padding-bottom: 50px;
}

.mn-fthb-buttons {
 margin: 5% auto; 
 padding: 2.5%; 
 background: #F1F1F1; 
 border-radius: 6px;
}

.mn-fthb-buttons h2 {
 color: #165A86; 
 text-transform: uppercase; 
 text-align: center;
}

.mn-fthb-buttons div .mar-logo,
.mn-fthb-disclaimer div .mar-logo {
 margin: 30% auto 0; 
}

.mn-fthb-buttons div .mn-home-logo,
.mn-fthb-disclaimer div .mn-home-logo {
 padding: 5%; 
 margin: 10% auto 0; 
 text-align: center;
 width: 80%;
}

/******* CUSTOM DOWNLOAD ******/

.custom-download {
 margin: 5% auto;
 text-align: center;
}

.custom-download img {
 width: 100%;
 height: auto;
 max-width: 287px;
 max-height: 413px;
}

.button-container button,
.button-container .button,
.button-container .learn-more-btn { 
 margin: 5% 15% !important; 
 background: #175884 !important;
 width: 70% !important;
}

.button-container .learn-more-btn {
 margin: 2.5% 0 !important; 
 width: 60% !important;
}

.button-container button a,
.button-container .button a,
.button-container .learn-more-btn a {
 color: #fff;
 text-transform: uppercase;
 font-size: 20px;
 font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
 text-align: center !important;
}

@media screen and (max-width: 991px) {

.mn-fthb-main h1 {
 font-size: 1.75em;
 padding: 3%;
}

.mn-fthb-buttons div .mar-logo,
.mn-fthb-disclaimer div .mar-logo {
 margin: 4% auto; 
}

.mn-fthb-buttons div .mn-home-logo,
.mn-fthb-disclaimer div .mn-home-logo {
 margin: 0 auto; 
 width: 40%;
}

#mn-quiz-img {
 margin: 2.5% auto;
 width: 70%;
}

.button-container button a,
.button-container .button a {
 font-size: 16px;
}

.button-container .learn-more-btn {
 margin: 2.5% 20% !important;
}

}

@media screen and (max-width: 768px) {

 .carousel-indicators {
  padding-bottom: 0;
 }

.mn-fthb-buttons h3 .consumer-link {
 font-size: 16px;
}

 .mn-fthb-buttons div .mar-logo {
 width: 60%;
 }

 .mn-fthb-buttons div .mn-home-logo { 
  width: 50%;
 }

.mn-fthb-disclaimer div .mar-logo,
.mn-fthb-disclaimer div .mn-home-logo {
 width: 100%;
}

#mn-quiz-heading {
 font-size: 30px;
 text-align: center;
}

.button-container button a,
.button-container .button a {
 font-size: 14px;
 }
}


/* MN Videos */

.mn-video,
.mn-video-toolkit {
  margin-top: 5%;
}

.mn-video-toolkit h3 {
 text-align: center;
 margin-top: 5%;
}

.mn-video-toolkit h3 a {
 text-transform: uppercase;
 color: #555;
}
        
.mn-video iframe,
.mn-video-toolkit iframe {
  margin: 0 15%;
  width: 70%;
  height: auto;
  min-height: 350px;
  border: 2px solid #000;
  border-radius: 6px;
}

@media screen and (max-width: 768px) {
  .mn-video iframe {
    width: 90%;
    min-height: 250px;
    margin: 0 5%;
 }

 .mn-video-toolkit iframe {
    width: 100%;
    min-height: 250px;
    margin: 0 auto;
 }
}

/**** SEARCH ****/

.search-container {
  margin: 15px 0;
}

.hom-search {
  float: right; 
  margin: 15px 0; 
  padding: 5px 10px;
}

#hom-text-search {
  background: #f0f1f1; 
  padding: 8px; 
  border: none; 
  border-radius: 0; 
  float: left; 
  margin-top: -15px; 
  color: #555;
}

#hom-search-image {
  display: inline;
  max-height: 35px;
  border: none; 
  border-radius: 0;  
  margin-top: -15px;
}

@media screen and (max-width: 768px) {
	.hom-search {
	  float: none;
	}
	
	#hom-text-search {
      width: 60%;
	  margin-left: 16%;
	}
}

@media screen and (max-width: 550px) {
	#hom-text-search {
      width: 75%;
	  margin-left: 8%;
	}
} 

.search-form-custom {
 margin-bottom: 25px;
}

.search-form-custom form label {
 font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
 color: #165A86;
 text-transform: uppercase;
 font-size: 18px;
 display: inline;
 margin-right: 10px;
}

.search-form-custom form input {
 color: #555;
 font-size: 16px;
 border-radius: 6px;
 border: 2px solid #555;
 padding: 12px 17px;
 width: 100%;
 max-width: 300px;
}

.search-form-custom form button {
 color: #FFF;
 font-size: 20px;
 border-radius: 6px;
 border: 2px solid #5BC236;
 background: #5BC236;
 padding: 10px 15px;
 font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
 width: 100px;
}

/**** User Panel ****/

.user-panel iframe {
  margin: 2% 7.5%; 
  width: 85%; 
  height: auto; 
  min-height: 400px;
}

@media screen and (max-width: 768px) {
  .user-panel iframe {
   width: 95%;
   margin: 2% 2.5%;
   min-height: 250px;
 }
}

/***** FTHB GUIDE *****/

.guide-dropdown-1,
.guide-dropdown-2,
.guide-dropdown-3,
.guide-dropdown-4,
.guide-dropdown-5,
.HOM1-dropdown-1,
.HOM1-dropdown-2,
.HOM1-dropdown-3,
.HOM2-dropdown-1,
.HOM2-dropdown-2,
.HOM2-dropdown-3 {
  background: #F1F1F1;
  border-radius: 6px;
  padding: 2.5%;
  margin: 2.5% auto;
  }

.guide-dropdown-1 .arrow-icon,
.guide-dropdown-2 .arrow-icon,
.guide-dropdown-3 .arrow-icon,
.guide-dropdown-4 .arrow-icon,
.guide-dropdown-5 .arrow-icon,
.HOM1-dropdown-1 img,
.HOM1-dropdown-2 img,
.HOM1-dropdown-3 img, 
.HOM2-dropdown-1 img,
.HOM2-dropdown-2 img,
.HOM2-dropdown-3 img {
 display: inline; 
 border-radius: 6px; 
 max-width: 55px; 
 width: 100%; 
 float: left;
 margin: 0px 20px 10px 10px;
 cursor: pointer;
}
  
  .guide-dropdown-1 h1,
  .guide-dropdown-2 h1,
  .guide-dropdown-3 h1,
  .guide-dropdown-4 h1,
  .guide-dropdown-5 h1 {
   color: #165A86;
   text-transform: uppercase;
   margin: 0 !important;
   font-size: 26px !important;
   padding-top: 5px;
  }

.guide-close {
	background: #165A86;
	padding: 10px 5px;
    border-radius: 6px;
    width: 25%;
}

p .guide-box-1,
p .guide-box-2,
p .guide-box-3,
p .guide-box-4,
p .guide-box-5 {
	font-family: AmasisMT-Bold;
	cursor: pointer;
	color: #FFF !important;
	font-size: 16px;
}
  
  .guide-dropdown-1 .dropdown-answer-1,
  .guide-dropdown-2 .dropdown-answer-2,
  .guide-dropdown-3 .dropdown-answer-3,
  .guide-dropdown-4 .dropdown-answer-4,
  .guide-dropdown-5 .dropdown-answer-5,
.HOM1-dropdown-1 .HOM1-dropdown-answer-1,
.HOM1-dropdown-2 .HOM1-dropdown-answer-2,
.HOM1-dropdown-3 .HOM1-dropdown-answer-3,
.HOM2-dropdown-1 .HOM2-dropdown-answer-1,
.HOM2-dropdown-2 .HOM2-dropdown-answer-2,
.HOM2-dropdown-3 .HOM2-dropdown-answer-3 {
    padding: 15px;
    margin-top: 2.5%;
    background: #fff;
    display: none;
  }
  
  .guide-dropdown-1 .dropdown-answer-1 p,
  .guide-dropdown-2 .dropdown-answer-2 p,
  .guide-dropdown-3 .dropdown-answer-3 p,
  .guide-dropdown-4 .dropdown-answer-4 p,
  .guide-dropdown-5 .dropdown-answer-5 p,
.HOM1-dropdown-1 .HOM1-dropdown-answer-1 p,
.HOM1-dropdown-2 .HOM1-dropdown-answer-2 p,
.HOM1-dropdown-3 .HOM1-dropdown-answer-3 p,
.HOM2-dropdown-1 .HOM2-dropdown-answer-1 p,
.HOM2-dropdown-2 .HOM2-dropdown-answer-2 p,
.HOM2-dropdown-3 .HOM2-dropdown-answer-3 p {
   font-size: 20px;
   color: #555;
   margin: 0.75em 0;
  }

  .guide-dropdown-1 .dropdown-answer-1 p span,
  .guide-dropdown-2 .dropdown-answer-2 p span,
  .guide-dropdown-3 .dropdown-answer-3 p span,
  .guide-dropdown-4 .dropdown-answer-4 p span,
  .guide-dropdown-5 .dropdown-answer-5 p span {
     font-family: AmasisMT-Bold;
     padding-right: 5px;
     color: #165A86;
	 text-transform: uppercase;
   }

.guide-dropdown-3 .dropdown-answer-3 ul li {
	list-style-type: initial;
    color: #555;
    font-size: 24px;
}

.fthb-video-text {
	min-height: 100px;
}

.fthb-state-list li p {
	margin: 0 !important;
}

@media screen and (max-width: 992px) {
 .fthb-video-text {
	min-height: 75px;
 }
}

@media screen and (max-width: 768px) {

 .guide-dropdown-1,
 .guide-dropdown-2,
 .guide-dropdown-3,
 .guide-dropdown-4,
 .guide-dropdown-5,
  .HOM1-dropdown-1,
  .HOM1-dropdown-2,
  .HOM1-dropdown-3,
  .HOM2-dropdown-1,
  .HOM2-dropdown-2,
  .HOM2-dropdown-3 {
    padding: 4.5%;
  }

 .guide-dropdown-1 h1,
 .guide-dropdown-2 h1,
 .guide-dropdown-3 h1,
 .guide-dropdown-4 h1,
 .guide-dropdown-5 h1 {
    font-size: 26px !important;
  }

  .guide-dropdown-3 .arrow-icon,
  .guide-dropdown-4 .arrow-icon,
  .guide-dropdown-5 .arrow-icon,
  .HOM1-dropdown-1 img,
  .HOM1-dropdown-2 img,
  .HOM1-dropdown-3 img{
     margin: 0 20px 10px 10px;
	 width: 100%;
	 max-width: 40px;
  }
	
	.guide-dropdown-1 .arrow-icon,
	.guide-dropdown-2 .arrow-icon {
	  margin: 15px 20px 10px 10px;
	  width: 100%;
	  max-width: 40px;
	}

}

@media screen and (max-width: 450px) {

 .guide-dropdown-1 h1,
 .guide-dropdown-2 h1,
 .guide-dropdown-3 h1,
 .guide-dropdown-4 h1,
 .guide-dropdown-5 h1 {
    font-size: 20px !important;
  }

}

/***** MI FTHB *****/

#hom-mi-main {
 background: #F2F2F2; 
}

.mi-dropdown-1,
.mi-dropdown-2,
.mi-dropdown-3,
.mi-dropdown-4 {
  background: #F1F1F1;
  border-radius: 6px;
  padding: 2.5%;
  margin: 2.5% auto;
  cursor: pointer;
  }

.mi-dropdown-1 img,
.mi-dropdown-2 img,
.mi-dropdown-3 img,
.mi-dropdown-4 img {
 display: inline; 
 border-radius: 6px; 
 max-width: 55px; 
 width: 100%; 
 float: left;
 margin: 0px 20px 10px 10px;
}
  
  .mi-dropdown-1 h1,
  .mi-dropdown-2 h1,
  .mi-dropdown-3 h1,
  .mi-dropdown-4 h1 {
   color: #165A86;
   text-transform: uppercase;
   margin: 0 !important;
   font-size: 32px !important;
   padding-top: 5px;
  }
  
  .mi-dropdown-1 .mi-dropdown-answer-1,
  .mi-dropdown-2 .mi-dropdown-answer-2,
  .mi-dropdown-3 .mi-dropdown-answer-3,
  .mi-dropdown-4 .mi-dropdown-answer-4 {
    padding: 15px;
    margin-top: 2.5%;
    background: #fff;
    display: none;
  }
  
  .mi-dropdown-1 .mi-dropdown-answer-1 p,
  .mi-dropdown-2 .mi-dropdown-answer-2 p,
  .mi-dropdown-3 .mi-dropdown-answer-3 p,
  .mi-dropdown-4 .mi-dropdown-answer-4 p {
   font-size: 22px;
   color: #555;
   margin: 15px 0;
  }

  .mi-dropdown-1 .mi-dropdown-answer-1 p span,
  .mi-dropdown-2 .mi-dropdown-answer-2 p span,
  .mi-dropdown-3 .mi-dropdown-answer-3 p span,
  .mi-dropdown-4 .mi-dropdown-answer-4 p span {
     font-weight: 600;
     padding-right: 5px;
     color: #165A86;
   }

@media screen and (max-width: 768px) {

 .mi-dropdown-1,
 .mi-dropdown-2,
 .mi-dropdown-3,
 .mi-dropdown-4 {
    padding: 4.5%;
  }

 .mi-dropdown-1 h1,
 .mi-dropdown-2 h1,
 .mi-dropdown-3 h1,
 .mi-dropdown-4 h1 {
    font-size: 26px !important;
  }

  .mi-dropdown-1 img,
  .mi-dropdown-2 img,
  .mi-dropdown-3 img,
  .mi-dropdown-4 img {
     margin: 0 20px 10px 10px;
  }

}

@media screen and (max-width: 450px) {

 .mi-dropdown-1 h1,
 .mi-dropdown-2 h1,
 .mi-dropdown-3 h1,
 .mi-dropdown-4 h1 {
    font-size: 20px !important;
  }

}

/*** LA FTHB ***/

/***** MI FTHB *****/

.la-dropdown-1,
.la-dropdown-2,
.la-dropdown-3,
.la-dropdown-4 {
  background: #F1F1F1;
  border-radius: 6px;
  padding: 2.5%;
  margin: 2.5% auto;
  cursor: pointer;
  }

.la-dropdown-1 img,
.la-dropdown-2 img,
.la-dropdown-3 img,
.la-dropdown-4 img {
 display: inline; 
 border-radius: 6px; 
 max-width: 55px; 
 width: 100%; 
 float: left;
 margin: 0px 20px 10px 10px;
}
  
  .la-dropdown-1 h1,
  .la-dropdown-2 h1,
  .la-dropdown-3 h1,
  .la-dropdown-4 h1 {
   color: #165A86;
   text-transform: uppercase;
   margin: 0 !important;
   font-size: 32px !important;
   padding-top: 5px;
  }
  
  .la-dropdown-1 .la-dropdown-answer-1,
  .la-dropdown-2 .la-dropdown-answer-2,
  .la-dropdown-3 .la-dropdown-answer-3,
  .la-dropdown-4 .la-dropdown-answer-4 {
    padding: 15px;
    margin-top: 2.5%;
    background: #fff;
    display: none;
  }
  
  .la-dropdown-1 .la-dropdown-answer-1 p,
  .la-dropdown-2 .la-dropdown-answer-2 p,
  .la-dropdown-3 .la-dropdown-answer-3 p,
  .la-dropdown-4 .la-dropdown-answer-4 p {
   font-size: 22px;
   color: #555;
   margin: 15px 0;
  }

  .la-dropdown-1 .la-dropdown-answer-1 p span,
  .la-dropdown-2 .la-dropdown-answer-2 p span,
  .la-dropdown-3 .la-dropdown-answer-3 p span,
  .la-dropdown-4 .la-dropdown-answer-4 p span {
     font-weight: 600;
     padding-right: 5px;
     color: #165A86;
   }

@media screen and (max-width: 768px) {

 .la-dropdown-1,
 .la-dropdown-2,
 .la-dropdown-3,
 .la-dropdown-4 {
    padding: 4.5%;
  }

 .la-dropdown-1 h1,
 .la-dropdown-2 h1,
 .la-dropdown-3 h1,
 .la-dropdown-4 h1 {
    font-size: 26px !important;
  }

  .la-dropdown-1 img,
  .la-dropdown-2 img,
  .la-dropdown-3 img,
  .la-dropdown-4 img {
     margin: 0 20px 10px 10px;
  }

}

@media screen and (max-width: 450px) {

 .la-dropdown-1 h1,
 .la-dropdown-2 h1,
 .la-dropdown-3 h1,
 .la-dropdown-4 h1 {
    font-size: 20px !important;
  }

}

/** Fair Housing **/

 .fair-housing h2 {
    font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
    font-size: 42px;
    color: #165A86;
    text-transform: uppercase;
    font-weight: 500;
	padding: 2.5%;
}

.fair-housing p {
  color: #555;
  font-size: 18px;
  padding: 0 2.5%;
 }

.fair-housing-return {
	font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif; 
	padding: 10px 10px 5px !important; 
	text-transform: uppercase; 
	color: #fff; 
	font-size: 22px !important; 
	background: #2E3192;
	margin-bottom: 20px !important;
}

.fair-housing-return:hover {
	color: #FFF !important;
}

.fh-button-container .button { 
 margin: 2.5% 15% 2.5% !important; 
 background: #555 !important;
 width: 70% !important;
 height: 46px;
}

.fh-button-container .button a {
 color: #FFF;
 text-transform: uppercase;
 font-size: 22px;
 font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
 text-align: center !important;
}

@media screen and (max-width: 600px) {
	.fh-button-container .button {
		margin: 2.5% !important; 
        width: 95% !important;
	}
	.fh-button-container .button a {
		font-size: 16px;
		height: 40px;
	}
}

/********************************
 * 
 * HOMEOWNERSHIP MONTH 2018
 * 
 ********************************/

.hom-month {
	margin-top: -15px;
}

.hom-month img {
	width: 80%;
	margin: 0 10%;
}

.hom-month h1 {
	text-transform: uppercase;
	text-align: center;
	font-size: 42px;
	color: #165A86;
}

.hom-month .nd-heading2 {
	padding-left: 0;
	margin-top: 2.5%;
}

@media screen and (max-width: 768px) {
	.hom-month .nd-heading2 {
		margin-top: 7.5%;
	}
}

.hom-month .nd-heading4 {
	color: #555; 
	font-size: 22px; 
	margin-top: 2.5%;
}

.hom-month .nd-paragraph,
.hom-month .nd-callout p {
	color: #555; 
	font-size: 18px; 
	line-height: 1.6;
}

.hom-month .nd-callout {
	background: #F2F2F2; 
	border-radius: 6px; 
	padding: 2.5%; 
	margin-top: 40px; 
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.hom-month .learn {
	background: #F2F2F2; 
	padding: 15px;
}

.hom-month .learn ul li {
	color: #165A86; 
	font-size: 20px;
}

.hom-month .learn ul li a,
.hom-month .learn a {
	color: #307CA9; 
	font-size: 20px; 
	line-height: 1.6;
}

.hom-month .learn-paragraph {
	color: #555; 
	font-size: 20px; 
	line-height: 1.6; 
	padding: 15px; 
	background: #f2f2f2;
}

.hom-month .vote-list {
	list-style: none;
	margin-left: -25px;
}

.hom-month .vote-list li {
	margin: 0 0 10px;
	clear: both;
}

.hom-month li .vote-check {
	width: 25px;
	margin: 2.5px 5px 12px 0;
	float: left;
}

@media screen and (max-width: 500px) {
	.hom-month li .vote-check {
		margin: 5px 10px 45px 0;
	}
}

.hom-month .tweet1 img,
.hom-month .tweet2 img {
	margin: 2.5% 10%; 
	width: 80%; 
	border-radius: 6px; 
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.hom-month .nd-callout h4 {
	font-size: 20px; 
	text-transform: uppercase; 
	color: #165A86;
}


.hom-month-content {
	padding: 2%;
}

.hom-month-content p {
	color: #555;
	font-size: 20px;
	line-height: 1.6;
	padding-left: 30px;
}

.hom-month-logo img {
	padding: 2%;
}

.hom-month-video,
.hom-promo-video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin: 1% auto -2.5%;
}
.hom-month-video iframe,
.hom-promo-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 2.5%;
}

.hom-month-video iframe {
	max-height: 415px;
}

@media screen and (max-width: 1275px) {
	.hom-month-video {
		margin: 1% auto;
	}
}


.social-meme-content {
	margin: 0 auto 2.5%;
}

.social-meme-content h2 {
	font-size: 32px;
	text-transform: uppercase;
	padding-left: 30px;
}

.social-meme-content p {
	font-size: 20px;
	color: #555;
	padding-left: 30px;
}

.social-meme-gallery {
	background: #E6E6E6;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	margin-bottom: 5%;
}

.social-meme {
	margin: 0 auto;
}

.social-meme img {
	margin: 5% auto 0;
	padding: 2.5% 1.25%;
}

.facebookShareButton {
	font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
    padding: 10px 5px 5px;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    background: #175884; border-radius: 6px;
}

@media screen and (max-width: 768px) {
	.social-meme-gallery {
		background: #FFF;
	}
	.resources-content h1 {
		font-size: 28px !important;
	}
}

.poll-button {
	text-transform: uppercase; 
	font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
	padding: 10px 16px 8px !important;
}

/*********************************
 * 
 * 
 * LANDING PAGE BUTTON
 * 
 * 
 *********************************/

.landing-image {
	margin: 0 auto;
}
 
.landing-page-info .button .download-link {
	color: #FFF;
}

/**********************************
 * 
 * 
 *  TAXES LANDING PAGE
 * 
 * 
 * ********************************/

#taxes-main {
	background: #F2F2F2;
}

.taxes-intro {
	margin: 25px auto 0;
	padding: 15px 30px;
}

.taxes-facts {
	margin: 0 auto 50px;
	padding: 15px 30px;
}

.taxes-personas {
	margin: 0 auto;
	padding: 15px 30px 0;
}

.taxes-facts h1,
.taxes-intro h1 {
  color: #165A86; 
  font-size: 32px; 
  margin: 0;
  text-transform: uppercase;
}

.taxes-facts h1 {
	padding: 15px;
}

.taxes-intro h1 {
	padding: 15px 15px 15px 0;
}

.tax-fact h2 {
  font-size: 26px;
  margin: 25px 0;
  color: #5BC236;
  text-transform: uppercase;
}

.tax-persona {
  margin: 0 auto 15px;
}

.tax-persona img {
	border-radius: 6px;
}

.taxes-intro p,
.tax-fact p {
  color: #555; 
  font-size: 20px;
  margin: 0;
}

.persona-dropdown-1,
.persona-dropdown-2,
.persona-dropdown-3,
.persona-dropdown-4,
.persona-dropdown-5 {
  background: #F1F1F1;
  border-radius: 6px;
  padding: 10px 15px;
  margin: 2.5% auto;
}

.tax-persona div .arrow-icon {
  display: inline-block; 
  border-radius: 6px; 
  max-width: 40px; 
  float: left; 
  width: 100%; 
  margin: 10px 20px 10px 10px; 
  cursor: pointer;
}

.tax-persona div h1 {
  color: #165A86;
  text-transform: uppercase;
  font-size: 26px !important;
  cursor: pointer;
}

.tax-persona div .persona1-dropdown-text,
.tax-persona div .persona2-dropdown-text,
.tax-persona div .persona3-dropdown-text,
.tax-persona div .persona4-dropdown-text,
.tax-persona div .persona5-dropdown-text {
  padding: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
  background: #fff;
  display: none;
  cursor: normal;
  color: #555; 
  font-size: 20px;
  margin: 0;
}

.tax-persona div div a {
 font-family: AmasisMT-Bold;
 cursor: pointer;
 font-size: 0.75em;
}


/**********************************
 * 
 * 
 *  REMEMBER HOMEOWNERS LANDING PAGE
 * 
 * 
 * ********************************/

#infrastructure {
	background: #2b7dab;
}

#remember-home-main {
	background: #6FB245;
}

#remember-home-main-2 {
	background: #60BA44;
}

#remember-home-thank-you {
	background: #1B7144;
}

#kansas-home-main {
	background: #C78A2B;
}


.remember-home {
	margin: 5% auto;
	padding: 0;
}

.remember-home-content {
	color: #555;
	line-height: 1.6;
	margin: 0 auto;
	padding: 0 2.5% !important;
}

.remember-home-pledge {
	line-height: 1.6;
	margin: 0 auto;
	padding: 0 2.5% !important;
}

.remember-home-content h4 {
	font-size: 24px;
	text-transform: uppercase;
}

.remember-home-content p {
	font-size: 20px;
}

.pledge-callout {
	background: #175884;
	border-radius: 10px;
	color: #FFF;
	padding: 15px 20px;
}

.pledge-callout p {
	font-size: 22px;
	margin: 10px 0;
}

.pledge-callout p span {
	text-transform: uppercase;
	font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
}

.pledge-form {
	margin: 25px 0;
}

@media screen and (max-width: 1080px) {
	.remember-home-content {
		padding: 0 5% !important;
	}
}

.triangle, .triangle:before, .triangle:after { width: 75px; height: 75px; }
.triangle {
	overflow: hidden;
	position: relative;
	margin-left: -2px;
    margin-top: -64px;
	border-radius: 6px;
	transform: translateY(50%) rotate(360deg) skewY(30deg) scaleX(.955);
	cursor: pointer;
	pointer-events: none;
} 
.triangle:before, .triangle:after {
	position: absolute;
	background: #175884;
	pointer-events: auto;
	content: '';
}
.triangle:before {
	border-radius: 20% 20% 20% 53%;
	transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) 
			skewX(30deg) scaleY(.866) translateX(-24%);
}
.triangle:after {
	border-radius: 20% 20% 53% 20%;
	transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) 
			skewX(-30deg) scaleY(.866) translateX(24%);
}


/***********************************
 * 
 * HOMEOWNERSHIP MONTH 2019
 * 
 ***********************************/

#hom-month-cta {
	background: #76326D;
}

#home-story-main {
	background: #60BA46;
}

.hom-month-2019 img {
	width: 100%;
	margin: -2.5% 2.5% 2.5% 2.5%;
}

.hom-month-intro {
   margin-top: -2.5%;
   padding: 30px;
   color: #555;
}

.hom-month-intro p {
	font-size: 20px;
	line-height: 1.6;
}

.hom-video-container {
	max-width: 800px; 
	margin: 0 auto; 
	width: 100%;
}

.hom-month-story-callout {
	border-radius: 6px;
	background: #F2F2F2;
	padding: 25px 15px;
	margin: 25px 0;
}

.hom-month-story-callout h4 {
	text-align:  center;
	font-size: 24px;
	color: #76326D;
}

.hom-month-story-callout p {
	font-size: 20px;
	line-height: 1.6;
	color: #555;
}

.hom-month-story-form {
	margin-bottom: 5%;
}

.hom-month-callout-form {
	background: #76326D; 
	padding: 5% 2.5%;
	color: #FFF;
}

.hom-month-callout-form h1 {
	font-size: 32px;
    margin: 0;
    text-transform: uppercase;
	padding: 15px;
}

.hom-month-callout-form p {
	font-size: 20px;
    margin: 0;
	line-height: 1.6;
}

.hom-month-callout-form a {
	background: #FFF; 
	color: #76326D; 
	font-size: 20px; 
	margin-top: 25px; 
	padding: 10px 15px 5px; 
	font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
}

.hom-month-callout-form a:hover,
.hom-month-download a:hover {
	background: #76326D;
	color: #FFF;
	border: 1px solid #FFF;
	border-radius: 6px;
}

.hom-month-download a,
.facebookShareButton {
	background: #76326D; 
	color: #FFF; 
	font-size: 18px; 
	margin: 0 0 15px; 
	text-transform: uppercase;
	padding: 10px 15px 5px; 
	font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
	border: 1px solid #76326D !important;
	border-radius: 6px;
}

.hom-month-persona {
	color: #949499;
	text-transform: uppercase;
}

.hom-month-persona:hover {
	color: #76326D;
	text-decoration: none;
}

label.fsOptionLabel {
	border: none !important;
	background: #FFF !important;
	color: #165a86 !important;
}

#fsSubmitButton {
	
}

#fsSubmitButton3451563 {
   max-width: 150px !important;
   border: 1px solid #60BA46 !important;
   background-color: #60BA46 !important;
}

#fsSubmitButton3451563:hover,
.hom-month-download a:hover,
.facebookShareButton:hover {
	color: #60BA46 !important;
	background: #FFF !important;
	border: 1px solid #60BA46 !important;
}

@media screen and (max-width: 500px) {
	.hom-month-caption {
		font-size: 14px;
	}
}
/**********************************
 * 
 * 
 *  COMMERCIAL LANDING PAGE
 * 
 * 
 * ********************************/

#comm-main {
	background: #170C2A;
}


/******************************************
 * 
 * HOM PROMO BANNER
 * 
 *****************************************/

#hom-top-banner {
	background-color: #2C7DAB;
}

.hom-promo-banner {
 background-color: #2C7DAB;
 display: inline-block;
 max-width: 1300px;
 width: 100%;
 text-align: center;
}



.hom-promo-banner h2 {
 font-size: 20px;
 text-transform: uppercase;
 display: inline;
}

.hom-promo-banner a {
 margin: 1%;
 background-color: #5BC236;
 border-radius: 4px;
 padding: 10px 10px 5px;
 color: #fff;
 font-size: 18px;
 text-transform: uppercase;
 font-family: BrandonGrotesqueWeb-Black, 'Work Sans', sans-serif;
}

.hom-promo-banner a:hover {
 color: #fff;
   background-color: #1F7143 !important;
   border-top: 2px solid #265016;
}

@media screen and (max-width: 665px) {
	.hom-promo-banner {
		padding: 10px;
	}
  .hom-promo-banner h2 {
    font-size: 18px;
	display: block;
	margin: 0;
 }
	.hom-promo-banner a {
		font-size: 16px;
	}
}


/****************************************
 * 
 *    Congress Approve/Disapprove CTA
 * 
 ***************************************/

#congress-poll {
	
  min-height: 100%;
  min-width: 1920px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1920px) { /* Specific to this particular image */
  #congress-poll {
    left: 50%;
    margin-left: -960px;   /* 50% */
  }
}

@media screen and (max-width: 1620px) { /* Specific to this particular image */
  #congress-poll {
    left: 50%;
    margin-left: -1160px;   /* 50% */
  }
}

@media screen and (max-width: 1120px) { /* Specific to this particular image */
  #congress-poll {
    left: 50%;
    margin-left: -1360px;   /* 50% */
  }
}

@media screen and (max-width: 720px) { /* Specific to this particular image */
  #congress-poll {
    left: 50%;
    margin-left: -1560px;   /* 50% */
  }
}

.congress-poll-content {
	width: 95%;
	height: auto;
	max-width: 800px;
	margin: 15% auto;
	position: relative;
	padding: 25px; 
	border: 2px solid #555; 
	border-radius: 6px; 
	box-shadow: 4px 2px 2px #555; background: #fff;
}

#label80549586 {
  text-transform: uppercase !important;
  font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif !important;
  }

#fsSubmitButton3533726 {
	font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif !important;
	padding: 15px 15px 10px !important;
}

.fsRowBody input[type="radio"] {
	top: 5.5px !important;
	width: 22px !important;
	height: 22px !important;
}

label.fsOptionLabel {
    font-size: 18px !important;
	line-height: 36px !important;
	color: #555 !important;
}

@media screen and (max-width: 1120px) { /* Specific to this particular image */
  .congress-poll-content {
    margin: 30% auto !important;
  }
}

@media screen and (max-width: 720px) { /* Specific to this particular image */
  .congress-poll-content {
    margin: 15% 2.5% !important;
  }
}


/*****************************************
 * 
 * Montana - Know Your Bozeman Taxes
 * 
 ****************************************/

#bozeman-home-main {
	background: #242667;
}

#fsForm3586006 {
	background: #9B258D !important;
	border: none !important;
}

#fsForm3586006 .fsLabel {
	text-transform: uppercase !important;
	color: #F7A821 !important;
}

#fsForm3586006 .fsSupporting {
	color: #FFF !important;
}

#fsForm3586006 .fsRequiredMarker {
	color: #709BD2 !important;
}

#fsForm3586006 .fsSubmitButton {
	background-color: #709BD2 !important;
}

/*****************************************
 * 
 * GSE Landing Page
 * 
 ****************************************/

#gse-main {
	background: #FFF;
}

#gse-resources {
	background: #F2F2F2;
}

/*****************************************
 * 
 * WASHINGTON - LOCAL CAOP PETITION PAGES
 * 
 ****************************************/

#north-central-wa {
	background: #9ACED2;
}

#clark-county-wa {
	background: #0D2544;
}

/*****************************************
 * 
 * MARYLAND - THIS HOME VOTES
 * 
 ****************************************/

#md-charles-county {
  background: #C7C8CA;
}

.charles-county-action a {
  font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
  padding: 10px 10px 5px;
  text-transform: uppercase;
  color: #fff;
  font-size: 22px;
  background: #982033;
  margin: 15px auto;
}

.charles-county-action a:hover {
  color: #EAAD1E;
  transition: .5s;
}

.md-logo-container {
  padding: 35px 15px;
}

.md-logo-container img {
  max-width: 350px;
  width: 100%;
}

/*****************************************
 * 
 * OREGON - PROTECT OREGON HOMES
 * 
 ****************************************/

#or-protect-mid {
  background: #344F6C;
}

.oregon-mid-action a {
  font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
  padding: 10px 10px 5px;
  text-transform: uppercase;
  color: #fff;
  font-size: 22px;
  background: #2DAB9F;
  margin: 15px auto;
}

.oregon-mid-action a:hover {
  color: #344F6C;
  transition: .5s;
}

.or-logo-container {
  padding: 35px 15px;
}

.or-logo-container img {
  max-width: 300px;
  width: 100%;
}

/*****************************************
 * 
 * MASSACHUSETTS - STOP TRANSFER TAX
 * 
 ****************************************/

.ma-tax-action a {
  font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
  padding: 10px 10px 5px;
  text-transform: uppercase;
  color: #e2e2e2;
  font-size: 22px;
  background: #790000;
  margin: 15px auto;
}

.ma-tax-action a:hover {
  color: #FFF;
  transition: .5s;
}

/*****************************************
 * 
 * WISCONSIN - WORKFORCE HOUSING
 * 
 ****************************************/

#wi-housing {
	background: #221D14;
}

.wi-pledge-form {
	margin: 25px 0;
}

.wi-pledge-form .fsLabel {
	color: #221D14 !important;
}

.wi-pledge-form .fsRequiredMarker {
	color: #D7A055 !important;
}  

.wi-pledge-form .fsSubmitButton {
	background: #A9BF4D !important;
}

.wi-triangle, .wi-triangle:before, .wi-triangle:after { width: 75px; height: 75px; }
.wi-triangle {
	overflow: hidden;
	position: relative;
	margin-left: -2px;
    margin-top: -64px;
	border-radius: 6px;
	transform: translateY(50%) rotate(360deg) skewY(30deg) scaleX(.955);
	cursor: pointer;
	pointer-events: none;
} 
.wi-triangle:before, .wi-triangle:after {
	position: absolute;
	background: #221D14;
	pointer-events: auto;
	content: '';
}
.wi-triangle:before {
	border-radius: 20% 20% 20% 53%;
	transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) 
			skewX(30deg) scaleY(.866) translateX(-24%);
}
.wi-triangle:after {
	border-radius: 20% 20% 53% 20%;
	transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) 
			skewX(-30deg) scaleY(.866) translateX(24%);
}

.wi-infographic {
	margin: 15px auto;
}

.wi-infographic img {
	height: 400px;
	width: auto;
}

.wi-infographic p {
	text-align: center;
	text-transform: uppercase;
	color: #555;
	font-size: 18px;
	margin: 2% auto;
}

.wi-infographic .more-content,
.wi-infographic .more-content:hover {
	background: #D7A055 !important;
	width: 100%;
}

.wi-infographic .more-content a {
	color: #FFF !important;
}


/*************************************
 * 
 * HOM MONTH 2020 LANDING PAGE
 * 
 ************************************/

#hom-2020,
.hom-2020-slider {
	background: #AF3893;
}

#hom-2020,
.hom-2020-slider {
	padding: 0 15px;
}

@media screen and (max-width: 768px) {
	#hom-2020,
	#hom-content {
		padding: 15px;
	}
	.hom-month-main {
		padding: 0 !important;
	}
}

#hom-month-toolkit {
	background: #AF3893;
}

.hom-2020-slider h2,
.hom-2020-slider p {
	padding: 0 30px;
}

.hom-2020-slider-container {
	padding: 0 30px;
}

/***@media screen and (max-width: 767px) {
 .hom-2020-slider-container {
	max-height: 1850px !important;
 }
}

@media screen and (max-width: 575px) {
 .hom-2020-slider-container {
	max-height: 1500px !important;
 }
} **/

#photos-5 .grid-gallery-photos {
	min-height: none !important;
	height: auto !important;
}

.hom-2020-toolkit h2,
.hom-2020-toolkit p,
.hom-2020-celebrate h2,
.hom-2020-celebrate p {
	color: #A1A1A1;
	padding: 0 15px;
}

.hom-2020-toolkit h2,
.hom-2020-celebrate h2 {
	text-transform: uppercase;
}

.hom-2020-toolkit p,
.hom-2020-celebrate p {
	line-height: 1.6; 
	font-size: 20px;
}

.hom-2020-toolkit-container {
	margin-bottom: 25px;
}

.hom-2020-toolkit img {
	border-radius: 6px;
	margin: 15px auto;
}

.hom-2020-toolkit a {
	color: #AF3893;
	cursor: pointer;
}

.hom-2020-toolkit a h4 {
	text-transform: uppercase;
	padding: 0 15px;
}

.celebrate-button a {
    font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
    padding: 10px 10px 5px;
    text-transform: uppercase;
    color: #fff;
    font-size: 22px;
    background: #AF3893;
    margin: 15px auto;
}

.celebrate-button a:hover {
	transition: .5s;
	color: #A1A1A1;
}

.hom-2020-celebrate-container a.swp_CTT.style1 .sw-click-to-tweet {
	border: 2px solid #AF3893 !important;
}

a.swp_CTT {
	background: #FFF !important;
}

.sw-ctt-text {
	font-family: AmasisMT, 'Crete Round', serif !important;
}

.ggImg {
	/** width: 100% !important; **/
	max-height: 450px !important;
	padding-bottom: 15px !important;
}

.slimScrollBarX,
.slimScrollRailX {
	height: 12px !important;
	cursor: pointer;
}

.pdf-container h2 {
  color: #555; 
  text-align: center; 
  text-transform: uppercase;
  margin: 25px 15px;
}

@media screen and (min-width: 1300px) {
	.hom-2020-celebrate h2 {
		margin-top: -50px;
	}
}

/******* HOM Month 2020 - Share Story *********/

.hom-2020-story-container,
.hom-2020-story-form {
	margin: 0 auto;
 	max-width: 900px;
 	width: 100%;
	height: auto;
 	float: none !important;
}

.hom-2020-story-container img {
	margin-top: 15px;
}

.share-story-info {
	background: #F2F2F2; 
	margin: 0 0 25px;
	padding: 15px;
}

.share-story-info p {
	color: #555; 
	font-size: 20px; 
	line-height: 1.6; 
}

.hom-2020-story-form {
	padding: 0 15px !important;
}

.hom-2020-story-form #fsSubmitButton3897771 {
	background-color: #AF3893 !important;
}

.hom-2020-story-form #fsSubmitButton3897771:hover {
	transition: .5s !important;
	color: #A1A1A1 !important;
}

/***** ENHANCED HOM STORY *****/

#enhancedStory a {
	font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
	color: #165A86;
	background: #FFF;
	border-bottom: 1px solid #5BC236;
}

#enhancedStory li {
	padding-right: 4px;
}

#enhancedStory .active a {
	background: #5BC236;
	color: #FFF;
	filter: drop-shadow(0 3px 3px #555);
	border: 1px solid #5BC236;
}

/***** HOUSING SUPPLY & AFFORDABILITY LANDING PAGE *****/

.hsa_intro {
	padding: 15px 25px;
}

.hsa_facts {
	padding: 10px;
}

.hsa_gap {
	padding: 25px;
}

.hsa_action {
	padding: 15px 25px;
}

.buttons,
.hsa_sources {
  padding: 25px 0;
}

.hsa_button {
	text-align: center;
	padding: 0;
}

.hsa_button a {
	font-size: 1.4em;
	font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
	text-transform: uppercase;
	color: #FFF;
	padding: 25px;
	word-wrap: break-word;
	width: 100%;
	max-width: 300px;
	margin: 10px;
	border-radius: 6px;
	background: #5BC236;
}

.hsa_button a:hover {
   color: #fff;
   background-color: #1F7143 !important;
   border-top: 2px solid #265016;
}

@media screen and (max-width: 768px) {
	.hsa_button a {
		margin: 15px auto;
		font-size: 1.2em;
	}
}

.hsa_intro h1,
.hsa_gap h2 {
	font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
	text-transform: uppercase;
	color: #165A86;
	font-size: 2.4em;
}

.hsa_intro p,
.hsa_facts p,
.hsa_gap p {
	line-height: 1.6;
	font-size: 1.6em;
	color: #555;
}

.hsa_facts h3,
.hsa_action h3 {
	font-size: 1.6em;
	font-family: BrandonGrotesqueWeb-Bold, 'Work Sans', sans-serif;
	text-transform: uppercase;
	color: #165A86;
}

.hsa_sources li,
.hsa_sources li p {
	font-size: 1em;
	color: #555;
}