/*
Theme Name: Small Dollar Donor
Theme URI: https://2020.actblue.com
Description: IAASDD
Version: 1
Author: Andrew Clemente
Design: Mike Silvia 
Author URI: https://www.andrewclemente.com
*/

body {
	font-size: 16px;
    /*font-family: "Open Sans", Arial, Verdana, sans-serif;*/
	font-family: 'Palanquin Dark', sans-serif;
	margin: 0px;
	padding: 0px;
	color: #333;
	font-weight: 600;
}

 @font-face {
     font-family: 'StateFaceRegular';
     src: url('fonts/stateface-regular-webfont.eot');
     src: url('fonts/stateface-regular-webfont.eot?#iefix') format('embedded-opentype'),
          url('fonts/stateface-regular-webfont.woff') format('woff'),
          url('fonts/stateface-regular-webfont.ttf') format('truetype'),
          url('fonts/stateface-regular-webfont.svg#StateFaceRegular') format('svg');
     font-weight: normal;
     font-style: normal;
	 font-display: swap;
 }

.stateface:before {
    font-family: 'StateFaceRegular';
    margin-right: 5px;
}

a {
	text-decoration: none;
}
* :focus {
	outline: 0;
}
.post img, .featureset img {
	max-width: 100%;
}
.post img {
	margin: 0 auto;
	display: block;
}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

a img {
	border: 0px;
}

a:hover {
-webkit-transition: all .25s ease-in;
-moz-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in;
}

h1, h2, h3, h4, h5, h6, h7, h8 {
	font-family: 'Palanquin Dark', sans-serif;
	font-weight: 700;
}

