/*
 Theme Name:   Jobbox Child
 Theme URI:    https://jthemes.com/themes/wp/jobbox/
 Description:  Jobbox child theme
 Author:       ThemePerch
 Author URI:   http://themeforest.net/user/themeperch
 Template:     jobbox
 Version:      1.0.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  jobbox-child
*/


/* Add your custom css below */

/* global */
.displayNone {
    display: none !important;
}

body {
    overflow-x: hidden;
}

/* global elementor colors */
.color1 h1, .color1 h2, .color1 h3, .color1 h4, .color1 h5, .color1 p, .color1 a, .color1 span {
    color: #000;
}

.color2 h1, .color2 h2, .color2 h3, .color2 h4, .color2 h5, .color2 p, .color2 a, .color2 span {
    color: #000;
}

.color3 h1, .color3 h2, .color3 h3, .color3 h4, .color3 h5, .color3 p, .color3 a, .color3 span {
    color: #000;
}

.color4 h1, .color4 h2, .color4 h3, .color4 h4, .color4 h5, .color4 p, .color4 a, .color4 span {
    color: #000;
}

.color5 h1, .color5 h2, .color5 h3, .color5 h4, .color5 h5, .color5 p, .color5 a, .color5 span {
    color: #000;
}

.color6 h1, .color6 h2, .color6 h3, .color6 h4, .color6 h5, .color6 p, .color6 a, .color6 span {
    color: #000;
}

.color7 h1, .color7 h2, .color7 h3, .color7 h4, .color7 h5, .color7 p, .color7 a, .color7 span {
    color: #000;
}

.color8 h1, .color8 h2, .color8 h3, .color8 h4, .color8 h5, .color8 p, .color8 a, .color8 span {
    color: #000;
}

.color9 h1, .color9 h2, .color9 h3, .color9 h4, .color9 h5, .color9 p, .color9 a, .color9 span {
    color: #000;
}

.color10 h1, .color10 h2, .color10 h3, .color10 h4, .color10 h5, .color10 p, .color10 a, .color10 span {
    color: #000;
}

/* global button styling */
.buttonStyle1, .jm-alert-form .jm-form-actions .wp-element-button {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-size: 18px;
    font-weight: 400;
    background-color: var(--e-global-color-57a40f2);
    border-radius: 9px;
    padding: 8px 24px;
    display: inline-block;
}

.buttonStyle1:hover, .jm-alert-form .jm-form-actions .wp-element-button:hover {
    color: #fff;
    background-color: var(--e-global-color-bfc6630);
}

/* header */
header .headerContainer.scrolled {
    background-color: var(--e-global-color-bfc6630) !important;
}

header .headerContainer .elementor-widget-navigation-menu .hfe-dropdown {
    position: fixed !important;
    left: 0 !important;
    top: 95px !important;
    width: 100vw !important;
}

header .headerContainer .accountButton {
    display: none;
}

body:not(.logged-in) header .headerContainer .accountButton.notLoggedIn, body.logged-in header .headerContainer .accountButton.loggedIn {
    display: block;
}

header .headerContainer .accountButton:hover span {
    color: #fff;
}

/* disable header and footer of the theme. Using elementor instead */
footer.footer.footer-dark {
    display: none !important;
}

/* landing page */
body.home #landingPage .elementor-element.left, body.home #landingPage .elementor-element.right {
    height: calc(100vh - 153px) !important;
    min-height: 0 !important;
    overflow: hidden;
}

body.home #landingPage .elementor-motion-effects-container {
    transition-duration: 0.5s;
}

body.home #landingPage .elementor-element:hover .elementor-motion-effects-container {
    transform: scale(1.1);
}

body.home #landingPage .elementor-widget-heading h1 {
    min-height: 102px;
}

body.home #landingPage .button1 span:hover {
    color: #fff;
}

body.home #landingPageCarousel {
    pointer-events: none;
}

/* infinite autoplay scroll sections - slick */
.logoCarouselSection {
    width: 120%;
    margin-left: -10%;
    max-width: none !important;
}

.logoCarouselSection.overlayed {
    overflow: visible;
    padding: 0;
    height: 0;
    margin-top: -60px;
}

.logoCarouselSection.gap .slick-slide {
    margin: 0 12px;
}

/* infinite autoplay scroll sections - slick - review cards */
.logoCarouselSection.reviews .slick-slide {
    width: 330px !important;
    max-width: 80vw;
}

.logoCarouselSection.reviews .elementor-element.leftCol {
    display: block !important;
}

.logoCarouselSection.reviews .elementor-element.rightCol {
    width: 100% !important;
}

