/*
Theme Name: Prima JobRoller Child Theme
Theme URI: http://jrchild.tinygiantstudios.co.uk
Description: This is a child theme for JobRoller (developed by Appthemes). It completely modifies the look & feel of the original theme while keeping its functionality in tact.
Author: Tiny Giant Studios
Author URI: http://tinygiantstudios.co.uk
Template: jobroller
Version: 2.5.2
AppThemes ID: prima
*/

@import url("../jobroller/style.css");
@import url("styles/style-pro-child.css");

html body{
        font-family: 'Roboto', sans-serif;
}
.section_content div#subscri{
float: left;
width: 100%;
list-style-type: none;
margin: 0;
padding: 0;
}
body p{
    font-size: 15px;
}


.section_content div#subscri .subsc-inner {
    width: 24.5%;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

.section_content div#subscri .subsc-inner .subsc_title{
    font-size: 30px;
    color: #3b2525;
    float: left;
    width: 100%;
}
#content img.attachment-post-thumbnail {
    margin-left: 10px;
    position: absolute;
    right: 0;
    top: -230px;
}
div.section_content {
    position: relative;
}
.section.single .section_content p {
    padding: 0;
    margin-bottom: 5px;
    padding-left: 25px;
}
.section_content div#subscri .subsc-inner .price {
    color: red !important;
    float: left !important;
    font-size: 20px !important;
    margin: 16px 0 22px !important;
    width: 100% !important;
}
.section_content div#subscri .subsc-inner a {
background-color: #AAD063 !important;
border-radius: 3px !important;
color: #010101 !important;
display: inline-block !important;
font-size: 14px !important;
padding: 11px 13px !important;
}

.section_content div#subscri .subsc-inner a:hover {
text-decoration: none !important;
}
/* ===== Add Your Custom CSS below this line ===== */

.postjob {
    margin-left: 5px;
}


/* ===== STOP! Don't add anymore code below or the sky will fall! ===== */

