div.donoranywhere_form div
{
	width:100%;
}
div.donoranywhere_form div.participant_content
{
	width:calc(100% - 110px);
}
div.donoranywhere_form div.smallfield
{
	width:50%;
	float:left;
}
div.donoranywhere_form div.organization.hidden,
div.donoranywhere_form div.individual.hidden,
div.donoranywhere_form div.accordian_content
{
	display:none;
}
div.donoranywhere_form div.section.page2 div.content
{
	max-height:80vh;
	overflow:auto;
}
div.donoranywhere_form div.section_accordian
{
	border:2px solid #ccc;
	margin:4px;
	padding-left:10px;
	padding-right:10px;
	border-radius:10px;
	width:calc(100% - 30px);
	padding-bottom:5px;
}
div.donoranywhere_form div.section_accordian.open,
div.donoranywhere_form div.section_accordian:hover
{
	border:2px solid #999;
	background-color:#eee;
}
div.donoranywhere_form span.confirm_later
{
	cursor:pointer;
	color:white;
	background-color:cornflowerblue;
	border-radius:5px;
	padding:2px;
	margin-bottom:5px;
	border:2px solid cornflowerblue;
}
div.donoranywhere_form span.confirm_later:hover
{
	background-color:white;
	color:cornflowerblue;
}
div.donoranywhere_form div.extra_data_title
{
	font-size:14pt;
	margin-top:10px;
	margin-bottom:10px;
}
div.donoranywhere_form span.section_accordian_label
{
	zzzcolor:blue;
	width:100%;
	font-size:14pt;
	display:inline-block;
	text-align:center;
	cursor:pointer;
}
div.donoranywhere_form span.section_accordian_labelzzz:hover
{
	text-decoration:underline;
	cursor:pointer;
}
div.donoranywhere_form input,
div.donoranywhere_form select,
div.donoranywhere_form textarea
{
	width:100%;
	padding:0;
	margin-bottom:0;
	min-height:30px;
}
div.donoranywhere_form input[type=radio],
div.donoranywhere_form input[type=checkbox]
{
	min-height:unset;
}
div.donoranywhere_form textarea
{
	height:50px;
	font-family:arial;
	padding:3px;
}
div.donoranywhere_form input[type='text'],
div.donoranywhere_form input[type='number'],
div.donoranywhere_form select
{
	zzheight:3.5vw !important;
	zzfont-size:3vw !important;
	zzmargin-bottom:0.5vw !important;
}
div.donoranywhere_form
{
	zzfont-size:2vw;
}
div.donoranywhere_form input.error,
div.donoranywhere_form select.error,
div.donoranywhere_form textarea.error
{
	border-color:red;
}
label.error
{
	color:red;
}
div.donoranywhere_form input[type='radio'].error
{
	background-color:red;
}
div.donoranywhere_form div.hidden
{
	display:none;
}
div.donoranywhere_form label
{
	z-index:10;
	width:100%;
	display:inline-block;
}
div.donoranywhere_form label span.detailsLink
{
	background-color:cornflowerblue;
	border:2px solid cornflowerblue;
	color:white;
	width:16px;
	height:16px;
	margin-top:2px;
	border-radius:50%;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	margin-bottom:5px;
    line-height:16px;
}
div.donoranywhere_form label.extra_item_title span.detailsLink
{
	width:20px;
	height:20px;
	line-height:18px;
}
div.donoranywhere_form label span.detailsLink:hover
{
	color:cornflowerblue;
	background-color:white;
}
div.donoranywhere_form .typeselectorcontainer label
{
	width:unset;
}
div.donoranywhere_form .typeselectorcontainer input
{
	zzheight:2vw !important;
}
div.donoranywhere_form input[type='radio']
{
	width:20px;
}
div.donoranywhere_form select[name='cc[year]'],
div.donoranywhere_form select[name='cc[month]']
{
	width:40%;
	float:left;
}
div.donoranywhere_form select
{
	-webkit-appearance:auto;
	padding:0;
	min-height:30px;
}
div.donoranywhere_form input[type=submit]
{
	width:unset;
}
div.donoranywhere_form .section
{
	border:2px solid cornflowerblue;
	padding:10px;
	padding-top:0;
	margin-top:10px;
	margin-bottom:10px;
	border-radius:5px;
	display:inline-block;
	width:calc(100% - 20px);
}
div.donoranywhere_form .section .section
{
	border-color:#666;
	margin-top:15px;
	margin-bottom:5px;
}
div.donoranywhere_form .section .section .sectiontitle div
{
	background-color:#666;
}
div.donoranywhere_form .section.page2,
div.donoranywhere_form .section.page3
{
	display:none;
}
div.donoranywhere_form .section .sectiontitle
{
	position:relative;
	top:-10px;
}
div.donoranywhere_form .section .sectiontitle div
{
	display:inline;
	background-color:cornflowerblue;
	color:white;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px;
	position:relative;
}
.typeselectorcontainer
{
	height:30px;
	position:relative;
	z-index:1;
	text-align:center;
	zzmargin-bottom:2vw;
}
div.donoranywhere_form .donationbutton
{
	border:2px solid cornflowerblue;
	background-color:cornflowerblue;
	color:white;
	padding-left:10px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:5px;
	margin-right:20px;
	box-shadow:3px 4px 7px #888;
	cursor:pointer;
	text-decoration:none;
    white-space:nowrap;
    line-height:40px;
}
div.donoranywhere_form .solicitor_search
{
	margin-top:20px;
}
div.donoranywhere_form .donationbutton:hover
{
	color:cornflowerblue;
	background-color:white;
	text-decoration:none;
}







