/* ----------------------------
Universals
-------------------------------*/
.bg {background: url(https://scmontreal.com/wp-content/uploads/Second-Cup-Montreal-Home.jpg) no-repeat top center;}

@media screen and (max-width: 1200px) {
.bg {background: url(https://scmontreal.com/wp-content/uploads/Second-Cup-Montreal-Home-mobile.jpg) no-repeat top center;}
}


/* ----------------------------
Jobs Main
------------------------------- */

.job_listings {margin-bottom: 0!important;}
.rp4wp-related-job_listing>ul li.job_listing, .rp4wp-related-job_listing>ul li.no_job_listings_found, ul.job_listings li.job_listing, ul.job_listings li.no_job_listings_found {border-bottom: 1px dashed #ccc!important;}
.rp4wp-related-job_listing>ul, ul.job_listings {border-top: 1px dashed #ccc!important;}
.job_filters {display: none;}
.rp4wp-related-job_listing>ul li.job_listing a:focus, .rp4wp-related-job_listing>ul li.job_listing a:hover, .rp4wp-related-job_listing>ul li.no_job_listings_found a:focus, .rp4wp-related-job_listing>ul li.no_job_listings_found a:hover, ul.job_listings li.job_listing a:focus, ul.job_listings li.job_listing a:hover, ul.job_listings li.no_job_listings_found a:focus, ul.job_listings li.no_job_listings_found a:hover {background: #f7f7f5; }
.rp4wp-related-job_listing>ul li.job_listing a, .rp4wp-related-job_listing>ul li.no_job_listings_found a, ul.job_listings li.job_listing a, ul.job_listings li.no_job_listings_found a {
transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; }
.rp4wp-related-job_listing>ul li.job_listing a, .rp4wp-related-job_listing>ul li.no_job_listings_found a, ul.job_listings li.job_listing a, ul.job_listings li.no_job_listings_found a {padding: 2em 1em 2em 2em;}
.rp4wp-related-job_listing>ul li.job_listing a div.position, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.position, ul.job_listings li.job_listing a div.position, ul.job_listings li.no_job_listings_found a div.position {padding: 0 0 0 110px;}
.rp4wp-related-job_listing>ul li.job_listing a div.position h3, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.position h3, ul.job_listings li.job_listing a div.position h3, ul.job_listings li.no_job_listings_found a div.position h3 {letter-spacing: 0;}
.company_logo {width: 102px!important; height: 102px!important; top: 15px!important;} 
.company strong {color: #c7a17a;}
.imageJobs {position: absolute; bottom: 2px; right: 0; z-index: 1000; width: 100%; text-align: right; padding: 0 0 0 155px;}
.imageJobs img {max-width: 1290px; width: 100%;}
.headMainSpacer {height: 510px; width: 100%;}
.jobDesc {margin: 0 auto; width: 90%; padding: 15px 0 0;}
.jobContain {position: relative; width: 60%; margin: 0 auto; padding: 0; max-width: 1142px;}
.jobBarista {position: absolute; top: -450px; right: -178px; z-index: 11200; width: 482px; text-align: right;}
.jobTitle {font-size: 4rem; font-weight: 700; font-family: Impact; text-transform: uppercase; padding: 0px; margin: 40px 0px 0px; visibility: visible; animation-duration: 1.6s; animation-delay: 0.3s; animation-name: fadeIn;}
.jobExtra {font-size: 1.5rem; padding: 0px; margin: 0px 0px 40px; font-style: italic; color: rgb(199, 161, 122);}
.jobListings {width: 92%; margin: 25px auto; padding: 0 0 40px; text-align: left;}
.jobText {padding: 0 95px 45px; background: #efeeec;}
.jobFoot {
    position: relative;
    height: 150px;
    width: 100%;
    background: #efeeec;
    text-align: center;
    border-radius: 0 0 15px 15px;
    padding: 55px 95px 0;
    overflow: hidden;
}
.jobFootline {
    background: url(https://scmontreal.com/wp-content/uploads/line-jobs2.jpg) no-repeat top center;
    height: 20px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
@media screen and (max-width: 1200px) {
.headMainSpacer {height: 400px;}
.jobTitle {font-size: 3rem;}
.jobExtra {font-size: 1.2rem;}
.jobContain {width: 75%;}
.jobBarista {top: -300px; right: -80px; z-index: 11200; width: 375px;}
}
@media screen and (max-width: 768px) {
.position {padding: 0!important;}
.rp4wp-related-job_listing>ul li.job_listing a, .rp4wp-related-job_listing>ul li.no_job_listings_found a, ul.job_listings li.job_listing a, ul.job_listings li.no_job_listings_found a {padding: 2em .5em 2em .5em;}
.company_logo {display: none;} 
.jobListings {width: 98%;}
.headMainSpacer {height: 250px;}
.jobText {padding: 0 140px 45px 45px;}
.jobTitle {font-size: 2rem;}
.jobExtra {font-size: 1rem;}
.imageJobs {display: none;}
.jobContain {width: 85%;}
.jobBarista {top: -200px; right: -60px; z-index: 11200; width: 270px;}
.jobDesc {width: 97%;}
}




/* ----------------------------
Job Posts CSS
------------------------------- */


.jobRelative {position: relative; display: block; height: 1px; width: 100%;}
.jobLine {background: url(https://scmontreal.com/wp-content/uploads/line-white-scrap1.gif) repeat-y top right; overflow: hidden; position: absolute; top: -25px; left: 0; height: 25px; z-index: 9; max-width: 1920px; width: 100%;}
.jobHeadLiner {border-bottom: 2px dashed #000; height: 1px; width: 50%; display: block;}
.jobImg {position: absolute; top: -294px; right: 120px; z-index: 1000; width: 100%; text-align: right; max-width: 1655px;}
.jobImg img {width: 100%; max-width: 1655px;}
.headCenter {position: relative; z-index: 10; margin: 0 auto; padding: 0; width: 60%; display: inline-table;}
.jobHeader {position: absolute; height: 320px; top: -75px; left: 0; width: 100%; z-index: 999; background: #efeeec; text-align: left; border-radius: 15px 15px 0 0; overflow: hidden; padding: 55px 95px 0;}
.jobHeader h1 {font-size: 4.0rem; font-weight: 700; font-family: Impact; text-transform: uppercase; padding: 0; margin: 40px 0 0;}
.jobHeader p {font-size: 1.5rem; padding: 0; margin: 0 0 40px; font-style: italic; color: #c7a17a;}
.jobHeadFoot {height: 240px;}
.jobFoot {position: relative; height: 270px; width: 100%; background: #efeeec; text-align: center; border-radius: 0 0 15px 15px; padding: 55px 0 0; overflow: hidden;}
.jobCorner {position: absolute; bottom: 0; right: 0; width: 250px; height: 250px; background: url(https://scmontreal.com/wp-content/uploads/job-foot-corner.jpg) no-repeat center;}
.jobFootline {background: url(https://scmontreal.com/wp-content/uploads/line-jobs2.jpg) no-repeat top center; height: 20px; width: 100%; position: absolute; top: 0; left: 0;}
.jobQuote {font-size: 1.7rem; font-style: italic; border-top: 2px dashed #ccc; border-bottom: 2px dashed #ccc; padding: 40px 50px; margin: 20px 0 30px; text-align: center;}
.headSpacer {height: 430px; width: 100%;}
.single_job_listing .company {display: none;}
.single_job_listing .meta {display: none;}
.job_listings {margin-bottom: 0!important;}
.job_filters {display: none;}
.jobPoints {list-style-image: url('https://scmontreal.com/wp-content/uploads/jobPoints.png'); margin: 10px 20px 20px;}
.jobPoints li {padding: 5px 15px 0;}
.points div h3 {font-size: 1.8rem; margin: 0 0 15px;}
.rp4wp-related-job_listing>ul li.job_listing a:focus, .rp4wp-related-job_listing>ul li.job_listing a:hover, .rp4wp-related-job_listing>ul li.no_job_listings_found a:focus, .rp4wp-related-job_listing>ul li.no_job_listings_found a:hover, ul.job_listings li.job_listing a:focus, ul.job_listings li.job_listing a:hover, ul.job_listings li.no_job_listings_found a:focus, ul.job_listings li.no_job_listings_found a:hover {background: #f7f7f5; }
.rp4wp-related-job_listing>ul li.job_listing a, .rp4wp-related-job_listing>ul li.no_job_listings_found a, ul.job_listings li.job_listing a, ul.job_listings li.no_job_listings_found a {
transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;}
.job_application {display: none;}
.rp4wp-related-job_listing>ul li.job_listing a div.position, .rp4wp-related-job_listing>ul li.no_job_listings_found a div.position, ul.job_listings li.job_listing a div.position, ul.job_listings li.no_job_listings_found a div.position {padding: 0 0 0 110px;}

.rp4wp-related-job_listing>ul li.job_listing a img.company_logo, .rp4wp-related-job_listing>ul li.no_job_listings_found a img.company_logo, ul.job_listings li.job_listing a img.company_logo, ul.job_listings li.no_job_listings_found a img.company_logo {width: 102px; height: 102px; top: -6px;} 
.single_job_listing .job_description {margin: 0;}
.entry-footer {display: none;}   
.navigation.post-navigation {
	background: #e0e0e0; 
	padding: 20px; 
	margin: 0; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	overflow: hidden;}
.post-navigation .nav-previous a, .post-navigation .nav-next a {
	display: inline-table;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	color: #000; 
	background: #fff; 
	padding: 10px 60px;
	}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next a {
	display: inline-table;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	color: #000; 
	background: #fff; 
	padding: 10px 60px;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {text-align: center;}
.btnJobs {text-align: center; padding: 0 0; max-width: 90%; margin: 0 auto;}
.btnJobs a {
    display: inline-table;
    text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
    background: #c7a17a;
    font-size: 2rem;
    font-weight: normal;
    font-family: 'Oswald', sans-serif;
    color: #fff;
    line-height: normal;
    padding: 20px 70px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	}
.btnJobs a:hover {
    color: #000;
    background: #fff; 
    /* opacity: .8;
    filter: alpha(opacity=80);*/ /* For IE8 and earlier */
    }	
-->
.postMiddle {width: 60%; display: inline-table;}
.headLeft {width: 20%}
.headRight {width: 20%}
.postLeft {width: 20%;}
.postRight {width: 20%;}

@media screen and (max-width: 1700px) {
.headLeft {width: 15%;}
.headRight {width: 15%;}
.headCenter {width: 70%;}
}
	
@media screen and (max-width: 1500px) {
.headLeft {display: none;}
.headRight {display: none;}
.headCenter {width: 80%; margin: 0 auto; padding: 0 0;}
}	
@media screen and (max-width: 1200px) {
.postLeft {display: none;}
.postRight {display: none;}
.postMiddle {width: 80%; margin: 0 auto; padding: 0 35px;}
.jobHeader {height: 250px;}
.jobHeadFoot {height: 170px;}
.jobHeadLiner {text-align: center; display: inline-table;}
.jobHeader h1 {font-size: 3rem; margin-top: 20px}
.jobHeader p {font-size: 1.rem; margin-bottom: 10px;}
.jobImg {position: absolute; top: -180px; right: -30px;}
.headSpacer {height: 200px;}
	}
@media screen and (max-width: 900px) {
.jobImg {display: none;}
.jobHeader {text-align: center; height: 250px;}
}
@media screen and (max-width: 850px) {
.jobCorner {display: none;}
}
@media screen and (max-width: 576px) {
.postMiddle {width: 85%; margin: 0 auto; padding: 0;}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next a {padding: 10px 20px;}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous a {padding: 10px 20px;}
.jobIcons {text-align: center; padding: 30px 30px 20px; margin: 15px; border-radius: 10px; background: #f1f1f1;}
.jobQuote {font-size: 1.4rem;}
.jobHeader h1 {font-size: 2.4rem;}
.jobHeader p {font-size: 1.3rem;}