/*
Theme Name:     Jupiter Child Theme
Theme URI: 		http://demos.artbees.net/jupiter5
Description:    Child theme for the Jupiter theme 
Author:         Your name here
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Text Domain: mk_framework
Domain Path: /languages/
*/
/*Menu*/
.mk-main-navigation {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    margin-top: 18px;
}
/*Menu*/
/*Banner*/
.banner h1 
{
    font-size: 75px;
    color: #ffffff;
    letter-spacing: 2px;
    font-weight: 700;
    text-transform: uppercase;
}
.hrsol h1 
{
    font-size: 60px;
    color: #ffffff;
    letter-spacing: 2px;
    font-weight: 700;
    text-transform: uppercase;
}
.banner h2
{
    color: #ffffff;
    letter-spacing: 1px;
}
.banner p
{
    font-size: 32px !important;
    color: #ffffff;
    line-height: 1.2em;
	font-family: Roboto Condensed !important;
}
.smallbanner p
{
    font-size: 16px;
    color: #ffffff;
    line-height: 1.5em;
    letter-spacing: 0px;
	font-family: Roboto !important;
}
.banner ul li, .smallbanner ul li {
    margin-left: 0px;
    color: #fff;
}
.banner ul li::before {
  content: url(https://sportsclubbies.co.za/tychehrm-web/wp-content/uploads/2021/11/2-1-1.png);  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: red; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 2em; /* Also needed for space (tweak if needed) */
  margin-left: -20px; /* Also needed for space (tweak if needed) */
}
.smallbanner ul li::before {
  content: url(https://sportsclubbies.co.za/tychehrm-web/wp-content/uploads/2021/11/2-1-1.png);  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: red; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 2em; /* Also needed for space (tweak if needed) */
  margin-left: -20px; /* Also needed for space (tweak if needed) */
}
.about p
{
    font-size: 24px;
    color: #ffffff;
    line-height: 2em;
    letter-spacing: 0px;
}
.home p{
    font-size: 20px;
    line-height: 2em;
}
/*Banner*/
/*Button*/
.btnlarge .mk-button{
    border-color: #ff7e00;
    color: #ffffff!important;
    font-size: 21px;
    text-transform: uppercase;
	font-family: Roboto Condensed;
}
.mk-button--dimension-outline.mk-button--size-large, .mk-button--dimension-savvy.mk-button--size-large {
    padding: 12px 30px;
}
#mk-button-11 .mk-button {
    border-color: #ff7e00;
    color: #4e4c4c!important;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 15px;
}
.mk-button--dimension-outline.mk-button--size-medium, .mk-button--dimension-savvy.mk-button--size-medium {
    padding: 12px 35px;
}
.mk-button--size-medium, .mk-contact-form .mk-button--size-medium {
    padding: 14px 24px;
    font-size: 15px;
    line-height: 100%;
    font-weight: 400;
    text-transform: uppercase;
}
div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background-color: #fff;
    border: 2px solid #ff7e00;
    font-size: 15px;
    padding: 12px 35px;
    text-transform: uppercase;
    color: #4e4c4c!important;
}
div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:focus, div.wpforms-container-full .wpforms-form button[type=submit]:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:focus {
    background-color: #fb7d03;
    border: 2px solid #fb7d03;
    cursor: pointer;
    /* color: #fff; */
}
div.wpforms-container-full .wpforms-form button[type=submit]:hover{color: #ffffff!important;}
/*Button*/
/*Jobs Button*/
input.button {
    border: 2px solid;
    background-color: #ffffff;
    border-color: #ff7e00;
    color: #4e4c4c!important;
}
#respond input#submit:hover, #review_form_wrapper input[type=submit]:hover, .post-password-form input[type=submit]:hover, .woocommerce-product-search button[type=submit]:hover, .woocommerce-product-search input[type=submit]:hover, .wpcf7-submit:hover, a.button:hover, button.button:hover, input.button:hover {
    background-color: #ff7e00;
    color: #fff !important;
}
.single_job_listing .application .application_button, .job-manager-application-wrapper .application .application_button {
    text-align: center;
    font-size: 15px;
    line-height: 1em;
    display: inline-block;
    margin: 0 .5em 0 0;
    padding: 12px 35px;
    outline: 0;
    font-weight: 400;
    text-transform: uppercase;
}
/*Jobs Button*/
/*Jobs Page*/

