/*
Theme Name:   ABlueTexas
Theme URI:    https://www.abluetexas.org/
Description:  Customized Theme for ABlueTexas
Author:       Kurtis Kronk
Author URI:   https://www.kurtiskronk.com
Template:     salient
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  abluetexas
ASCII Art:    https://patorjk.com/software/taag/#p=display&h=0&v=0&f=Old%20Banner
*/


/*******************************************************************

#     # #     # ### #     # ####### ######   #####     #    #       
#     # ##    #  #  #     # #       #     # #     #   # #   #       
#     # # #   #  #  #     # #       #     # #        #   #  #       
#     # #  #  #  #  #     # #####   ######   #####  #     # #       
#     # #   # #  #   #   #  #       #   #         # ####### #       
#     # #    ##  #    # #   #       #    #  #     # #     # #       
 #####  #     # ###    #    ####### #     #  #####  #     # ####### 
 
*******************************************************************/

html, body {display: absolute;}

/* Move donate button in top-nav to right of page */

li#menu-item-461.menu-item.menu-item-type-custom.menu-item-object-custom.button_solid_color_2.menu-item-461 {margin-left: 40px !important; padding-right: 20px !important;}

p {
	font-family: proxima-nova, serif !important;
	font-style: normal !important;
	font-size: 16px;
	font-weight: 400 !important;
	padding-bottom: 10px !important;
	font-weight: 100 !important;
}

h1 {
	font-family: futura-pt, sans-serif !important;
	font-style: normal !important;
	font-size: 2.5em !important;
	font-weight: 100 !important;
	text-transform: uppercase !important;
}

h2 {
	font-family: futura-pt, sans-serif !important;
	font-style: normal !important;
	font-size: 24px !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
}

h3 {
	font-family: futura-pt, sans-serif !important;
	font-style: normal !important;
	font-size: 20px !important;
	text-transform: uppercase !important;
}

h4 {
	font-family: futura-pt, sans-serif !important;
	font-style: normal;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 20px 0 10px 0;
}

h5 {
	font-family: futura-pt, sans-serif !important;
	font-style: normal;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 400;
	padding: 20px 0 10px 0;
}

h6 {
	font-family: futura-pt, sans-serif !important;
	font-style: normal;
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 600;
	padding: 10px 0 0 0;
}



/* Underline links only when they are part of a paragraph */
p a {
	text-decoration: underline;
}

/* For cases where you don't want a link underlined */
a.noUnderline {
	text-decoration: none;
}

b, strong {
	font-family: inherit;
	font-size: inherit;
	font-weight: bold;
}

.center {
	text-align: center;
}

.stackedButtons {
	width: 90% !important;
	text-align: left;
	max-width: 450px;
	padding-left: 10% !important;
}

.citation {
	width: 100% !important;
	margin-top: -20px !important;
	padding: 0px 0px 0px 0px !important;
}
.citation p, p.citation {
	font-size: 12px !important;
}

.photoCredit p, p.photoCredit {
	text-align: right !important;
	text-transform: uppercase !important;
	font-family: futura-pt, sans-serif !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
}
.photoCredit .fa-caret-up {
	margin: -6px 0 0 0 !important;
}
.photoCredit .fa-camera-retro {
	margin: 0 20 0 0 !important;
}

.pageTitle, .wpb_text_column.wpb_content_element.pageTitle h1 {
	font-size: 5vh !important;
	padding: 0 0 5% 0 !important;
	font-weight: normal !important;
}



/* Important Dates page styling */

.importantDates h4 {
	padding: 0px 0 0 0 !important;
	margin-bottom: 4px !important;
	font-weight: 600 !important;
	opacity: 0.8 !important;
}
.importantDates h5 {
	padding-bottom: 0px !important;
}

.importantDates p {
	padding: 0 0 15px 12px !important;	
}

