/* 2019-writeup-mockup.css */

body {
	margin: 0px;
	padding: 0px;
	font-size: 14px;

	background-color: white;
	background-position: right top;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.panel_content {
	padding: 5px 10px 5px;
	max-width: 1200px;
	margin: 0 auto 0;
}

.form_input_div .uploadcare-widget-circle--canvas {
	color: rgb(11, 141, 208);
	/* border-color: #d4dfe5; */
}

.uploadcare-widget-button {
	font-family: sans-serif;
	font-weight: normal;
	line-height: normal;
	letter-spacing: normal;
}
.uploadcare-widget-button-open {
	background-color: rgb(11, 141, 208);
	width: 85px;
	cursor: pointer;
}
.form_btn:hover, .form_btn_smll:hover, .uploadcare-widget-button-open:hover {
	background-color: #2398D5;
}
.uploadcare-dialog-tab_current {
	margin-right: 0px;
	border-right: 0px;
}
.uploadcare-dialog-footer {
	display: none !important;
}

			.job_title {
				font-family: "Montserrat", sans-serif;
				font-weight: 600;
				font-size: 30px;
				text-align: left;
				text-transform: uppercase;
				color: #58585a;
			}
			.job_location {
				font-family: "Montserrat", sans-serif;
				font-weight: 400;
				font-size: 18px;
				text-align: left;
				color: #58585a;
				/* color: #666; */
			}
			.almostBlack {
				color: #58585a;
			}

		
		.section {
    		padding-left: 5px;
    		padding-right: 5px;
    		padding-top: 0;
    		padding-bottom: 0;
			max-width: 1200px;
			/* margin: 0 auto 0; */
		}
		

		#brand_header {
			font-weight: 400;
			text-align: center;
			/* background-color: rgba(248, 248, 248, 0.9); */
			color: rgb(51, 51, 51);
			padding: 10px;
		}
		.apply_now_parent {
			max-width: 1200px;
			margin: 0 auto 0;
			
		}
		#absoluteApply {
			position: fixed;
			top:0;
			padding: 10px;
			margin-left: 20px;
			text-align: center;
			
			z-index: 10;
		}
		
		
		.videoFigureHolder {
			max-width: 700px;
			margin: 0 auto 0;
			padding-bottom:30px;
		}
		.collapseableSection {
			color: #58585a;
		}
		.sectionTable {
			padding:0;
			margin:0;
			border:0;
			width:100%;
		}
		.sectionHeadingDiv {
			clear: both;
		}
		.sectionIcon {
			/* float:left; */
			/* height: 35px; */
			width: 40px;
			font-size: 30px;
			vertical-align: top;

		}

		.sectionIcon2 {
			float:left;
			/* height: 35px; */
			width: 40px;
			font-size: 30px;
			vertical-align: top;
		}
		
		.sectionHeadingText {
			/* padding-left: 35px; */
			text-transform: uppercase;
			font-size: 25px;
			font-family: "Montserrat", sans-serif;
			font-weight: 600;
			color: #58585a;
		}
		
		.sectionHeadingText2 {
			padding-left: 35px;
			text-transform: uppercase;
			font-size: 25px;
			font-family: "Montserrat", sans-serif;
			font-weight: 600;
			color: #58585a;
		}
		
		.sectionExpandCollapse {
			
			float:right;
			height: 25px;
			margin-left: 10px;
			width: 30px;
			font-size: 20px;
			color: silver;
			vertical-align: top;
			
		}
		.sectionHR {
			margin-top:10px;
			margin-bottom:10px;
			border-top: 1px solid #c6c6c6;
		}
		
		.sectionOverview {
			/* padding-left: 35px; */
		}
		.sectionBody {
			display:none;
		}
		.blueBackground {
			padding: 15px;
		}
		
		
		
		.clickable {
    		cursor: pointer;
    	}
    	.img_responsive {
    		/* max-width: 100%; */
    		width: 100%;
    	}
    	
    	
    	
    	/* triangle curtsey of http://apps.eky.hk/css-triangle-generator/ */
    	.blueTriangle {
    		width: 0;
			height: 0;
			border-style: solid;
			border-width: 0 50px 32px 50px;
			
			margin: 0 auto 0;
		}

		.finePrint {
			font-size: 11px;
		}