hr {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.wrap {
	max-width: 65em;
	margin: 0 auto;
	position: relative;
	padding-right: 25px;
	padding-left: 25px;
}

/* Standard */

.grid {
	display: grid;
}

.grid.four {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 24px;
grid-row-gap: 0px;
}

.grid.two {
display: grid;
grid-template-columns: repeat(2, minmax(0, 3fr));
grid-template-rows: 1fr;
grid-column-gap: 40px;
grid-row-gap: 0px; 
}

.grid.equalthree {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 40px;
grid-row-gap: 80px; 
}

section {
	position: relative;
	padding-top: 180px;
	padding-bottom: 180px;
}

section .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

section h2 {
	line-height: 1.1;
	font-size: 6.25rem;
	margin: 0px;
	margin-bottom: 60px;
}

section p, section ul, section ol {
	font-weight: 600;
	font-size: 1.25rem;
	line-height: 1.4;
}

section .centeredtext, section.centeredtext {
	text-align: center;
}

section .introblock {
	margin-bottom: 60px;
}

h2 {
	font-size: 3.25rem;
}

.centeredhead {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 24px;
}

h2.darkblue, span.darkblue {
	color: #1c2345;
}

h2.medblue, span.medblue {
	color: #0078ab;
}

h2.lightblue, span.lightblue {
	color: #33bae6;
}

section .blockbump {
	margin-bottom: 60px;
}

/* Hero */

.hero {
	background-color: #fff;
	text-align: center;
	border-bottom: 6px solid #33bae6;
	min-height: 90vh;
}

.hero.fbg {
	background-attachment: fixed;
	/*-webkit-animation: animate_background 20s linear 0s infinite;
    -moz-animation: animate_background 20s linear 0s infinite;
    -o-animation: animate_background 20s linear 0s infinite;
    animation: animate_background 20s linear 0s infinite;*/
	background-position: top center;
	background-image: url('images/svg/hero.svg');
	background-repeat: no-repeat;
	background-size: cover;
}

.hero .svgcover {
	position: absolute;
	width: 110%;
	height: 100%;
	top: 0px;
	left: -5%;
	z-index: 1;
}

.hero .svgcover svg {
	width: 100%;
	height: auto;
	line-height: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
}

.hero.svgbg {
	overflow: hidden;
}

.hero .wrap.tight {
	max-width: 80em;
}

.hero:after, .hero:before {
	top: 100%;
	left: 35%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	z-index: 2;
}

.hero:after {
width: 0;
height: 0;
border-style: solid;
border-width: 0 80px 80px 0;
border-color: transparent #fff transparent transparent;
}

.hero:before {
width: 0;
height: 0;
border-style: solid;
border-width: 12px 86px 86px 0;
border-color: #33bae6 #33bae6 transparent transparent;
}

.hero span.bottomarrow {
	position: absolute;
	bottom: -16px;
	left: 40%;
	z-index: 2;
	width: 60%;
}

.hero span.bottomarrow svg {
	max-width: 100%;
	height: auto;
}

.hero img.logo {
	max-width: 100%;
	width: 800px;
	height: auto;
	line-height: 1;
	margin-bottom: 60px;
}

.hero .uptop {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 100%;
	text-align: left;
}

/*
.hero .uptop .tag {
	width: 70px;
	background-color: #009fdb;
	color: #fff;
	padding: 8px;
	text-align: center;
	position: relative;
	padding-top: 16px;
	padding-bottom: 16px;
}

.hero .uptop .tag h1 {
	margin: 0px;
	padding: 0px;
	line-height: 1;
}

.hero .uptop .tag:after {
width: 0;
height: 0;
border-style: solid;
border-width: 0 16px 16px 0;
border-color: transparent #009fdb transparent transparent;
position: absolute;
bottom: -16px;
right: 10%;
display: block;
content: "";
}
*/

.hero .uptop .minilogo {
	max-width: 70px;
	height: auto;
	line-height: 1;
}

.hero p {
	line-height: 1.4;
	margin: 0px;
	padding: 0px;
	margin-bottom: 16px;
}

.hero p:last-of-type {
	margin: 0px;
}

/* State Cards */

section.lb {
	background-color: #7fd4ef;
	background-image: url('images/topbg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}

section.lb h2 {
	font-size: 3.2rem;
	margin-bottom: 60px;
}

section.lb .trap {
	background-image: url('images/trapoverlay.png');
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
    top: 0px;
	padding: 0px;
	display: block;
}

section.lb .bottomblue {
	background-color: #009fdb;
	background-image: url('images/tonedotsblue.jpg');
	background-repeat: repeat;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left:25px;
	position: absolute;
	display: block;
	bottom: 0px;
	left: 0px;
	z-index: 2;
	width: 100%;
	min-height: 200px;
}

section.lb .overlay {
display: block;
position: absolute;
bottom: -110px;
/*right: 30em;*/
right: 15%;
z-index: 5;
line-height: 1;
overflow: hidden;
}

section.lb .overlay img, section.lb .overlay svg {
	max-width: 500px;
	height: auto;
	line-height: 0px;
	width: 500px;
}

section span.bottomcurve {
	z-index: 3;
	display: block;
	position: absolute;
	bottom: -20px;
	left: 0px;
	width: 100%;
}

section span.bottomcurve svg, section span.topcurve svg {
	width: 100%;
	height: auto;
	line-height: 0px;
}


section span.topcurve {
	z-index: 6;
	display: block;
	position: absolute;
	top: -40px;
	left: 0px;
	width: 100%;
}

/* Share Section Stacked Cards */

section.share {
	background-image: url('images/halftonefade.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}

section.share .wrap {
	z-index: 5;
}

section .cardholder {
	padding: 15px;
}

section .cardslider {
	min-height: 630px !important;
}

section.share .cardslider__cards {
	height: 100%;
}

section.share .cardslider__direction-nav {
position: absolute;
right: 20px;
bottom: 3.5rem;
width: 70%;
text-align: center;
margin-left: 20%;
transform: translateX(-20%);
text-align: center;
}

section.share .cardslider__nav-next {
	position: absolute;
	right: 0px;
}

section.share .cardslider__nav-prev {
	position: absolute;
	right: unset;
	left: 0px;
}

section.share .cardslider__direction-nav button {
	cursor: pointer;
}

.cardslider__cards {
    width: 50%;
	height: 90%;
}

section.share .cardslider__card {
-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.21);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.21);
box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.21);
-webkit-transition: all linear 350ms;
-moz-transition: all linear 350ms;
transition: all linear 350ms;
text-align: center;
padding-bottom: 80px;
}

section.share .inside {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	padding: 2rem;
	color: #fff;
}

section.share .cardslider__card h3 {
	font-size: 2.4rem;
	margin: 0px;
	padding: 0px;
}

section.share .cardslider__card p {
	line-height: 1.4;
	margin: 0px;
	padding: 0px;
	margin-bottom: 24px;
	font-family: 'Palanquin Dark', sans-serif;
	font-size: 1.8rem;
	font-weight: 500;
}

section.share .cardslider__card p.byline {
font-weight: 600;
font-size: 1.3rem;
font-family: "Open Sans", Arial, Verdana, sans-serif;
}

section.share .cardslider__card p:last-of-type {
	margin: 0px;
	padding: 0px;
}

section.share span.storyicons {
	position: absolute;
	z-index: 2;
	left: 5%;
	top: 0px;
	width: 90%;
	height: 100%;
	text-align: center;
}

section.share span.storyicons svg {
	width: 100%;
	height: auto;
}

.cardslider__dot-btn {
	border-color: #333;
	background-color: #e2e2e2;
}

.cardslider__card:nth-of-type(1) {
background-color: #1c2345;
}

.cardslider__card:nth-of-type(2) {
	background-color: #ef9000;
}

.cardslider__card:nth-of-type(3) {
	background-color: #4a27a4;
}

.cardslider__card:nth-of-type(4) {
	background-color: #008cc3;
}

.cardslider__card:nth-of-type(5) {
	background-color: #e23b7c;
}

.cardslider__card:nth-of-type(6) {
	background-color: #84bd00;
}

.cardslider__card:nth-of-type(7) {
	background-color: #008cc3;
}

section.share .actionbar {
	position: absolute;
	width: 100%;
	z-index: 2;
	bottom: -25px;
	text-transform: uppercase;
}

section.share .actionbar .iconwrap {
	font-weight: normal;
	margin-right: 12px;
}

section.share .actionbar ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 40px;
grid-row-gap: 0px;
font-size: 1.1rem;
list-style-type: none;
margin: 0px;
padding: 0px;
}

section.share .actionbar ul li {
list-style-type: none;
margin: 0px;
padding: 0px;
}

section.share .actionbar ul li a, a.bigbutton {
background-color: #db0a5b;
border: 4px solid #e23b7c;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
line-height: 1;
color: #fff;
padding: 16px;
display: block;
text-align: center;
font-family: 'Palanquin Dark', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 1rem;
}

section.share .actionbar ul li a:hover, a.bigbutton:hover {
background-color: #e23b7c;
border: 4px solid #db0a5b;
}

/* Divider Line */

section.splitbars {
	/*background-image: url('images/divbg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
	*/
	padding: 0px;
	line-height: 0px;
}

section.splitbars svg {
	width: 100%;
	height: auto;
	line-height: 0px;
	display: block;
}

section.splitbars .overlayitem {
	position: absolute;
	bottom: 0px;
	right: 10%;
	width: 90%;
	z-index: 2;
}

section.splitbars .overlayitem svg {
	max-width: 100%;
	width: 400px;
	height: auto;
}

/* State Cards */

.cards {
	position: relative;
}

.cardsontop {
	background-color: #0078ab;
	position: relative;
	z-index: 4;
	padding: 2rem;
	font-family: 'Palanquin Dark', sans-serif;
	font-weight: 700;
	min-height: 500px;
}

.cards ul.select {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 2.125rem;
}

.cards ul.select li {
	list-style-type: none;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	margin-right: 25px;
	text-align: center;
}

.cards ul.select li:last-of-type {
	margin: 0px;
	padding-right: 24px;
}

.cards .card-content {
font-size: 2.5rem;
color: #fff;
}

.cards .card-content p {
	line-height: 1.4;
	font-size: 2.2rem;
	font-weight: 400;
}

.cards:before {
background-color: #fff;
width: 100%;
left: 1.5%;
bottom: -2%;
height: 85%;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1), 3px 5px 20px rgba(0, 0, 0, 0.2);
position: absolute;
z-index: 3;
display: block;
content: "";
}

