/*
 Theme Name:  BCPA Child Theme
 Theme URI:   https://divilife.com
 Description: BCPA Child Theme for Divi
 Author:      Robert Tobey
 Template:    Divi
 Version:     1.0.0
*/

/***************
GENERAL STYLES
***************/

.post-type-archive-submissions.et-db #et-boc .et-l a {
  color: RED;
}

.center_copy {
	text-align: center;
}

.italic_copy {
	font-style: italic;
}

/***************
LAYOUT
***************/

.post-type-archive-submissions #main-content .container:before, .single-submissions #main-content .container:before {
	width: 0;
}

/*** Clearing Floats ***/

.clr:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/***************
FORMS
***************/

.bcpa_form .et_pb_button {
	color: #FFFFFF;
	background-color: #DD0023;
	border: 2px solid #333333;
	cursor: pointer;
}

.site_form_row {
	margin: 20px 0;
}

.site_form input[type="submit"] {
	float: left;
	height: 30px;
	padding: 0 15px;
	border: none;
	background-color: #DD0023;
	border-radius: 10px;
	font-size: .875em;
	color: #FFFFFF;
	text-transform: uppercase;
	line-height: 30px;
	cursor: pointer;
}

.site_form_row input[type="submit"]:first-child {
	margin-right: 10px;
}

/***************
ARCHIVE GRID
***************/

.archive_grid_item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 60px;
	background-color: #FFFFFF;
	border: 1px solid #d8d8d8;
	border-bottom-width: 3px;
	border-bottom-color: #E02B20;
}

.archive_grid_item_body {
	-ms-flex: 1 0 auto; 
	flex: 1;
}

.archive_grid_item .archive_grid_image img {
	width: 100%;
	height: auto;
}

.archive_grid_item .archive_grid_item_content {
	padding: 20px 10px 0 10px;
	text-align: center;
}

.archive_grid_item .archive_grid_post_type {
	font-size: .875em;
	font-weight: 700;
	color: #5D83AE;
	text-transform: uppercase;
}

.archive_grid_item .archive_grid_category {
	margin-top: 20px;
	font-size: 1em;
	text-transform: uppercase;
}

.archive_grid_item .archive_grid_category a {
	color: #6D6E71;
}

.archive_grid_item .archive_grid_title {
	margin-top: 10px;
	font-size: 1.375em;
}

.archive_grid_item .archive_grid_title a {
	color: #6D6E71;
}

.archive_grid_item_footer {
	margin-top: auto;
	padding: 0 10px 50px 10px;
	text-align: center;
}

.archive_grid_item .archive_grid_divider {
	width: 50%;
	height: 2px;
	margin: 20px auto;
	background-color: #666666;
}

.archive_grid_item .archive_grid_date {
	font-size: 1em;
	font-weight: 700;
	color: #231F20;
	text-transform: uppercase;
}

/***************
FILTER MENUS
***************/

#filter_menu {
	margin-bottom: 30px;
	padding: 30px;
	background-color: #E7E8E9;
	border: 1px solid #C8C8C8;
}

#filter_menu .filter_section {
	margin-top: 20px;
}

#filter_menu .filter_menu_row {
	margin-bottom: 10px;
}

#filter_menu .filter_menu_field {
	position: relative;
}

#filter_menu .filter_menu_field.field_large {
	width: 100%;
}

#filter_menu h3 {
	margin-bottom: 15px;
	font-size: 1.125em;
	font-weight: 700;
	color: #231F20;
}

#filter_menu label {
	width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
	color: #231F20;
	display: block;
}

#filter_menu .filter_menu_field input[type="text"] {
	width: 100%;
	height: 30px;
	padding: 0 5px;
	border: 1px solid #ABABAC;
	border-radius: 5px;
    font-size: 1em;
    display: inline-block;
}

#filter_menu .filter_menu_field select {
	width: 100%;
	height: 30px;
	padding: 0 5px;
	border: 1px solid #ABABAC;
	border-radius: 5px;
    font-size: 1em;
    display: inline-block;
}

