/*
 Theme Name:   Best Buddies Galas
 Theme URI:    http://preview.hb-themes.com/?theme=Highend
 Description:  A Flexible,Curotec Powerful & Beautiful WordPress Theme by HB-Themes. Mobile ready and optimized for best performance. With the powerful engine and user friendly interface it will allow you to build outstanding websites quick and easy... It comes with Premium Plugins integrated into the theme.
 Author:       HB-Themes
 Author URI:   http://www.hb-themes.com
 Template:     HighendWP
 Version:      1.0.2
 Tags:		   Responsive, Page-Builder, Drag&Drop, Clean, Modern, Corporate, Multi-Purpose, Multi-Color
 Text Domain:  hbthemes
*/
@import url("../HighendWP/style.css");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
#main-content {
padding-top: 0px;
}
#header-inner-bg,#header-inner.stuck #header-inner-bg {
background-color: rgb(51, 51, 51);
border-bottom: 0px solid #333333;
}
/*menu*/
body:not(.page-template-page-presentation-fullwidth) #main-wrapper #main-nav>li>a {
color: #ffffff;
font-size: 16px;
font-weight: 600;
}
body:not(.page-template-page-presentation-fullwidth) #main-wrapper #main-nav>li>a:hover {
color: #adadad;
font-size: 16px;
font-weight: 600;
}
/*countdown*/
.hb-countdown-unit .timestamp {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 36px;
    font-family: "Open Sans", sans-serif;
    color: #ffffff;
	font-weight:800
}
.hb-countdown-unit .timeRef {
    position: absolute;
    bottom: -7px;
    left: 0;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    color: #999;
}
h2{
    margin: 0 0 5px;
}
/*buttons*/
#main-wrapper .hb-turqoise {
	background-color: #5A3F98;
}
#main-wrapper .hb-turqoise:hover {
    background: rgba(147, 150, 202, 1);
    display: inline-block;
    min-width: 258px;
}
#main-wrapper .hb-turqoise {
    display: inline-block;
    min-width: 258px;
	padding-left: 15px;
}
@media handheld, only screen and (max-width: 1079px) {
    #main-wrapper .hb-turqoise {
    min-width: 200px;}
}
/* Responsive Styles
================================================== */
/*timer*/

@media all and (max-width: 1087px) and (min-width: 834px) {
	.hb-countdown-unit li {
		width: 9vw!important
	}
}
@media handheld, only screen and (max-width: 959px) {
	.countdown .vc_col-sm-6 {
		width: 100%
	}
	.hb-countdown-unit {
		margin: 0;
		position: relative;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
		padding-top: 25px;
	}
	div .center-text h2 {
		text-align: center!important
	}
	.center-text {
		text-align: center!important
	}
	.remove-left-margin .vc_column {
		padding-left: 0px
	}
}
.hb-countdown-unit .timestamp {
	font-family: "Open Sans", sans-serif;
	font-weight: 800;
	font-size: 24px;
	color: #ffffff;
	letter-spacing: 1px;
}
.hb-countdown-unit .timeRef {
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-size: 12px;
	color: #a6a6a6;
	bottom: -19px;
}
.hb-countdown-unit .timeRef {
	position: absolute;
	bottom: -20px;
	left: 0;
	font-size: 13px;
	font-family: "Open Sans", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
	color: #999;
}
.hb-countdown-unit .timestamp {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 36px;
	font-family: "Open Sans", sans-serif;
	color: #ffffff;
}
.hb-countdown-unit .timeRef {
	position: absolute;
	bottom: -7px;
	left: 0;
	font-size: 13px;
	font-family: "Open Sans", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
	color: #999;
}
@media handheld, only screen and (max-width: 600px) {
	.hb-countdown-unit .timeRef {
		bottom: -10px;
		font-size:10px;
	}
}
@media handheld, only screen and (max-width: 500px) {
	div .center-text h2 {
		font-size: 5.5vw;
	}
	.hb-countdown-unit li {
		width: 70px;
	}
}
/*padding for location text*/

@media handheld, only screen and (min-width: 1191px) {
	.float.wpb_column {
		padding-left: 100px
	}
}
.shortcode-countdown {
	margin-bottom: -75px!important;
}
::selection {
    background: #1ea7b9;
}


