/* 
 Theme Name:   C4Amalgamation
 Theme URI:    
 Description:  
 Author:       jwassing
 Author URI:   https://dev.c4amalgamation.com
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

.context-menu { display: none; position: fixed; background-color: #fff; border: 1px solid #ccc; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); z-index: 1000; padding: .5rem 1rem; text-transform: lowercase; margin-right: 5rem; }
.context-menu img:hover { cursor: pointer; }

#registrant_search_container { border: 1px solid rgb(187,187,187); padding: .5rem; margin-top: 1rem; }
#registrant_search_form { display: flex; gap: 1rem; margin-bottom: 1rem; }
.registrant_search_column { display: flex; gap: 1rem; flex-direction: column; width: 50%; }
.registrant_search_item { display: block; }
.registrant_search_item p { display: flex; flex-direction: row; align-items: stretch; }
.registrant_search_item p label { width: 35%; display: inline-block; padding: 6px 0; text-align: right; margin-right: .5rem; }
.registrant_search_item p input, .registrant_search_item p select { width: 70%; padding: 6px; }

#search_count { margin: 2rem 0 1rem 0; }
#search_results { display: flex; flex-direction: column; }
.search_entry { padding: .5rem; border: 1px solid rgb(187,187,187); margin-bottom: 1rem; }
.search_entry_row { display: grid; grid-template-columns: auto auto; column-gap: 1rem; }
.search_entry_row p { padding-bottom: 0; margin-bottom: .5rem; }
/* .search_entry_row p:nth-child(even) {} */


/* .search_entry_row { display: flex; gap: 1rem; justify-content: space-between; }
.search_entry_row p { width: 30% }
.search_entry_row p:nth-child(even) { width: 40% } */
.practitioner_details_link { display: inline-block; padding: .25rem .5rem; border: 1px solid #b05f21; color: #b05f21; border-radius: .25rem; cursor: pointer; }

#search_loading { margin-top: 2rem; display: none; }

#registrant_block { display: block; padding: 1rem; margin-bottom: 1rem; border: 1px solid rgb(187,187,187); }
#registrant_name { margin-bottom: .5rem; }
#registrant_details { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: middle; margin-bottom: 2rem; }
#registrant_status { padding: 1rem; }
#registrant_status p { padding-bottom: .25rem; }
#registrant_status p strong { display: inline-block; width: 10rem; margin-right: .25rem; }

#registrant_conditions, #additional_skills { margin-bottom: 2rem; }

#registrant_info { padding: 1rem; }
#registrant_info p { padding-bottom: .25rem; }
#registrant_info p strong { display: inline-block; width: 14rem; margin-right: .25rem; }

#registrant_employment { display: grid; grid-template-columns: auto auto; column-gap: 1rem; row-gap: 1rem; }
#registrant_employment .registrant_employment_item { border: 1px solid rgb(187,187,187); padding: .5rem; }

#registrant_employment p { padding-bottom: .25rem; }
#registrant_employment p strong { display: inline-block; width: 14rem; margin-right: .25rem; }

#search_public_register_button { padding: .5rem 1rem; border: 1px solid rgb(240,240,240); }
#search_public_register_button:hover { color: #fff; background-color: #007d8b; cursor: pointer; }

/* Small devices such as phones (639px and below) */
@media only screen and (max-width: 639px) {
	#registrant_block { border: 0; padding: 0; }
	
	#registrant_search_form { flex-direction: column; }
	.registrant_search_item p { flex-direction: column; }
	.registrant_search_item p label { width: 100%; text-align: left; }
	.registrant_search_item p input, .registrant_search_item p select { width: 100%; }
	.registrant_search_column { width: 100%; }
	
	.search_entry_row { display: flex; flex-direction: column; }
	.search_entry_row p strong { display: block; }
	
	#registrant_details { flex-direction: column-reverse; gap: 1rem; }
	#registrant_info, #registrant_status { padding: 0; }
	#registrant_info p strong, #registrant_status p strong, #registrant_employment p strong { display: block; width: 100%; }
	#registrant_employment { display: flex; flex-direction: column; }
}

/* Small devices such as large phones (640px and up) */
@media only screen and (min-width: 640px) and (max-width: 1279px) {
	#registrant_block { border: 0; padding: 0; }
	
	#registrant_search_form { flex-direction: column; }
	.registrant_search_item p { flex-direction: column; }
	.registrant_search_item p label { width: 100%; text-align: left; }
	.registrant_search_item p input, .registrant_search_item p select { width: 100%; }
	.registrant_search_column { width: 100%; }
	
	.search_entry_row { display: flex; flex-direction: column; }
	.search_entry_row p strong { display: block; }
	
	#registrant_details { flex-direction: column-reverse; gap: 1rem; }
	#registrant_info, #registrant_status { padding: 0; }
	#registrant_employment { display: flex; flex-direction: column; }
}

/* Medium devices such as tablets (768px and up) */
@media only screen and (min-width: 768px) and (max-width: 1279px) {
	#registrant_details { gap: 2rem; }
}