#filter_menu .filter_menu_field .menu_loading {
	position: absolute;
	right: -20px;
	bottom: 0;
	width: 16px;
	height: 30px;
	background-image: url('images/menu_loading.gif');
	background-repeat: no-repeat;
	background-position: right center;
	z-index: 2;
	display: none;
}

#filter_menu .filter_field_selected {
	position: relative;
	width: 100%;
	height: 30px;
	padding: 0 8px;
	background-color: #001E43;
	border-radius: 5px;
	font-size: 1em;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 30px;
}

#filter_menu .filter_field_selected .filter_field_close {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
}

#filter_menu .filter_field_selected .filter_field_close button {
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: none;
	font-size: 1em;
	font-weight: 700;
	color: #FFFFFF;
	cursor: pointer;
}

#filter_menu input[type="submit"] {
	float: left;
	height: 30px;
	padding: 0 15px;
	border: none;
	background-color: #DD0023;
	border-radius: 10px;
	font-size: .875em;
	color: #FFFFFF;
	text-transform: uppercase;
	line-height: 30px;
	cursor: pointer;
}

#filter_menu .filter_menu_row input[type="submit"]:first-child {
	margin-right: 10px;
}

#filter_menu .directory_filter_section {
	min-height: 35px;
}

#filter_menu .acf-fields > .acf-field {
	padding: 0;
}

#filter_menu .acf-fields > .acf-field .acf-label {
	margin: 0;
}

#filter_menu .acf-fields > .acf-field select {
	font-size: 1em;
}

#filter_menu .select2-container--default .select2-selection--single {
	border: 1px solid #ABABAC;
	border-radius: 5px;
}

#filter_menu .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #231F20;
}

#filter_menu .select2-container .select2-selection--single {
	height: 30px;
}

/***************
PAGING
***************/

.pagination .nav-links {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 2px solid #231F20;
}

.pagination h2.screen-reader-text {
	display: none;
}

.pagination .nav-links {
	text-align: center;
}

.pagination .nav-links .page-numbers {
	padding: 0 5px;
}

.pagination .nav-links a.page-numbers {
	color: #58595B;
}

.pagination .nav-links .page-numbers.current {
	color: #231F20;
}

/***************
SUBMISSIONS
***************/

/*** Rows ***/

.single_submission_full_row {
	width: 100%;
}

.et_pb_row.single_submission_row_no_spacer {
	padding: 0;
}

.et_pb_row.single_submission_row_small_spacer {
	padding-top: .5%;
	padding-bottom: .5%;
}

.et_pb_row.single_submission_row_medium_spacer {
	padding-top: 1%;
	padding-bottom: 1%;
}

/*** Tables ***/

.single_submission_two_column_table {
	display: -ms-flexbox;
	display: flex;
}

.single_submission_two_column_table label {
	font-weight: bold;
}

.single_submission_two_column_table .single_submission_two_column_info_cell {
	padding-left: 5%;
}

/*** Images ***/

#single_submission_image img {
	margin: 0 auto;
	display: block;
}

#single_submission_image img.orientation-landscape {
	width: 100%;
}

/*** Comments ***/

.single_submission_section .et_pb_row.single_submission_comments .single_submission_comments_row {
	padding: 10px;
}

.single_submission_comments .single_submission_comments_row:nth-child(odd) {
	background-color: #E7E8E9;
}

.single_submission_comments .single_submission_comments_row:nth-child(even) {
	background-color: #C8C8C8;
}

/***************
737 TO 812
***************/

@media screen and (min-width:737px) and (max-width:812px) {

	/***************
	ARCHIVE GRID
	***************/

	.archive_grid .archive_grid_item {
		width: 46%;
	}
	
	.archive_grid .archive_grid_item:nth-child(odd) {
		margin-right: 2%;
	}
	
	.archive_grid .archive_grid_item:nth-child(even) {
		margin-left: 2%;
	}
	
}

/***************
813 TO 1199
***************/