/*4 pillars h3 heading*/
.pillar h3 {color:#5a4099;
  font-weight:700!important;
  text-align:center;
  margin-bottom:0px
}
/*pillars same height*/

@media (max-width:1920px){
.text-box.wpb_text_column {min-height:145px}
}
@media (max-width:1199px){
.text-box.wpb_text_column {min-height:105px}
}
@media screen and (max-width:842px){
div.text-box.wpb_text_column {min-height:60px}
}
@media screen and (max-width:990px){
.pillar.vc_col-sm-3 {
    width: 50%!important;}
}
@media screen and (max-width:842px){
.pillar.vc_col-sm-3  {
    width: 100%!important;}
}
/*remove br tag on living */
@media screen and (max-width: 1199px) {
.pillar h3 br {display:none}
}
.pillar h3 {
    text-align: center;
    margin-bottom: 0px;
}
.wpb_content_element {
	margin-bottom: 0px!important;
}
.vc_single_image-img {
	width: 100% !important;
}
/*find a participant buttons */
#benForm .button {
background-color: #5a4099;
color:#FFFFFF;
}
#benForm .button:hover {
background-color: #9396CA;
color:#FFFFFF;
}
#benteamfindindividualtable .button, #benteamfindteamtable .button {margin: 0px 0px;padding:16px;
}
/*find a participant*/
div.benfptitle {
	font-size: 20px;
	line-height: 23px
}
/*find a participant table bkdgd color*/
div table.dataTable tbody tr, div #benindividualsearchresults.dataTable.display tbody tr.odd {
	background-color: #ffffff;
}
#benindividualsearchresults td {
	padding: 15px 10px 10px 0px!important;
}
#benindividualsearchresults {
	padding-top: 15px;
}
#benindividualsearchresults td .button {
	vertical-align: text-top;
}
@media (max-width:590px) {
	#benindividualsearchresults td .button {
		display: block;
		margin-left: auto;
		margin-right: auto
	}
}
@media only screen and (min-width: 0px) and (max-width: 590px) {
	#benindividualsearchresults td {
		display: inline-block;
		padding: 5px;
		width: 100%;
	}
	#benindividualsearchresults td:first-child {
		padding: 20px 0px 0px 0px!important;
	}
	#benindividualsearchresults td {
		padding: 0px 0px 0px 0px!important;
	}
	.benfptitle, .benfpsubtitle {text-align:center;
   }
	.benfptitle {padding-top:5px}
}
#benindividualsearchresults td:nth-child(3) {vertical-align: bottom!important;
text-align:left!important;
}
/*find a participant*/
#benindividualsearchresults .benfptitle {
	font-size: 20px;
	line-height: 23px
}
div table.dataTable tbody tr, div #benindividualsearchresults.dataTable.display tbody tr.odd {
	background-color: #ffffff;
}
#benindividualsearchresults td {
	padding: 15px 10px 10px 0px!important;
}
#benindividualsearchresults {
	padding-top: 15px;
}
#benindividualsearchresults td .button {
	vertical-align: text-top;
}
@media (max-width:590px) {
	#benindividualsearchresults td .button {
		display: block;
		margin-left: auto;
		margin-right: auto;
		font-size: 15px;
	}
}
@media only screen and (min-width: 0px) and (max-width: 590px) {
	#benindividualsearchresults td {
		display: inline-block;
		padding: 5px;
		width: 100%;
	}
	#benindividualsearchresults td:first-child {
		padding: 20px 0px 0px 0px!important;
	}
	#benindividualsearchresults td {
		padding: 0px 0px 0px 0px!important;
	}
	#benindividualsearchresults .benfptitle, #benindividualsearchresults .benfpsubtitle {
		text-align: center;
	}
	#benindividualsearchresults .benfptitle {
		padding-top: 5px
	}
}
#benindividualsearchresults td:nth-child(3) {
	vertical-align: bottom!important;
	text-align: left!important;
}
#benindividualsearchresults_length 
select:not(#calc_shipping_country):not(#calc_shipping_state):not(#register_menu) {
width:auto;
}
#benindividualsearchresults_length select {background-position: 130% 50%;}
/*end find a participant*/