.importantDates a.nectar-inherit-h4.toggle-heading {
	font-weight: normal !important;
	text-transform: none !important;
	padding: 0 0 10px 0 !important;
}
.div.toggle.default {
	margin-top: 10px !important;
}

div.nectar-progress-bar.completed p {
	padding: 15px 0 20px 0 !important;
}


@media only screen and (max-width: 600px) {
/*
.importantDates h4 {
	padding-top: 0px !important;
	font-weight: 400 !important;
}
.importantDates h5 {
	padding-bottom: 0px !important;
}

.importantDates a.nectar-inherit-h4.toggle-heading {
	font-weight: normal !important;
	text-transform: none !important;
}
*/
}

/***********************************************

 #####  #     # ####### ####### #######  #####  
#     # #     # #     #    #    #       #     # 
#     # #     # #     #    #    #       #       
#     # #     # #     #    #    #####    #####  
#   # # #     # #     #    #    #             # 
#    #  #     # #     #    #    #       #     # 
 #### #  #####  #######    #    #######  #####  
 
************************************************/

blockquote {
	float: right !important;
	margin: 0px 0px 12px 12px !important;
	padding: 0px 0px 0px 20px !important;
	opacity: .75 !important;
	width: 45% !important;
	border-left: 2px solid rgba(90, 90, 90, 0.75) !important;
	color: rgb(90, 90, 90) !important;
	line-height: 1.3 !important;
}
span.open-quote {
	opacity: 0.3 !important;
	padding-right: 10px !important;
	margin-bottom: -30px !important;
	/*float: left !important;*/
}
p.nectar_single_testimonial {}





/***********************************************

 #####  #     #    #    ######  #######  #####  
#     # #     #   # #   #     #    #    #     # 
#       #     #  #   #  #     #    #    #       
#       ####### #     # ######     #     #####  
#       #     # ####### #   #      #          # 
#     # #     # #     # #    #     #    #     # 
 #####  #     # #     # #     #    #     #####  
 
************************************************/

.chartTitle {
	text-align: center !important;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
	z-index: 999 !important;
}
	
.chart_wrap {
	/*
	border:0px solid gray;
	background: none;
	position: relative;
	*/
	height: 400px !important;
	margin-top: 0px !important;
	padding-bottom: 400px !important;

}




/* So far these responsive settings are not working - it looks good on iPhone Pro Max, but not iPhone SE. */
@media only screen and (max-width: 400px) {

	.chart_wrap {
		margin-top: 0px !important;
		padding-bottom: 400px !important;
		height: 400px !important;
		/*
		display: block;
		float: none;
		width: auto !important;
		margin-top: 0px;
		margin-right:0px;
		margin-left:0px;
		*/
	}
	
	#presidential_turnout_chart, #gubernatorial_turnout_chart, #local_turnout_chart {
		/*
		position: absolute;
		top: 0;
		left: 0;
		width:auto !important;
		padding: 20px !important;
		*/
		
		/* This fixes the with on the SIMULATED iPhone SE on computer, but not on actual iPhone SE...
		width: 105% !important;
		*/
	}
	
}


/* IMPORTANT: Need to call out each individual IDs of charts here */
#presidential_turnout_chart, #gubernatorial_turnout_chart, #local_turnout_chart {
	/*
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	*/
}

.citedSource {
	width: 100% !important;
	padding: 10px 0px 0px 20px !important;
	border: 1px solid rgba(90,90,90, 0.75) !important;
	color: rgba(90,90,90, 0.75) !important;
	margin-bottom: 20px !important;
}
.citedSource p {
	font-size: 12px !important;
}











/************************************************************************

 #####  ####### #     # #     # ####### ######  ####### #     # #     # 
#     # #     # #     # ##    #    #    #     # #     # #  #  # ##    # 
#       #     # #     # # #   #    #    #     # #     # #  #  # # #   # 
#       #     # #     # #  #  #    #    #     # #     # #  #  # #  #  # 
#       #     # #     # #   # #    #    #     # #     # #  #  # #   # # 
#     # #     # #     # #    ##    #    #     # #     # #  #  # #    ## 
 #####  #######  #####  #     #    #    ######  #######  ## ##  #     # 

*************************************************************************/



