/*
Theme Name:			Cygnet Theatre Spektrix
Description:		CSS for Cygnet's Spektrix integration.
Version:			1.0.00
*/

/* Spektrix Compenent Styles */

.spektrix-component-donate-tabs, .spektrix-component-donate-tabs2  {
	margin-bottom:16px;
}

.spektrix-component-donate-container-amount, .spektrix-component-recurring-donation-container-amount {
display: block;
    position: relative;	
}

.spektrix-component-donate-tabs .spektrix-component-recurring-donation-widget-tab, .spektrix-component-donate-tabs2 .spektrix-component-recurring-donation-widget-tab {
	display: block;
    width: 100%;
    max-width: calc(50% - 8px);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #0f1628;
    color: #ffffff;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    outline: 0;
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
    padding: 8px;
	border-radius: 15px;

}

.spektrix-component-donate-widget-tab, .spektrix-component-recurring-donation-widget-tab {
	display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #ffffff !important;
    border: 2px solid #D73521  !important;
    color: #980249!important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: 0;
    font-weight: 500;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    text-align: center !important;
    cursor: pointer !important;
    text-decoration: none !important;
	border-radius: 15px !important;
}

.spektrix-component-donate-widget-tab.active, .spektrix-component-donate-widget-tab:hover, .spektrix-component-recurring-donation-widget-tab.active, .spektrix-component-recurring-donation-widget-tab:hover {
    background-color: #D73521 !important;
    border-color: transparent !important;
    color: #ffffff !important;
	border-radius: 15px !important;

}

.spektrix-component-donate-container-donation {
	background-color: #fff !important;
    margin-top: 16px;
    padding: 24px 16px;
	color:#fff;
	font-weight:bold;
		font-size:22px;
}
.spektrix-fund-component-container {
	background-color: #fff;
    color: #fff;
    font-weight: bold;
    padding: 16px;
    margin-bottom: 16px;
	display: -webkit-box;
	display:flex;
	position:relative;
	flex-wrap:nowrap;
	-webkit-box-align: center;
	ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
	border-radius: 15px !important;

	
}
	
.spektrix-fund-component-container:not(:empty) * {
	display: block;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;

}
.spektrix-fund-component-container:not(:empty) select {
		font-weight:bold;

}
.spektrix-fund-component-container:not(:empty) label {
		max-width:30%

}

.spektrix-fund-component-container-description {
	background-color: #000;
    color: #fff;
    font-weight: bold;
    padding: 16px;
    margin-bottom: 16px;
}

.spektrix-component-donate-container-amount,.spektrix-component-donate-container-donation-amount-container-amount-currency-container {
	    display: block;
    position: relative;
}

.spektrix-component-donate-container-donation-amount-container-amount-currency-container-amount * {
	display:inline-block;
	width:100%;
	margin-bottom:0px;
}
.total-donation-display {
	margin-bottom:16px;
	display:inline-block!important;
}
.spektrix-component-donate-amount,.spektrix-component-donate-tabs, .spektrix-component-donate-tabs2, .spektrix-component-recurring-donation-amount, .spektrix-component-recurring-donation-tabs {
display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 16px;
	border-radius: 15px !important;

	
}
.spektrix-component-donate-amount-button, .spektrix-component-donate-tabs .spektrix-component-donate-widget-tab, .spektrix-component-donate-tabs2 .spektrix-component-donate-widget-tab, .spektrix-component-donate-tabs .spektrix-component-recurring-donation-widget-tab, .spektrix-component-donate-tabs2 .spektrix-component-recurring-donation-widget-tab, .spektrix-component-recurring-donation-amount button {
	display: block;
    width: 100%;
    max-width: calc(50% - 8px);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #000;
    color: #ffffff;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    outline: 0;
    cursor: pointer;
    font-weight: 700;
    font-size: 24px;
    padding: 8px;
	border-radius: 15px;

}
.spektrix-component-recurring-donation-amount button:hover, .spektrix-component-recurring-donation-amount button.active {
    background-color: #D73521 !important;
}
.spektrix-component-recurring-donation-amount button .price-yearly {
	display: block;
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
}
.spektrix-component-donate-amount-button:hover, .spektrix-component-donate-amount-button.active {
background-color:#D73521!important;
}

.spektrix-component-donate-container-donation-amount-container-amount-currency-container .spektrix-component-donate-currency {
    display: inline-block;
    position: absolute;
    width: auto;
    font-weight: bold;
    font-size: 20px;
    color: #000000 !important;
    padding: 0 !important;
    left: 8px;
    top: 29%;
    pointer-events: none;
    -webkit-transform: translate(0, -50%) translateZ(0);
    transform: translate(0, -50%) translateZ(0);
    z-index: 2;
}	

.spektrix-component-donate-container-donation-amount-container-amount * {
	display:inline-block;
	width:100%;
}
.spektrix-component-donate-container-donation-amount-container-amount-currency-container input {
	padding-left:18px!important;
	font-size: 20px;
    font-weight: bold;
}
.spektrix-component-donate-container-donation-amount-container {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 16px;
}

.spektrix-component-donate-container-donation-actions-container, .spektrix-component-recurring-donation-container-donation-actions-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 16px;
    margin-top: 22px;
}

.spektrix-component-donate-container-donation-actions-container .spektrix-component-submit-donation, .spektrix-component-recurring-donation-container-donation-actions-container .spektrix-component-submit-donation {
	display: block;
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.spektrix-component-donate-container-donation-amount-container-acknowledgement {
	display: inline-block;
    width: 100%;
    max-width: calc(70% - 8px);
}

input[type="placeholder"] {
	visibility:show;
}
.tax-deductible {
	font-size:16px;
	font-weight:bold;
	margin-top:0px;
	color:#000;
}
::-webkit-input-placeholder {
 color:#000;
 opacity:.4;
font-weight:bold;
}

:-moz-placeholder {
 color:#000;
opacity:.4;
font-weight:bold;
}
::-moz-placeholder {
 color:#000;
opacity:.4;
font-weight:bold;
}
:-ms-input-placeholder {
 color:#000;
opacity:.4;
font-weight:bold;
}

.spektrix-component-donate-container-donation-actions-container .spektrix-component-submit-donation button, .spektrix-component-recurring-donation-container-donation-actions-container .spektrix-component-submit-donation button {
    display: block !important;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    background-color: #D73521;
    color: #ffffff;
    border: none !important;
    cursor: pointer !important;
    width: 100%;
    height: 100%;
    max-width: 33.3333333333%;
    margin: 0;
    padding: 8px 8px 6px;
}
input, textarea, select, button {
    outline: none;
}

input[type=reset], input[type=button], input[type=submit], button {
    background: #D73521;
    border: 0;
    padding: 0 10px;
    border: 1px solid #D73521;
	font-size:18px;
	font-weight:bold;
    cursor: pointer;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    vertical-align: top;
}


@media (min-width: 768px) {
	.spektrix-component-donate-amount button,.spektrix-component-donate-tabs .spektrix-component-donate-widget-tab, .spektrix-component-donate-tabs .spektrix-component-recurring-donation-widget-tab, .spektrix-component-recurring-donation-amount button {
		max-width: calc(33.3333333333% - 10.6666666667px);
	}
    .spektrix-component-donate-container-donation-amount-container-amount, .spektrix-component-recurring-donation-container-donation-amount-container-amount {
        max-width: calc(30% - 8px);
    }
}