/*find a team*/
#benteamsearchresults .benfptitle {
	font-size: 20px;
	line-height: 23px;
	padding-top: 5px;
}
#benteamsearchresults_length 
select:not(#calc_shipping_country):not(#calc_shipping_state):not(#register_menu) {
width:auto;
}
#benteamsearchresults_length select {
background-position: 130% 50%;
}
#benteamsearchresults {
    padding-top: 15px;
}
#benteamsearchresults td .button:nth-child(2){
background-color:#00a09d;
}
#benteamsearchresults td {
	padding: 0px 5px 0px 5px!important;
}
div table.dataTable tbody tr, div #benteamsearchresults.dataTable.display tbody tr.odd {
	background-color: #ffffff;
}

#benteamsearchresults {
	padding-top: 15px;
}
@media (max-width:890px) {
	div #benteamsearchresults td .button {
		font-size: 10px;
	}
	#benteamsearchresults td .button {
		min-width: 85px;
	}
}
@media (max-width:841px) {
	div #benteamsearchresults td .button {
		display: block;
		margin-left: auto;
		margin-right: auto;
		font-size: 15px;
}
	#benteamsearchresults td {
		display: inline-block;
		padding: 5px;
		width: 100%;
	}
	#benteamsearchresults .benfptitle, #benteamsearchresults .benfpsubtitle {
		text-align: center;
	}
	#benteamsearchresults .benfptitle {
		padding-top: 5px;
	}
	#benteamsearchresults .benfpthermometer {
		margin-bottom: 8px!important;
		margin-top: 8px;
	}
	div #benteamsearchresults td {
	padding: 0px 0px 0px 0px!important;
}
}
#benteamsearchresults td:first-child {
	padding: 20px 0px 0px 0px!important;
}
div #benteamsearchresults td:nth-child(3) {
	text-align: center;
	min-width: 100%;
}
#benteamsearchresults td:nth-child(3) {
	vertical-align: bottom!important;
	text-align: left!important;
	max-width:210px!important;
}
#benteamsearchresults td .button {
	margin-right: 3px;
}
#benteamsearchresults .benfpthermometer {
margin-top: 12px;
}
div #benteamsearchresults.dataTable.display tbody tr:hover {
    background-color: #fafafa;
}
a.button.benteam.bensearchdonatenow:hover{background-color:#8FD1C4!important
}
div table.dataTable tbody tr:hover, div #benteamsearchresults.dataTable.display tbody tr.odd:hover {
	background-color: #ffffff!important;
}
/*end find a team*/

/*thermometer background color*/
#inner {
  background: -webkit-linear-gradient(
    135deg,
    #8FD1C4 25%, #99ddd0 25%,
		#99ddd0 50%, #8FD1C4 50%,
		#8FD1C4 75%, #99ddd0 75%
  );
  
  background: -moz-linear-gradient(
    135deg,
    #8FD1C4 25%, #99ddd0 25%,
		#99ddd0 50%, #8FD1C4 50%,
		#8FD1C4 75%, #99ddd0 75%
  );
  
  background: -o-linear-gradient(
    135deg,
    #8FD1C4 25%, #99ddd0 25%,
		#99ddd0 50%, #8FD1C4 50%,
		#8FD1C4 75%, #99ddd0 75%
  );
  
  width: 80%;
  height: 30px;
  line-height: 30px;
  color: #fff;
  background-size: 50px 50px;
  -webkit-animation: bar-animation 3s linear infinite;
}
@-webkit-keyframes bar-animation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
/*end find a participant*/

/*bottom desktop buttons*/
.bendesktoponly #btnShare2.button,
.bendesktoponly #btnContinue2.button {font-size:18px
}
/*participant page numbers*/
div.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #ffffff !important;
    border: 1px solid #5a4099;
    background: #5a4099;
    border-radius: 15px;
}
div.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #9396cd;
	 color: #ffffff!important;
}
div.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #9396cd;
    background:#9396cd;
    border-radius: 15px;
}
#benindividualsearchresults_next.paginate_button.next:hover {
   border-radius: 0px;
   background:none;
   border: 1px solid #ffffff;
   color:#000000!important;	
}
/*end participant page numbers*/

