/*
Theme Name: Jobs2Drive
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* ffe76d -> ffd700 */
@media (max-width: 600px) {
h1 {
    font-size: 9vw;
    line-height: 1.2em;
}
h2 {
    font-size: 8vw;
    line-height: 1.2em;
}
}
.grecaptcha-badge,
.hidden {
    display: none;
}


#header-outer[data-format=centered-menu] #top nav>.buttons.sf-menu {
    position: relative;
    white-space: nowrap;
}
#header-outer[data-format=centered-menu] #top nav>.buttons.sf-menu > li:not(:first-child) > a {
	padding-left:4px;
	padding-right:0;
}
#header-outer[data-format=centered-menu] #top nav + .logo-spacing {
    display: none;
}
#breadcrumbs {
	display:none;
}
.hoverfix .menu-title-text {
z-index:0;
}
.yy_search_title {
margin-bottom: 16px;
}
.wpb_text_column h1:not(:last-child) {
margin-bottom:.4em;
}
.row .col.image-to-top-bottom *,
.row .col.image-to-side * {
    height: 100%;
    max-width: unset;
}
.row .col.j2d_divider:before,
.row .col.image-to-side:before {
    position:absolute;
    pointer-events:none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='_36EHw5' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon class='XboOIa' points='0 0, 0 100, 100 0, 100 0' fill='%231c44a4'%3E%3C/polygon%3E%3C/svg%3E");
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width: 10vh;
    z-index: 1;
    pointer-events:none;
    content: "";
}
.row .col.image-to-side.yellow:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='_36EHw5' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon class='XboOIa' points='0 0, 0 100, 100 0, 100 0' fill='%23ffd700'%3E%3C/polygon%3E%3C/svg%3E");
}
.row .col.image-to-top-bottom img,
.row .col.image-to-side img {
    object-fit: cover;
    object-position: center;
}
@media (min-width: 999px) {
.row .col.image-to-top-bottom img,
.row .col.image-to-side .hover-wrap-inner > img,
.row .col.image-to-side .hover-wrap-inner > a {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 50vw;
    max-width: 900px;
    overflow: hidden;
}
.row .col.image-to-side .hover-wrap-inner > a img {
width:100%;
height:100%;
transition:400ms;
}
.row .col.image-to-side .hover-wrap-inner > a:hover img {
	transform:scale(1.1) !important;
}
.wpb_row:not(.reverse_columns_desktop) .col.image-to-side:first-child img {
    right: 0;
}
}
@media (max-width: 998.98px) {
.row .col.image-to-side img {
    position: relative;
    aspect-ratio: 16/9;
    margin-bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    width: 100vw;
    background-color: #1e274a;
}
    .row .col.j2d_divider:before,
.row .col.image-to-side:before {
    height:10vw;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
}

    .wpb_row.reverse_columns_desktop .col.image-to-side:before {
        top:unset;
        bottom: -1px;
        transform: translateX(-50%) rotate(180deg);
    }
}
.j2d_warning {
    padding: 14px 18px;
    border-radius: 10px;
    background: #aa0000;
    color: #fff;
}
.form-row {
    margin: 0 0 5px;
    display: flex;
    gap: 5px 20px;
    flex-wrap: wrap;
}
.form-input {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.form-label {
    font-weight: bold;
}
.form-row + h4 {
    margin-top: 1em;
}
#footer-outer #copyright .container {
    display:flex;
    flex-wrap: wrap;
    gap: 0 20px;
}
#footer-outer #copyright .container .span_5 {
    width:unset;
    margin-right: auto;
}
#footer-outer #copyright .container .span_7 {
    width: unset;
    white-space: nowrap;
}