#logo {
    margin: 0 70px 0 0;
    text-shadow: none;
}
#logo a img{
    width: 180px;
    height: 72px;
    object-fit: contain;
}
#header ul.profile-wrapper .profile {
    width: 90%;
    position: absolute;
    background: #25b8c7;
    color: #fff;
    border-radius: 10px;
    font-weight: 600;
    margin-top: -4%;
}
#header ul.profile-wrapper .profile ul.usermenu1 {
    margin-top: 5px;
}
#header ul.profile-wrapper .profile-wrapper:after {
    border-color: #fff transparent transparent !important;
}
#header ul.profile-wrapper .profile ul a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}
#header div#mainNav ul li a {
    color: #444444;
}
#header div#mainNav ul li.current-menu-item a {
    color: #25b8c7;
    border-bottom-color: #25b8c7;
}
#header div#mainNav ul li a:hover{
    border-bottom-color: #25b8c7;
}
#header {
    border-bottom: 5px solid #0e8793;
}
#searchform div.search-wrap div.input-container {
    background: #25b8c7;
}
.loginregister .userregister a {
    background: #25b8c7;
}
.loginregister .userregister a:hover{
     background: #0e8793;
}
.userlogin a {
    color: #444 !important;
}
.userlogin a:hover {
    color: #25b8c7 !important;
}
#searchform button.submit {
    text-shadow: 1px 1px #444444;
    border: 1px solid #444444;
    border-top: 1px solid #444444;
    border-bottom: 1px solid #444444;
    background: -moz-linear-gradient(top, #444444 0%, #444444  100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#444444 ));
    background: -webkit-linear-gradient(top, #444444 0%, #444444 100%);
    background: -o-linear-gradient(top,  #444444 0%,#444444  100%);
    background: -ms-linear-gradient(top,  #444444 0%,#444444  100%);
    background: linear-gradient(top,  #444444 0%,#444444  100%);
    background-color: #444444;
} 

#searchform button.submit:hover{
     text-shadow: 1px 1px #000;
    border: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    background: -moz-linear-gradient(top, #000 0%, #000  100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#000 ));
    background: -webkit-linear-gradient(top, #000 0%, #000 100%);
    background: -o-linear-gradient(top,  #000 0%,#000  100%);
    background: -ms-linear-gradient(top,  #000 0%,#000  100%);
    background: linear-gradient(top,  #000 0%,#000  100%); 
}
a.button {
    text-shadow: 1px 1px #000;
    background: -moz-linear-gradient(top, #25b8c7 0%, #25b8c7  100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25b8c7), color-stop(100%,#25b8c7 ));
    background: -webkit-linear-gradient(top, #25b8c7 0%, #25b8c7 100%);
    background: -o-linear-gradient(top,  #25b8c7 0%,#25b8c7  100%);
    background: -ms-linear-gradient(top,  #25b8c7 0%,#25b8c7  100%);
    background: linear-gradient(top,  #25b8c7 0%,#25b8c7  100%);
}
a.button:hover {
    text-shadow: 1px 1px #000;
    background: -moz-linear-gradient(top, #0e8793 0%, #0e8793  100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e8793), color-stop(100%,#0e8793 ));
    background: -webkit-linear-gradient(top, #0e8793 0%, #0e8793 100%);
    background: -o-linear-gradient(top,  #0e8793 0%,#0e8793  100%);
    background: -ms-linear-gradient(top,  #0e8793 0%,#0e8793  100%);
    background: linear-gradient(top,  #0e8793 0%,#0e8793  100%);
}
ul.widgets li.widget-submit div {
    background: #f5f5f5;
}
ol.jobs dd strong a {
    color: #25b8c7;
}
ol.jobs dd strong a:hover{ 
    color: #444444;
}
#content h2 {
    color: #49a4ad;
}
form.filter {
    background: #25b8c7;
}
form.main_form .submit, form.account_form .submit, p.button a, form.filter .submit, #commentform #submit, input.geolocationadd, form.main_form .goback, form.account_form .goback {
    text-shadow: 1px 1px #444444;
    border: 1px solid #444444;
    border-top: 1px solid #444444;
    border-bottom: 1px solid #444444;
    background: -moz-linear-gradient(top, #444444 0%, #444444  100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#444444 ));
    background: -webkit-linear-gradient(top, #444444 0%, #444444 100%);
    background: -o-linear-gradient(top,  #444444 0%,#444444  100%);
    background: -ms-linear-gradient(top,  #444444 0%,#444444  100%);
    background: linear-gradient(top,  #444444 0%,#444444  100%);
    background-color: #444444;
}
form.main_form .submit:hover, form.filter .submit:hover, form.account_form .submit:hover, p.button a:hover, form.filter .submit:hover, #commentform #submit:hover, input.geolocationadd:hover, form.main_form .goback:hover, form.account_form .goback:hover{
      text-shadow: 1px 1px #000;
    border: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    background: -moz-linear-gradient(top, #000 0%, #000  100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#000 ));
    background: -webkit-linear-gradient(top, #000 0%, #000 100%);
    background: -o-linear-gradient(top,  #000 0%,#000  100%);
    background: -ms-linear-gradient(top,  #000 0%,#000  100%);
    background: linear-gradient(top,  #000 0%,#000  100%); 
}
div#footer {
    background-color: #444;
}
div#footer ul li ul li a:hover {
    color: #25b8c7;
}
ul.widgets li.widget h2.widget_title {
    color: #fff;
}
.tnp-widget input.tnp-submit {
    background-color: #5e5e5e !important;
}
a, ol.jobs dd strong a {
    color: #25b8c7;
}
.paging .top a:hover, .paging .top a:focus {
    background: #25b8c7;
    border: 1px solid #25b8c7;
}
ul.widgets li.widget.widget-nav div ul li a.top {
    color: #444;
    font-weight: 500;
}
#content h1 {
    color: #0e8793;
}
#content h2.widget_title {
    color: #444;
}
ol.steps li span {
    border-top: 1px solid #444444;
    border-bottom: 1px solid #444444;
        color: #25b8c7;
}
ol.steps li span.first {
    border-left: 1px solid #444444;
}
#content li.rss a {
    color: #25b8c7;
}
#content li.twitter a {
    color: #25b8c7;
}
.wpcf7-submit {
    background: #25b8c7 !important;
    text-shadow: 1px 1px #25b8c7 !important;
    border: 1px solid #25b8c7 !important;
    border-top: 1px solid #25b8c7 !important;
    border-bottom: 1px solid #25b8c7 !important;
}

.wpcf7-submit:hover {
    background: #0e8793 !important;
    text-shadow: 1px 1px #0e8793 !important;
    border: 1px solid #0e8793 !important;
    border-top: 1px solid #0e8793 !important;
    border-bottom: 1px solid #0e8793 !important;
}
.profile-wrapper:after {
    border-color: #fff transparent transparent !important;
}
.section.single .section_header h1.title {
    color: #fff !important;
}
.section_header {
    background: #138996;
}
ol.steps li.previous span {
    background: white url(https://staging.refugeejobservice.ca/wp-content/uploads/2024/05/step_done.png) no-repeat right;
}
ol.steps li.current span {
    color: white;
    background: #25b8c7 url(https://staging.refugeejobservice.ca/wp-content/uploads/2024/05/step_active.jpg) no-repeat right;
}
.type span {
    background: url(https://staging.refugeejobservice.ca/wp-content/uploads/2024/05/job_type_sprite-new.png) no-repeat;

}
div#content .inner img.banner-img {
    width: 100%;
}
div#footer label {
    color: #fff;
}

form.main_form p.optional input.text, form.main_form p.optional textarea {
    border-radius: 0;
}
form.main_form input.text, form.main_form select {
    border-radius: 0 !important;
}
.section_content .main_form fieldset select {
    height: 34px;
}
.section_content .main_form input.submit {
    border-radius: 0;
}
#footer .inner {
    width: 1200px;
}
.pac-container.pac-logo .pac-item .pac-item-query {
    color: #fff;
}
.section_content .main_form fieldset .wp_editor_wrapper .wp-editor-container textarea.wp-editor-area {
    border-radius: 0;
}
#header .logo_wrap ul.profile-wrapper .profile div {
    font-size: 12px !important;
    letter-spacing: -0.5px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


#content dd.type span, .type span.ftype, .type span.jtype {
    padding: 0px 16px;
}
#content .type span {
    width: 96px;
    line-height: 2.5em !important;
}
#content .type span.part-time {
    background-position: 0px 0px;
}
#mainContent .section form.filter input.submit {
    margin: 7px 0 0;
}
#mainContent form.filter p {
    padding-top: 10px;
}
#content .job-pack {
    width: 100%;
    box-sizing: border-box;
}
.section_content p {
    font-style: italic;
    margin-bottom: 10px;
    color: #666;
    padding-left: 25px;
    font-size: 14px;
}
.section.single .section_header {
    padding: 20px;
}
.section_header ul.personal_care {
    list-style: none !important;
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #fff;
}
.section_header ul.personal_care li {
    font-size: 14px;
}
.section_header ul.personal_care li a {
    color: #fff;
    font-size: 17px;
    text-decoration: underline;
}
.section.single .section_content img.wp-post-image {
    float: none !important;
}
.section.single .section_content p {
    padding: 0;
}
.section.single  div#apply_form {
    padding: 20px;
}
.personal_care li:first-child::before, .personal_care li:nth-child(2)::before, .personal_care li:nth-child(3)::before, .personal_care li:nth-child(4)::before, .personal_care li:nth-child(5)::before, .personal_care li:nth-child(6)::before, .personal_care li:nth-child(7)::before, .personal_care li:nth-child(8)::before, .personal_care li:nth-child(9)::before {
    content: "";
    font-family: FontAwesome;
    position: absolute;
    left: 10px;
    color: #991420;
}
.personal_care li {
    position: relative;
    padding-left: 35px;
    font-size: 14px;
}
.single-job_listing .personal_care li span strong.job-location i.icon {
    display: none;
}
.personal_care li:nth-child(2)::before {
    content: "";
}
.personal_care li:nth-child(3)::before {
    content: "";
}
.personal_care li:nth-child(4)::before {
    content: "";
}
.personal_care li:nth-child(5)::before {
    content: "";
}
.personal_care li:nth-child(6)::before {
    content: "";
}
.personal_care li:nth-child(7)::before {
    content: "";
}
.personal_care li:nth-child(8)::before {
    content: "";
}
.personal_care li:nth-child(9)::before {
    content: "";
}


#login-form i {
    position: absolute;
    left: 15px;
    top: 31px;
    font-size: 16px;
}
form#login-form p {
    position: relative;
}
form#login-form p label {
    font-style: normal;
}
form#login-form p input.submit {
    border-radius: 0;
}
form#login-form .account_form_fields p input.submit {
    width: 100%;
}

.page-template-tpl-submit-php  .account_form .role {
    display: inline-block;
    width: 48%;
}
.page-template-tpl-submit-php p.role label {
    width: 100%;
    float: left;
    text-align: left;
}
form[name=registerform] .manage-password .wp-hide-pw {
    border-radius: 0;
}
form#login-form p a.signupcss {
    font-style: normal;
}

#content ol.jobs dd.type img {
    width: auto !important;
    height: auto !important;
    max-width: 50px;
    padding: 0px 5px 0px 25px;
    max-height: 80px;
    border: none !important;
}
#content ol.jobs dd.type {
    width: 117px;
}
ol.jobs dl {
    display: flex;
    align-items: center;
}
#content ol.jobs dd.type span.ftype {
    padding-right: 0 !important;
    position: relative;
    left: 3px;
}
div#content {
    max-width: 1200px;
    width: 100%;
}
.inner {
    max-width: 1170px;
    width: 100%;
}
div#content .inner img {
    max-width: 100%;
}
.myjobs_section table.data_list td.date {
    display: flex;
    gap: 3px;
    align-items: center;
    font-size: 12px;
}
form.main_form .submit, form.account_form .submit, p.button a, form.filter .submit, #commentform #submit, input.geolocationadd, form.main_form .goback, form.account_form .goback{
    border-radius: 0;
}

