/*
Theme Name: Chaser Theme
Theme URI: http://chaser.com.au
Description: The custom theme for the Chaser website
Author: Cam
Author URI: http://chaser.com.au
Version: 1.0
License: BSD 2-Clause
License URI: http://opensource.org/licenses/bsd-license.php
*/

/*
-------------------------------------------------------------------------------*/
body,select,input,textarea{color:#222}
::-moz-selection{background:#d71920;color:#fff;text-shadow:none}
::selection{background: rgba(13, 164, 255, 0.33);text-shadow: none;}
a:link{-webkit-tap-highlight-color:#d71920}
ins{background-color:transparent;color:#000;text-decoration:none}
input:-moz-placeholder{color:#a9a9a9}
textarea:-moz-placeholder{color:#a9a9a9}
blockquote{border-left: 1px solid gray; padding-left: 1em; margin-left: 1em;}

*{box-sizing:border-box}
html,body{font-size:16px;font-family:Merriweather,Georgia,serif;color:#333;border:0;padding:0;margin:0;background:#f7f6f6;-webkit-font-smoothing:antialiased}
html{overflow-x: hidden;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
body{width:100%;padding-top:62px;-moz-transition:margin-left .2s ease-out;-o-transition:margin-left .2s ease-out;-webkit-transition:margin-left .2s ease-out;-ms-transition:margin-left .2s ease-out;transition:margin-left .2s ease-out;background-color:#f7f6f6}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:0;padding:0;font-family:Lato,sans-serif}
a{color:#27A7EA;text-decoration:none}
.container{width:100%;max-width:960px;margin:auto;margin:30px auto 0;padding:0 20px;font-family:Lato,sans-serif;min-height:300px}
article{max-width:800px;width:100%;margin:auto;padding:0 20px;margin-top:1vw;margin-bottom:18px;font-size:16px;line-height:23px;word-wrap:break-word}
article .like{float: left; color:#000;z-index:1;width:40px;margin-left:-80px;text-align:center;color:#bbb;opacity:1;transition:margin-left .5s ease-in-out;transition:opacity .2s ease-in}
article .like .like-bubble{width:40px;height:40px;background:#e64747;border:1px solid #c55151;text-align:center;color:#bbb;padding-top:9px;cursor:pointer;margin-bottom:10px;position:relative}
@keyframes wiggle {
0%{margin-left:0}
33%{margin-left:4px}
66%{margin-left:-4px}
100%{margin-left:0}
}
article .like:hover .like-bubble{animation-name:wiggle;animation-duration:.5s}
article .like:hover .like-bubble:before{background-image:url(_/inc/images/social_sharing_hover.png)}
.like-facebook{animation-delay:0s}
.like-twitter{animation-delay:.1s}
.like-reddit{animation-delay:.2s}
.like-tumblr{animation-delay:.3s}
.like-email{animation-delay:.4s}
.like-bubble:before{content:'';width:19px;height:20px;background-image:url(_/inc/images/social_sharing_hover.png);background-position:center top;background-repeat:no-repeat;display:block;overflow:hidden;margin:auto;filter: brightness(0) invert(1);}
.like-twitter:before{background-position:center -23px}
.like-reddit:before{background-position:center -46px}
.like-tumblr:before{background-position:center -67px}
.like-email:before{background-position:center -90px}
article .like:hover{opacity:1}
article .feature-image{display:block;margin-top:0;width:100%;margin-bottom:.8em;border-radius:3px;}
.titlebar{font-family: 'Playfair Display',Georgia, serif; font-weight: bold; letter-spacing: -0.03em; color: #2c2c2c; display: block; margin: 20px;}
.titlebar:nth-child(n+2){margin-top: -1em;}
.title_cat{font-size: 0.75em;margin-bottom: 0.3em;}
.title_cat a{color: #afafaf;}
.title_cat a{font-family: Merriweather, Georgia, serif;font-style: italic;padding: 0.5em 1em;background: #e00008;color: white;margin-bottom: 0.5em;display: inline-block;border-bottom: 1px solid red;border-radius: 1.5em;font-size: 0.9em;}
.title_title{font-size: 2em;}
.credits_box{display:none;}
article .article_social{display:table;width:100%;height:38px;font-family:Lato,sans-serif;font-size:.9em;letter-spacing:-.5px;font-weight:700;margin-top:1em;margin-bottom:2em;border-collapse: separate;border-spacing: 10px 0;}
article .social_button{display: table-cell;width: 20%;text-align: center;color: #4e4e4e;vertical-align: middle;font-size: 1em;cursor: pointer;border-right: 2px solid #fff;border: 1px solid #eee;font-weight: normal;box-sizing: border-box;padding-top: 1px; border-radius: 6px;}
article .social_facebook{border: 1px solid #3b5998;border-top: 3px solid #3b5998}
article .social_twitter{border: 1px solid #00aced;border-top: 3px solid #00aced}
article .social_tumblr{border: 1px solid #2ab200;border-top: 3px solid #2ab200;}
article .social_reddit{border: 1px solid #D24C00;border-top: 3px solid #D24C00;}
article .social_email{border: 1px solid #C51A00;border-top: 3px solid #C51A00;}
@media screen and (max-width: 500px) {
article .social_button{font-size:1em;padding:10px 0;margin-bottom:5px;display:inline-block;width:100%;}
article .social_tumblr{display:none;}
/*article .social_reddit{display:none;}
article .social_email{display:none;}*/
}
hr{height:2px;background:#eaeaea;border:0;border-bottom:1px solid #fff;margin:1.5em 20px 2em}
.banner_vertisement{display: block;margin: 20px;border-top: 1px solid #efefef;padding: 30px 20px;font-weight: bold;color: #9d9d9d;text-align: center;}
.related-posts{max-width:1050px;width:100%;margin:auto;padding:0 10px;margin-bottom:18px;font-size:16px;line-height:28px;word-wrap:break-word;white-space:nowrap}
.related-posts .cell{display:block;text-align:center;width:100%;margin-bottom:2em;padding:0 10px;color:#222;vertical-align:top}
.related-posts .break3{display:none;width:0}
.related-posts .break2{display:none;width:0}
.related-thumb{width:100%;display:block;margin-bottom:.5em}
.related-title{font-family:Lato,sans-serif;font-weight:700;font-size:1.1em;width:100%;display:inline-block;white-space:normal;text-align:left;line-height:1.2em}
.header-fixed{width:100%;position:fixed;top:0;background:#fff;text-align:left;color:#fff;font-family:Lato,sans-serif;z-index:100;border-top: 2px solid #dc1b3c;border-bottom: 1px solid #f3f3f3;box-shadow: 0 0 8px rgba(0, 0, 0, 0.04);-moz-transition:left .2s ease-out;-o-transition:left .2s ease-out;-webkit-transition:left .2s ease-out;-ms-transition:left .2s ease-out;transition:left .2s ease-out;}
.table{display:table;width:100%}
.table-cell{display:table-cell}
.header-item{padding: 0 1.5em;font-weight: bold;font-size: 13px;display: none;cursor:pointer;}
.item-subscribe{color: #d51794}
.header-logo{width:100%;text-align: center;vertical-align: middle;}
.header-image{max-height: 40px;max-width: 80%;}
.header-mobile{display: table-cell;padding: 1.5em 2em;vertical-align: middle;}
.header-fixed .sections{width: 82px;}
.header-fixed #header_socials{width: 82px;margin-top:2px;}
.header-fixed .sections .section_item{background: #d83956;height: 1px;width: 22px;margin-bottom: 6px;border-radius: 2px;box-sizing: content-box;overflow: hidden;margin-top: 2px;position: relative; top: 1px;}
.header-fixed .sections .section_item_last{background: #fff;height: 2px; width: 14px;}
.header-search{position: relative;padding-right: .7em;cursor: pointer;height: 18px;font-size: 1.3em;}
.header-search:before{content:"";position:absolute;left:0;top:.2em;width:.4em;height:.4em;border:.17em solid #fff;background:transparent;-webkit-border-radius:.8em;-moz-border-radius:.8em;border-radius:.8em}
.header-search:after{width:.15em;height:.34em;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);background:#fff;content:"";position:absolute;top:.7em;left:.6em}
.menu-fixed{width:300px;margin-left:-300px;position:fixed;top:0;background:#d2293f;text-align:left;color:#222;font-family:Lato,sans-serif;height:100%;z-index:100;transform: translateZ(0);-webkit-transform: translateZ(0);transform:translate3d(0,0,0);float: left;display: block;position: relative;margin-top: -60px;height: 100vh;}
.close-menu-fixed{width:56px;height:59px;display:inline-block;position:relative;z-index:20;vertical-align:top}
.close-menu-fixed:before,.close-menu-fixed:after{content:'';position:absolute;width:20px;height:2px;background-color:#fff;border-radius:2px;top:28px;z-index:1;pointer-events:none}
.close-menu-fixed:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);left:18px}
.close-menu-fixed:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);right:18px}
#menu-search{width:244px;border:0;padding:1.4em 1em 1.4em 2.5em;line-height:1em;font-size:1em;border:1px solid #ccc;background:#fafafa;box-shadow:inset 0 0 5px #eaeaea;font-size:.9em;position:relative;display:inline-block;border-radius:0;margin:0}
.menu-fixed ul{color:#fff;padding-left:0;list-type:none;margin:0;text-transform:uppercase;font-size:.9em}
.menu-fixed ul li{padding:1.3em 1em 1.3em 2.5em;line-height:1em;border-bottom:1px solid #b72438;}
.menu-fixed a{color:#fff}
.menu_background {z-index: -100;width: 300px;margin-left: -300px;position: fixed;height: 200vh;background: #ca0b53;top: 0;}
footer{width:100%;margin-top:2em;text-align:center;padding:10px 20px;font-family:Lato,sans-serif;padding:2em 1em;/*margin-bottom:70px;*/ border-top: 1px solid #eee;background: #272727; color: white;}
footer ul li a{color:#fff;}
.footer-copyright{width:100%;border-top:1px solid #3e3e3e;padding:2em;margin-top:1.5em;margin-bottom:-2em;font-size:.8em; color: #9c9c9c; line-height: 1.5em;}
.css_table{display:table;width:100%}
.css_table-row{display:table-row;width:100%}
.css_table_cell{display:table-cell;width:100%}
.size-full{max-width:100%;height: auto;}
article img{max-width:100%;height: auto;}
#omc-main-full-width{margin-top:1em}
article .feature-video{position:relative;padding-bottom:58%;padding-top:40px;height:0;overflow:hidden;margin:0;margin-bottom:-20px}
.feature-video iframe,.feature-video object,.feature-video embed{position:absolute;border:none;top:0;left:0;width:100%;height:87%}
.alignright{float: right;margin-left:1em;}
.alignleft{float: left;margin-right:1em;}
.aligncenter{margin-left: auto;margin-right: auto;}
#fixed_footer{position: fixed;
bottom: 0;
left: -100vw;
width: 100%;
background-color: #212934;
height: 110px;
overflow: hidden;
font-family: Lato,sans-serif;
font-size: .7em;
z-index: 100000;
-moz-transition: left .2s ease-out;
-o-transition: left .2s ease-out;
-webkit-transition: left .2s ease-out;
-ms-transition: left .2s ease-out;
transition: left .2s ease-out;}
.fixed_footer_newsletter {
max-width: 1100px;
margin: auto;
padding: 18px 20px;
color: white;
font-size: 16px;
font-family: Lato,sans-serif;
text-align: center;
vertical-align: middle;
}
.newsletter_form{
vertical-align: middle;
margin-top: 1em;
}
.newsletter_email {
border: 0;
padding: 0.5em;
margin: 0 0.8em 0 0;
font-size: 16px;
width: 250px;
-webkit-appearance: none;
text-align: center;
background: rgba(0, 0, 0, 0.16);
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.12);
border-radius: 2px;
color: #eee;
}
.newsletter_button {
border: 0;
padding: 0.5em;
font-size: 16px;
width: 125px;
-webkit-appearance: none;
background: rgb(42, 53, 68);
color: white;
text-transform: uppercase;
font-weight: bold;
border-radius: 2px;
}
.fixed_footer_hide{
color: white;
height: 0;
float: right;
padding-right: 15px;
padding-top: 15px;
line-height: 0;
font-size: 20px;
cursor: pointer;
}
.wp-caption{font-family: Merriweather,Georgia,serif;font-weight: 700;font-size: .75em;line-height: 1.2em;max-width: 100%;display: block;font-style: italic;margin-top: -.5em;padding: 2em 0 .5em;}
.feature-image-credit{margin-top: -3.8em;z-index: 2;position: absolute;margin-left: 1em;background: rgba(27, 27, 27, 0.66);padding: 0px 6px;color: white;font-size: 0.8em;font-family: Lato,sans-serif;}
.feature-image-credit a{color:white;}
.feature-caption{font-style: italic;font-size: 0.75em;margin-top: -0.5em;border-bottom: 1px solid #efefef;padding-bottom: 0.5em;}
.sidebar{display: none}
#subscribe-box .sub-title{font-weight: bold;margin-bottom: 10px;}
#subscribe-box .form-group{width: 100%;display: inline-block;vertical-align: middle;margin-bottom: 10px;}
#subscribe-box .field{padding: 5px;height: 35px;width: 100%;}
#subscribe-box #sub-but{height: 35px;border: 0;width: 100%;font-size: 15px;color: white;background: #4b4b4b;vertical-align: middle;}
.breakerboard{margin-top: 1em;}
#home_row_1{padding-top: 1em;padding-bottom: 2em;border-bottom: 1px solid #e7e7e7;margin-bottom: 1em;}
.responsive_vert{display: inline-block; margin:auto; width: 300px; height: 250px; background-repeat: no-repeat; background-position: center;}

.follow_fixed{
	display: none;
	position: fixed;
	width: 300px;
	/*height: 200px;*/
	top: 150px;
	left: 50%;
	margin-left: -150px; /* Negative half of width. */

	box-shadow: 0 0 20px #00000045;

	background: white;
	border-radius: 1em;
	padding: 2em;
	z-index: 5000;
}
@media screen and (max-width: 600px){
	.follow_fixed_show{
		display: block;
	}
}
.follow_sh_icon{
	width: 40px;
	height: 40px;
	display: inline-block;
	margin: 0.5em;
}
.follow_sh_icon img {
    width: 40px;
}
.mobile{display: inline-block;}
.desktop{display: none;}

@media screen and (max-width: 1200px) {
article .like{margin-left:-160px}
}

@media screen and (min-width: 1010px) {
	.header-image{height: 48px; margin-top: 3px;max-height:initial;max-width:initial;}
}

@media screen and (max-width: 1010px) {
article .like{margin-left:-80px}
body .sidebar{display: none;}
body article{margin-left: auto;margin-right: auto;border: 0;}
}

@media screen and (max-width: 1010px) and (min-width: 800px) {
	.titlebar{
		width: 100%;
		max-width: 620px;
		margin: 20px auto;
		text-align: center;
	}
	.header-item{padding: 0 1em;font-size: 12px;}
	.header-mobile {
		padding: 0 2em;
	}
	body{padding-top: 60px!important;}
	.title_cat {
		font-size: 1em;
		padding: 0.5em;
	}
}

@media screen and (max-width: 830px) {
article .like{margin-left:-60px}
}
@media screen and (max-width: 799px) {
article .like{display:none}
.container{margin-top:1vw}
}
@media screen and (max-width: 600px) {
.container{font-size:.85em}
.newsletter_email{width: 180px;margin:0;border-radius:0;}
.newsletter_button{width:85px;border-radius:0;}
.header-fixed .sections{width: 20px;}
.header-fixed #header_socials{width: 20px;}
.header-social-twitter, .header-social-insta, .header-social-facebook{display: none!important;}
.header-social-follow-icon{display: block!important;}
.title_title{line-height: 1.25em;}
}
@media screen and (min-width: 500px) and (max-width: 800px) {
.related-posts .cell{display:inline-block;width:50%}
.related-posts .break3{display:none}
.related-posts .break2{display:block}
}
@media screen and (min-width: 800px) {
.mobile{display: none;}
.desktop{display: block;}

.responsive_vert{display: inline-block; margin:auto; width: 728px; height: 90px;}
#home_row_1{display: block;padding: 0;padding-bottom: 20px;border-bottom: 1px solid #efefef}
body{padding-top:60px;background-color:#f7f6f6;}
.wrapper{position: relative;/*overflow: hidden;*/}
#wrapper0{margin-top: 5px;}
.width_wrapper{margin: -40px auto 0;max-width: 1240px;background: white; padding: 40px 0 0 0;}
.titlebar{border-bottom: 1px solid #e7e7e7; padding: 1em 0;}
article{font-size: 15px;line-height: 1.6em; color: #565656;margin-top:2em;margin-left:0;max-width:660px;padding-top:0;border-top:0;background:transparent;border-bottom: 0; padding-bottom: 0; border-right: 1px solid #e7e7e7; min-height: 1000px;}
article .feature-image{margin-bottom:1.4em;}
.feature-caption{margin-top: -1.1em;}
article p{margin-bottom: 1.5em;}
.title_title{font-size: 2.6em;}
.credits_box{display: block; padding-bottom: 36px; margin-bottom: 18px; border-bottom: 1px solid #e7e7e7; font-family: Lato, sans-serif; font-weight: bold; color: #b6b6b6; font-size: 0.75em;line-height:1.5em;text-transform:uppercase;}
.credits_box a{color: #8bceea}
.sideboard{display: block; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #e7e7e7;}
.sideboard:empty{display:none;}
.more_stories{display: block; padding-top: 6px; padding-bottom: 18px; margin-bottom: 18px; /*border-bottom: 1px solid #e7e7e7;*/padding-left:1px;}
.container{min-height:500px}
.header-fixed .table{height:59px;width:100%;margin:auto;}
.header-fixed .table-cell{vertical-align:middle}
.header-item{display: table-cell;}
.item-left{/*border-right: 1px solid #efefef*/}
.item-right{/*border-left: 1px solid #efefef*/}
.social_icons{height:18px}
.related-posts .cell{display:inline-block;width:33.3%}
.related-posts .break3{display:block}
.related-posts .break2{display:none}
footer{margin-bottom:0;}
hr{background:#e6e6e6;height:2px;border: 0;border-bottom: 1px solid #fff;margin: 20px;}
.hideWhenWide{display: none;}
.fixedWhenWide{position: fixed;}
.fixMargin{margin-top: 0}
#subscribe-box .form-group{width: 80%;margin-bottom: 0;}
#subscribe-box #sub-but{width: 19%;}
.author_av{float: left;width: 6em;height: 6em;background: #8bceea;margin-right: 0.75em;border-radius: 100%;overflow: hidden;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.03);margin-top: -0.8em;}
.author_av img{max-width: 95%; margin-top: 5%; margin-left: 2.5%;}
#fixed_footer{height: 70px;}
.newsletter_form{display: inline;margin-top: 0;}
.newsletter_email{margin:0 0.8em;}

/*timeline*/
.width_wrapper{max-width: 1000px;background:transparent;margin: -20px auto 0;padding: 0;}
.sidebar{display: block;position: absolute; margin-left: 680px; margin-top: 8px; width: 300px; font-size: 15px; font-family: Lato, sans-serif;}
.sidebar h3{width: 100%;margin-bottom: 1em;font-size: 1em;font-weight: bold;}
.sidebar .newsitem-title{line-height: 1.4em;color: #444;font-family: Merriweather, Georgia, serif;}
.sidebar .newsitem-category{color: #999;margin-top: 4px;}
.sidebar .newsitem-category a{color:#999;}
.newsitem {margin-bottom: 1.5em;
    border-bottom: 1px solid #eee;
    padding-bottom: 1.5em; display: inline-block;}
/*guardian*/
body{background:#f7f6f6;}
}

/* footer */
.footer_sections{width:1010px;max-width:100%;margin:auto;font-size:0.85em;margin-bottom:2em;}
.footer_sections:after{content:'';display:block;clear:both;}
.footer_section{width:20%;float:left;text-align:left;}
.footer_section_title{text-transform:uppercase;margin-bottom:1em;}
.footer_section li{display:block;margin:0 0 0.75em;text-transform:none;padding:0;}
.footer_section li a{font-weight:normal;}
.footer_newsletter{float:right;}
footer ul{padding:0;}
footer input[type=text],footer input[type=email]{border-radius:4px;border:1px solid #eee;padding:0.8em;font-size:1em;width:100%;max-width:400px;}
footer .mc-field-group{margin-bottom:0.5em;}
footer input[type=submit]{border:0;padding:1.7em 2.3em;color:white;text-transform:uppercase;font-weight:bold;border-radius:5px;background:#da3349;display:inline-block;font-size:0.85em;line-height:0;}

@media screen and (max-width:800px){
.footer_section{width:100%;float:left;text-align:center;margin:0 0 1em;box-sizing:border-box;padding:0;font-size:1.3em;}
footer input[type=submit]{width:100%;max-width:400px;}
.footer_newsletter{padding-bottom:2em;margin-bottom:2em;border-bottom:1px solid #1e3c65;}
}

@media screen and (min-width: 1120px) {
	.width_wrapper{max-width: 1100px;}
	article{max-width: 760px;min-height: 1000px;}
	.sidebar{margin-left: 780px;}
	article .like {
		margin-left: -160px;
	}
}

@media screen and (min-width: 1290px) {
	article .like {
		margin-left: -80px;
	}
}

/*customise give*/
#give_secure_site_wrapper,#give-final-total-wrap,#give-anonymous-donation-wrap,.give-tooltip{
	display: none!important;
}

legend {
    margin: 0 0 0.5em 0!important;
    display: inline-block!important;
    padding: 0 0 0.5em 0!important;
}

#give_cc_fields {
    margin: 0.5em 0;
}
.give-stripe-single-cc-field-wrap, .give-input{
	border-radius: 1.2em!important;
    padding-left: 1em!important;
	font-size: 1em;
}
form[id*=give-form] .give-donation-amount #give-amount, form[id*=give-form] .give-donation-amount #give-amount-text{
	border: 1px solid #3B7BBF!important;
	border-top-right-radius: 1.2em!important;
    border-bottom-right-radius: 1.2em!important;
	height: 2.2em!important;
}
form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-before{
border-left: 1px solid #3B7BBF!important;
    border-right: none!important;
    border-top-left-radius: 1.2em!important;
    border-bottom-left-radius: 1.2em!important;
    background: #3B7BBF;
    color: white;
    border-color: #3B7BBF;
    padding: 0 0.8em 0 1em;
	height: 2.2em;
}
form[id*=give-form] .give-donation-amount .give-currency-symbol{
	background-color: #3B7BBF;
    border-top: 1px solid #3B7BBF;
    border-bottom: 1px solid #3B7BBF;
    color: #fff;
}
#give-purchase-button {
    background: #3c7abf;
	background: linear-gradient(-120deg, #3c7abf, #009cde, #3c79bf);
    border: 0;
    padding: 0.7em 1.75em;
    color: white;
    border-radius: 1.5em;
    float: right;
}

.give-wrap{
	margin-top: 2em!important;
}

/*fixing the horrible layout of give*/
#give-recurring-form, form.give-form, form[id*=give-form]{
	float: left;
    width: 100%;
	font-size: 1.1em!important;
}

input.give-recurring-period {
  position: relative;
  -webkit-appearance: none;
  outline: none;
  width: 50px;
  height: 30px;
  background-color: #fff;
  border: 1px solid #D9DADC;
  border-radius: 50px;
  box-shadow: inset -20px 0 0 0 #fff;
}

input.give-recurring-period:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  background: transparent;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  box-shadow: 2px 4px 6px rgba(0,0,0,0.2);
}

input.give-recurring-period:checked {
    box-shadow: inset 20px 0 0 0 #3c7abf;
    border-color: #3c7abf;
}

input.give-recurring-period:checked:after {
  left: 20px;
  box-shadow: -2px 4px 3px rgba(0,0,0,0.05);
}

[id*=give-form] .give-recurring-donors-choice input[type=checkbox]{
	margin: auto;
	width: 50px!important;
}

form[id*=give-form] input[type=checkbox]{
	margin: auto;
}

[id*=give-form] .give-recurring-donors-choice label{
	top: -0.5em;
    position: relative;
    margin-left: 0.5em;
}

#give-last-name-wrap.form-row-last {
	display: none;
}

#give-first-name-wrap.form-row-first {
    float: none;
	width: 100%;
}

.give-form-title{
	display: none;
}

.give-wrap p{
    margin: 0 0 1em;
}

@media screen and (max-width: 600px){
	.give-wrap{
		font-size: 1em;
	}
	.give-wrap p{
		line-height: 1.4em;
	}
	.give_forms{
		margin-bottom: 8em!important;
	}
	#give-purchase-button{
		width: 100%;
	}
	#give_cc_fields legend {
		margin-bottom: 1em!important;
	}
}

/*  SPOTPASS START  */

#spotpass-popup {
    position: fixed;
    bottom: -300px;
    right: 0;
    width: 420px;
    height: 286px;
    background: #FFFAF3;
		background: #ffffff;
    box-shadow: rgb(0 0 0 / 26%) 0px 4px 12px;
    -webkit-animation: spotpass-slide 1.5s forwards;
    -webkit-animation-delay: 3s;
    animation: spotpass-slide 1.5s forwards;
    animation-delay: 3s;
    z-index: 1000;
    visibility: hidden
  }

  @-webkit-keyframes spotpass-slide {
    100% { bottom: 0; }
  }

  @keyframes spotpass-slide {
    100% { bottom: 0; }
  }
  .spotpop-offer-banner {
      padding: 30px 30px 0;
      height: 100%;
      display: flex;
      flex-direction: column;
  }

  .call-to-action {
      margin-bottom: 0;
      text-align: justify;
			font-family: Lato,sans-serif;
  }

  .exit-button {
      position:absolute;
      top: 10px;
      right: 10px;
      width: 20px;
      cursor: pointer;
  }

  .offer-button {
      display: flex;
      justify-content: center;
      align-items: center;
      flex: 1;
  }

  .spotpass-paid {
    display: none;
  }

@media (max-width: 450px) {
    #spotpass-popup {
        width: 100vw;
    }

    /*.spotpop-offer-banner {
        padding: 0 20px;
    }*/
}

.spotpass-paid {
  position: fixed;
  right: -410px;  /* offset more than width to account for box shadow */
  bottom: 20px;
  width: 400px;
  max-height: 80px;
  box-sizing: border-box;
  padding: 10px 20px;
  background: #FFF9F1;
	background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 5px;
  text-align: center;
  color: #271B57;
  -webkit-animation: notification-slide-out 1.25s ease 1.5s 2 alternate;
  animation: notification-slide-out 1.25s ease 1.5s 2 alternate;
}

@media (max-width: 450px) {
  .spotpass-paid {
      right: -105vw;  /* offset more than width to account for box shadow */
      bottom: 20px;
      width: 90vw;
      -webkit-animation: notification-slide-out-mobile 1.25s ease 1.5s 2 alternate;
      animation: notification-slide-out-mobile 1.25s ease 1.5s 2 alternate;
  }
}

/* Notification animation for widescreen */
@-webkit-keyframes notification-slide-out {
    0% { right: -400px; }
    40% { right: 20px; }
    100% { right: 20px; }
}

@keyframes notification-slide-out {
    0% { right: -400px; }
    40% { right: 20px; }
    100% { right: 20px; }
}

/* Notification animation for mobile */
@-webkit-keyframes notification-slide-out-mobile {
    0% { right: 100vw; }
    40% { right: 5vw; }
    100% { right: 5vw; }
}

@keyframes notification-slide-out-mobile {
    0% { right: -100vw; }
    40% { right: 5vw; }
    100% { right: 5vw; }
}

/*  SPOTPASS END  */