/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button {
	border-radius: 100px;
}

.burns {
	overflow:hidden;margin-bottom: 5px;
}
.burns img {
	width: 100%;margin-left: 0px;position: relative;transition-property: all;transition-duration: 0.8s; transition-timing-function: ease-in-out;transition-delay: 0s;
}
.burns:hover img {transform: scale(1.2) rotate(2deg);}

h2 {font-size: 27px;}

/* Full Screen Video BG
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.fullscreen-bg__video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
    .fullscreen-bg {
        background: url('../../img/career/landing-bg.jpg') center center / cover no-repeat;
    }

    .fullscreen-bg__video {
        display: none;
    }
}

/* Flex
–––––––––––––––––––––––––––––––––––––––––––––––––– */
flex { 
	padding: .5vw;
	font-size: 0;
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	-ms-flex-direction: column;
	-webkit-flex-flow: row wrap; 
	flex-flow: row wrap; 
	display: -webkit-box;
	display: flex;
}
flex div { 
	-webkit-box-flex: auto;
	-ms-flex: auto;
	flex: auto; 
	width: 200px; 
	margin: .5vw; 
}
flex div img { 
	width: 100%; 
	/*  height: auto; */
}
@media screen and (max-width: 400px) {
	flex div { margin: 0; }
	flex { padding: 0; }

}

/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
	padding: 2rem 0 6rem;
	text-align: center;
}
.section-heading,
.section-description {
	margin-bottom: 1.2rem;
}


/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.header {
	background-size: cover;
	color: rgb(255, 255, 255);
	text-align: center;
}

/* Hero
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.hero {
	background-image: url('../../img/career/landing-bg.jpg');
	background-size: cover;
	color: rgb(255, 255, 255);
	text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.10);
	text-align: center;
}

.hero-logo {
	max-width: 134px;
}

.hero h1 {
	font-weight: bold;
	font-size: 2.5em;
	color: rgb(255, 255, 255);
	margin: 4rem 0 1rem 0;
	text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.10);
}

/* Values
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.values {
	background-image: url('../../img/career/values-bg.jpg');
	background-size: cover;
	color: #fff;
	padding: 3rem 0 2rem;
}
.value-multiplier {
	margin-bottom: .5rem;
	color: #11DFC7;
}
.value-heading {
	margin-bottom: .3rem;
	font-size: 3.8rem;
}
.value-description {
	opacity: .8;
    font-weight: 600;
    color: #ffffff;
    font-size: 1.5rem;
    font-family: "canaro-book";
}

/* Positions
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.positions {
	/*border-bottom: 1px solid #ddd;*/
	padding: 6rem 0 6rem;
	margin-bottom: 3rem;
}

.positions h6 {
	line-height: 1;  letter-spacing: -.05rem;
	font-weight: bold;
	margin: 2rem 0 0 0;
}

.positions p {
	margin-bottom: 5.0rem;
}

.three.columns {
	background-color: white;
	padding: 1rem 0;
}

