/***********************************Search *********************************/

.widget {
	overflow:               hidden;
	height:                 400px;
	min-width:              290px;
	max-width:              290px;
	margin-bottom:          10px;
	margin-right:           5px;
	margin-left:            5px;
	margin-bottom:          50px;
	padding:                5px;
	display:                -webkit-flex;
	display:                flex;
	-webkit-flex-direction: column;
	flex-direction:         column;
	background-color:       white;
	-webkit-flex:           1 1 290px;
	flex:                   1 1 290px;
	cursor:                 pointer;
	box-shadow:             0px 5px 8px rgba(0, 0, 0, 0.3);
	border:                 1px solid #EEEEEE;
}

.widget:hover {
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3);
}

.widget .donateLink {
	float:      right;
	text-align: center;
}

.widgetLogoHolder {
	margin-left:  -5px;
	margin-right: -5px;
	height:       164px;
	text-align:   center;
	line-height:  164px;
}

.widgetLogoHolder img {
	vertical-align: middle;
	max-height:     100%;
}

.widgetParagraph {
	overflow:     hidden;
	flex:         1 1;
	-webkit-flex: 1 1;
	text-align:   left;
}

.widget .learn-more {
	font-size:  15px;
	margin:     0px 0px 0px 0px;
	text-align: right;
	display:    block;
}

.widget .region-icon {
	float:      left;
	max-width:  32px;
	margin-top: 4px;
}

.widget .button--small {
	padding-top:    5px;
	padding-bottom: 5px;
	right:          5px;
	bottom:         5px;
}

.widget hr {
	margin: 5px;
}

.widget .pledge-meter {
	color:          #B23E05;
	font-weight:    bold;
	left:           0;
	margin:         5px 4.854368932039% 0;
	position:       relative;
	width:          90.28%;
	padding-bottom: 10px;
	height:         40px;
}

.widget .pledge-meter span {
	display:  inline-block;
	position: absolute;
	right:    0px;
	padding:  5px;
}

.widget .pledge-meter .pledged {
	background: #FFFFFF;
	border:     1px solid #A7A9AC;
	box-sizing: border-box;
	height:     10px;
	position:   relative;
	width:      100%;
}

.widget .pledge-meter .pledged .bar {
	background:  #DA7E22;
	display:     block;
	left:        -1px;
	height:      10px;
	overflow:    hidden;
	position:    absolute;
	text-indent: 100%;
	top:         -1px;
	white-space: nowrap;
	width:       1px;
}

.list-widget {
	overflow:               hidden;
	height:                 50px;
	width:                  100%;
	margin-bottom:          10px;
	margin-right:           5px;
	margin-left:            5px;
	/*margin-bottom:          50px;*/
	padding:                10px 15px;
	display:                -webkit-flex;
	display:                flex;
	-webkit-flex-direction: row;
	flex-direction:         row;
	justify-content:        space-between;
	background-color:       white;
	/*-webkit-flex:           1 1 290px;
	flex:                   1 1 290px;*/
	cursor:                 pointer;
	box-shadow:             0px 2px 8px rgba(0, 0, 0, 0.3);
	border:                 1px solid #EEEEEE;
	text-align:             left;
}

.list-widget:hover {
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.3);
}

.list-widget .donateLink {
	float:      right;
	text-align: center;
}

.list-widget .learn-more {
	font-size:  15px;
	margin:     0px 0px 0px 0px;
	text-align: right;
	display:    block;
}

.list-widget .button--small {
	padding-top:    5px;
	padding-bottom: 5px;
	right:          5px;
	bottom:         5px;
}

.list-widget hr {
	margin: 5px;
}

.list-widget .pledge-meter {
	color:          #B23E05;
	font-weight:    bold;
	left:           0;
	margin:         5px 4.854368932039% 0;
	position:       relative;
	width:          90.28%;
	padding-bottom: 10px;
	height:         40px;
}

.list-widget .pledge-meter span {
	display:  inline-block;
	position: absolute;
	right:    0px;
	padding:  5px;
}

.list-widget .pledge-meter .pledged {
	background: #FFFFFF;
	border:     1px solid #A7A9AC;
	box-sizing: border-box;
	height:     10px;
	position:   relative;
	width:      100%;
}