.flipdown {
  overflow: visible;
  /*width: 510px;*/
  width: max-content;  
  height: 110px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: -20px;
}
/* THEMES */

/********** Theme: dark **********/
/* Font styles */
.flipdown.flipdown__theme-dark {
  font-family: sans-serif;
  font-weight: bold;
}
/* Rotor group headings */
.flipdown.flipdown__theme-dark .rotor-group-heading:before {
  color: #ffffff;
}
/* Delimeters */
.flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
.flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after {
  background-color: #151515;
}
/* Rotor tops */
.flipdown.flipdown__theme-dark .rotor,
.flipdown.flipdown__theme-dark .rotor-top,
.flipdown.flipdown__theme-dark .rotor-leaf-front {
  color: #FFFFFF;
  background-color: #151515;
}
/* Rotor bottoms */
.flipdown.flipdown__theme-dark .rotor-bottom,
.flipdown.flipdown__theme-dark .rotor-leaf-rear {
  color: #EFEFEF;
  background-color: #202020;
}
/* Hinge */
.flipdown.flipdown__theme-dark .rotor:after {
  border-top: solid 1px #151515;
}

/********** Theme: light **********/
/* Font styles */
.flipdown.flipdown__theme-light {
  font-family: sans-serif;
  font-weight: bold;
}
/* Rotor group headings */
.flipdown.flipdown__theme-light .rotor-group-heading:before {
  color: #EEEEEE;
}
/* Delimeters */
.flipdown.flipdown__theme-light .rotor-group:nth-child(n+2):nth-child(-n+3):before,
.flipdown.flipdown__theme-light .rotor-group:nth-child(n+2):nth-child(-n+3):after {
  background-color: #DDDDDD;
}
/* Rotor tops */
.flipdown.flipdown__theme-light .rotor,
.flipdown.flipdown__theme-light .rotor-top,
.flipdown.flipdown__theme-light .rotor-leaf-front {
  color: #222222;
  background-color: #DDDDDD;
}
/* Rotor bottoms */
.flipdown.flipdown__theme-light .rotor-bottom,
.flipdown.flipdown__theme-light .rotor-leaf-rear {
  color: #333333;
  background-color: #EEEEEE;
}
/* Hinge */
.flipdown.flipdown__theme-light .rotor:after {
  border-top: solid 1px #222222;
}

/* END OF THEMES */

.flipdown {
  overflow: visible;
  width: 510px;
  height: 110px;
}

.flipdown .rotor-group {
  position: relative;
  float: left;
  padding-right: 30px;
}

.flipdown .rotor-group:last-child {
  padding-right: 0;
}