div.donoranywhere_form .donation-meter {
  margin-left: 30px;
  width: 100px;
  float:right;
}
div.donoranywhere_form .donation-meter .glass {
  background: #e5e5e5;
  border-radius: 100px 100px 0 0;
  display: block;
  height: 150px;
  margin: 0 35px 10px;
  zzpadding: 5px;
  position: relative;
  width: 20px;
}
div.donoranywhere_form .donation-meter .amount {
  background: #f34e54;
  border-radius: 100px;
  display: block;
  width: 20px;
  position: absolute;
  bottom: 5px;
}
div.donoranywhere_form .donation-meter strong {
  display: block;
  text-align: center;
}
div.donoranywhere_form .donation-meter .goal {
  font-size: 30px;
}
div.donoranywhere_form .donation-meter .total {
  font-size: 16px;
  position: absolute;
  right: 35px;
}

div.donoranywhere_form .bulb {
  background: #e5e5e5;
  border-radius: 100px;
  display: block;
  height: 50px;
  margin: 0 35px 10px;
  zzpadding: 5px;
  position: relative;
  top: -20px;
  right: 15px;
  width: 50px;
}
div.donoranywhere_form .bulb .red-circle {
  background: #f34e54;
  border-radius: 100px;
  display: block;
  height: 50px;
  width: 50px;
}
div.donoranywhere_form .bulb .filler 
{
  background: #f34e54;
  border-radius: 100px 100px 0 0;
  display: block;
  height: 30px;
  width: 20px;
  position: relative;
  top: -65px;
  right: -15px;
  z-index: 30;
}