@media screen and (min-width:813px) and (max-width:1199px) {

	/***************
	ARCHIVE GRID
	***************/

	.archive_grid {
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	
	.archive_grid .archive_grid_item {
		width: 32%;
		margin-left: 0;
		margin-right: 0;
	}

}

/***************
737 AND UP
***************/

@media screen and (min-width:737px) {

	/***************
	ARCHIVE GRID
	***************/

	.archive_grid {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	.archive_grid .archive_grid_item:nth-child(1), .archive_grid .archive_grid_item:nth-child(2) {
		margin-top: 0;
	}
	
	/***************
	SUBMISSIONS
	***************/
	
	/*** Tables ***/

	.single_submission_two_column_table .single_submission_two_column_label_cell {
		width: 40%;
	}
	
	.single_submission_two_column_table .single_submission_two_column_info_cell {
		width: 60%;
	}
	
	/*** Images ***/

	#single_submission_image img.orientation-portrait {
		width: 70%;
	}
	
}

/***************
813 AND UP
***************/

@media screen and (min-width:813px) {

	/***************
	ARCHIVE GRID
	***************/
	
	.archive_grid .archive_grid_item:nth-child(3) {
		margin-top: 0;
	}
	
	/***************
	FILTER MENUS
	***************/

	#filter_menu .filter_menu_row {
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 10px;
	}

	#filter_menu .filter_menu_field.field_medium {
		width: 48%;
	}
	
	#filter_menu .filter_menu_field.field_medium:first-child {
		margin-right: 4%;
	}
	
	#filter_menu .acf-fields {
		width: 48%;
	}
	
	#filter_menu.acf_flex .acf-fields {
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		margin-bottom: 10px;
	}
	
	#filter_menu.acf_flex .acf-field {
		width: 48%;
	}
	
	#filter_menu.acf_flex .acf-field:first-child {
		margin-right: 4%;
	}
	
	#filter_menu.acf_multiflex .acf-fields {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
		margin-bottom: 10px;
	}
	
	#filter_menu.acf_multiflex .acf-field {
		width: 48%;
		margin-bottom: 10px;
	}
	
	#filter_menu.acf_multiflex .acf-field:nth-child(odd) {
		margin-right: 4%;
	}
	
	/***************
	SUBMISSIONS
	***************/
	
	/*** Tables ***/

	.single_submission_two_column_table .single_submission_two_column_label_cell {
		width: 35%;
	}
	
	.single_submission_two_column_table .single_submission_two_column_info_cell {
		width: 65%;
	}
	
	/*** Images ***/

	#single_submission_image img.orientation-portrait {
		width: 50%;
	}

}

/***************
1200 AND UP
***************/

@media screen and (min-width:1200px) {

	/***************
	ARCHIVE GRID
	***************/
	
	.archive_grid .archive_grid_item {
		width: 23%;
		margin-left: 1%;
		margin-right: 1%;
	}
	
	.archive_grid .archive_grid_item:nth-child(4) {
		margin-top: 0;
	}
	
	/***************
	SUBMISSIONS
	***************/
	
	/*** Tables ***/

	.single_submission_two_column_table .single_submission_two_column_label_cell {
		width: 30%;
	}
	
	.single_submission_two_column_table .single_submission_two_column_info_cell {
		width: 70%;
	}
	
	/*** Images ***/

	#single_submission_image img.orientation-portrait {
		width: 50%;
	}

}

/***************
812 AND UNDER
***************/

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

	/***************
	FILTER MENUS
	***************/
	
	#filter_menu.search_menu {
		display: none;
	}

	#filter_menu .filter_menu_field.field_medium {
		width: 100%;
		margin-bottom: 10px;
	}
	
	#filter_menu .acf-fields {
		width: 100%;
	}
	
	#filter_menu.acf_flex .acf-field {
		margin-bottom: 10px;
	}
	
	#filter_menu.acf_multiflex .acf-field {
		margin-bottom: 10px;
	}
	
}

/***************
736 AND UNDER
***************/

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

	/***************
	SUBMISSIONS
	***************/
	
	/*** Tables ***/

	.single_submission_two_column_table .single_submission_two_column_label_cell {
		width: 50%;
	}
	
	.single_submission_two_column_table .single_submission_two_column_info_cell {
		width: 50%;
	}

}

/***************
640 AND UNDER
***************/

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

	/***************
	SUBMISSIONS
	***************/
	
	/*** rows ***/

	.single_submission_section .et_pb_row {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

}