/*
Theme Name: Muskoka Woods Jobs Child Theme
Theme URI: https://muskokawoods.com
Template: Divi
Author: Muskoka Woods
Author URI: https://muskokawoods.com
Description: Muskoka Woods is a summer camp so excellent you'll want to come. 
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.29.2.1572465227
Updated: 2019-10-30 19:53:47

*/



.job-result-content { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; padding: 2%; margin-bottom: 20px; border-radius: 10px; border-bottom: 1px #eeeeee solid;}
.job-result-content > div { display: flex; flex-direction: column; flex-basis: 100%; flex: 1; align-self: center; }
.job-result-content .job-result-thumb { max-width: 100%; }
.job-result-content .job-result-info { max-width: 80%; padding: 0 2% 0 4%; }
.job-result-content .job-result-info p { line-height: 20px; }
.job-result-content .job-result-info .job-category { font-family: 'Montserrat'; font-weight: bold; }
.job-result-content .job-result-info .job-category a { color: #AECA5B; }
.job-result-content .job-result-button { max-width: 20%; }
.job-result-info h2 { font-family: 'Montserrat'; font-size: 1.5em; font-weight: 800; }
.job-result-button button { border: none; padding: 14px 20px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; color: #fff; margin: 2px 0; cursor: pointer; border-radius: 6px; }
.job-result-button button a { color: #fff; }
button.see-job { background: #5C898E; }
button.save-job { background: gray; }
.homepage-banner { overflow-x:hidden;}
.job-search-bar li > ul { padding: 0; }

/*.findjob-section .et_pb_text_inner h3{ font-weight:300; padding:0; margin:0;}
.findjob-section .et_pb_text_align_left{ padding:0; margin:0 0 10px;}
.findjob-section .searchandfilter>ul{display: block; max-width: 100%; margin: 0 auto; padding: 0; }
.findjob-section li.sf-field-taxonomy-project_category{ width:24%;  }
.findjob-section .searchandfilter label {width: 100%;}
.findjob-section .searchandfilter select.sf-input-select {min-width: 130px; width: 100%; text-transform: uppercase; font-weight: 600; font-size: 16px; letter-spacing: .08em; text-align: center; padding:    padding: 26px 15px 27px;	}
.findjob-section .searchandfilter>ul>li.sf-field-search{ width:calc(76% - 72px);}
.findjob-section .searchandfilter input.sf-input-text {min-width: 271px;width: 100%; padding:25px 20px;}
.findjob-section .searchandfilter>ul>li.sf-field-submit{ width:72px;}
.findjob-section .sf-field-submit input { background: #378c50; color: #fff; border: 0; padding: 26px 20px 27px 20px; text-transform: uppercase; cursor: pointer; width: 100%; font-size: 0; height: 72px; }
.findjob-section .sf-field-submit{ background: url(https://jobs.muskokawoods.com/wp-content/uploads/2019/11/search-icon.jpg) no-repeat 0 0; font-size: 0; width: 72px; height: 72px; padding: 0;} 
div.et_pb_section.et_pb_section_0.findjob-section {background-position: 0 0;}
.findjob-section .sf-field-taxonomy-project_category select{ background-image:url(https://jobs.muskokawoods.com/wp-content/uploads/2019/11/down-arrow.jpg) !important; background-repeat:no-repeat; background-size:auto; background-position:90% 50%;}*/
.job-result-excerpt{height: 4.3em; overflow: hidden;}

.two-panels .searchandfilter>ul>li>ul{ padding-left:20px;}
.two-panels input.sf-input-checkbox{ display:none;}
.two-panels .sf-label-checkbox{ padding:0 0 0 28px !important; min-height:20px; margin:0; vertical-align:top;line-height: 19px;}
.two-panels .sf-label-checkbox:before{ content:''; width:18px; height:18px; border:1px solid #231f20; background:#fff; position:absolute; top:0; left:0; display:block;}
.two-panels input.sf-input-checkbox:checked + .sf-label-checkbox:before{ border:1px solid #0c87b2; }
.two-panels input.sf-input-checkbox:checked + .sf-label-checkbox:after{ content:''; display: block; width: 4px; height: 7px; border: solid #0c87b2; border-width: 0 2px 2px 0; transform: rotate(45deg); position: absolute; top: 4px;
left:8px;}
.two-panels form.searchandfilter ul li li {padding: 0;position: relative;}
.two-panels form.searchandfilter ul li li + li {margin-top:15px;}
.two-panels form.searchandfilter>ul {max-width: 100%;}
.two-panels form.searchandfilter>ul>li {padding: 0 0 30px; margin: 0 0 30px; border-bottom: 1px dashed #666; width: 100%;}
.two-panels form.searchandfilter h4 {margin: 0; padding: 0 0 20px; font-size: 18px; text-transform: uppercase; font-weight:700; }
.two-panels form.searchandfilter>ul>li.sf-field-search {margin: 0 0 10px; padding: 0; border: 0; }
/*.two-panels form.searchandfilter>ul>li.sf-field-taxonomy-project_category h4 {text-transform: initial;}*/
/*.two-panels form.searchandfilter>ul>li.sf-field-taxonomy-specifics {border-bottom: 0;}*/
.two-panels .job-result-content{ padding:40px 30px;}
.two-panels .searchandfilter input.sf-input-text {min-width: 100%; background: #f6f6f6;}
.two-panels .sf-field-search input { padding: 15px 20px; margin: 0 0 20px;}
.two-panels .searchandfilter>ul>li>ul {padding-left: 4px;}

/*.single #page-container { padding-top: 66px !important; } */
/*.page #page-container { padding-top: 120px !important; } */



@media(max-width:991px){
    .two-panels { overflow-x:hidden;}
} 

@media(max-width:767px){
    .job-result-content {display: flex;flex-direction: column;}
    .job-result-content .job-result-thumb { max-width:150px; text-align: left; justify-content: flex-start; margin: 0; display: block; align-self:auto;} 
    .job-result-content .job-result-button { max-width:150px; align-self:auto; margin:15px 0 0;}
    .et-l--footer a { display: block; }
    body .searchandfilter select.sf-input-select {min-width: 100%;margin: 0 0 10px;}
    body .searchandfilter label {width: 100%;}.searchandfilter input.sf-input-text {min-width: 100%;}
    body .searchandfilter input.sf-input-text {min-width: 100%;margin: 0 0 10px;}
    body .sf-field-submit input {padding: 15px 20px;}
    .job-result-content .job-result-info {max-width: 100%;padding: 0;}
    body #tpbr_topbar { display: block !important; padding: 5px 5px !important; position: relative !important; z-index: 1 !important; }
    #tpbr_topbar #tpbr_box a { margin-left: 0; text-align: center; }
    body #tpbr_box { display: flex; line-height: 17px !important; justify-content: space-around; }
    #page-container { padding-top: 0 !important; }
    #page-container #main-header { position: relative; }
    .single #page-container { padding-top: 0 !important; } 
    .page #page-container { padding-top: 0 !important; }
    .findjob-section { height: auto !important; }
    //.two-panels .job-search-bar { display: none; }
    .job-result-button.filter-job-btn button { padding: 10px 15px; }
    .two-panels .job-search-bar {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 999999 !important; /* Sit on top */
        right: 0;
        top: 0;       
        //top: 106px;
        width: 90%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: #fff; /* Black w/ opacity */
        padding: 50px 0;
        box-shadow: -2px 10px 10px 0px rgba(0,0,0,0.5);
    }
    #main-header{ z-index:111;}
    .close-searchbar { position:absolute; top:5px; right:20px; cursor:pointer; font-weight: bold; background:#0c87b2; color:#fff; border: 0; padding:3px 9px 4px; }
    .working-hero {overflow-x:hidden;}
}