/*------------------------------------*\
    #HEADER
\*------------------------------------*/

@media only screen and (max-width: 991px) {
    header {
        height: 79px;
        padding: 5px 0;
    }

    .nav-trigger-wrapper div {
        position: absolute;
        top: 32px;
    }
}


/*------------------------------------*\
    #GRAVITY FORMS
\*------------------------------------*/

/* heading */
.gform_heading {
    display: none;
}

/* grid */
.gform_wrapper form .gform-body .gform_fields {
    grid-row-gap: 6px;
}

/* sections */
.gform_wrapper .gform-body .gform_fields .gsection {
    border: 0;
    padding-bottom: 0;
}

.gform_wrapper .gform-body .gform_fields .gsection .gsection_title {
    margin: 20px 0 0 0;
    font-size: 14px !important;
}

.gform_wrapper .gform-body .gform_fields .gsection:first-child .gsection_title {
    margin: 0 0 0 0;
}

/* fieldsets */
.gform_wrapper .gform-body .gform_fields fieldset {
    padding: 20px;
    border: 1px solid #efefef;
    border-radius: 3px;
}

/* labels */
.gform_wrapper .gform-body .gform_fields .gform-field-label {
    position: static;
    margin: 20px 0 8px 0;
    padding: 0 !important;
    font-size: 14px !important;
    color: inherit !important;
}

/* choice and inline labels */
.gform_wrapper .gform-body .gform_fields .gform-field-label--type-inline {
    margin: 0;
}

/* inputs */
.gform_wrapper .gform-body .gform_fields .ginput_container input[type="text"],
.gform_wrapper .gform-body .gform_fields .ginput_container input[type="email"],
.gform_wrapper .gform-body .gform_fields .ginput_container textarea {
    font-size: 14px;
    padding: 12px !important;
    border-radius: 3px;
}


/* choice fields */
.gchoice {
    margin-bottom: 6px;
}

.choices-large-margin-bottom .gchoice {
    margin-bottom: 30px;
}

.gchoice:last-child {
    margin-bottom: 0;
}

.gform_wrapper .gform-body .gform_fields .gfield-choice-input {
    vertical-align: top;
    margin-top: 3px;
}

/* top validation errors */
.gform_validation_errors {
    text-align: center;
    border-radius: 3px;
}

/* field validation errors */
.validation_message {
    border-radius: 3px;
}

/* star-info */
.gform_wrapper .gform-body .star-info {
    font-size: 90%;
    color: #bbbbbb;
}

.gform_wrapper .gform-body .star-info a {
    color: #009FE3;
}

.gform_wrapper .gform-body .gfield_description.ginput_counter {
    font-size: 80%;
    padding-top: 8px;
}


/*------------------------------------*\
    #PRICING TABLES
\*------------------------------------*/

.pricing-table {
}

.pricing-table__plan {
    position: relative;
    background-color: white;
    padding: 20px;
    margin-bottom: 30px;
    border: 2px solid #efefef;
    border-radius: 5px;
    text-align: center;
    transition: 0.3s;
    cursor: pointer;
}

.pricing-table__plan-headline {
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: bold;
}

.pricing-table__plan-price {
    margin-bottom: 1rem;
    font-size: 22px;
    font-weight: bold;
}

.pricing-table__plan-features-list,
.std-content .pricing-table__plan-features-list {
    list-style-type: none;
    text-align: center;
    margin-left: 0;
}

.pricing-table__plan-features-list-item {
    padding-bottom: 14px;
    border-bottom: 1px solid #efefef;
    margin: 14px;
}

.pricing-table__plan-features-list-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin: 14px;
}

.pricing-table__plan-cta {
    border: none;
    margin-bottom: 2rem;
    color: white;
}

.pricing-table__plan-cta-link {
    display: inline-block;
    padding: 12px 18px;
    background-color: #009FE3;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

.pricing-table__plan:hover {
    box-shadow: 5px 7px 67px -28px rgba(0, 0, 0, 0.37);
}

/* BESTSELLER */
.pricing-table__plan-bestseller {
    border: 4px solid #009FE3;
    position: relative;
}

.pricing-table__plan-bestseller .pricing-table__plan-inner {
    transform: translateY(-2px); /* compensate for additional padding */
}

.pricing-table__plan-bestseller-label {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #009FE3;
    color: white;
    padding: 4px 20px;
    border-radius: 5px;
    line-height: 1;
}

@media (min-width: 1280px) {
    .pricing-table {
        display: flex;
        justify-content: center;
    }

    .pricing-table__plan {
        flex-basis: 33.3333333%;
        margin: 20px;
    }

    .pricing-table__plan-headline {
    }

    .pricing-table__plan-price {
    }

    .pricing-table__plan-features-list-item {
    }

    /* BESTSELLER */
    .pricing-table__plan-bestseller {
        border: 2px solid #009FE3;
        transform: scale(1.08);
    }
}

@media (min-width: 1600px) {
    .pricing-table {
    }

    .pricing-table__plan {
    }

    .pricing-table__plan-headline {
        font-size: 22px;
    }

    .pricing-table__plan-price {
    }

    .pricing-table__plan-features-list-item {
    }

    /* BESTSELLER */
    .pricing-table__plan-bestseller {
    }
}


/*------------------------------------*\
    #TOP JOBS SLIDER
\*------------------------------------*/

.top-jobs-slider {
    margin-bottom: 80px;
}

.top-jobs-slider__item {

}

.top-jobs-slider__item-wrapper {

}

.top-jobs-slider__item-logo-image-wrapper {
    position: relative;
    border: 2px solid #009FE3;
    margin-bottom: 16px;
}

.top-jobs-slider__item-logo-image-wrapper:after {
    display: block;
    padding-bottom: 100%;
    content: "";
}

/* normal jobs */
.normal-job .top-jobs-slider__item-logo-image-wrapper {
    border-color: #AAAAAA;
}

.top-jobs-slider__item-logo-image {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    max-width: 90%;
    height: auto;
    max-height: 90%;
}

.top-jobs-slider__item--headline {
    margin-bottom: 4px;
}

.top-jobs-slider__item-info-item {

}

.top-jobs-slider__item-info-icon {

}

.top-jobs-slider__item-info-text {

}

/* slick dots */
.top-jobs-slider .slick-dots {
    margin-top: 14px;
}

/* slick arrows */
.top-jobs-slider .slick-arrow.slick-prev,
.top-jobs-slider .slick-arrow.slick-next
{
    padding: 0;
    background-repeat: no-repeat;
    text-indent: -999999px;
}

.top-jobs-slider .slick-arrow.slick-prev {
    background-image: url(/wp-content/themes/fitnessjobs/img/icons-share/arrow-left.svg);
    left: -30px;
}

.top-jobs-slider .slick-arrow.slick-next {
    background-image: url(/wp-content/themes/fitnessjobs/img/icons-share/arrow-right.svg);
    right: -30px;
}