/*find a participant search and show all buttons*/
#benteamfindindividualtable > div > div {
display:inline-block
}
@media (max-width:895px){
#txtFindIndividualName {width:100%!important;
}
#benteamfindindividualtable > div > div {
display:inherit;
}
div #btnFindIndividual.button, 
#btnFindIndividualShowAll.button,
div #btnFindIndividual.button:hover, 
#btnFindIndividualShowAll.button:hover {
width:100%;
margin-bottom:10px;
}
#btnFindIndividualShowAll.button{
margin-left:0px!important;
}
div #btnFindIndividual.button {
margin-top:10px;}
}
/*align checkboxes rsvp*/
[id^="regcntrl"] input[type="checkbox"] {
	position:absolute;
}
[id^="regcntrl"] label {
	margin-left:20px;
	line-height:120%
}
@media (max-width:440px){
	[id^="regcntrl"] label {
		margin-left:25px;}
}
/*payment information*/
[id^="paymentcntrl_cbxSavePaymentMethod"]  {
	position:absolute;
}
[id^="paymentcntrl"] label, #paymentcntrl_pnlLogInButton a {
	margin-left:35px;
}
#paymentcntrl_pnlLogInButton a {
       display:inline-table;
}
/*payment information*/
[id^="benformprocessingfee"] input[type="checkbox"]   {
margin-right: 6px!important;
}
[id^="benformprocessingfeelabel"] {
	display:table-cell;
	margin-left:10px!important;
}
div.regtypecatheading {
	padding: 6px 0px 15px 0px;
}
/*state*/
select:not(#calc_shipping_country):not(#calc_shipping_state)[id$="ddlState"] {
width:80px;
}
@media (max-width:405px){
select:not(#calc_shipping_country):not(#calc_shipping_state)[id$="_rtf_ddlRegType"]{
width:100%}
}
/*find a team search button*/

table#benteamfindteamtable tbody td {
	float: left
}
.table.full .button {
	padding: 12px 12px!important;
font-size:16px!important
}
.dataTables_length label {
	text-indent: 15px;
	float: left;
}
/*search results*/
#benindividualsearchresults_length select:not(#calc_shipping_country):not(#calc_shipping_state):not(#register_menu) {
    width: auto;
}
/**donation forms**/
form#benforminput input.button:hover {background:#9396CA
}
form table tr td label {
	text-indent: 2px !important;
}
.table.form>div>div, .bentable.form>div>div {
	background-color: transparent!important
}
.bentableheading {
	background-color: #9397cb!important;
	color: #fff!important
}
#benForm table td {
	padding: 5px;
	border-top: 0 solid #e0e0e0!important;
	border-bottom: 0 solid #e0e0e0!important;
	border-left: 0 solid #e0e0e0!important
}
div #benForm table {
	box-shadow: none
}
#benForm table tr:hover td {
	background: #ffffff!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#fffffff), to(#ffffff));
	background: -moz-linear-gradient(top, #fffffff, #fffffff)
}
.bentableheading {
	margin-bottom: 5px;
	padding-left: 8px!important
}
.button {
	margin: 10px 0 0 0
}
.button:hover {
	background-color: #9396CA;
    color:#ffffff;
}
/***donation form***/
.benrecurring input[type=checkbox]{
transform: scale(1.35);
margin-bottom: 5px!important;
}