.list-widget .pledge-meter .pledged .bar {
	background:  #DA7E22;
	display:     block;
	left:        -1px;
	height:      10px;
	overflow:    hidden;
	position:    absolute;
	text-indent: 100%;
	top:         -1px;
	white-space: nowrap;
	width:       1px;
}

#middle-content-area {
	display:           flex;
	display:           -webkit-flex;
	flex-start:        space-around;
	align-items:       stretch;
	flex-wrap:         wrap;
	-webkit-flex-wrap: wrap;
}

#middle-content-area-all-widget-wrapper {
	text-align: center;
}

#middle-content-area.middle-content-area-searchPage { width: 950px;
	float:                                                   right;
	padding:                                                 0px 0px 0px 0px;
	margin:                                                  0px 0px 0px 0px;
}

@media screen and (max-width: 1230px) {
	#middle-content-area.middle-content-area-searchPage {
		width: 633px;
		width: -moz-calc(100% - 300px);
		width: -webkit-calc(100% - 300px);
	}
}

@media screen and (max-width: 950px) {
	#middle-content-area.middle-content-area-searchPage {
		width: 300px;
		width: -moz-calc(100% - 300px);
		width: -webkit-calc(100% - 300px);
	}
}

@media screen and (max-width: 660px) {
	#sidebar-02 {
		width:   260px;
		float:   none;
		padding: 0px 0px 0px 0px;
		margin:  0px auto 0px auto;
	}
	
	#middle-content-area.middle-content-area-searchPage {
		width:   290px;
		float:   none;
		padding: 0px 0px 0px 0px;
		margin:  0px auto 0px auto;
	}
}

.page__list > li {
	display:    inline-block !important;
	list-style: none !important;
}

.pagination ul > li > a, .pagination ul > li > span {
	padding: 6px 5px !important;
	border:  none !important;
	float:   none !important;
}

.pagination ul {
	box-shadow:         0 1px 2px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
	-moz-box-shadow:    0 1px 2px rgba(0, 0, 0, 0);
}

.pagination ul > li {
	display: inline-block;
}

.pager {
	margin-bottom: 5px;
	text-align:    center;
}

.page__list-item--current {
	font-weight: bold;
	color:       #000000;
}

.page__list-item.page__list-item a {
	background-color: transparent;
}

#tableListResults {
	display:                 -webkit-flex;
	display:                 flex;
	-webkit-flex-wrap:       wrap;
	flex-wrap:               wrap;
	-webkit-justify-content: space-around;
	justify-content:         space-around;
}

#searchArea {
	order:         2;
	padding-top:   30px;
	padding-left:  10px;
	padding-right: 10px;
	flex:          1 1 300px;
	-webkit-flex:  1 1 300px;
	min-width:     300px;
	max-width:     1140px;
}

#navColumn {
	order:     1;
	min-width: 210px;
	width:     calc((100% - 1140px) / 2)
}

#navColumn.toggle {
	background-color: transparent;
}

#navColumn .filterToggle {
	text-align:    center;
	border-bottom: 1px solid #EEEEEE;
	box-shadow:    0px 2px 2px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	cursor:        pointer;
	margin-bottom: 10px;
}

#middle-content-area.advancedFilterToggled {
	display: block !important;
}

#middle-content-area.advancedFilterToggled #searchArea {
	margin-left: calc((100% - 1140px) / 2);
}

#middle-content-area.advancedFilterToggled #navColumn {
	position: absolute;
}

#middle-content-area #navColumn .filterToggle .show {
	display: none;
}

#middle-content-area #navColumn .filterToggle .hide {
	display: block;
}

#middle-content-area.advancedFilterToggled #navColumn .filterToggle .show {
	display: block;
}

#middle-content-area.advancedFilterToggled #navColumn .filterToggle .hide {
	display: none;
}

#middle-content-area.advancedFilterToggled #navColumn .filters {
	display: none;
}
	
.filterToggle .show {
	display: none;
}
.filterToggle .hide {
	display: block;
}

