/*
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");

.section_content div#subscri{
float: left;
width: 100%;
list-style-type: none;
margin: 0;
padding: 0;
}


.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%;
}

.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;
}
#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://www.refugeejobservice.ca/wp-content/uploads/2024/05/step_done.png) no-repeat right;
}
ol.steps li.current span {
    color: white;
    background: #25b8c7 url(https://www.refugeejobservice.ca/wp-content/uploads/2024/05/step_active.jpg) no-repeat right;
}
.type span {
    background: url(https://www.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;
}