/* https://stackoverflow.com/questions/46571804/how-can-i-create-a-bootstrap-like-12-column-only-grid-grid-system-using-new */

.grid {
  /* margin: 1em; */
  /* border: solid lightgray; */
  /* background:lightgray; */
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 2px;
  counter-reset: div;
}
.grid div {
  /* border: solid; */
  /* text-align:center; */
}
.grid div:before {
  counter-increment: div;
  /* content:'Div number :' counter(div); */
}
.grid div[class]:after {
  display: block;
  /* text-align: center; */
  /* background: lightblue; */
  /* content: "Class applied : "attr(class); */
  /* color: crimson; */
}
.m-auto {
  margin:auto;
}
/* spanning cols */
.col-2 {
  grid-column: auto/span 2;
}
.col-3 {
  grid-column: auto/span 3;
}

.col-4 {
  grid-column: auto/span 4;
}

.col-6 {
  grid-column: auto/span 6;
}
.col-8 {
  grid-column: auto/span 8;
}
.col-9 {
  grid-column: auto/span 9;
}
.col-12 {
  grid-column: auto/span 12;
}

/* spanning rows */

.row-2 {
  grid-row: auto/span 2;
}



		@media all and (max-width: 700px) {
			#absoluteApplyMe {
				display:none;
			}
			.sectionOverview {
				/* display:none; */
			}
			
			.col-3 {
			  grid-column: auto/span 12;
			}

			.col-4 {
			  grid-column: auto/span 12;
			}

			.col-6 {
			  grid-column: auto/span 12;
			}

			.col-8 {
			  grid-column: auto/span 12;
			}

			.col-9 {
			  grid-column: auto/span 12;
			}
			.notSmall {
				display:none;
			}
			.manualEmailInputField {
				text-align: center;
			}
			
			
			
		}
		@media all and (min-width: 701px) {
			.twoColumnText {
				column-count: 2;
			}
			.twoColumnText p:nth-of-type(1) {
				margin-top:0;
			}
			.videoFigureHolder {
				/* padding-top: 30px; */
			}
			.blueTriangle {
				margin-left: 35px;
			}
			
			.col-3 {
			  grid-column: auto/span 6;
			}

			.col-4 {
			  grid-column: auto/span 6;
			}
			
			.col-6 {
			  grid-column: auto/span 6;
			}

			.col-8 {
			  grid-column: auto/span 6;
			}

			.col-9 {
			  grid-column: auto/span 6;
			}
			.notSmall {
				display:block;
			}
			.notMediumOrLarger {
				display:none;
			}
			.section {
				padding-bottom: 20px;
			}
		}
		@media all and (min-width: 1320px) {
			.videoFigureHolder {
				max-width: 900px;
			}
			.section_holder {
				margin: 0 auto 0;
				max-width: 1200px;
			}
			.section {
				/* float: left; */
				/* width: 48%; */
			}
			.col-3 {
			  grid-column: auto/span 3;
			}
			.col-4 {
			  grid-column: auto/span 4;
			}
			.col-6 {
			  grid-column: auto/span 6;
			}
			.col-8 {
			  grid-column: auto/span 8;
			}
			.col-9 {
			  grid-column: auto/span 9;
			}
			.job_title {
				font-size: 40px;
			}
			.job_location, .job_title {
				/* padding-left: 38px; */
			}
		}
		@media all and (min-width: 2000px) {
			.videoFigureHolder {
				max-width: 1200px;
			}
	 		.section_holder {
				max-width: 1800px;
				
			}
			.section {
				/* float: left; */
				/* width: 30%; */
			}
	 		
	 		.col-3 {
			  grid-column: auto/span 3;
			}
			.col-4 {
			  grid-column: auto/span 4;
			}
			.col-6 {
			  grid-column: auto/span 6;
			}
			.col-8 {
			  grid-column: auto/span 8;
			}
			.col-9 {
			  grid-column: auto/span 9;
			}
			.panel_content, .apply_now_parent {
				max-width: 1800px;
			}
		}

/* modal modifications */
.write2019 .ui-dialog-titlebar {display:none}
.write2019 .ui-dialog-content {padding: 0;}
.ui-dialog {padding: 0;}
.ui-widget-content {border: none;}
.ui-widget-overlay {opacity: .4}
.desc_q_dialog .ui-dialog-titlebar {display:none}
.desc_q_dialog {
	border: 2px solid #aaa;
}