#your-profile fieldset div#caps-warning svg {
    width: 20px;
}
#content .section_header p.meta {
    color: #fff;
}
#header ul.profile-wrapper .profile {
    width: 100%;
    box-sizing: border-box;
}


.page-id-17 form#login-form p:first-child {
    display: flex;
    flex-direction: column;
}
.page-id-17 .section_content p {
    font-style: italic;
}
.page-id-17 form#login-form p label {
    font-style: italic;
}
.page-id-17 form#login-form p input{
    border-radius: 0;
}

@media (max-width: 1280px){
div#content {
    width: 980px;
}
.inner {
    width: 980px;
}
div#content .inner img {
    width: 100%;
}
#sidebar {
    margin: 84px 0 0;
    width: 260px;
}
#mainContent {
    width: calc(100% - 260px);
}
#searchform {
    width: 970px !important;
}
#searchform div.search-wrap div.input-container {
    display: flex;
}
.section, #searchform {
    width: 700px;
}
form.filter input.submit {
    width: 130px !important;
}
form.filter {
    gap: 3px;
}
ol.jobs dd.type {
    width: 100px;
}
dd.type span, .type span.ftype, .type span.jtype {
    padding: 7px 7px 2px 20px;
}
.type span{
    width: 100px;
    box-sizing: border-box;
}
ol.jobs dd.date, ol.jobs dd.date-indeed {
    min-width: 60px;
    padding: 0px 0px 0px 10px;
}
ol.jobs dd.location, ol.jobs dd.location-indeed {
    min-width: 180px;
}
ol.jobs dd.title {
    min-width: 280px;
    padding: 6px 15px 0px 0px;
    margin-right: 10px;
}
#wrapper #footer .inner {
    width: 1010px;
}
#footer ul.widgets {
    width: 25%;
}
#mainNav li a {
    font-size: 14px;
    margin: 2px 11px;
}
#header .logo_wrap  #logo {
    margin: 0 0px 0 0 !important;
}
}