div.donoranywhere_form label[for=amount],
div.donoranywhere_form label.ticket_amount,
div.donoranywhere_form label[for=totalamount],
div.donoranywhere_form label[for=taxamount],
div.donoranywhere_form label[for=nontaxamount],
div.donoranywhere_form label[for=pay_fees]
{
	width:70%;
	float:left;
}
div.donoranywhere_form input[name=amount],
div.donoranywhere_form input.ticket_amount,
div.donoranywhere_form span.amount_suggestions,
div.donoranywhere_form span.totalamount,
div.donoranywhere_form span.taxamount,
div.donoranywhere_form span.nontaxamount
{
	width:29%;
	float:left;
}
div.donoranywhere_form input[name=amount_0]
{
	width:calc(100% - 40px);
	margin-left:10px;
	float:left;
}
div.donoranywhere_form span.amount_suggestions input[type=radio]
{
	width:20px;
	float:left;
	margin-left:0;
	margin-right:0;
	margin-top:5px;
}
div.donoranywhere_form span.amount_suggestions label
{
	width:calc(100% - 20px);
	float:left;
    min-height:20px;
	zzmargin-bottom:2vw;
	zzheight:3vw;
	zzfont-size:2vw;
}
div.donoranywhere_form input.will_pay_fees
{
	width:50px;
	float:left;
}
div.donoranywhere_form .solicitor_results .searchresults li
{
	list-style-type:none;
	border:2px solid gray;
	padding:10px;
	text-align:center;
	margin-top:5px;
}
div.donoranywhere_form .solicitor_results .searchresults li:hover
{
	background-color:green;
	color:white;
	cursor:pointer;
}
div.donoranywhere_form .socialbar
{
	margin-top:20px;
	background-color:gray;
	text-align:center;
}
div.donoranywhere_form .socialbar .sharetext
{
	color:white;
}
div.donoranywhere_form .socialbar .sharetext:hover
{
	text-decoration:underline;
	cursor:pointer;
}
div.donoranywhere_form input.extra_item,
div.donoranywhere_form select.extra_item
{
	width:40%;
	float:right;
}
div.donoranywhere_form .extraitemcontainer
{
	min-height:25px;
}
div.donoranywhere_form input[type=checkbox].extra_item,
div.donoranywhere_form .extraitemcontainer span.fakecheckbox
{
	width:20px;
	height:20px;
	font-size:22pt;
	zzfloat:right;
	width:calc(40% - 20px);
	display:inline-block;
	text-align:right;
}
div.donoranywhere_form .extraitemcontainer span.fakecheckbox
{
	margin-right:6px;
}
div.donoranywhere_form input.extra_item[type=radio]
{
	margin:0;
	margin-top:2px;
}
div.donoranywhere_form input[type=number].extra_item,
div.donoranywhere_form input[type=text].extra_item
{
	width:calc(40% - 20px);
	zzmargin-left:30%; /* this fills the remainder of the row to fix the formatting */
}
div.donoranywhere_form label.extra_item
{
	width:60%;
	min-height:38px;
	xxline-height:30px; /* removed 2024-02-12 because it caused issues with multi-line text, and with the (?) button for info popups in extra items */
	zzline-height:2vw;
}
div.donoranywhere_form label.extra_item_title
{
	min-height:22px;
	margin-bottom:0;
	width:100%;
	text-align:center;
	font-size:1.5em;
}
div.donoranywhere_form label[for=giving_type]
{
	width:50%;
	float:left;
	margin-top:2px;
}
div.donoranywhere_form .giving_type
{
	display:inline-block;
	float:left;
	width:50%;
	margin-top:2px;
}
div.donoranywhere_form .radio-toolbar 
{ 
	display:inline-block;
	background-color: #fff;
	float:left;
	width:auto;
	margin-left:5px;
	margin-right:5px;
	cursor:pointer;
}
div.donoranywhere_form .radio-toolbar input[type=radio] {
  opacity: 0;
  position: fixed;
  width: 100px;
}
div.donoranywhere_form .radio-toolbar label {
    display: inline-block;
    padding: 10px 20px;
    zzzfont-size: 10px;
    border: 2px solid #ccc;
    border-radius: 4px;
	background-color:#eee;
	color:#ccc;
	width:auto;
}
div.donoranywhere_form .radio-toolbar label:hover 
{
    background-color: #ccc;
    color: #fff;
}
div.donoranywhere_form .radio-toolbar input[type=radio]:checked + label 
{
	background-color:#fff;
    border-color: cornflowerblue;
    color: cornflowerblue;
}
div.donoranywhere_form .durationDD
{
	display:none;
	width:100%;
}
div.donoranywhere_form .durationDD div
{
	display:inline-block;
	display:inline-block;
}
div.donoranywhere_form #amount_0:before
{
	content:'Other Amount:';
	position:relative;
	left:-125px;
	top:-6px;
	width:100%;
	text-align:right;
	white-space:nowrap;
	display:inline-block;
}
div.donoranywhere_form select
{
	zzheight:100% !important;
}
div.donoranywhere_form .selectwrapper
{
	zzheight:4.5vw;
	display:inline-block;
	width:100%;
	zzmargin-bottom:0.5vw;
}
div.donoranywhere_form .extraitemcontainer .selectwrapper
{
	width:40%;
	float:right;
}
div.donoranywhere_form .extraitemcontainer .selectwrapper select
{
	width:100%;
}
div.donoranywhere_form .page2_details
{
	width:100%;
}
div.donoranywhere_form .page2purchasecontent,
div.donoranywhere_form .page3purchasecontent
{
	display:inline-block;
}
div.donoranywhere_form .selectwrapper.date
{
	width:unset;
}
div.donoranywhere_form .selectwrapper.date select
{
	width:100%;
}
.selectwrapper select
{
	margin-bottom:0;
}
/* POPUP BEGINS */
.donorAnywherePopupContainer
{
	display:none;
	border:2px solid #666;
	color:#666;
	background-color:white;
	margin-top:30px;
	box-shadow:10px 10px 5px rgba(0, 0, 0, 0.4);
	width:400px;
	position:fixed;
	top:100px;
	left:calc(50% - 200px);
	z-index:9999999;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	
	max-height:80%;
	overflow-y:auto;
}
.donorAnywherePopupContainer .closex
{
	width:20px;
	height:20px;
	border-radius:50%;
	color:white;
	background-color:#55F;
	position:fixed;
	left:calc(50% + 160px);
	top:140px;
	line-height:20px;
	font-weight:bold;
	text-align:center;
	z-index:99999999;
	opacity:1;
}
.donorAnywherePopupContainer.fullscreen .closex
{
	left:unset;
	right:calc(10% + 30px);
	top:80px;
}
.donorAnywherePopupContainer iframe.popupIframe
{
	width:100%;
	height:100%;
	border:none;
}
.donorAnywherePopupContainer.fullscreen
{
	width:80%;
	left:10%;
	top:40px;
}
.donorAnywherePopupContainer .noprint
{
	display:none !important;
}
.donorAnywherePopupContainer .noprint.ianbutton
{
	display:inline !important;
}
.donorAnywherePopupContainer .closex:hover
{
	cursor:pointer;
	opacity:0.7;
}
.donorAnywherePopupContainer div.tag
{
	height:120px;
	width:96px;
	text-align:center;
	float:left;
}
.donorAnywherePopupContainer div.tag span
{
	display:block;
}
/* POPUP ENDS */
div.donoranywhere_form .giving_type label
{
	font-size:1em;
}


