/* 
 Theme Name:     Medical Sound Association
 Author:         Medical Sound Association
 Author URI:     www.medicalsoundassociati
 Template:       Divi
 Version:        v1.0
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 5.4.2
*/ 

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

#main-content {
	min-height: calc(100vh - 114px - 310px);
}
.disclaimer{
	font-size: 14px;
	font-style: italic;
	padding: 10px 0;
}
#filter-form {
	display: flex;
    flex-wrap: wrap;
	margin: 0 -15px;
}
#filter-form .field {
	width: 100%;
    display: inline-block;
    padding: 0 15px;
    margin-bottom: 20px;
}
#filter-form .field.field-half {
    width: 50%;
}
#filter-form .field label {
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.3;
    margin: 0 0 4px 0;
}
#filter-form .field input.text, 
#filter-form .field input.title, 
#filter-form .field input[type=text], 
#filter-form .field select, 
#filter-form .field textarea {
    margin: 0;
    width: 100%;
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    height: 35px;
    padding: 5px 15px;
}
#filter-form .field .select2-container {
    width: 100% !important;
}
#filter-form .btn-form,
form input.btn-form {
	background-color: #eee;
    border: 1px solid #ddd;
    color: #333;
    font-size: 1em;
    padding: 10px 15px;
    margin-top: 20px;
    cursor: pointer;
}
form:not(.individual_export) input.btn-form {
    margin-top: 0;
    margin-bottom: 20px;
}
form.individual_export input.btn-form {
	margin: 0 0 60px;
}
form input.btn-form-margin {
    position: absolute;
    margin-top: -61px !important;
    margin-left: 80px;
}

.results table,
.entries table {
	width: 100%;
    margin: 40px 0 20px 0;
}
.results table th,
.results table td,
.entries table th,
.entries table td {
	border: 1px solid #aaaaaa;
}
.results table th:nth-child(1) {
	width: 13%;
}
.results table th:nth-child(2) {
	width: 46%;
}
.results table th:nth-child(3) {
	width: 12%;
}
.results table th:nth-child(4) {
	width: 12%;
}
.results table th:nth-child(5) {
	width: 10%;
}
.results table th:nth-child(6) {
	width: 9%;
}

.entries table th:nth-child(1) {
	width: 10%;
}
.entries table th:nth-child(2) {
	width: 12%;
}
.entries table th:nth-child(3) {
	width: 12%;
}
.entries table th:nth-child(4) {
	width: 11%;
}
.entries table th:nth-child(5) {
	width: 8%;
}
.entries table th:nth-child(6) {
	width: 8%;
}
.entries table th:nth-child(7) {
	width: 8%;
}

.entry{
	display: none;
}

.entry.active, #total{
	display: table-row;
}

table button {
	cursor: pointer;
}

div.wpforms-container-full .wpforms-form .wpforms-field.wpf-disclaimer {
	position: relative;
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpf-disclaimer label {
	padding-bottom: 20px;
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpf-disclaimer .wpforms-field-description {
	font-style: italic;
    position: absolute;
	bottom: 52px;
}

@media screen and (max-width: 767px) {
	#filter-form .field.field-one-third {
		width: 100%;
	}
	.results table,
	.entries table {
		border: 0;
  	}
  	.results table thead,
	.entries table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
  	}
  	.results table tr,
	.entries table tr {
		border-bottom: 3px solid #aaa;
		display: block;
		margin-bottom: .625em;
  	}
  
  	.results table td,
	.entries table td {
		border: 0;
		border-bottom: 1px solid #aaa;
		display: block;
		text-align: right;
		font-size: 12px;
  	}
  
  	.results table td::before,
	.entries table td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
  	}
  
  	.results table td:last-child,
	.entries table td:last-child {
    	border-bottom: 0;
  	}
}