.cards ul.select button {
	margin: 0px;
	margin: 0 auto;
	padding: 0px;
	font-size: 1.3em;
	cursor: pointer;
	background: transparent;
	font-family: 'Palanquin Dark', sans-serif;
	font-weight: 700;
	opacity: .8;
	-webkit-transition: all ease-in-out 250ms;
	-moz-transition: all ease-in-out 250ms;
	transition: all ease-in-out 250ms;
	font-weight: normal;
}

.cards ul.select button.active, .cards ul.select button:hover {
	background: #fff;
	opacity: 1;
}

.cards button.res-circle {
	    max-width: 100%;
        width: 50%;
        border-radius: 50%;
        line-height: 0;
        /* NECESSARY FOR TEXT */
        position: relative;
	    display: block;
        border: 3px solid #fff;
	    -webkit-appearance: none;
	    cursor: pointer;
	font-weight: normal;
      }
.cards button.res-circle:after {
        content: "";
        display: block;
        padding-bottom: 100%;
      }
.cards button span.circle-txt {
        position: absolute;
        top: 50%;
        width: 100%;
        text-align: center;
        font-size: 1.1em;
	    left: 50%;
	    line-height: 1;
        transform: translate(-50%, -50%);
	    display: block;
	    color: #fff;
	font-weight: normal;
}