.flipdown .rotor-group-heading:before {
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.flipdown .rotor-group:nth-child(1) .rotor-group-heading:before {
  content: attr(data-before);
}

.flipdown .rotor-group:nth-child(2) .rotor-group-heading:before {
  content: attr(data-before);
}

.flipdown .rotor-group:nth-child(3) .rotor-group-heading:before {
  content: attr(data-before);
}

.flipdown .rotor-group:nth-child(4) .rotor-group-heading:before {
  content: attr(data-before);
}

.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before {
  content: '';
  position: absolute;
  bottom: 20px;
  left: 115px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after {
  content: '';
  position: absolute;
  bottom: 50px;
  left: 115px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.flipdown .rotor {
  position: relative;
  float: left;
  width: 50px;
  height: 80px;
  margin: 0px 5px 0px 0px;
  border-radius: 4px;
  font-size: 4rem;
  text-align: center;
  perspective: 200px;
}

.flipdown .rotor:last-child {
  margin-right: 0;
}

.flipdown .rotor-top,
.flipdown .rotor-bottom {
  overflow: hidden;
  position: absolute;
  width: 50px;
  height: 40px;
}

.flipdown .rotor-leaf {
  z-index: 1;
  position: absolute;
  width: 50px;
  height: 80px;
  transform-style: preserve-3d;
  transition: transform 0s;
}

.flipdown .rotor-leaf.flipped {
  transform: rotateX(-180deg);
  transition: all 0.5s ease-in-out;
}

.flipdown .rotor-leaf-front,
.flipdown .rotor-leaf-rear {
  overflow: hidden;
  position: absolute;
  width: 50px;
  height: 40px;
  margin: 0;
  transform: rotateX(0deg);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.flipdown .rotor-leaf-front {
  line-height: 80px;
  border-radius: 4px 4px 0px 0px;
}

.flipdown .rotor-leaf-rear {
  line-height: 0px;
  border-radius: 0px 0px 4px 4px;
  transform: rotateX(-180deg);
}

.flipdown .rotor-top {
  line-height: 80px;
  border-radius: 4px 4px 0px 0px;
}

.flipdown .rotor-bottom {
  bottom: 0;
  line-height: 0px;
  border-radius: 0px 0px 4px 4px;
}

.flipdown .rotor:after {
  content: '';
  z-index: 2;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 50px;
  height: 40px;
  border-radius: 0px 0px 4px 4px;
}



@media only screen and (max-width: 751px) {

.deadlineContainer {
	background-color: rgba(255, 255, 255, 0) !important;
	border-radius: 0px !important;

}
	
.deadline h2 {
	font-size: 18px !important;
}

.flipdown {
	/*width: 312px;*/
	height: 70px;
	overflow: visible;
	/*width: 510px;*/
	width: max-content;  
	height: 110px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 0px !important;
}

.flipdown .rotor {
	font-size: 2.2rem;
	margin-right: 3px;
}

.flipdown .rotor,
.flipdown .rotor-leaf,
.flipdown .rotor-leaf-front,
.flipdown .rotor-leaf-rear,
.flipdown .rotor-top,
.flipdown .rotor-bottom,
.flipdown .rotor:after {
	width: 30px;
}

.flipdown .rotor-group {
	padding-right: 20px;
}

.flipdown .rotor-group:last-child {
	padding-right: 0px;
}

.flipdown .rotor-group-heading:before {
	font-size: 0.8rem;
	height: 20px;
	line-height: 20px;
}

.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before,
.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after {
	left: 69px;
}

.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):before {
	bottom: 13px;
	height: 8px;
	width: 8px;
}

.flipdown .rotor-group:nth-child(n+2):nth-child(-n+3):after {
	bottom: 29px;
	height: 8px;
	width: 8px;
}

.flipdown .rotor-leaf-front,
.flipdown .rotor-top {
	line-height: 50px;
}

.flipdown .rotor-leaf,
.flipdown .rotor {
	height: 50px;
}

.flipdown .rotor-leaf-front,
.flipdown .rotor-leaf-rear,
.flipdown .rotor-top,
.flipdown .rotor-bottom,
.flipdown .rotor:after {
	height: 25px;
}
}















/* EVENT TICKETS STYLES */

.tribe-events-schedule.tribe-clearfix {margin:0px 0 20px 0 !important;}

#tribe-tickets__tickets-form {max-width: 1000px !important;}
.tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix {width: 100% !important; display: flex !important;}
.tribe-common.event-tickets.tribe-tickets__tickets-wrapper {margin-bottom: 0px !important;}
.tribe-events-single-event-title {line-height: 1.0 !important;}
.tribe-common-b2.tribe-common-b3--min-medium.tribe-tickets__tickets-item-details-content {padding: 0 50px !important;}
.tribe-tickets__tickets-item-extra-available-quantity {font-weight: 600 !important; color: green !important;}

.tribe-events-meta-group.tribe-events-meta-group-details {width: 100% !important; flex: 0 0 100% !important;}
.tribe-events-meta-group.tribe-events-meta-group-organizer {padding: 20px 0 20px 0 !important;}


.tribe-events-start-date-label {margin:2px 10px 0 0 !important; float: left !important; text-transform: uppercase !important;}
.tribe-events-start-time-label {margin:0 10px 0 0 !important; float: left !important;}
div.tribe-events-single-section.tribe-events-event-meta.secondary.tribe-clearfix {width: 100% !important; padding: 0px !important; text-transform: uppercase !important;}
.tribe-events-event-cost-label {margin:0 10px 0 0 !important; float: left !important; text-transform: uppercase !important;}
.tribe-events-event-cost {margin: 0px !important;}
.tribe-events-event-categories-label {margin:0 10px 0 0 !important; float: left !important; text-transform: uppercase !important;}

.tribe-organizer-email-label {margin: 0px !important;}
.tribe-organizer-email-label {display: none !important;}

.tribe-events-address {line-height: 1.3 !important; padding-bottom: 20px !important;}
.tribe-events-meta-group.tribe-events-meta-group-venue {width: 100% !important; max-width: 450px !important; padding: 20px 0 0 0 !important;}
#mapDiv {width: 50% !important; flex: available !important;}
.iframe {width: 100% !important; height: 500px !important; flex: available !important;}

.tribe-events-event-meta {display: unset !important;}

@media (min-width: 768px) {
.tribe-events-venue-map {max-width: 1000px !important; width: auto !important;}
}






/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Bexar Democrats Events Styles */

/* Feed header, background, and footer */
.css-1av94h.etiuun98 {display:none !important;}
.css-ayif5.ejnsch00 {display:none !important;}
.css-1v4qp7n.euhpnwh1, .css-1xclg2i.e1fovq35, .css-17k6sod.e2xoskm0, div.css-17k6sod .e2xoskm0, div.css-q6cj5r.e1pufrv92, .css-acwcvw.e1pufrv91, .css-xivoif.e1pufrv93 {background-color: #FFFFFF !important;}
.css-lzahy0.e461mab5 {display:none !important;}

/* Top Filter Buttons */
button.css-1jwiugz.e17fxinv2 {
	font-family: futura-pt, sans-serif !important;
	font-size: 0.8em !important;
	padding: 0px 20px 0px 20px !important;
}
button.css-12mad6c.e17fxinv2 {
	font-family: futura-pt, sans-serif !important;
	font-size: 1em !important;
	padding: 0px 20px 0px 0px !important;
	padding: -top: 0px !important;
	onclick: _blank !important;
}

/* Map Button Icon */
.css-19zym40.e17fxinv4 {
	padding: 0 0 0 20px !important;
	margin: 0 -10px 0 0 !important;
}
.e17fxinv2 {
	background-color: rgb(224, 224, 224) !important;
	/*
	minimum-height: auto !important;
	height: 20px !important;
	*/
}

/* Filtering Menu */
.css-acwcvw.eiq6ou00 {
	margin-top: 8px !important;
}
div.css-acwcvw.eiq6ou00 {
	margin-bottom: -10px !important;
}
fieldset.MuiFormControl-root {
	margin-bottom: -20px !important;
}
input.MuiInputBase-input {
	background-color: #ffffff !important;
}
legend.css-ro0e1m {
	font-size: 1.4em !important;
}
div.MuiInputBase-root.MuiOutlinedInput-roo.MuiAutocomplete-inputRoo.MuiInputBase-fullWidth.MuiInputBase-formControl.MuiInputBase-adornedEnd.MuiOutlinedInput-adornedEnd {
	background-color: #FFFFFF !important;
	border: 0px !important;
	box-shadow: none !important;
}
.css-slmsay {
	color: color(display-p3 0.125 0.274 0.605) !important;
}
.e17fxinv2 {
	background-color: #FFFFFF !important;
	border: 0px !important;
	box-shadow: none !important;
}
/* Hide Filter buttons */
.css-1v4qp7n.euhpnwh1 {
	display: none !important;
}



.css-1453s1l {
border-top: 0px solid rgb(204, 204, 204) !important;
}

/* Event Rows */
.mbz-feed-item-container {
	padding: 10px 0 10px 0 !important;
}

/* Event Title */
div.css-17k6sod.e2xoskm0 {padding-top:30px !important;}
.mbz-typography-inner-wrapper {
	font-family: futura-pt, sans-serif !important;
	font-size: 0.7em !important;
	color:rgb(53, 53, 53) !important;
}
	
/* Events and volunteer opportunities near you */
#events-near-you .i18n-msg {
	font-size: 1.4em !important;
	text-transform: uppercase !important;
	font-weight: 600 !important;
	color:rgb(151, 151, 151) !important;
}

/* Events further away from you */
.css-17k6sod.e2xoskm0 .css-1b8lqep.e1fovq32 h2.css-8g85fa span {
	font-size: 1.2em !important;
	text-transform: uppercase !important;
	font-weight: 400 !important;
	color:rgb(151, 151, 151) !important;
}


/* See details / more times button */
.MuiFormGroup-root.MuiFormGroup-row button {
	background-color: #70ae13 !important;
	font-family: futura-pt, sans-serif !important;
	color: color(display-p3 1 1 1) !important;
	font-weight: 400 !important;
	min-height: 40px !important;
	/*min-width: 100% !important;*/
	border:0px !important;
	border-radius: 0px !important;
}

/* Today / This Weekend etc */
span.css-f8wue.edu11pt0 {
	background-color: #ffffff !important;
	color: #70ae13 !important;
	margin-left: 10px !important;
	padding: 8px 20px 4px 15px !important;
	text-transform: uppercase !important;
	border-top-left-radius: 10px !important;
	border-bottom-left-radius: 0px !important;
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 0px !important;
	box-shadow: -10px 0 0 #70ae13 !important;
	font-weight: 600 !important;
}

/* Time / Date */
time {
	font-size: 1.4em !important;
	font-weight: 600 !important;
	color:rgb(116, 116, 116) !important;
	padding: 8px 0 0 0 !important;
}

/* Host / Location */
.css-7fn6et.e1spt5vp1 {
	font-size: 0.9em !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
	color:rgb(116, 116, 116) !important;
	padding: 8px 0 0 0 !important;
}
.css-1cpsr39.e1olnexu14 {
	padding-top: 0px !important;
	margin-top: -4px !important;
}

/* Previous Page / Next Page */
.css-3x4iuq.e9n7mbl0 {
	width: 49.5% !important;
	background-color: color(display-p3 0.221 0.456 0.793) !important;
	border: 0px !important;
	margin-right: 1px !important;
	padding: 30px 25px 30px 25px !important;
}
.css-3x4iuq.e9n7mbl0 button {
	color: color(display-p3 1 1 1) !important;
	font-family: futura-pt, sans-serif !important;
	text-transform: uppercase !important;
	font-size: 0.8em !important;
}
button.css-14js75j.e17fxinv2 {
	float: left !important;
}
button.css-10e3tr9.e17fxinv2 {
	float: right !important;
}
.css-15g2oxy.e1fovq30 {
	display: none !important;
}

/* FEC Disclaimer */

.css-1wb331d.e176vjam5 {
	border-radius: 0px !important;
	border: solid 2px color(display-p3 0.912 0.912 0.912 / 1) !important;
	box-shadow:0 0 0 2px color(display-p3 1 1 1) inset;
	background-color: color(display-p3 0.897 0.897 0.897) !important;
	font-family: futura-pt, sans-serif !important;
	padding: 20px !important;
}
.css-1wb331d.e176vjam5 p {
	padding-top: 10px !important;
	font-weight: 100 !important;
	font-size: .8em !important;
	line-height: 1 !important;
	color: color(display-p3 0.025 0.025 0.025) !important;
}