/* Revolution sliders */
.sliderBackgroundOverlay {
    background: linear-gradient(90deg, #002B36 5%, transparent 65%) !important;
    /*width: 100%;*/
    /*height: 100%;*/
    /*display: block;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*z-index: 5 !important;*/
}

#revSliderSearchField {
    background-color: #fff;
    border-radius: 8px !important;
    padding: 8px 24px !important;
    border: none !important;
    color: #002B36;
    margin-right: 16px;
    width: 515px;
    max-width: calc(80vw - 150px);
    transform: translateY(-2px);
}

#revSliderSearchField::placeholder {
    color: #cacaca;
}

#revSliderSearchButton {
    background-color: var(--e-global-color-57a40f2);
    padding: 13px 24px;
    border-radius: 8px;
}

#revSliderSearchButton:hover {
    color: var(--e-global-color-bfc6630) !important;
}

#revSliderSearchButton img {
    width: 18px;
    margin: 12px 14px 2px 0 !important;
}

/* global headers- animated */
.headerAnimated .elementor-widget-container .bar {
    padding: 0 24px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 0;
}

.headerAnimated .elementor-widget-container .bar.multiline {
    margin-top: 12px;
}

.headerAnimated.light .elementor-widget-container .bar {
    background-color: var(--e-global-color-4434371);
    color: var(--e-global-color-7bb90f7);
}

.headerAnimated.light.v2 .elementor-widget-container .bar {
    background-color: var(--e-global-color-c05977e);
}

.headerAnimated.dark .elementor-widget-container .bar {
    background-color: var(--e-global-color-bfc6630);
    color: var(--e-global-color-c05977e);
}

.headerAnimated .elementor-widget-container .addDots {
    margin-left: 25px;
}

.headerAnimated span {
    opacity: 0;
}

.headerAnimated .active {
    /*animation: textAppear 18ms ease 0ms 1 normal both;*/
    animation-name: textAppear;
    animation-duration: 35ms;
    animation-fill-mode: forwards;
}

@keyframes textAppear {
    0% {
        opacity: 0;
        border-right: 1px solid #000;
    }
    99% {
        border-right: 1px solid #000;
        opacity: 1;
    }
    100% {
        border-right: none;
        opacity: 1;
    }
}

.titleCenter .elementor-widget-container {
    display: flex;
}

.titleCenter .elementor-widget-container h3 {
    align-content: center;
    align-items: center;
}

/* bouncing animated elements */
.bounceAni.eds-scroll-visible .elementor-element {
    animation-name: bouncingElement;
    animation-iteration-count: infinite;
    animation-duration: 4s;
}

@keyframes bouncingElement {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(30px);
    }
    100% {
        transform: translateY(0);
    }
}

/* floating animated elements */
.floatingAni img {
    animation-name: floatingElement;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 3s;
}

.floatingAni.aniDelay img {
    animation-delay: 1s;
}

@keyframes floatingElement {
    0% {
        transform: translate(20px, 20px);
    }
    20% {
        transform: translate(12px, -4px);
    }
    40% {
        transform: translate(-8px, -16px);
    }
    60% {
        transform: translate(-20px, 0);
    }
    80% {
        transform: translate(6px, 12px);
    }
    100% {
        transform: translate(20px, 20px);
    }
}

/* signup/login account form block */
.signupFormContainer .e-con-boxed.e-child {
    max-width: 400px;
    padding: 0 25px;
    margin-left: 24px;
    margin-right: auto;
}

.signupFormContainer .e-con-boxed.e-child .e-con-boxed.e-child {
    margin-left: 0;
}

#innerPageRegister .field, .signupFormContainer .wpcf7-form input {
    background-color: #fff !important;
    border: 1px solid #002B36;
    border-radius: 15px;
    color: #002B36 !important;
    padding: 8px 24px;
    margin-bottom: 12px;
    width: 100%;
    height: 50px;
}

#innerPageRegister .submitButton, .signupFormContainer .wpcf7-form .wpcf7-submit {
    margin-top: 10px;
    background-color: #002B36 !important;
    border: 1px solid #002B36;
    border-radius: 15px;
    color: #fff !important;
    padding: 8px 24px;
    margin-bottom: 12px;
    width: 100%;
    font-size: 14px;
}

.signupFormContainer .wpcf7-form .wpcf7-spinner {
    display: none;
}

/* contact form - contact form 7 */
.contactForm .wpcf7-form input, .contactForm .wpcf7-form textarea {
    border: 1px solid #000;
    border-radius: 15px;
}

.contactForm .wpcf7-form textarea {
    min-height: 150px;
}

.contactForm .wpcf7-form p {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    margin: 0;
}

.contactForm .wpcf7-form .wpcf7-form-control-wrap {
    width: calc(50% - 8px);
    margin-bottom: 16px;
}

.contactForm .wpcf7-form .wpcf7-form-control-wrap[data-name="message"] {
    width: 100%;
}