.cards .stateface-replace {
	text-indent: 0px;
	min-width: 0px;
	display: inline;
	position: static;
}

.cards ul.select button.active span.circle-txt, .cards ul.select button:hover span.circle-txt, .cards ul.select button:focus span.circle-txt, .cards ul.select button.active span.stateface-replace, .cards ul.select button.active:hover span.stateface-replace, .cards ul.select button.active:focus span.stateface-replace, .cards ul.select button:hover span.stateface-replace {
	color: #1c2345;
}

.cards .stateface-replace:before {
    position: absolute;
    left: 50%;
    top: 50%;
    text-indent: 0;
    transform: translate(-50%, -50%);
	margin: 0px;
}

.cards .stateoverlay {
	position: absolute;
	top: 0px;
	z-index: 2;
	max-width: 100px;
	display: block;
}

.cards .statefade {
	font-size: 5rem;
}

.cards .stackstack {
	margin-top: 32px;
}

.cards .atabled {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: 0px;
	padding: 0px;
}

.cards .atabled .cell {
	display: table-cell;
	vertical-align: middle;
}

.cards .atabled .cell.one {
	width: 20%;
	text-align: center;
}

.cards .atabled .cell.two {
	width: 80%;
	padding-left: 5%;
}

.cards span.stateface-replace {
	line-height: 1;
	color: #fff;
}

.cards .card-content {
	margin-top: 16px;
	text-align: center;
}

.cards .card-content p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 6px;
}

.cards .card-content p.creds {
	font-size: 2.5rem;
	margin: 0px;
	padding: 0px;
	font-weight: 700;
	margin-top: 40px;
}

/* SDD Power */

section.sdd {
	background-image: url('images/donorpower.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	/*background-attachment: fixed;*/
	padding-top: 200px;
}

section.sdd .wrap {
	z-index: 5;
}

section.sdd .sddoverlays {
	position: absolute;
	z-index: 2;
	width: 90%;
	left: 5%;
	height: 100%;
	top: 0px;
	text-align: center;
}

section.sdd .sddoverlays svg {
	width: 100%;
	height: auto;
}

section.hidden {
	padding-top: 60px;
	padding-bottom: 90px;
}

section.slideone, section.slidetwo {
	background-color: #fff;
}

section.hidden.slideone, section.hidden.slidetwo {
	opacity: 0;
	visibility: hidden;
	display: none;
	 -webkit-transform: scale(0);
     transform: scale(0);
  opacity: 0;
  -webkit-transition: opacity 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
  transition: opacity 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
  transition: transform 350ms ease-in-out, opacity 350ms ease-in-out;
  transition: transform 350ms ease-in-out, opacity 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
	overflow: hidden;
	transform: scaleY(0);    
    transform-origin: top;
  -webkit-animation: anim 350ms ease-in-out;
          animation: anim 350ms ease-in-out;
	background-image: url('images/whitehalftone.jpg');
	background-size: cover;
	background-repeat: repeat;
	border-bottom: 5px solid #db0a5b;
	border-top: 5px solid #db0a5b;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.34);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.34);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.34);
}

section.hidden.slideone p, section.hidden.slidetwo p {
	margin-top: 0px;
}

section.hidden.slideone.shown, section.hidden.slidetwo.shown {
  display: block;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  overflow: visible;
  z-index: 15;
}

section.hidden.slideone.shown:after, section.hidden.slideone.shown:before, section.hidden.slidetwo.shown:after, section.hidden.slidetwo.shown:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

section.hidden.slideone.shown:after, section.hidden.slidetwo.shown:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 40px;
	margin-left: -40px;
}
section.hidden.slideone.shown:before, section.hidden.slidetwo.shown:before {
	border-color: rgba(219, 10, 91, 0);
	border-bottom-color: #db0a5b;
	border-width: 47px;
	margin-left: -47px;
}