/*
* New FUNDRAISER section
*/
div.donoranywhere_form div.iafundraiser div.iabanner
{
    display:inline-block;
    width:100%;
}
div.donoranywhere_form div.iafundraiser div.iabanner img
{
    width:100%;
}
div.donoranywhere_form div.iafundraiser div.iaheader
{
    display:inline-block;
    margin-top:10px;
}
div.donoranywhere_form div.iafundraiser div.iaheader div.ialogo
{
    float:left;
    display:inline-block;
    width:20%;
    text-align:center;
}
div.donoranywhere_form div.iafundraiser div.iaheader div.ialogo img
{
    max-width:100%;
    border-radius:10px;
}
div.donoranywhere_form div.iafundraiser div.iaheader div.iaeventtitle
{
    color:cornflowerblue;
    font-weight:bold;
    font-size:large;
    display:inline-block;
    padding-left:10px;
    float:left;
    width:80%;
}
div.donoranywhere_form div.iafundraiser div.iaheader div.iaeventtitle div.subtitle
{
    font-size:small;
}
div.donoranywhere_form div.iafundraiser div.iaheader div.thermometer
{
    display:inline-block;
    float:left;
    width:calc(80% - 20px);
}
div.donoranywhere_form div.iafundraiser div.sharelinks
{
    display:inline-block;
    text-align:right;
    float:left;
    width:80%;
}
div.donoranywhere_form div.iafundraiser div.iastory
{
}
div.donoranywhere_form div.iafundraiser div.donationbutton
{
    width:120px;
}

