html {
  scroll-behavior: smooth; background: #e5e5e5; 
}
* {box-sizing: border-box; font-family: "Roboto",sans-serif; }
hr {    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
   }
input:focus {
    outline:none;
}
nav {position: relative; margin: 10px; text-align: right}
nav ul {margin: 0; padding: 0; list-style-type: none}
nav ul li {margin: 0; padding: 0; display: inline-block}
nav ul li a {color:#083590; text-decoration: none; margin: 0 5px; font-weight: bold}
nav ul li a:hover {color:#083590; text-decoration: underline}
nav ul li a:after {content: '|'; margin-left: 10px}
nav ul li:last-of-type a:after {content: ''; margin-left: 10px}

.noVacancies {font-size: 14px}

.BHJob-list {
    display: block;
    min-width: 100%;
    min-height: 200px;
    background: #fff;
    border-color: #2e2e2e;
    border-width: 1px;
    border-radius: 4px;
    padding-top: 29px;
    padding-right: 25px;
    padding-bottom: 29px;
    padding-left: 25px;
    }
.BHJob-list-item {display: grid; grid-template-columns: 1fr 112px; border-bottom: 2px solid #C3C7CC; padding-bottom: 30px; align-items: center;}
.BHJob-list-item h2 {font-size: 28px;
    font-weight: 700;
    line-height: 1.29;}
.BHJob-list-item h2 a {text-decoration: none; color: #2E2E2E}
.BHJob-list-item ul {list-style-type: none; margin: 0; padding: 0; color: #6C7079 !important}
.BHJob-list-item ul li {display: inline-block;}
.BHJob-list-item ul li:first-of-type {margin-right: 10px}
.BHJob-list-item ul li:first-of-type:after {content: '•'; margin-left: 10px}


.BHJob-list-item-col2 a {background: linear-gradient(90deg, #0D4AC0 0%, #1976DB 100%); padding: 10px 17px; color: #fff;font-size: 12px; font-weight: 700; text-decoration: none; border-radius: 4px}

/*.BHJob-list {
    display: block;
    min-width: 100%;
    min-height: 200px;
    background: #fff;
    border: 1px solid #9696A3;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background-clip: padding-box;
}
.BHJob-list-item {min-height: 200px;
    padding: 15px;
    display: block;
    border-bottom: 1px solid #9696A3;
    overflow: hidden;}
.BHJob-list-item:nth-child(even) {
    background: #e8f5fe;
}

.BHJob-row {clear: both}
.BHJob-row:before, .BHJob-row:after {content: " "; display: table;}
.BHJob-list-item-col1 {display: inline-block; float: left; width: 25%; padding: 0 15px}
.BHJob-list-item-col2 {display: inline-block; float: left; width: 25%; padding: 0 15px}
.BHJob-list-item-col3 {display: inline-block; float: left; width: 50%; padding: 0 15px}

dt {color: #9696A3;
    font-weight: 500;}
dd {
    color: #2E2E2E;
    font-weight: 400;
    margin: 0 0 15px 0;
    }
dd p {margin: 0 0 10px;}
dd a {color: #2E2E2E; text-decoration: none}

.BHJob-list-item .BHJob-row:last-of-type {text-align: right}
.BHJob-list-item .BHJob-row:last-of-type a {color: #2091EB; text-decoration: none}
.BHJob-list-item .BHJob-row:last-of-type a:hover {color: #083590}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.fa-plus-circle:before {
    content: "\f055";
}

.no-search-results-message {color: #73737d;}

/*

/*job detail page*/
.job-detail {display: block;
    min-width: 100%;
    min-height: 200px;
    background: #fff;
    border: 1px solid #9696A3;
    -webkit-border-radius: 7px;
    border-radius: 4px;
    background-clip: padding-box;
    padding: 40px 40px}
.job-detail  h1 {color: #2E2E2E;
    line-height: 1.5em;
    font-size: 28px;
    font-weight: bold;
    margin: 0}

.job-detail {color: #6C7079; font-family: 'Roboto'}
.job-detail p:first-of-type {margin-top: 0; }
.job-detail a.goback {text-decoration: none; color: #166BC8; font-weight: bold; }
.job-details {color: #6C7079; display: grid; grid-template-columns: 200px 200px; margin-top: 20px }
.job-details p {margin: 0}
/*.job-details div p:last-of-type {padding-left: 28px}*/
.job-details img {margin-right: 8px}
.job-detail hr { margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #6C7079;}
.job-detail h2, .job-detail h3 {color: #073590;}
.job-detail ul {font-family: 'Roboto'; list-style-image:
url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOCAxNkE4IDggMCAxIDAgOCAwYTggOCAwIDAgMCAwIDE2em0zLjcwNy05LjI5M2ExIDEgMCAwIDAtMS40MTQtMS40MTRMNyA4LjU4NiA1LjcwNyA3LjI5M2ExIDEgMCAwIDAtMS40MTQgMS40MTRsMiAyYTEgMSAwIDAgMCAxLjQxNCAwbDQtNHoiIGZpbGw9IiNGMUM5MzMiLz4KPC9zdmc+Cg==);
        }
.job-detail li {margin-left: 20px; margin-bottom: 15px}
.job-detail ul li span {position: relative; top:-1px}
/*.job-detail li:before {display: inline-block !important; background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOCAxNkE4IDggMCAxIDAgOCAwYTggOCAwIDAgMCAwIDE2em0zLjcwNy05LjI5M2ExIDEgMCAwIDAtMS40MTQtMS40MTRMNyA4LjU4NiA1LjcwNyA3LjI5M2ExIDEgMCAwIDAtMS40MTQgMS40MTRsMiAyYTEgMSAwIDAgMCAxLjQxNCAwbDQtNHoiIGZpbGw9IiNGMUM5MzMiLz4KPC9zdmc+Cg==) !important;background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";max-height:16px;max-width:16px;min-height:16px;min-width:16px; margin-right: 10px}*/
.job-detail li p {display: inline; margin: 0}
.job-detail ul ul {margin-top: 15px; padding-left: 0 !important}
.job-detail ul ul li:before {display: none}
.job-detail ul ul li {margin-left: 25px}
.job-apply-div {margin-top: 36px; padding:12px;background:rgba(0,0,0,0.1); }
.job-apply-div a {color: rgb(7, 53, 144)}

.job-apply-div {margin-top: 36px; margin-bottom: 30px; padding:12px;background:rgba(0,0,0,0.1);}
.job-apply-div a#apply-link {display: inline-block; border-radius: 4px; background: linear-gradient(90deg, #ECB707 0%, #F1C933 100%); color: #073590; text-decoration: none; padding: 12px 23px; font-weight: bold; margin-top: 10px}


/*.BHJob-title-col1 {display: inline-block; float: left; width: 50%;}
.BHJob-title-col2 {display: inline-block; float: right; width: 50%; text-align: right}
.BHJob-title-col2 .back {min-height: 48px;
    font-weight: 700;
    padding: 12px 12px;
    margin-top: 15px;
    background-color: transparent;
    border: 2px solid #2091EB;
    color: #2091EB;
    border-radius: 4px;}
.BHJob-title-col2 .btn {min-height: 48px;
    font-weight: 700;
    padding: 12px 12px;
    margin-top: 15px;
    background-color: #F0C534;
    border: 2px solid #F0C534;
    color: #083590;
    text-decoration: none; border-radius: 7px;}    
.BHJob-info-col1 {display: inline-block; float: left; width: 25%;}
.BHJob-info-col2 {display: inline-block; float: left; width: 25%;}
.job-detail  h2 {color: #083590;
    line-height: 1.5em;
    font-size: 18px}
.job-apply-div {background-color: #d8d3d3; padding: 15px; -webkit-border-radius: 7px;border-radius: 7px;}
#apply-link {
    min-height: 48px;
    font-weight: 700;
    padding: 12px 12px;
    background-color: #F0C534;
    border: 2px solid #F0C534;
    color: #083590;
    text-decoration: none;
    border-radius: 7px;
    position: relative;
    display: inline-block;
    }
.a2a_kit {position: relative; display: block !important; margin: 20px 0}
.a2a_kit:before {content:'Share'; margin-right: 10px; float: left}

/*Log in, Register*/
#gform_wrapper_1, .bh-user-login {background-color: #f9f9f9; padding: 10px 30px}
label {display: block; font-size: 14px;}
input {display: block; font-size: 14px; margin: 5px 0; border: 1px solid #bcc9d9; border-radius: 4px; padding: 8px; width: 300px !important;}
input:focus {display: block; font-size: 14px; margin: 5px 0; border: 1px solid #2E2E2E; border-radius: 4px}
input[type='checkbox'] {width: 16px !important;display: inline-block;}
.job-apply-div label {font-size: 16px}
input[type='submit'] {background-color: #073590;color: #fff; border: none}
.gform_fields h2, .page-template-template-candidate-login h2 {padding-bottom: 3px; border-bottom: 1px solid #c4cfde !important;}
.gform_wrapper .top_label select.medium {width: 300px !important}
#input_1_8 {width: 300px !important} /*larger for the country field. ASctualy changed all to 300*/
.gform_wrapper textarea.medium {height: 31px !important; padding: 3px 4px}
.gform_footer {text-align: center}
div.ginput_complex.ginput_container.gf_name_has_3 span {width: 26% !important}
div.ginput_complex.ginput_container.gf_name_has_3 span input {width: 100% !important}

/*Profile pages*/
.page-id-15 > div > div {background-color: #f9f9f9; padding: 10px 30px; margin: 0} /*my details*/
.page-id-37 > div > div {background-color: #f9f9f9; padding: 10px 30px; margin: 0} /*my documents*/
.applied-jobs, .page-id-23 .dashboard-menu {background-color: #f9f9f9; padding: 10px 30px; margin: 0} /*my applications*/
.submissions-table {position: relative; width: 100%}
.submissions-table th {position: relative; text-align: left}
#gform_wrapper_5, .page-id-35 .dashboard-menu {background-color: #f9f9f9; padding: 10px 30px; margin: 0} /*my applications*/
#input_2_6, #input_3_6, #input_4_6 {width: 100% !important}



/*Forms*/
#field_1_11 li {position: relative; display: inline-block; width: 20%; } 
.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_above div[class*=gfield_date_].ginput_container label, .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label, .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_date_].ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {white-space: normal !important}




/* #Media Queries
================================================== */

    /* Smaller than standard 960 (devices and browsers) */
    @media only screen and (min-width: 1100px) {
            
        }

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 1099px) {
            
        }

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (min-width: 481px) and (max-width: 767px)  {
            
        }

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 480px) {
            
            .BHJob-list-item {grid-template-columns: 1fr}
        
            .BHJob-list-item-col1 {width: 100%;}
            .BHJob-list-item-col2 {width: 100%;}
            .BHJob-list-item-col3 {width: 100%;}
            .BHJob-title-col1 {width: 100%;}
            .BHJob-title-col2 {width: 100%; margin: 20px 0}
            .BHJob-title-col2 .back, .BHJob-title-col2 .btn {padding: 5px}
            .BHJob-info-col1, .BHJob-info-col2 {width: 50%;}
            .BH-jobdetail-desc {line-height: 1.8em}
			.job-details {grid-template-columns: 50% 50%}
            .job-detail ul, .job-detail li {margin-left: 0px; padding-left: 0}
            .BHJob-list-item-link {margin-top: 30px}
            #apply-link {width: 100%;; text-align: center}
            div.ginput_complex.ginput_container.gf_name_has_3 span {width: 100% !important}
             .jobheaderimage {width: 100%}
            .job-detail > p:first-of-type {margin-top: 0}
            input[type='text'] {-webkit-appearance: none; width: 100% !important}
            input[type='password'] {-webkit-appearance: none; width: 100% !important}
            input[type='submit'] {-webkit-appearance: none; width: 100% !important; background-color: #073590}


        }