/*--------------------------------------------------------------
# Global Styles
--------------------------------------------------------------*/
.col {
	vertical-align: top;
}

input[value="Submit"] {
    background-color: #777;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 10px 35px;
    text-transform: uppercase;
}

input[value="Submit"]:hover {
    background-color: #00a2df;
}


/*--------------------------------------------------------------
# Header Styles
--------------------------------------------------------------*/
h1.entry-title, h1.entry-title + p {
	margin: 0;
}


/*--------------------------------------------------------------
# Content Styles
--------------------------------------------------------------*/
.entry-content > .container {
    background-color: #fff;
    padding: 25px;
}

.job-openings > p {
	margin-top: 0;
}

.job-openings ul {
	margin: 0;
}

.job-openings p + ul {
	margin-top: -20px;
}

.tab > h2 {
	font-size: initial;
	margin: 0;
}

.job-item {
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
}

.job-item:not(.active) > .description {
    height: 0;
    overflow: hidden;
    transition: height .5s ease-in-out 0s;
}

.tab {
    background-color: #eee;
    cursor: pointer;
    padding: 5px 15px;
    position: relative;
}

.description > p:first-child {
	margin: 0;
}

.tab > svg {
    position: absolute;
    right: 25px;
    top: 15px;
}

.job-item:not(.active) .tab > svg {
	transform: rotate(180deg);
}

.col:last-child {
    background-color: #ccc;
    padding: 15px 25px;
}



@media screen and ( min-width: 768px ) {
	.entry-header {
		padding-bottom: 110px !important;
		padding-top: 2.5% !important;
	}

	.entry-content {
	    transform: translateY(-80px);
	}

	.entry-content > .container {
	    box-shadow: 0px -5px 5px -3px rgba(0,0,0,.1);
	}

	.tab > h2 {
		font-size: 1.5em;
	}

	.col:first-child {
	    max-width: calc(70% - 40px);
	}

	.col:last-child {
	    max-width: calc(30% - 40px);
	}
}