/*carousel*/
div.donoranywhere_form .iafundraiser .contributors
{
    height:208px;	/* contributor=190 + 2px border top + 2px border bottom*/
    overflow:hidden;
}
div.donoranywhere_form .iafundraiser .contributor
{
    width:calc(33.33%);
    float:left;
    margin-bottom:5px;
    min-height:205px;
}
div.donoranywhere_form .iafundraiser .contributor .content,
div.donoranywhere_form .iafundraiser .no_data
{
    border:2px solid cornflowerblue;
    border-radius:5px;
    width:calc(100% - 20px);
    height:190px;
    box-shadow:10px 10px 5px rgba(0, 0, 0, 0.4);
    margin-right:10px;
    margin-bottom:10px;
}
div.donoranywhere_form .iafundraiser .no_data
{
    width:33%;
    padding-top:50px;
    margin-left:33%;
    height:140px;
}
div.donoranywhere_form .iafundraiser .contributor
{
    text-align:center;
}
div.donoranywhere_form .iafundraiser .contributor .amount
{
    font-size:25px;
    color:cornflowerblue;
    padding-top:5px;
    padding-bottom:5px;
}
div.donoranywhere_form .iafundraiser .contributor .date
{
    font-size:25px;
    padding-bottom:15px;
}
div.donoranywhere_form .iafundraiser .contributor .name
{
    font-size:25px;
    padding-bottom:5px;
    text-wrap:nowrap;
    padding-left:5px;
    overflow:hidden;
    text-overflow:ellipsis;
    width:100%;
    padding-right:5px;
}
div.donoranywhere_form .iafundraiser .contributor .by,
div.donoranywhere_form .iafundraiser .contributor .quote
{
    font-size:14px;
    padding-bottom:5px;
    width:90%;
    margin-left:5%;
    height:32px;
    overflow:hidden;

}
div.donoranywhere_form .iafundraiser .contributor .quote
{
    padding-bottom:1px;
}

@media all and (max-width:800px) /* container widht of 500 should also do this */
{
    div.donoranywhere_form div.iafundraiser div.iaheader div.thermometer
    {
        width:calc(100% - 20px);
    }
    div.donoranywhere_form div.iafundraiser div.sharelinks
    {
        width:100%;
        text-align:center;
    }
}
/*
* New P2P section
*/


/*  	background-color:cornflowerblue;  */
div.donoranywhere_form .p2p_row
{
	display:inline-block;
	width:100%;
}
div.donoranywhere_form .thermometer,
div.donoranywhere_form .p2p_row .eventtitle,
div.donoranywhere_form .p2p_row .sharelinks
{
	width:33%;
	display:inline-block;
	float:left;
	padding-left:10px;
	padding-right:10px;
}
div.donoranywhere_form .p2p_row.titlerow .eventtitle
{
	text-align:center;
	font-size:14pt;
	color:cornflowerblue;
	font-weight:bold;
}
div.donoranywhere_form .p2p_row.titlerow .eventtitle .subtitle
{
	font-weight:normal;
}
div.donoranywhere_form .p2p_row.titlerow .sharelinks
{
	text-align:right;
}
div.donoranywhere_form .p2p_row.searchrow 
{
	text-align:center;
}
div.donoranywhere_form .p2p_row.searchrow input
{
	max-width:33%;
	text-align:center;
}
div.donoranywhere_form .thermometer .thermtitle
{
	font-size:14pt;
	text-align:center;
}
div.donoranywhere_form .thermometer .thermtitle b
{
	color:cornflowerblue;
}
div.donoranywhere_form .thermometer .therm
{
	width:100%;
	height:10px;
	border:2px solid #555;
	border-radius:5px;
	display:inline-block;
}
div.donoranywhere_form .thermometer .therm .mercury
{
	background-color:cornflowerblue;
	height:100%;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	zzzdisplay:inline-block;
}
div.donoranywhere_form .thermometer .thermfoot .left,
div.donoranywhere_form .thermometer .thermfoot .right
{
	width:50%;
	float:left;
	border:none;
}
div.donoranywhere_form .thermometer .thermfoot .right
{
	text-align:right;
}
div.donoranywhere_form .p2p_row
{
	margin-top:10px;
	margin-bottom:10px;
}
div.donoranywhere_form .p2p_row.contentrow .tabs
{
	display:inline-block;
	width:100%;
	height:19px;
}
div.donoranywhere_form .p2p_row.contentrow .tabs .tab
{
	width:160px;
	float:left;
	border:2px solid #555;
	border-bottom:0;
	border-radius:10px 10px 0px 0px;
	text-align:center;
	border-color:cornflowerblue;
	cursor:pointer;
	background-color:cornflowerblue;
	color:white;
	margin-right:2px;
}
div.donoranywhere_form .p2p_row.contentrow .tabs .tab:first-child
{
	margin-left:15px;
}

