/*!
Theme Name: De Switchers
Theme URI: 
Template: Divi
Author: Matador Jobs
Author URI: https://matadorjobs.com/
Description: A deswitchers.nl child theme for the divi theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: divi-child
*/

.et_pb_row, .et_pb_section {
  overflow: visible !important;
}

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

    #stick-column {
        position: sticky !important;
        top: 120px !important;
        z-index: 100 !important;
    }
}

.matador-button {
    background-color: #f39200 !important;
    letter-spacing: 2px !important;
    font-size: 14px !important;
    color: rgb(255, 255, 255) !important;
    font-family: "Work Sans", Helvetica, Arial, Lucida, sans-serif !important;
    text-transform: uppercase !important;
    border-radius: 100px !important;
    border-width: 0px !important;
    padding: 18px 40px !important;
    white-space: nowrap !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease;
}

.matador-button::after {
    font-size: 1.6em !important;
}

.matador-application .for-file:hover,
.matador-button:hover {
    background-color: #076633 !important;
}

@media (max-width: 480px) {
    .matador-button {
        padding: 14px 24px !important;
        letter-spacing: 1px !important;
        font-size: 13px !important;
    }
}

.matador-application input,
.matador-search-form-field-group input,
.matador-search-form-field-group select {
    width: 100%;
	padding: 1.25rem 1.75rem;
    border-radius: 100px;
	border: 2px solid #076633;
	background-color: #fff;
	font-size: 1rem;
	line-height: 1.4;
	transition: all 0.2s ease;
	box-shadow: none;
	outline: none;
    margin-bottom: 1rem;
}

.matador-application input:focus,
.matador-search-form-field-group input:focus,
.matador-search-form-field-group select:focus {
	border-color: #F39200;
}

.matador-search-form-field-group select {
	background-clip: padding-box;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right: 3rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23076633'%3E%3Cpath d='M5 7l5 5 5-5z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 1.25rem center;
	background-size: 1rem;
}

.matador-search-form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}

.matador-search-form button {
  width: 100%;
}

article.matador-job {
    background-color: #DCE7E1;
    border-radius: 48px 0;
    padding: 2rem;
    margin-bottom: 2rem;
}

article.matador-job h4 {
    font-size: 28px;
}

.matador-job-meta,
.ds-job-meta {
    padding: 0 !important;
    list-style: none !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.matador-job-meta-field {
    display: flex;
    justify-content: center;
    align-items: center;
}

.matador-job-meta-field .ph {
    margin-right: 1rem;
    font-size: 24px;
    color: #076633;
}

.matador-job-meta-value {
    font-size: 18px;
}

.matador-job-meta .matador-job-meta-label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.matador-job-navigation ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: end;
    margin-top: 1rem;
}

.ds-matador-load-jobs-container {
    width: 100;
    display: flex;
    justify-content: end;
}

.single-matador-job-listings .matador-job-meta {
    display: none !important;
}

.single-matador-job-listings .ds-job-meta {
    font-size: 1rem;
}

.single-matador-job-listings .ds-job-meta > span {
    background-color: #F39200;
    color: #fff;
    border-radius: 100px;
    padding: 9px 20px;
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.single-matador-job-listings .ds-job-meta i {
    font-size: 1.2rem;
    margin-right: 8px;
}

.single-matador-job-listings .ds-job-meta a {
    color: #fff;
}

.ds-no-jobs-msg-container {
    display: flex;
    flex-direction: column;
}

.ds-no-jobs-msg-container h2 {
    font-size: 36px;
    color: #076633;
    font-family: 'Rubik', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 700;
    line-height: 1.2em;
}

.ds-no-jobs-msg-container p {
    font-size: 18px;
    color: #076633;
    font-family: 'Rubik', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 700;
    line-height: 1.2em;
}

.ds-no-jobs-msg-container a {
    color: #F39200;
}

.matador-job-confirmation {
    background-color: #DCE7E1;
    border-radius: 48px 0;
    padding: 2rem;
    margin-top: 2rem;
}


.matador_ds_application_form_title {
    margin-top: 2rem;
}

.matador-application {
    margin-top: 1rem;
    background-color: #DCE7E1;
    border-radius: 48px 0;
    padding: 2rem;
}

.matador-application .matador-field-group {
    margin-bottom: 1rem;
}

.matador-application .for-file {
    font-size: 1rem;
    font-weight: 500;
    font-family: "Work Sans", Helvetica, Arial, Lucida, sans-serif !important;
    text-transform: uppercase;
    background-color: #F39200;
    color: #fff;
    border-radius: 100px;
    padding: 9px 20px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.matador-application .matador-field-description {
    font-size: 1rem;
}

.matador-application ul.checkboxes {
    list-style: none;
    padding: 0;

}

.matador-application .checkbox label {
    position: relative;
    padding-left: 2rem;
    font-size: 1rem;
}

.matador-application ul.checkboxes .checkbox input {
    accent-color: #F39200;
    width: 24px;
	height: 24px;
    position: absolute;
    left: -8px;
    top: -8px;
}

.matador-application .error {
    color: red;
    font-weight: 700;
}

.matador-job-navigation {
    margin-top: 2rem;
}

.matador-job-confirmation {
    margin-bottom: 2rem;
}