.position-1 {
	background-image: url('../../img/career/postion-img-01.png');
	background-size: cover;
	height: 148px;
	width: 160px;
	color: #fff;
	margin: 0 auto;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.position-2 {
	background-image: url('../../img/career/postion-img-04.png');
	background-size: cover;
	height: 148px;
	width: 160px;
	color: #fff;
	margin: 0 auto;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.position-3 {
	background-image: url('../../img/career/postion-img-05.png');
	background-size: cover;
	height: 148px;
	width: 160px;
	color: #fff;
	margin: 0 auto;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.position-4 {
	background-image: url('../../img/career/postion-img-08.png');
	background-size: cover;
	height: 148px;
	width: 160px;
	color: #fff;
	margin: 0 auto;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.position-5 {
	background-image: url('../../img/career/postion-img-06.png');
	background-size: cover;
	height: 148px;
	width: 160px;
	color: #fff;
	margin: 0 auto;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.position-6 {
	background-image: url('../../img/career/postion-img-02.png');
	background-size: cover;
	height: 148px;
	width: 160px;
	color: #fff;
	margin: 0 auto;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.position-7 {
	background-image: url('../../img/career/postion-img-03.png');
	background-size: cover;
	height: 148px;
	width: 160px;
	color: #fff;
	margin: 0 auto;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.position-8 {
	background-image: url('../../img/career/postion-img-07.png');
	background-size: cover;
	height: 148px;
	width: 160px;
	color: #fff;
	margin: 0 auto;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.position-9 {
	background-image: url('../../img/career/postion-img-09.png');
	background-size: cover;
	height: 148px;
	width: 160px;
	color: #fff;
	margin: 0 auto;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/* Bagels
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.bagels {
	background-image: url('../../img/career/bagels.jpg');
	background-size: cover;
	color: #fff;
	padding: 8rem 0 4rem;
}
.bagels .section-description { 
	margin-bottom: 4rem;
}
.bagels h3, p {
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15);
}
.bagels p {
	color: #ffffff;
	font-size: 1.5rem;
}


/* Benefits
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.benefits {
	background-image: url('../../img/career/benefits-bg.jpg');
	background-size: cover;
	padding: 6rem 0 6rem;
	color: #fff;
}

.benefits p {
	margin-bottom: 5.0rem;
}

.benefits .section-description { 
	margin-bottom: 4rem;
}


/* Spirit
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.spirits {
	border-bottom: 1px solid #ddd;
	padding: 6rem 0 1rem;
	/*margin-bottom: 3rem;*/
}

.spirits p {
	margin-bottom: 5.0rem;
}

.spirits h6 {
	line-height: 1;  letter-spacing: -.05rem;
	font-weight: bold;
	margin: 1rem 0 0 0;
}

.three.columns {
	background-color: white;
	padding: 1rem 0;
}


/* Bigger than 550 */
@media (min-width: 550px) {
	.section {
		padding: 8rem 0 11rem;
	}
	.values {
		padding: 3rem 0 2rem;	
	}
	.spirits {
		padding: 8rem 0 11rem;
	}
	.positions {
		padding: 8rem 0 8rem;
	}
	.hero {
		padding:2rem 0 12rem 0;
	}
	.bagels {
		padding: 8rem 0 4rem;
	}
	.benefits {
		padding: 8rem 0 8rem;
	}
	.hero-heading {
		font-size: 3.4rem;
	}
	.position-1, .position-2, .position-3, .position-4, .position-5, .position-6, .position-7, .position-8, .position-9 {
		max-height: 145px;
		max-width: 100%;
		color: #fff;
	}
}

/* Bigger than 750 */
@media (min-width: 750px) {
	.section {
		padding: 8rem 0 15rem;
	}
	.values {
		padding: 3rem 0 2rem;	
	}
	.spirits {
		padding: 8rem 0 15rem;
	}
	.positions {
		padding: 8rem 0 2rem;
	}
	.hero {
		padding:4rem 0 12rem 0;
	}

	.hero-logo {
		max-width: 160px;
	}

	.bagels {
		padding: 8rem 0 4rem;
	}
	.benefits {
		padding: 8rem 0 8rem;
	}

	.benefits img {
		padding-bottom: 1rem;
	}

	.hero-heading {
		font-size: 4.5rem;
	}

	.section-description {
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
}

/* Bigger than 1000 */
@media (min-width: 1000px) {
	.section {
		padding: 8rem 0 8rem;
	}
	.values {
		padding: 3rem 0 2rem;	
	}
	.spirits {
		padding: 8rem 0 8rem;
	}

	.positions {
		padding: 8rem 0 2rem;
	}

	.hero {
		padding: 4rem 0 22rem 0;
	}

	.hero h1 {
		font-size: 4em;
		margin: 12rem 0 1rem 0;
	}

	.hero-logo {
		max-width: 220px;
	}


	.bagels {
		padding: 12rem 0 8rem;
	}
	.benefits {
		padding: 8rem 0 8rem;
	}
	.hero-heading {
		font-size: 5.0rem;
	}
}

/* webform */
.career-form {
	/*background: url(../../img/career/values-bg.jpg) no-repeat 0px 0px;
	width: 1060px;
	height: 630px;
	box-sizing: border-box;
    padding-left: 60px;
	margin-left: 225px;
	padding-top: 1px;*/
}

.career-form .careers-form  .form-item {
   /* margin-bottom: -5px;*/
}

.career-form .careers-form label {
	/*color: #ffffff;*/
	display: inline-block;
	font-weight: normal;
	min-width: 120px;
}

.career-form .careers-form  .form-text, .career-form .careers-form  .form-email, .career-form .careers-form  .form-tel,  .career-form .careers-form .form-url {
	display: inline-block;
	color: #1b1b1b;
	border: 1px solid #cccccc;
	border-radius: 0px;
	background-color: #ffffff;
	width: 250px;
	height: 30px;
	font-family: "canaro-book", Verdana, Geneva, sans-serif;
    font-size: 1.3rem;
    letter-spacing: 0.05em;
    padding: 1em 0.5em;
    outline: none;
    margin-bottom: 2rem;
}

.career-form .careers-form  .form-required:after {
	content: "*";
	background: none;
}

.career-form .careers-form  .form-file {
    border:1px solid #cccccc;
    height: 30px;
    padding: 4px 0.5em;
	font-family: "canaro-book", Verdana, Geneva, sans-serif;
    font-size: 1.3rem;
    letter-spacing: 0.05em;
	margin-bottom: 2rem;
	width: 250px
}
.career-form .careers-form  .form-managed-file {
	display: inline-block;
	max-width: 450px;
}

.career-form .careers-form .js-hide, .career-form .careers-form .description {display: none}
.career-form .careers-form .form-item-resume .field-suffix{
	color: #cccccc;
	margin: 0px 10px;
}

.career-form .careers-form .form-item-resume .field-suffix:after {
	content: "";
	background: url(../../img/career/icons-files.png) no-repeat 0px 0px transparent;
	margin-left: 10px;
	width: 385px;
	height: 20px;
	box-sizing: border-box;
    vertical-align: middle;
	display: inline-block;
}
.career-form .careers-form .form-submit {
    color: #1b1b1b;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    padding: 0.8em 3.5em;
    border-radius: 3rem;
    /* background: transparent; */
    border: 1px solid #cccccc;
}

.career-form header {
	color: #1b1b1b;
    font-size: 27px;
    font-family: "canaro-book", Verdana, Geneva, sans-serif;
    margin-bottom: 17px;
}

.career-form p {
    font-size: 1.2rem;
    line-height: 1.8;
    font-family:  Verdana, Geneva, sans-serif;;
    color: #1b1b1b;
    letter-spacing: 0.025em;
	margin-bottom: 42px;
}

.re-captch-label {
    vertical-align: top;
    box-sizing: border-box;
    padding-top: 30px;
}

.g-recaptcha {
    display: inline-block;
}

.position-description {
	margin: 0 25px;
}

.position-description .container {padding: 8rem 0 2rem;}
.position-description .container h1 {
    text-align: center;
    margin-bottom: 50px;
}

#edit-disclaimer p {
	font-size:1rem !important;
  }