@media (max-width: 1024px){
div#content {
    width: 820px;
}
div#content .inner {
    width: 820px !important;
}
#searchform {
    width: 812px !important;
}
.section, #searchform {
    width: 600px;
}
#sidebar {
    width: 210px;
    float: right;
            margin: 71px 0 0;
}
#sidebar ul.widgets {
    width: 100%;
}
#sidebar ul.widgets li.widget {
    width: 100%;
}
#sidebar ul.widgets li.widget div {
    width: 100%;
}
#sidebar ul.widgets li.widget div a.button {
    width: 100%;
    box-sizing: border-box;
    font-size: 18px;
}
ol.jobs dd strong a {
    font-size: 16px;
}
ol.jobs dd.title {
    min-width: 220px;
    padding: 6px 10px 0px 0px;
    width: auto;
}
ol.jobs dd.location, ol.jobs dd.location-indeed {
    min-width: 130px;
    width: auto;
}
ol.jobs dd.date, ol.jobs dd.date-indeed {
    min-width: 55px;
    width: auto;
}
#wrapper #footer .inner {
    width: 850px;
}
div#content #mainContent {
    width: 600px !important;
}
#searchform div.search-wrap div.input-container {
    padding: 12px 12px 4px;
}
#searchform div.search-wrap div.input-container button.submit {
    min-width: 140px;
}
div#header {
    padding: 0 10px !important;
    box-sizing: border-box;
}
#header ul.profile-wrapper .profile div {
    font-size: 12px !important;
    text-align: center;
}
#header ul.profile-wrapper {
    width: 210px;
}
#mainNav li a {
    font-size: 13px;
    margin: 2px 9px;
}
#mainNav li a {
    font-size: 13px;
    margin: 2px 9px;
    line-height: 20px;
}
div#header {
    width: 100% !important;
    z-index: 9;
    position: relative;
}
#sidebar span.slider {
    width: 210px;
}
#sidebar span.slider .sliders {
    width: 190px;
}
#sidebar span.slider .sliders p {
    width: 160px;
}
#sidebar ul.widgets li.widget a.button {
    width: 100%;
    box-sizing: border-box;
    padding: 7px 0;
}
}