/* Reverse all of the Show / Hide with the advanced filter on mobile. Should work the opposite way */
@media only screen and (max-width: 940px) {
	#middle-content-area #navColumn .filters {
		display: none;
	}
	
	.filterToggle .show {
		display: block;
	}
	.filterToggle .hide {
		display: none;
	}
	
	#middle-content-area.advancedFilterToggled #navColumn .filters {
		display: block;
	}
	
	#middle-content-area.advancedFilterToggled #searchArea {
		margin-left: auto !important;
	}
	
	#middle-content-area #navColumn {
		position: relative !important;
	}
	
	#middle-content-area.advancedFilterToggled #navColumn {
		position: relative !important;
	}
	
	#middle-content-area #navColumn .filterToggle .show {
		display: block;
	}
	
	#middle-content-area #navColumn .filterToggle .hide {
		display: none;
	}
	
	#middle-content-area.advancedFilterToggled #navColumn .filterToggle .show {
		display: none;
	}
	
	#middle-content-area.advancedFilterToggled #navColumn .filterToggle .hide {
		display: block;
	}
}

#navColumn .filters {
	display:        flex;
	flex-direction: column;
	align-items:    center;
	padding-left:   10px;
	padding-right:  10px;
}

@media only screen and (max-width: 940px) {
	#searchArea {
		order: 2;
	}
	
	#navColumn {
		order:           1;
		width:           100%;
		flex-direction:  row;
		flex-wrap:       wrap;
		justify-content: center;
	}
	
	#navColumn div {
		padding-left:  10px;
		padding-right: 10px;
	}
	
	#navColumn div.sideNav-item.alphabetical-item {
		/* Keeps alphabetical search on its own line */
		display:        flex;
		flex-direction: column;
		align-items:    center;
		width:          100%;
	}
}

.page__list-item.page__list-item--current {
	color:       #000000;
	font-weight: bold;
}

.advTitle {
	color:       #888888;
	font-weight: bold;
	padding:     20px 0px 8px 8px;
	font-size:   18px;
}

.advSelect {
	width:              100%;
	max-width:          260px;
	padding:            7px 38px 5px 10px;
	border:             2px solid #CCCCCC;
	border-radius:      9px;
	color:              #333333;
	margin-bottom:      10px;
	background:         transparent url(../images/icons/arrow-down.png) no-repeat calc(100% - 12px);
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
}

input[type=text][class~="advSelect"] {
	width:              100%;
	max-width:          260px;
	padding:            7px 10px 5px 10px;
	border:             2px solid #CCCCCC;
	border-radius:      9px;
	color:              #333333;
	margin-bottom:      10px;
	background:         transparent;
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
}

input[type=text][class~="advSelect"]:focus {
	background:         #FFFFFF;
}

.advAlphabetical {
	max-width:      260px;
	padding:        12px;
	color:          #333333;
	margin-bottom:  10px;
	border:         2px solid #CCCCCC;
	border-radius:  9px;
	display:        flex;
	flex-direction: column;
	align-items:    center;
	flex-wrap:      nowrap;
	line-height:    normal;
}

.advAlphabetical .letterContainer {
	display:         flex;
	flex-wrap:       wrap;
	justify-content: center;
	max-width:       100%;
}

.advAlphabetical a {
	width:       25px;
	height:      25px;
	line-height: 25px;
	text-align:  center;
	color:       #333333;
	font-weight: bold;
}

.advAlphabetical a:hover {
	background-color: #999999;
	color:            #DDDDDD;
	text-decoration:  none;
}

.advAlphabetical a:active {
	background-color: #333333;
	color:            #FFFFFF;
	text-decoration:  none;
}

.advAlphabetical a.page__list-item--current {
	background-color: #6BBAA7;
	color:            #FFFFFF;
}

.typeOfSearch {
	text-align: center;
	margin-top: 20px;
}

.typeOfSearch > a {
	display:          inline-block;
	font-size:        20px;
	background-color: #EEEEEE;
	padding:          10px;
	font-weight:      bold;
}

.typeOfSearch > a > div {
	color: #AAAAAA;
}

.typeOfSearch > a.active {
	background-color: #6BBAA7;
}

.typeOfSearch > a.active > div {
	color: white;
}

.typeOfSearch > a > div {
	width:  100%;
	height: 100%;
}

.typeOfSearch > a:hover {
	text-decoration: none;
}

.typeOfSearch > a:active {
	text-decoration: none;
}

.typeOfSearch > a:focus {
	text-decoration: none;
}