div.donoranywhere_form .p2p_row.contentrow .tabs .tab.selected
{
	color:cornflowerblue;
	background-color:white;
	border-bottom:2px solid white;
}
div.donoranywhere_form .p2p_row.contentrow .mainContent
{
	border:2px solid cornflowerblue;
	padding:10px;
}
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent
{
	display:none;
}
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent.shown
{
	display:inline-block;
}
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .participant,
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .contributor
{
	width:calc(33.33%);
	float:left;
	margin-bottom:5px;
	min-height:205px;
}
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .participant .content,
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .contributor .content,
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .no_data
{
	border:2px solid cornflowerblue;
	border-radius:5px;
	width:calc(100% - 20px);
	height:190px;
	box-shadow:10px 10px 5px rgba(0, 0, 0, 0.4);
	margin-right:10px;
	margin-bottom:10px;
}
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .no_data
{
	width:33%;
	padding-top:50px;
	margin-left:33%;
	height:140px;
}
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .participant .name
{
	color:cornflowerblue;
	font-weight:bold;
	padding:5px;
	padding-right:0;
	padding-top:15px;
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:calc(100% - 20px);
	white-space: nowrap;
	width:calc(100% - 80px);
}
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .participant .slogan
{
	padding:5px;
	padding-top:0;
	text-align:center;
	height:45px;
	line-height:20px;
	overflow:hidden;
	font-size:15px;
	max-width:calc(100% - 10px);
}
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .participant a.link
{
	float:right;
	border:2px solid cornflowerblue;
	background-color:cornflowerblue;
	padding-left:10px;
	padding-right:10px;
	border-radius:5px;
	color:white;
	text-decoration:none;
	margin:5px;
	width:70px;
	text-align:center;
}
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .participant a.link:hover
{
	color:cornflowerblue;
	background-color:white;
}
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .participant .goal
{
	display:inline-block;
}
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .participant .goal .thermometer
{
	width:calc(100% - 20px);
}
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .no_data
{
	text-align:center;
}
div.donoranywhere_form .mainContent .buttonrow
{
	display:inline-block;
	width:100%;
	text-align:center;
	padding:15px;
}
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .slogan
{
}
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .bio
{
}
div.donoranywhere_form .p2p_row.contentrow .mainContent .contributors
{ 
	height:208px;	/* contributor=190 + 2px border top + 2px border bottom*/
	overflow:hidden;
}
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .contributor
{
	text-align:center;
}
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .contributor .amount
{
	font-size:25px;
	color:cornflowerblue;
	padding-top:5px;
	padding-bottom:5px;
}
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .contributor .date
{
	font-size:25px;
	padding-bottom:15px;
}
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .contributor .name
{
	font-size:25px;
	padding-bottom:5px;
text-wrap:nowrap;
padding-left:5px;
overflow:hidden;
text-overflow:ellipsis;
width:100%;
padding-right:5px;
}
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .contributor .by,
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .contributor .quote
{
	font-size:14px;
	padding-bottom:5px;
	width:90%;
	margin-left:5%;
	height:32px;
	overflow:hidden;

}
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .contributor .quote
{
	padding-bottom:1px;
}
div.donoranywhere_form label input[type=checkbox]
{
	width:20px;
	margin-bottom:20px;
}
div.donoranywhere_form .sharelinks a
{
	margin-left:2px;
	margin-right:2px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	font-size:20px;
	border:2px solid #777;
	border-radius:5px;
	width:26px;
	height:26px;
	line-height:26px;
	text-align:center;
	background-color:#777;
	color:#fff;
    line-height:40px;
}
div.donoranywhere_form .sharelinks a:hover
{
	background-color:#fff;
	color:#777;
}
div.donoranywhere_form  .sharelinks a .sharelink
{
	width:20px;
	height:20px;
	display:inline-block;

	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position:center;
	
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position:center;
	background-color: white;
}
div.donoranywhere_form  .sharelinks a:hover .sharelink
{
	background-color:#777;
}
div.donoranywhere_form .share-twitter
{
	-webkit-mask: url(https://iastat.blob.core.windows.net/scripts/fontawesome/fontawesome-pro-6.4.2-web/svgs/brands/twitter.svg) no-repeat 100% 100%;
	mask: url(https://iastat.blob.core.windows.net/scripts/fontawesome/fontawesome-pro-6.4.2-web/svgs/brands/twitter.svg) no-repeat 100% 100%;
}
div.donoranywhere_form .share-bluesky
{
    -webkit-mask: url(https://iastat.blob.core.windows.net/scripts/bluesky.svg) no-repeat 100% 100%;
    mask: url(https://iastat.blob.core.windows.net/scripts/bluesky.svg) no-repeat 100% 100%;
}
div.donoranywhere_form .share-facebook
{
	
	-webkit-mask: url(https://iastat.blob.core.windows.net/scripts/fontawesome/fontawesome-pro-6.4.2-web/svgs/brands/facebook-f.svg) no-repeat 100% 100%;
	mask: url(https://iastat.blob.core.windows.net/scripts/fontawesome/fontawesome-pro-6.4.2-web/svgs/brands/facebook-f.svg) no-repeat 100% 100%;
}
div.donoranywhere_form .share-linkedin
{
	-webkit-mask: url(https://iastat.blob.core.windows.net/scripts/fontawesome/fontawesome-pro-6.4.2-web/svgs/brands/linkedin-in.svg) no-repeat 100% 100%;
	mask: url(https://iastat.blob.core.windows.net/scripts/fontawesome/fontawesome-pro-6.4.2-web/svgs/brands/linkedin-in.svg) no-repeat 100% 100%;
}
div.donoranywhere_form .share-envelope
{
	-webkit-mask: url(https://iastat.blob.core.windows.net/scripts/fontawesome/fontawesome-pro-6.4.2-web/svgs/regular/envelope.svg) no-repeat 100% 100%;
	mask: url(https://iastat.blob.core.windows.net/scripts/fontawesome/fontawesome-pro-6.4.2-web/svgs/regular/envelope.svg) no-repeat 100% 100%;
}
div.donoranywhere_form .share-phone
{
	-webkit-mask: url(https://iastat.blob.core.windows.net/scripts/fontawesome/fontawesome-pro-6.4.2-web/svgs/regular/phone.svg) no-repeat 100% 100%;
	mask: url(https://iastat.blob.core.windows.net/scripts/fontawesome/fontawesome-pro-6.4.2-web/svgs/regular/phone.svg) no-repeat 100% 100%;
}
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .participant .thermometer .thermtitle,
div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .participant .thermometer .thermfoot
{
	zz-font-size:10pt;
}

@media all and (max-width:1000px) /* container widht of 500 should also do this */
{

	div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .participant,
	div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .contributor
	{
		width:calc(50%);
	}
	div.donoranywhere_form .p2p_row .thermometer,
	div.donoranywhere_form .p2p_row .eventtitle
	{
		width:calc(50% - 20px);
	}
	div.donoranywhere_form .p2p_row.titlerow .eventtitle
	{
		text-align:right;
	}
	div.donoranywhere_form .sharelinks
	{
		width:100%;
		text-align:center;
	}
    div.donoranywhere_form .p2p_row.contentrow .tabs .tab
    {
        width:110px;
    }
}

@media all and (max-width:500px) /* container widht of 500 should also do this */
{
    div.donoranywhere_form .p2p_row.contentrow .tabs .tab
    {
        width:85px;
        font-size:9pt;
    }
    div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .participant, div.donoranywhere_form .p2p_row.contentrow .mainContent .tabcontent .contributor
    {
        width:100%;
    }
    div.donoranywhere_form .p2p_row.searchrow input
    {
        width:100%;
        max-width:100%;
    }
}