.contactForm .wpcf7-form input::placeholder, .contactForm .wpcf7-form textarea::placeholder {
    color: #000;
    opacity: 1;
}

.contactForm .wpcf7-form .wpcf7-submit {
    background-color: #002B36;
    color: #fff;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
}

.contactForm .wpcf7-form .wpcf7-spinner {
    display: none;
}

/* number process section */
.numberProcessSection .elementor-widget-image {
    transform: translateY(-10px);
}

/* floating card section */
.floatingCardSection .elementor-image-box-wrapper {
    border: none !important;
}

/* block background image set to full height auto width */
.backImgFullHeight {
    background-size: auto 100% !important;
}

/* account page
.logged-in .section-box {
    margin-top: 151px;
}

.logged-in .section-box .breacrumb-cover {
    background-color: #FFDE36 !important;
    background-image: none !important;
}

.logged-in .entry-content .banner-hero.banner-image-single img {
    display: none;
}

.logged-in .entry-content .box-company-profile .image-compay {
    background-color: #002b36;
    padding: 4px;
    border-radius: 16px;
}

.banner-hero .block-banner .form-find .btn-find {
    background-image: url("/wp-content/uploads/2024/03/magnifying-glass-blue.png") !important;
    background-size: 14px;
}

.banner-hero .block-banner .form-find .btn-find:hover {
    background-image: url(../imgs/page/homepage1/search-icon.svg) !important;
}

.job_listings .box-filters-job .box-view-type {
    display: none;
}

.banner-hero .block-banner .form-find .btn-find, .card-block-info .btn-apply-now {
    background-color: #ffde36;
    color: #002b36 !important;
    padding: 12px 16px;
    border-radius: 15px;
}

.banner-hero .block-banner .form-find .btn-find:hover, .card-block-info .btn-apply-now:hover {
    background-color: #002b36 !important;
    color: #fff !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--orders, .woocommerce-account .woocommerce-MyAccount-navigation-link--downloads {
    display: none;
}*/

/* account pages */
.logged-in .section-box .breacrumb-cover {
    margin-top: 90px;
    height: 0;
    overflow: hidden;
    padding: 0;
}

.logged-in .entry-content .box-company-profile .image-compay {
    background-color: #002b36;
    padding: 4px;
    border-radius: 16px;
}

.banner-hero .block-banner .form-find .btn-find {
    background-image: url("/wp-content/uploads/2024/03/magnifying-glass-blue.png") !important;
    background-size: 14px;
}

.banner-hero .block-banner .form-find .btn-find:hover {
    background-image: url(../imgs/page/homepage1/search-icon.svg) !important;
}

.banner-hero .block-banner .form-find .btn-find, .card-block-info .btn-apply-now {
    background-color: #ffde36;
    color: #002b36 !important;
    padding: 12px 16px;
    border-radius: 15px;
}

.banner-hero .block-banner .form-find .btn-find:hover, .card-block-info .btn-apply-now:hover {
    background-color: #002b36 !important;
    color: #fff !important;
}

.box-nav-tabs .jobDashBoard {
    order: 10;
}

.box-nav-tabs .postJob {
    order: 20;
}

.box-nav-tabs .jobs {
    order: 30;
}

.box-nav-tabs .savedJobs {
    order: 40;
}

.box-nav-tabs .jobAlerts {
    order: 45;
}

.box-nav-tabs .resume {
    order: 50;
}

.box-nav-tabs .application {
    order: 60;
}

.box-nav-tabs .pastApplication {
    order: 65;
}

.box-nav-tabs .company {
    order: 70;
}

.box-nav-tabs .editAccount {
    order: 80;
}

.box-nav-tabs .subscriptions {
    order: 85;
}

.box-nav-tabs .logout {
    order: 90;
}

.box-nav-tabs.candidate .subscriptions, .box-nav-tabs.employer .resume, .box-nav-tabs.employer .jobs, .box-nav-tabs.employer .savedJobs, .box-nav-tabs.candidate .postJob, .woocommerce-account .woocommerce-MyAccount-navigation-link--orders, .woocommerce-account .woocommerce-MyAccount-navigation-link--downloads {
    display: none;
}

#tab-jobs-dashboard .header, #tab-jobs-dashboard .innerNav {
    text-align: center;
}

#tab-jobs-dashboard .innerNav .buttonStyle1 {
    margin: 0 16px 24px 0;
    cursor: pointer;
}

#tab-jobs-dashboard .buttonStyle1.loadMoreButton {
    margin: 32px auto 60px;
    display: block;
    width: 140px;
    cursor: pointer;
}

#tab-jobs-dashboard.loadAll .buttonStyle1.loadMoreButton {
    display: none;
}

.ctrljm-form .wp-editor-tools button {
    line-height: 1;
    font-size: 20px;
    padding: 10px 24px;
    margin-bottom: 12px;
}