.single_job_listing .meta .full-time,.single_job_listing .meta .temporary {
    background-color: #f08d3c;
    padding: 12px 35px;
    color: #fff !important;
}
ul.job_listings li.job_listing a div.position{
    float: left;
    width: 55%;
    padding: 0 0 0 0px;
    line-height: 1.5em;
}
ul.job_listings li.job_listing a img.company_logo {
   display:none;
}
.job-manager .job-type, .job_listing .job-type, .job-types .job-type {
    color: #f08d3c !important;
}
.job_filters .search_jobs input, .job_filters .search_jobs select {
    box-sizing: border-box;
    width: 100%;
    background-color: #fff;
    padding: 8px;
    border-color: #ff8813;
	border:none;
}
.job_filters .search_jobs {
    padding: 1em;
    zoom: 1;
    background-color: #fb7d03;
}
.single_job_listing .company img {

    display: none;
}
.single_job_listing .company .name, .single_job_listing .company .tagline {
    display: block;
    margin: 0 0 0 0em;
    padding: 0 0 0 0em;
}.mk-about-author-wrapper {

    display: none;
}
.mk-blog-single .blog-single-meta {
    margin-bottom: 20px;
    float: left;
    display: none;
}
#mk-page-introduce.intro-left {
    text-align: left;
    display: none;
}
#text-block-5 > div.job_listings > form > div.search_jobs > div.search_submit > input[type=submit]{
    cursor: pointer;
    -webkit-appearance: button;
    background-color: #3f444d !important;
    color: #fff;
	font-family: Roboto;
	font-weight: 300;

}
input[type=text] {
    font-size: 13px;
    color: #767676;
    padding: 10px 12px;
    background-color: #fdfdfd;
    border: 1px solid #e3e3e3;
    outline: 0;
    margin-bottom: 4px;
    font-weight: 300;
    font-family: 'Roboto';
}
input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button;
    padding: 12px 25px;
    background-color: #ff7e00;
    border: none;
    color: #fff;
}
/*Jobs Page*/

/*widgets*/
.widgettitle {
    position: relative;
    display: block;
    margin-bottom: 0px;
    letter-spacing: 1px;
    margin-top: 4.7em;
}
#mk-footer .widget_nav_menu ul li a {
    padding: 0px 15px 0px 0px;
}
.widget_nav_menu li a .mk-svg-icon {
    margin-right: 0px;
    height: 12px;
    width: 12px;
    display: none;
}
#mk-footer .widget-sub-navigation ul, #mk-footer .widget_nav_menu ul {
    border: none!important;
    line-height: 25px;
}
.widget-sub-navigation, .widget_nav_menu, .widget_product_categories, .woocommerce-MyAccount-navigation {
    padding: 0px;
}
/*widgets*/
/*sub-footer*/
.mk-footer-copyright, #mk-footer-navigation li a {
    color: #8c8e91;
    width: 100%;
}
.footleft
{float: left;}
.footright
{float: right;}
/*sub-footer*/
/*Timeline*/
.slick-slider .slick-list, .slick-slider .slick-track{
	background:#fff;
}
.cool-timeline-horizontal.white-timeline.ht-design-7 .ctl-main-story-date:after,.cool-timeline-horizontal.white-timeline.ht-design-7 li:nth-child(2n+1) .ctl-main-story-date:after
{background: linear-gradient(to bottom,#4a4a4a 0,rgba(229,229,229,0) 100%) !important;}
.cool-timeline-horizontal.ht-design-7 .ctl-main-story-date span.minimal-date {
    font-size: .7em;
    display: none;
}
.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n+1) span.ctl-story-time,.cool-timeline-horizontal .clt_carousel_slider ul.slick-slider .slick-list li:nth-child(2n) span.ctl-story-time{display:none;}
/*Timeline*/
/*Bootstrapping*/
@media handheld, only screen and (max-width: 767px){
	.master-holder h1 {
    font-size: 40px;
    color: #3f444d;
    font-weight: 700;
    text-transform: uppercase;
}
.banner h1, .hrsol h1
{
    font-size: 40px;
    color: #ffffff;
    letter-spacing: 2px;
    font-weight: 700;
    text-transform: uppercase;
}
.banner h2
{
    color: #ffffff;
    letter-spacing: 1px;
}
.banner p
{
    font-size: 20px;
    color: #ffffff;
    line-height: 1.2em;
	font-family: Roboto Condensed !important;
}
.mk-button-container .mk-button {
    float: left;
}
}
/*Bootstrapping*/