section.hidden.slideone.shown p, section.hidden.slideone.shown ul, section.hidden.slideone.shown ol, section.hidden.slidetwo.shown p, section.hidden.slidetwo.shown ul, section.hidden.slidetwo.shown ol {
	line-height: 1.4;
	margin-bottom: 16px;
}

section.hidden.slidetwo.shown {
	position: relative;
	top: -200px;
	margin-bottom: -200px;
}
	
section a.inlinemax {
	/* max-width: 40%; */
	margin: 0 auto;
	display: inline-block;
	padding-right: 40px;
	padding-left: 40px;
}

section.hidden .insidepad {
	overflow: hidden;
	padding-top: 100px;
	padding-bottom: 100px;
}

section.hidden h3 {
	font-size: 2.2rem;
	color: #555;
	margin-bottom: 24px;
}

section.hidden .selectize-control {
	text-align: left;
}

.ddcont {
	width: 50%;
	max-width: 400px;
	margin: 0 auto;
	margin-top: 24px;
	margin-bottom: 24px;
}

section.hidden .selectize-input {
	margin: 0 auto;
	text-align: left;
}

section.hidden .selectize-dropdown, section.hidden .selectize-input, section.hidden .selectize-input input {
	font-size: 24px;
	line-height: 29px;
	font-weight: 600;
}

section.hidden button.closebutton {
	-webkit-appearance: none;
	border: 0px;
	padding: 0px;
	cursor: pointer;
	color: #888;
	font-size: 2rem;
	line-height: 1;
	background: transparent;
}

section.hidden button.closebutton:hover, section.hidden button.closebutton:focus {
	color: #db0a5b;
}

section.hidden button.closebutton .smalltext {
	font-size: 1rem;
	font-weight: 600;
	vertical-align: middle;
	display: inline-block;
	line-height: 1;
}

/* Extra Blocks */

.grid.extrablocks {
	margin-top: 32px;
}

.grid.extrablocks .photoholder {
	padding: 4px;
	border: 1px solid #e2e2e2;
	margin-bottom: 16px;
}

.grid.extrablocks .photoholder img {
	max-width: 100%;
	height: auto;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	display: block;
}

section span.buttonfinal {
	bottom: 20px;
	z-index: 2;
	left: 50%;
	display: inline-block;
	transform: translateX(-50%);
	position: absolute;
}

/* Moving Forward */