.ctrljm-form .mce-toolbar button {
    background-color: transparent;
}

#job-manager-bookmarks img {
    max-width: 90px;
}

#job-manager-bookmarks .job-manager-bookmarks a {
    width: calc(100% - 70px);
    display: inline-block;
}

#job-manager-bookmarks .job-manager-bookmark-actions {
    margin-top: 6px;
    padding: 0;
    display: inline-block;
    text-align: right;
    width: 60px;
}

#job-manager-bookmarks .job-manager-bookmark-actions a {
    width: auto;
}

#job-manager-bookmarks .job-manager-bookmark-actions li {
    list-style-type: none;
}

/* account resume form */
#tab-resume .ctrlbp-row [for='new-tag-ctrljm_skill'], #tab-resume .ctrlbp-row #new-tag-ctrljm_skill {
    display: none;
}

#tab-resume .ctrlbp-row [for='candidate_video'], #tab-resume .ctrlbp-row #candidate_video, #tab-resume .ctrlbp-row #candidate_video-description {
    display: none;
}

/* job search page */
.job_listings .job_filters .filter_by_tag {
    display: none;
}

/* job alerts page */
.jm-alert-form .jm-form-actions .wp-element-button {

}

/* recommended grid shortcode */
.recommendedGrid .recommendedRow {
    display: flex;
    flex-wrap: wrap;
}

.recommendedGrid .recommendedRow.hiddenItem {
    display: none;
}

.loadAll .recommendedGrid .recommendedRow.hiddenItem {
    display: flex;
}

.recommendedGrid .gridBlock {
    width: calc(33.33% - 12px);
    margin: 0 12px 24px 0;
    height: auto;
}

.recommendedGrid .gridBlock .card-grid-2 {
    border-radius: 0;
    border: none;
    background: transparent;
}

.recommendedGrid .gridBlock .jobbox-grid-item {
    width: 100%;
}

/* back to top arrow */
#scrollUp {
    background-color: var(--e-global-color-bfc6630) !important;
}

/* footer */
footer .mainContainer .elementor-element.col1 {
    width: calc(100% - 600px) !important;
}

footer .mainContainer .elementor-element.col2, footer .mainContainer .elementor-element.col3, footer .mainContainer .elementor-element.col4 {
    width: 200px !important;
}

/* responsive */
@media (max-width: 1300px) and (min-width: 1202px) {
    /* header */
    header .headerContainer {
        padding-right: 100px;
    }
}

@media (max-width: 1024px) {
    /* signup/login account form block */
    .signupFormContainer .e-con-boxed.e-child {
        margin-left: auto;
    }
}

@media (max-width: 925px) {
    /* footer */
    footer .mainContainer .e-con-inner {

    }

    footer .mainContainer .elementor-element.col1, footer .mainContainer .elementor-element.col2, footer .mainContainer .elementor-element.col3, footer .mainContainer .elementor-element.col4 {
        width: 50% !important;
    }
}

@media (max-width: 767px) {
    /* infinite autoplay scroll sections - slick - review cards */
    .logoCarouselSection.reviews .slick-slide {
        width: auto !important;
        max-width: none;
    }

    .logoCarouselSection.reviews .e-con-inner {
        display: flex;
        flex-wrap: nowrap;
    }

    /* contact form - contact form 7 */
    .contactForm .wpcf7-form .wpcf7-form-control-wrap {
        width: 100%;
        margin-bottom: 16px;
    }

    /* footer */
    footer .mainContainer .elementor-element.col1, footer .mainContainer .elementor-element.col2, footer .mainContainer .elementor-element.col3, footer .mainContainer .elementor-element.col4 {
        width: 100% !important;
    }

    footer .mainContainer .hfe-nav-menu {
        display: flex;
        flex-wrap: wrap;
    }

    footer .mainContainer .hfe-nav-menu li {
        width: 100%;
    }

    footer .mainContainer .hfe-nav-menu li a {
        text-align: center;
        display: block;
    }
}

@media (max-width: 800px) and (pointer: coarse) {
    /* Revolution sliders */
    .sliderBackgroundOverlay {
        background: linear-gradient(90deg, #002B36 5%, transparent 100%) !important;
    }

    #revSliderSearchField {
        width: 100vw;
        max-width: calc(100vw - 64px);
    }

    #revSliderSearchButton {
        display: block;
        max-width: 150px;
        margin-top: 8px;
    }

    /* global headers- animated */
    .headerAnimated .elementor-widget-container .bar {
        padding: 6px 24px;
    }

    .headerAnimated .elementor-widget-container .addDots {
        display: none;
    }

    /* infinite autoplay scroll sections - slick - review cards */
    .logoCarouselSection.reviews .elementor-element.leftCol {
        display: none !important;
    }
}