@media (max-width: 860px){
div#content .inner {
    width: 100% !important;
}
div#content #mainContent {
    width: 100% !important;
}
#sidebar {
    width: 100%;
    margin: 30px 0 0;
    padding: 10px;
    box-sizing: border-box;
}
.section, #searchform {
    width: 100%;
}
ol.jobs li.job dl .type.jobtype {
    margin-left: auto;
}
ol.jobs dd.title {
    min-width: 220px;
    max-width: 250px;
}
ol.jobs li.job dl {
    justify-content: space-between;
}
div#content {
    padding: 0 15px;
}
#searchform {
    width: 100% !important;
}
#searchform div.search-wrap {
    width: 100%;
}
#footer {
    box-sizing: border-box;
}
form.filter {
    gap: 2px;
    padding: 10px 5px;
}
form.filter p input {
    margin: 2px;
}
#footer ul.widgets {
    width: 30%;
}
#header .logo_wrap  #logo {
    width: 100%;
    padding: 0;
    text-align: center;
}
#header .logo_wrap {
    flex-wrap: wrap;
    padding: 0 0 6px;
}
#header .logo_wrap #logo img.logo {
    height: 68px;
    object-fit: contain;
}
#mainNav li a {
    font-size: 12px;
    margin: 2px 6px;
    line-height: 18px;
}
#header ul.profile-wrapper .profile {
    padding: 8px 5px;
}
#header ul.profile-wrapper {
    width: 198px;
}
#header ul.profile-wrapper .profile div {
    font-size: 11px !important;
}
}