form table tr td input[type=radio], form table tr td input[type=checkbox]:active {
	position: relative!important;
	float: left
}
form table tr td input[type=radio] {
	display: none
}
.bendonlevels form label {
	padding-left: 0px!important;
}
form label {
	padding-left: 0px!important;
}
#benForm table td {
	background: transparent!important;
}
#benForm table tr:hover td {
	background: transparent!important;
}
.benrecurring {
    margin: 20px 0px 20px 0px;
    background-color: #ebebf3;
    padding: 15px 0px 25px 15px;
}
#benForm table {
	color: #333;
	text-shadow: 0px 0px 0px #fff;
}
#recurringdiv label {
	text-indent: 30px !important;
	font-size: 18px;
  line-height: 22px;
	color: #5A3F98
}
.bentableheading {
	padding: 10px 15px 10px 10px!important;
}
form table tr td label {
	text-indent: 0px !important;
}
.bendonlevels label {
	font-size: 15px;
	font-weight: 600!important;
	float: left;
}
.bendonlevels form input[type=radio] {
	display: none!important
}
input[id$="_rblRecurring_1"], input[id$="_rblRecurring_2"] {
	display: none!important
}
input[type=checkbox] {
	margin: 3px 8px 0px 0px!important;
}
.benevolencewrapper [type="radio"]:checked+label::after {
	background: #cccee0;
	transition: all 0.2s;
	z-index: -1;
}
.benevolencewrapper [type="radio"]:not(:checked)+label::after {
	opacity: 0;
	transform: scale(0);
}
.benevolencewrapper * {
	box-sizing: border-box;
}
#benForm table {
	background-color: transparent!important;
}
@media only screen and (max-width: 768px) {
	#doncntrl5992_7>div {
		width: 100% !important;
	}
	.benevolencewrapper .bentable>div, .benevolencewrapper .table>div {
		width: 100%;
	}
}
.benevolencewrapper .bendonlevels, .benevolencewrapper #doncntrl5992_rblRecurring, .benevolencewrapper #doncntrl5992_50_rbl, .benevolencewrapper #doncntrl5992_459_rbl, .benevolencewrapper #doncntrl5992_51_rbl {
	overflow: hidden;
	width: 100%;
}
.benevolencewrapper .bendonlevels tr, .benevolencewrapper #doncntrl5992_rblRecurring tr, .benevolencewrapper #doncntrl5992_50_rbl tr, .benevolencewrapper #doncntrl5992_459_rbl tr, .benevolencewrapper #doncntrl5992_51_rbl tr {
	display: block;
	margin: 0 -20px;
}
.benevolencewrapper .bendonlevels td, .benevolencewrapper #doncntrl5992_rblRecurring td, .benevolencewrapper #doncntrl5992_50_rbl td, .benevolencewrapper #doncntrl5992_459_rbl td, .benevolencewrapper #doncntrl5992_51_rbl td {
	float: left;
	width: 16.5%;
}
.benevolencewrapper .bendonlevels td {width: 33%;}
}
@media (max-width: 560px){
.benevolencewrapper .bendonlevels td {width: 50%;}
}

.benevolencewrapper [type="radio"]:not(:checked), .bendonlevels[type="radio"]:checked {
	position: absolute;
	left: -9999px;
}
.bendonlevels [type="radio"]:not(:checked)+label, .bendonlevels [type="radio"]:checked+label {
	position: relative;
	cursor: pointer;
	width: 100%;
	height: 78px;
	text-align: center;
	line-height: 78px;
	margin: 0;
	display: block;
	z-index: 0;
	font-weight: normal;
}
/* radio aspect */

.bendonlevels [type="radio"]:not(:checked)+label::before, .bendonlevels [type="radio"]:checked+label::before, .benevolencewrapper [type="radio"]:not(:checked)+label::after, .benevolencewrapper [type="radio"]:checked+label::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 78px;
	z-index: -1;
	box-sizing: border-box;
}
.benevolencewrapper [type="radio"]:not(:checked)+label:hover {
	background:#d9dae8;
   	transition: all 0.5s;
   	text-shadow:none;
}
.benevolencewrapper [type="radio"]:not(:checked)+label {
	background: #ebebf3;
	text-shadow:none;
}
/* 
    ==========================================================================
    Media Queries
    ========================================================================== 
    */

@media only screen and (max-width: 768px) {
	#doncntrl5992_7>div {
		width: 100% !important;
	}
	.benevolencewrapper .bentable>div, .benevolencewrapper .table>div {
		width: 100%;
	}
}

.benrecurring label {font-weight:bold!important;
}
.benrecurring div:nth-child(2) {display:none
}

label {line-height:100%
}
.benrecurring input[type=checkbox] {
	transform: scale(1.35);
	float: left;
	margin-right: 23px!important;
}
form table, .benevolencewrapper table {
	border: none !important;
}
form table tr td, .benevolencewrapper table tr td {
	border: none !important;
	padding-bottom: 10px;
}
form table tr td label {
	padding-left: 15px;
	text-indent: 0 !important;
	margin-top: 0px
}
form input[type=radio], form input[type=checkbox] {
	float: left;
	margin-top: 2px;
}
form label {
    padding-left: 15px;
    text-indent: -18px;
}