section.america {
	background-image: url('images/america-bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: 280px;
}

section.america .closing {
	background-image: url('images/bottomspeech.svg');
	background-size: cover;
	background-position: bottom center;
	position: absolute;
	z-index: 3;
	width: 100%;
	height: auto;
	display: block;
}

section.america .endcurve {
	position: absolute;
	bottom: -20px;
	z-index: 9;
	width: 100%;
	left: 0px;
}

section.america .endcurve svg {
	width: 100%;
	height: auto;
}

section.america .overlay {
display: block;
position: absolute;
bottom: 0px;
z-index: 5;
line-height: 1;
overflow: hidden;
width: 100%;
}

section.america .wrap {
	z-index: 7;
}

section.america .overlay.masks {
	left: -5%;
}

section.america .overlay.masks img, section.america .overlay.masks svg {
	max-width: 500px;
	height: auto;
	line-height: 0px;
}

section.america h3.subhead {
	font-size: 1.4rem;
	margin-bottom: 24px;
	color: #fff;
	text-align: center;
}

/* Thanks */

section.thanks {
	background-image: url('images/thanksbg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	padding-top: 240px;
}

section.thanks .icons {
	position: absolute;
	z-index: 2;
	left: 5%;
	height: 80%;
	top: 10%;
	width: 20%;
	vertical-align: middle;
}

section.thanks .icons.iconright {
	left: unset;
	right: 5%;
	text-align: right;
}

section.thanks .icons svg {
	height: 100%;
	width: auto;
	vertical-align: middle;
}

section.thanks .wrap {
	z-index: 3;
}

section.thanks .linkblocks ul, section.america .linkblocks ul {
	margin: 0px;
	padding: 0px;
	line-height: 1;
	max-width: 70%;
	margin: 0 auto;
	list-style-type: none;
	display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 16px;
grid-row-gap: 16px;
}

section.thanks .linkblocks ul li, section.america .linkblocks ul li {
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

section.thanks .linkblocks ul li a, section.america .linkblocks ul li a  {
background-color: #db0a5b;
border: 4px solid #e23b7c;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
line-height: 1;
color: #fff;
padding: 16px;
display: block;
text-align: center;
font-family: 'Palanquin Dark', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 1rem;
}

section.thanks .linkblocks ul li a:hover, section.america .linkblocks ul li a:hover {
background-color: #e23b7c;
border: 4px solid #db0a5b;
}

section.thanks .linkblocks .iconwrap, section.america .linkblocks .iconwrap {
	font-weight: normal;
	margin-right: 12px;
}

section.thanks span.topcurve {
	top: -160px;
}

section.thanks .linkblocks ul.nogrid {
	margin-top: 16px;
	display: block;
}

section.thanks h2 {
	margin-bottom: 20px;
}

/* Animations */

@-webkit-keyframes anim {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes anim {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* Footer */

footer {
	background-color: #009fdb;
	color: #fff;
	padding-top: 40px;
	padding-bottom: 40px;
	border-top: 4px solid #33bae6;
}

footer .grid {
	align-items: center;
}

footer img.whitelogo, footer svg {
	max-width: 100%;
	height: auto;
	width: 167px;
}

footer .col.two {
	text-align: center;
}

footer .col.one ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-family: 'Palanquin Dark', sans-serif;
	font-weight: 700;
	font-size: 1.1rem;
}

footer .col.one ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 1;
	margin-bottom: 12px;
}

footer .col.one ul li:nth-of-type(2):after {
	border-bottom: 4px solid #fff;
	content: "";
	display: block;
	width: 20%;
	margin-bottom: 16px;
	margin-top: 16px;
}

footer .col.one ul li a {
	color: #fff;
	margin: 0px;
	line-height: 1;
}

footer .col.one ul li a:hover {
	color: #1c2345;
}

footer .col.one ul li:last-of-type {
	margin: 0px;
}

footer ul.socialrow {
	margin: 0px;
	padding: 0px;
	margin-bottom: 32px;
	font-size: 1.5rem;
	line-height: 1;
}

footer ul.socialrow li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	text-align: center;
	margin-right: 32px;
}

footer ul.socialrow li:last-of-type {
	margin: 0px;
}

footer ul.socialrow a {
	color: #fff;
}

footer ul.socialrow a:hover {
	color: #222;
}

footer .creds {
	font-size: .825rem;
	text-align: center;
	border: 1px solid #f7f7f7;
	padding: 2rem;
}

footer .creds a {
	color: #1c2345;
}

footer .creds a:hover {
	color: #fff;
}

footer p {
	margin-bottom: 16px;
}

footer p:last-of-type {
	margin: 0px;
}

footer .creds p {
	line-height: 1.4;
}

footer p.bottomcap {
	margin-top: 24px;
	font-size: .825rem;
	text-align: center;
}

/* WordPress Image Defaults */

img.alignright {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
img.alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
img.aligncenter {
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
}

/* Animate Backgrounds */

@-webkit-keyframes animate_background { 
    from { 
        background-position: 0 0;
    } 
    to { 
        background-position: 0 -720px;
    } 
}
@-moz-keyframes animate_background { 
    from { 
        background-position: 0 0;
    } 
    to { 
        background-position: 0 -720px;
    } 
}
@-o-keyframes animate_background { 
    from { 
        background-position: 0 0;
    } 
    to { 
        background-position: 0 -720px;
    } 
}
@keyframes animate_background { 
    from { 
        background-position: 0 0;
    } 
    to { 
        background-position: 0 -720px;
    } 
}

/* overrides */

section.hidden .selectize-dropdown, section.hidden .selectize-input, section.hidden .selectize-input input {
	font-size: 18px;
}

/* Jump to top */

.uplink {
	text-align: center;
	margin-top: 50px;
}

.uplink a {
	color: #666;
	border-bottom: 4px solid #666;
}

.uplink a:hover {
	color: #333;
	border-color: #333;
}

/* Media queries - Everything smaller */

/* Fix SVG positions */

@media only screen 
	and (max-width : 1490px) {
		section span.topcurve {
			top: -30px;
		}
		
		section.lb .overlay {
			right: 10%;
		}
}

@media only screen 
	and (max-width : 1110px) {
		section span.topcurve {
			top: -25px;
		}
}

@media only screen 
	and (max-width : 920px) {
		section span.topcurve {
			top: -20px;
		}
}

@media only screen 
	and (max-width : 740px) {
		section span.topcurve {
			top: -16px;
		}
}

@media only screen 
	and (max-width : 1540px) {
		section.america .overlay.masks img, section.america .overlay.masks svg {
		max-width: 320px;
}
		
		.cards {
			margin-bottom: 60px;
		}
}

/* Regular Media Queries */

@media only screen 
	and (max-width : 1490px) {
.hero img.logo {
	max-width: 100%;
	width: 800px;
	height: auto;
	line-height: 1;
	margin-bottom: 60px;
}
}

@media only screen 
and (max-width : 1040px) {
	section.thanks .icons {
		height: 50%;
		top: 5%;
		width: 30%;
	}
	
	section h2 {
		font-size: 4.6rem;
	}
	
	.cards button.res-circle {
		width: 80%;
	}
}

@media only screen 
and (max-width : 840px) {
body {
	background-image: none;
	margin: 0px;
	padding: 0px;
}
	
	.wrap, .hero .wrap.tight {
		max-width: none;
		width: 90%;
	}
	
	.hero .uptop {
		position: relative;
	}
	
	section .inner {
		position: relative;
		top: unset;
		left: unset;
		transform: none;
	}
	
	section {
		padding-top: 150px;
		padding-bottom: 150px;
	}
	
		section.hero {
		min-height: 0px;
		padding: 0px;
		padding-bottom: 60px;
	}
	
	section h2 {
		font-size: 3.2rem;
	}
	
	.hero {
		text-align: left;
	}
	
	.hero .tag {
		margin-bottom: 40px;
	}
	
	.hero img.logo {
		max-width: 94%;
		height: auto;
		width: auto;
		display: block;
		margin: 0 auto;
		margin-bottom: 40px;
	}
	
	.hero.fbg {
		background-image: url('images/hero-mob-bg.jpg');
		background-repeat: repeat-all;
		background-size: cover;
		background-position: top-center;
		background-attachment: scroll !important;
	}
	
hero:after, .hero:before {
	top: 100%;
	left: 35%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	z-index: 2;
}

.hero:after {
width: 0;
height: 0;
border-style: solid;
border-width: 0 20px 20px 0;
border-color: transparent #fff transparent transparent;
}

.hero:before {
width: 0;
height: 0;
border-style: solid;
border-width: 12px 26px 26px 0;
border-color: #33bae6 #33bae6 transparent transparent;
}
	
	section .centeredtext, section.centeredtext {
		text-align: left;
	}
	
	h2.centeredtext, h3.centeredtext {
		text-align: center;
	}
	
	.cards .card-content {
		padding-right: 0px;
	}
	
	.cards .card-content p {
		font-size: 1.8rem;
	}
	
	section.lb h2 {
		font-size: 2.6rem;
	}
	
	.cards .atabled, .cards .atabled .cell {
		display: block;
		text-align: center;
	}
	
	.cards .atabled .cell.one {
		display: none;
	}
	
	.cards .atabled .cell.two {
		width: auto;
		display: block;
		text-align: center;
	}
	
	.cards ul.select li {
		margin-right: 0px;
	}
	
	.cards ul.select li:last-of-type {
		padding-right: 0px;
	}
	
	.cards button span.circle-txt {
		font-size: .9em;
	}
	
	.cardslider__cards {
		width: 100% !important;
	}
	
	section .cardholder {
		padding: 0px;
		margin-bottom: 32px;
	}
	
	section.share {
		background-image: url('images/share-white-mob.jpg');
		padding-bottom: 0px;
		}
	
	section.share .cardslider__card p {
		font-size: 1.4rem;
	}
	
	section.share .actionbar ul {
		display: block;
	}
	
	section.share .actionbar ul li {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		display: block;
		margin-bottom: 15px;
	}
	
	section.share .actionbar ul li:last-of-type {
		margin: 0px;
	}
	
	section.share .actionbar {
		position: relative;
		z-index: 5;
		bottom: -40px;
	}
	
	.grid.equalthree {
		display: block;
	}
	
	section .cardslider {
		min-height: 840px !important;
	}
	
	.cardslider__nav-next, .cardslider__nav-prev {
		width: 30px;
		height: 30px;
	}
	
	section.thanks .linkblocks ul, section.america .linkblocks ul {
		display: block;
	}
	
		section.thanks .linkblocks ul li, section.america .linkblocks ul li {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		display: block;
		margin-bottom: 25px;
	}
	
	section.thanks .linkblocks ul li:last-of-type, section.america .linkblocks ul li:last-of-type {
		margin: 0px;
	}
	
	section.share span.storyicons {
		display: none;
	}
	
	section.america {
		padding-bottom: 0px;
	}
	
	section.america {
	background-image: url('images/america-mob.jpg');
	background-position: center center;
	background-color: #fff;
	padding-top: 80px;
	}
	
	section.america .overlay {
		position: static;
		left: unset;
		text-align: center;
	}
	
	section.thanks {
		padding-top: 650px;
		padding-bottom: 150px;
		background-image: url('images/thanks-mob.jpg');
		background-repeat: no-repeat;
		background-position: top center;
	}
	
	section.america .overlay.masks, section.america .overlay.masks svg {
		display: none;
	}
	
	section.thanks .icons {
		display: none;
	}
	
	section.thanks .icons.iconright {
		text-align: center;
	}
	
	section.thanks .icons.iconright {
		margin-top: 24px;
	}
	
	section.thanks .icons svg {
		height: 100%;
		width: auto;
	}
	
	section.america .endcurve {
		display: none;
	}
	
	section.share .cardslider__card {
		text-align: left;
	}
	
	.cardslider {
		overflow: visible !important;
	}
	
	section.sdd {
		background-image: url('images/sdd-mob.jpg');
		background-repeat: no-repeat;
		background-position: bottom center;
		padding-bottom: 40px;
	}
	
	/*
	.expansion {
		padding-right: 50px;
		padding-left: 50px;
	}
	*/
	
	.grid.equalthree .block {
		margin-bottom: 24px;
	}
	
	.ddcont {
		max-width: none;
		width: 100%;
	}
	
	section.hidden h3 {
		font-size: 2.2rem;
		line-height: 1.3;
	}
	
	section.thanks .linkblocks ul, section.america .linkblocks ul {
		max-width: none;
		width: auto;
	}
	
	section a.inlinemax {
		width: auto;
		display: block;
	}
	
	.cards .card-content p.creds {
		font-size: 2.2rem;
	}
	
	section.hidden.slidetwo.shown {
	position: relative;
	top: -125px;
	margin-bottom: -125px;
}
	
	section.lb .overlay {
		text-align: center;
		display: static;
	}
	
	section.lb .overlay img, section.lb .overlay svg {
	max-width: 100%;
	height: auto;
	line-height: 0px;
	width: 90%;
}
	
	section.lb .overlay.dog {
		position: relative;
		bottom: -60px;
		display: block;
		text-align: center;
	}
	
	section.america h3.subhead {
		line-height: 1.3;
	}
	
	section.america h3.subhead, .cards .card-content {
	text-align: left;
}
	
	.cards ul.select {
		font-size: 1rem;
	}
	
	footer {
		text-align: center;
	}
	
	footer .col.one ul li:nth-of-type(2):after {
		margin: 0 auto;
		margin-top: 24px;
		margin-bottom: 24px;
	}
	
	footer .col {
		margin-bottom: 32px;
	}
	
	footer .col:last-of-type {
		margin: 0px;
	}
}

@media only screen 
and (max-width : 500px) {
	section h2 {
		font-size: 2.8rem;
	}
	
	.cards .card-content p.creds {
		font-size: 1rem;
	}
	
	.cards button span.circle-txt {
		font-size: .6em;
	}
	
	section.share .cardslider__card p {
		font-size: 1rem;
	}
	
	section.share .cardslider {
		overflow: hidden !important;
	}
	
	section.share .cardslider__dots-nav {
		display: none;
	}
	
	section.share .cardslider__card p.byline {
		font-size: 1rem;
	}
	
	section.share .cardslider__direction-nav {
	position: absolute;
    right: 20px;
    bottom: 3.5rem;
    width: 80%;
    margin-left: 10%;
    transform: translateX(-5%);
    text-align: center;
}
	
	section .cardslider {
		min-height: 650px !important;
	}
	
	.cards .card-content p {
		font-size: 1rem;
	}
	
	section.hidden h3 {
		font-size: 1.3rem;
	}
	
	section.hidden .selectize-dropdown, section.hidden .selectize-input, section.hidden .selectize-input input {
		font-size: 16px !important;
	}
}