@media (max-width: 767px){
#footer ul.widgets li.widget {
    width: 100%;
}
#footer ul.widgets {
    width: 100%;
    box-sizing: border-box;
}
div#orders {
    overflow: scroll;
}
div.section_content {
    padding: 15px;
}
#orders .orders-history-legend {
    margin: 5px 0px 10px 0px;
}
div#profile .section_content h1 {
    font-size: 15px;
}
div#pending, div#ended {
    overflow: scroll;
}
#sidebar span.slider .sliders p {
    width: calc(100% - 26px);
    box-sizing: border-box;
}
#sidebar span.slider .sliders {
    width: 100%;
}
#sidebar span.slider {
    width: 100%;
}
}



@media (max-width: 640px){
ol.jobs li.job dl {
    flex-wrap: wrap;
}
ol.jobs dd.title {
    min-width: 100%;
    max-width: 100%;
    margin: 10px 0 0;
    box-sizing: border-box;
}
ol.jobs dd.location, ol.jobs dd.location-indeed {
    padding: 0;
}
#searchform input.text {
    font-size: 16px;
}
#searchform div.search-wrap div.input-container {
    padding: 12px;
    flex-wrap: wrap;
}
#searchform input.text {
    width: 100% !important;
    margin: 0 0 10px 0 !important;
    box-sizing: border-box;
    height: 40px;
}
form.filter {
    gap: 10px;
    flex-wrap: wrap;
    width: calc(100% - 16px);
    box-sizing: border-box;
    left: 8px;
    position: relative;
}
form.filter p[style="float: right; padding-top: 0px;"] {
    margin-left: auto !important;
    width: 100%;
}
h2.pagetitle, h1.pagetitle {
    padding-left: 8px;
    padding-right: 8px;
}
ol.jobs li.job {
    padding: 15px;
}
#mainContent .section form.filter input.submit {
    margin: 10px 0 0;
    position: relative;
    left: 12px;
}
}

@media (max-width: 600px){
.inner .tinynav {
    height: 32px;
}
div#mainNav {
    width: 100%;
    margin: 0 0 10px;
}
#header ul.profile-wrapper {
    width: 100%;
}
div#content .inner {
    margin: 0;
}
div.section_content p {
    font-size: 14px;
}
div#profile .section_content h1 {
    font-size: 12px;
}


.single.post .vc_grid-item .vc_grid-item-mini {
    gap: 0;
    flex-wrap: wrap;
}
.single.post .vc_grid-item .vc_grid-item-mini .vc_gitem-animated-block {
    width: 100%;
    padding: 0 20px;
}
.single.post .vc_grid-item .vc_grid-item-mini .vc_gitem-zone.vc_gitem-zone-c {
    width: 100%;
    padding: 0 12px;
}
.single.post .vc_grid-item .vc_grid-item-mini .vc_gitem-animated-block .vc_gitem-zone {
    background-size: contain;
    max-width: 250px;
    height: 180px;
}
#content dd.type span, .type span.ftype, .type span.jtype {
    padding: 0px 6px;
    text-align: center;
}
.logged-in div#header {
    padding-bottom: 40px !important;
}
#header ul.profile-wrapper .profile {
    padding: 8px 5px;
    margin: -4px 0 0;
    width: 100%;
    box-sizing: border-box;
}
}